服务器带宽收益和交换机带宽收益列表搜索条件多次搜索后无反应问题、服务器管理、拓扑管理

1、服务器带宽收益和交换机带宽收益列表搜索条件多次搜索后无反应问题
	2、table列表替换排序图标以及功能的实现方法，解决控制台提示的警告信息
	3、服务器管理模块下选择业务Ip的表单字段展示、传参以及接口修改
	4、优化拓扑管理表单接口查询、列表对端交换机名称字段修改

src/views/resource/topology/details.vue

@@ -30,7 +30,7 @@
         this.getFormDataList(this.paramsData.id);
       } else {
         this.switchList();
-        this.fnServerNameList();
+        // this.fnServerNameList();
         this.fnFormList();
       }
 
@@ -93,7 +93,7 @@
           this.formList[0].controls.serverClientId['options'] = val && val.data.map(item => {
             if (this.paramsData && this.paramsData.id) {
               if (item.clientId === this.ruleForm.serverClientId) {
-                this.fnServerPortList({serverIp: item.ipAddress});
+                this.fnServerPortList({clientId: item.clientId});
               }
             }
             return Object.assign({label: item.clientId, value: item.clientId});
@@ -115,7 +115,9 @@
           this.ruleForm = val && val.data;
           this.formModel = JSON.parse(JSON.stringify(val && val.data));
           this.switchList();
-          this.fnServerNameList();
+          if (this.ruleForm.connectedDeviceType && this.ruleForm.connectedDeviceType === '1') {
+            this.fnServerNameList();
+          }
           this.fnFormList();
         }).catch(() => {
           this.$modal.msgError("操作失败")
@@ -131,7 +133,9 @@
                 this.formList[0].controls.serverPort['hidden'] = false;
                 this.formList[0].controls.peerSwitchName['hidden'] = true;
                 this.formList[0].controls.peerSwitchInterface['hidden'] = true;
+                this.fnServerNameList();
               } else if (dataVal && (dataVal === '3' || dataVal === '4')) {
+                this.formList[0].controls.peerSwitchInterface['options'] = [];
                 if (this.formModel.connectedDeviceType != dataVal) {
                   this.ruleForm.peerSwitchName = '';
                   this.ruleForm.peerSwitchInterface = '';

src/views/resource/topology/gplot.vue

@@ -36,6 +36,12 @@
       // 获取详情
       getList(res,lightVal) {
         const gplotChartLine = echarts.init(document.getElementById('gplotChart'));
+        // 检查该 DOM 上是否已存在 ECharts 实例
+        const existingChart = echarts.getInstanceByDom(gplotChartLine);
+        // 如果实例已存在，则销毁它
+        if (existingChart) {
+          existingChart.dispose();
+        }
         let seriesNodes = [
             {
               id: 'cloud',

src/views/resource/topology/index.vue

@@ -53,7 +53,7 @@
             serverClientId: { label: `服务器ClientID`, minWidth: '180', visible: true},
             serverSn: { label: `服务器硬件SN`, minWidth: '150', visible: false},
             serverPort: { label: `服务器网口`, minWidth: '250', visible: true },
-            peerSwitchName: { label: `对端交换机名称`, minWidth: '250', visible: true },
+            peerName: { label: `对端交换机名称`, minWidth: '250', visible: true },
             peerSwitchInterface: { label: `对端交换机接口`, minWidth: '150', visible: true },
             createTime: { label: `创建时间`, minWidth: '160'},
             updateTime:{ label: `修改时间`, minWidth: '160'}