gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf : network ,process 二级页面优化

Browse Source
This commit is contained in:
likexuan
2022-09-16 15:29:47 +08:00
parent 6cb1da7f3d
commit 6c5e752949
2 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
nezha-fronted/src/components/common/table/asset/assetNetworkTable.vue
View File

@@ -11,12 +11,12 @@
@selection-change="selectionChange"
@row-dblclick="(row)=>{queryMessage(row)}"
>
<el-table-column
<!-- <el-table-column
:resizable="false"
align="center"
type="selection"
width="55">
</el-table-column>
</el-table-column> -->
<el-table-column
v-for="(item, index) in customTableTitle"
v-if="item.show"
@@ -38,15 +38,21 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'processCmd'">
<div :title="scope.row[item.prop] || scope.row.processName">{{scope.row[item.prop] || scope.row.processName}}</div>
<div :title="scope.row[item.prop] ? scope.row[item.prop] : scope.row.processName">{{scope.row[item.prop] ? scope.row[item.prop] : scope.row.processName}}</div>
</template>
<template v-else-if="item.prop === 'processId'">
{{scope.row[item.prop]}}
</template>
<template v-else-if="item.prop === 'transmitQueue'">
<template v-else-if="item.prop === 'localAddress'">
{{scope.row[item.prop]}} : {{scope.row.localPort == 0 ? '*' : scope.row.localPort}}
</template>
<template v-else-if="item.prop === 'foreignAddress'">
{{scope.row[item.prop] + ':' + scope.row.foreignPort}}
</template>
<template v-else-if="item.prop === 'receiveQueue'">
{{scope.row[item.prop]}}
</template>
<template v-else-if="item.prop === 'receiveQueue'">
<template v-else-if="item.prop === 'transmitQueue'">
{{scope.row[item.prop]}}
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
@@ -111,19 +117,21 @@ export default {
label: this.$t('overall.state'),
prop: 'state',
show: true,
minWidth: 120
minWidth: 120,
sortable: 'custom'
},
{
label: this.$t('asset.network.receiveQueue'),
prop: 'receiveQueue',
show: true,
minWidth: 120,
sortable: 'custom'
}, {
label: this.$t('asset.network.transmitQueue'),
prop: 'transmitQueue',
show: true,
minWidth: 200,
sortable: 'custom'
}, {
label: this.$t('asset.network.receiveQueue'),
prop: 'receiveQueue',
show: true,
minWidth: 120,
sortable: 'custom'
}
]
}
@@ -139,5 +147,3 @@ export default {
</script>
<style>
</style>
<style>
</style>

7
nezha-fronted/src/components/common/table/asset/assetProcessTable.vue
View File

@@ -11,12 +11,12 @@
@selection-change="selectionChange"
@row-dblclick="(row)=>{queryMessage(row)}"
>
<el-table-column
<!-- <el-table-column
:resizable="false"
align="center"
type="selection"
width="55">
</el-table-column>
</el-table-column> -->
<el-table-column
v-for="(item, index) in customTableTitle"
v-if="item.show"
@@ -143,7 +143,8 @@ export default {
label: this.$t('overall.state'),
prop: 'state',
show: false,
minWidth: 120
minWidth: 120,
sortable: 'custom'
}, {
label: this.$t('asset.process.threadCount'),
prop: 'threadCount',