服务器管理列表中日95利用率字段添加排序功能
1、服务器管理列表中日95利用率字段添加排序功能 2、优化列表中列的数据太长导致的文本提示框信息超出屏幕问题
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
@@ -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]: ''
|
||||||
|
|||||||
Reference in New Issue
Block a user