服务器管理列表中日95利用率字段添加排序功能

1、服务器管理列表中日95利用率字段添加排序功能
2、优化列表中列的数据太长导致的文本提示框信息超出屏幕问题
This commit is contained in:
康冉冉
2026-03-03 17:24:54 +08:00
parent 4dad783731
commit 8f245c0395
3 changed files with 39 additions and 38 deletions
+4 -4
View File
@@ -497,9 +497,9 @@
handleSortChange({column, prop, order}) { handleSortChange({column, prop, order}) {
let sortType = 3; let sortType = 3;
if (order === 'ascending') { if (order === 'ascending') {
sortType = 1; sortType = this.columns[prop]['ascending'];
} else if (order === 'descending') { } else if (order === 'descending') {
sortType = 2; sortType = this.columns[prop]['descending'];
} }
this.$emit("fnClick", {fnCode: 'sortTable'}, {sortType: sortType}); this.$emit("fnClick", {fnCode: 'sortTable'}, {sortType: sortType});
}, },
@@ -564,11 +564,11 @@
} }
</style> </style>
<style> <style>
.my-custom-tooltip { .my-custom-tooltip > div {
box-sizing: border-box !important; box-sizing: border-box !important;
max-height: 300px !important; /* 设置最大高度 */ max-height: 300px !important; /* 设置最大高度 */
overflow-y: auto !important; /* 内容超出时显示垂直滚动条 */ overflow-y: auto !important; /* 内容超出时显示垂直滚动条 */
line-height: 1.5 !important; /* 设置行高,提升可读性 */ line-height: 1.5 !important; /* 设置行高,提升可读性 */
padding: 8px 12px !important; /* 设置内边距 */ /*padding: 8px 12px !important; !* 设置内边距 *!*/
} }
</style> </style>
+2 -2
View File
@@ -246,8 +246,8 @@
ip1Province: { label: `省1`, minWidth: '50',visible: true, disabled: true}, ip1Province: { label: `省1`, minWidth: '50',visible: true, disabled: true},
ip1PublicIp:{ label: `IP1`,minWidth: '100',visible: true, disabled: true}, ip1PublicIp:{ label: `IP1`,minWidth: '100',visible: true, disabled: true},
businessName: { label: `业务名称`, minWidth: '90', visible: true, disabled: true}, businessName: { label: `业务名称`, minWidth: '90', visible: true, disabled: true},
bandwidthResult: { label: `昨日95值`, minWidth: '75', visible: true, disabled: true, sortable: 'custom'}, bandwidthResult: { label: `昨日95值`, minWidth: '75', visible: true, disabled: true, sortable: 'custom', ascending: 1, descending: 2},
bandwidthRate: { label: `日95利用率`, minWidth: '75', visible: true, disabled: true}, bandwidthRate: { label: `日95利用率`, minWidth: '90', visible: true, disabled: true, sortable: 'custom', ascending: 5, descending: 6},
reportedBandwidth: { label: `上报带宽值`, minWidth: '70', slotName: 'tempHandle', visible: true, disabled: true}, reportedBandwidth: { label: `上报带宽值`, minWidth: '70', slotName: 'tempHandle', visible: true, disabled: true},
outboundRate: { label: `出省流量占比`, minWidth: '90', slotName: 'tempOutbound', visible: true, disabled: true}, outboundRate: { label: `出省流量占比`, minWidth: '90', slotName: 'tempOutbound', visible: true, disabled: true},
onlineStatus: { label: `在线状态`, slotName: 'tempOnlineStatus', minWidth: '60', visible: true, disabled: true}, onlineStatus: { label: `在线状态`, slotName: 'tempOnlineStatus', minWidth: '60', visible: true, disabled: true},
+2 -1
View File
@@ -33,7 +33,8 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy http://192.168.9.141:8080 // detail: https://cli.vuejs.org/config/#devserver-proxy http://192.168.9.141:8080
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://192.168.9.141:8080`, // target: `http://192.168.9.138:8080`,
target: `http://172.16.15.51:8080`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''