From 5c5f144e6018f663530f84f44aad12bafaf7e893 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=B7=E5=86=89=E5=86=89?= <kangranran@dingxuantech.cn>
Date: Fri, 29 Aug 2025 17:21:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=92=8C=E8=B5=84=E6=BA=90?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/line.png                    | Bin 0 -> 4533 bytes
 src/assets/styles/index.scss                  |   6 +
 src/components/echartsList/bar.vue            |  65 +++--
 src/components/echartsList/pie.vue            | 179 ++++++++++----
 src/components/table/index.vue                |   6 +-
 .../disRevenue/resource/register/handle.vue   |  56 ++---
 .../disRevenue/resource/resMonitor/index.vue  | 163 ++++++++-----
 src/views/index.vue                           | 226 ++++++++++--------
 8 files changed, 458 insertions(+), 243 deletions(-)
 create mode 100644 src/assets/images/line.png

diff --git a/src/assets/images/line.png b/src/assets/images/line.png
new file mode 100644
index 0000000000000000000000000000000000000000..3909745df7117262b0cc602b3e2947b004c9f4c0
GIT binary patch
literal 4533
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
I`fh~(0d1k~L;wH)

literal 0
HcmV?d00001

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index c52e9c8..1635c26 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -80,6 +80,9 @@ div:focus {
 .plr-50 {
   padding: 0 50px;
 }
+.p10 {
+  padding: 10px;
+}
 .p15 {
   padding: 15px;
 }
@@ -220,6 +223,9 @@ aside {
 .w30 {
   width: 30%;
 }
+.w40 {
+  width: 40%;
+}
 .w45 {
   width: 45%;
 }
diff --git a/src/components/echartsList/bar.vue b/src/components/echartsList/bar.vue
index b026129..f844882 100644
--- a/src/components/echartsList/bar.vue
+++ b/src/components/echartsList/bar.vue
@@ -36,7 +36,7 @@
         this.num = Math.floor(Math.random() * 9000);
       },
       mounted() {
-        console.log('barData=',this.barData);
+        // console.log('barData=',this.barData);
         if (this.barData && this.barData.hiddenTime) {
           this.getList(this.title,this.barData)
         }
@@ -44,13 +44,20 @@
       methods: {
         getList(title, dataXY) {
           const barDataListIntance = echarts.init(document.getElementById('barChart' + this.num));
-          let option = {
-            title: [{
+          let titleSet = {};
+          if (dataXY && dataXY.titleVal) {
+            titleSet = {
               text: title,
-              x: '50%',
-              y: '3%',
-              textAlign: 'center',
-            }],
+              x: dataXY && dataXY.titleVal && dataXY.titleVal.x || '50%',
+              y: dataXY && dataXY.titleVal && dataXY.titleVal.y || '3%',
+              textAlign: dataXY && dataXY.titleVal && dataXY.titleVal.textAlign || 'center',
+              textStyle: {
+                fontSize: 14
+              },
+            };
+          }
+          let option = {
+            title: [titleSet],
             tooltip: {
               trigger: 'axis',
               axisPointer: {
@@ -58,7 +65,7 @@
               }
             },
             grid: {
-              top: '20%',
+              top: dataXY && dataXY.gridTop || '20%',
               left: '3%',
               right: '4%',
               bottom: '3%',
@@ -66,17 +73,36 @@
             },
             xAxis: [
               {
-                type: 'category',
-                data: dataXY.lineXData,
-                axisTick: {
+                type: dataXY && dataXY.yAxis ? 'value' :'category',
+                data: dataXY && dataXY.yAxis ? [] : dataXY.lineData,
+                // 去掉x轴线
+                axisLine: { show: false },
+                // 去掉x轴刻度线
+                axisTick: { show: false },
+                // 去掉X轴网格线（竖向网格）
+                splitLine: { show: false },
+                // x轴标签样式（保留标签便于阅读）
+                axisLabel: {
                   show: false
-                },
+                }
               }
             ],
             yAxis: [
               {
-                type: 'value',
-                name: '单位Mbps'
+                type: dataXY && dataXY.yAxis ? 'category' :'value',
+                name: dataXY.name || '单位Mbps',
+                inverse: true,
+                // 去掉y轴线
+                axisLine: { show: false },
+                // 去掉y轴刻度线
+                axisTick: { show: false },
+                // 去掉y轴网格线（横向网格）
+                splitLine: { show: false },
+                // Y轴标签样式（保留标签便于阅读）
+                axisLabel: {
+                  show: true
+                },
+                data: dataXY && dataXY.yAxis ? dataXY.lineData : [],
               }
             ],
             series: [
@@ -84,7 +110,11 @@
                 // name: 'Direct',
                 type: 'bar',
                 barWidth: '60%',
-                data: dataXY.data
+                data: dataXY.data,
+                label: {
+                  show: dataXY && dataXY.seriesLabel || false,
+                  position: 'insideLeft',
+                }
               }
             ]
           };
@@ -96,7 +126,10 @@
 
         dataChangeValue(val, days) {
           // console.log(props.chartData(val));
-          this.getList(this.title, {data: this.barData.data, lineXData: days});
+          // this.getList(this.title, {data: this.barData.data, lineData: days, yAxis: this.barData && this.barData.yAxis});
+          let newbarData = {...this.barData};
+          newbarData['lineData'] = days;
+          this.getList(this.title, newbarData);
         }
       }
     }
diff --git a/src/components/echartsList/pie.vue b/src/components/echartsList/pie.vue
index 845387f..68a87e6 100644
--- a/src/components/echartsList/pie.vue
+++ b/src/components/echartsList/pie.vue
@@ -35,70 +35,161 @@
     methods: {
       getList(dataList) {
         const pieDataListIntance = echarts.init(document.getElementById('pieChart' + this.num));
+        let titleSet = {};
+        if (dataList && dataList.titleVal) {
+          titleSet = {
+            show: dataList && dataList.titleVal && dataList.titleVal.show || false,
+            text: dataList && dataList.titleVal && dataList.titleVal.title || '',
+            x: dataList && dataList.titleVal && dataList.titleVal.x || '50%',
+            y: dataList && dataList.titleVal && dataList.titleVal.y || '3%',
+            textAlign: dataList && dataList.titleVal && dataList.titleVal.textAlign || 'center',
+            textStyle: {
+              fontSize: 14
+            },
+          };
+        }
         let option = {
+          title: titleSet,
           color: dataList.color,
-          // title: [
-          //   {
-          //     text: `${dataList.centerVal}${dataList.unit}`,
-          //     left: "16%",
-          //     top: "43%",
-          //     textStyle: {
-          //       fontSize: 18,
-          //       fontWeight: "bold",
-          //       color: "#333",
-          //     },
-          //   }
-          // ],
           legend: {
-            // orient: 'vertical', // 垂直排列
             top: 'bottom',      // 垂直居中
-            // right: 1,          // 距离右侧40px
             itemWidth: 12,      // 图例标记宽度
             itemHeight: 12,     // 图例标记高度
             itemGap: 20,        // 图例项间距
             textStyle: {
-              fontSize: 14,
+              fontSize: 12,
               color: '#333'
             },
-            formatter: function(name) {
-              // 查找对应数据项
-              const item = dataList.data.find(item => item.name === name);
-              // 返回带数量的图例文本
-              return `${name} ${item.value}${dataList.unit}`;
-            }
+            // formatter: function(name) {
+            //   // 查找对应数据项
+            //   const item = dataList.data.find(item => item.name === name);
+            //   // 返回带数量的图例文本
+            //   return `${name} ${item.value}${dataList.unit}`;
+            // }
           },
           series: [{
             name: 'Access From',
             type: 'pie',
             radius: dataList && dataList.radius || ['40%', '70%'],
-            // center: dataList && dataList.center || ['20%', '50%'],
             label: {
-              show: false,
-              position: 'center'
-            },
-            emphasis: {
-              label: {
-                show: false,
-              }
-            },
-            labelLine: {
-              show: false
+              normal: {
+                show: true,
+                position: 'center',
+                color: '#333',
+                fontSize: 16,
+                formatter: function () {
+                  // let total = 0;
+                  // for (let i = 0; i < m2R2Data.length; i++) {
+                  //   const val = parseFloat(m2R2Data[i].value);
+                  //   if (!isNaN(val)) total += val;
+                  // }
+                  return `{value|${dataList.centerVal}}\n{unit|${dataList.lastVal}}`;
+                },
+                rich: {
+                  value: {
+                    fontSize: 24,
+                    fontFamily: 'HarmonyOS Sans SC',
+                    fontweight: 'bold',
+                    color: '#333',
+                  },
+                  unit: {
+                    fontFamily: 'HarmonyOS Sans SC',
+                    fontSize: 10,
+                    color: '#333',
+                  },
+                },
+              },
             },
             data: dataList.data
           }],
-          graphic: [{
-            type: 'text',
-            left: 'center',
-            top: 'middle',
-            style: {
-              text: `${dataList.centerVal}${dataList.unit}`,
-              textBaseline: 'middle',
-              textAlign: 'center',
-              fontSize: 20,
-              fill: '#333'
-            }
-          }],
+          // graphic: [{
+          //   type: 'text',
+          //   left: 'center',
+          //   top: 'middle',
+          //   style: {
+          //     text: `${dataList.centerVal}\n${dataList.lastVal}`,
+          //     textBaseline: 'middle',
+          //     textAlign: 'center',
+          //     fontSize: 20,
+          //     fill: '#333'
+          //   }
+          // }],
         };
+        // let option = {
+        //   title: {
+        //     text: '{a|' + Math.round((dataList.value * 100) / dataList.total) + '%}\n{b|' + dataList.lastVal + '}', // 显示标题
+        //     show: true, // 是否显示
+        //     x: 'center', // x轴位置
+        //     y: 'center', // y轴位置
+        //     textStyle: { // 样式配置
+        //       rich: {
+        //         a: {
+        //           fontSize: 24, // 字体大小
+        //           color: '#333333', // 字体颜色
+        //           padding: [0, 0, 5, 0], // 边距
+        //         },
+        //         b: {
+        //           fontSize: 14, // 字体大小
+        //           color: '#808080', // 字体颜色
+        //         },
+        //       },
+        //     },
+        //   },
+        //   angleAxis: {
+        //     max: dataList.total,
+        //     clockwise: false, // 逆时针
+        //     // 隐藏刻度线
+        //     show: false,
+        //     // 开始的角度
+        //     startAngle: 180
+        //   },
+        //   radiusAxis: {
+        //     type: 'category',
+        //     show: true,
+        //     axisLabel: {
+        //       show: false, // 是否显示标签
+        //     },
+        //     axisLine: {
+        //       show: false, // 是否显示轴线
+        //     },
+        //     axisTick: {
+        //       show: false, // 是否显示刻度
+        //     },
+        //   },
+        //   polar: [
+        //     {
+        //       radius: ['54%', '66%'] //图形大小
+        //     }
+        //   ],
+        //   series: [
+        //     {
+        //       type: 'bar',
+        //       z: 10,
+        //       data: [dataList.value], // 数据
+        //       coordinateSystem: 'polar', // 坐标
+        //       roundCap: true, // 是否在环形柱条两侧使用圆弧效果
+        //       barWidth: 20, // 大的占比环
+        //       itemStyle: { // 图形样式
+        //         normal: {
+        //           color: "#2A91D9",
+        //         }
+        //       }
+        //     },
+        //     {
+        //       type: 'pie',
+        //       name: '内层细圆环',
+        //       radius: ['55%', '65%'], // 饼图的半径
+        //       hoverAnimation: false, // 悬浮突出
+        //       itemStyle: { // 图形样式
+        //         color: "#DFE0EF", // 颜色
+        //       },
+        //       label: {
+        //         show: false // 是否显示
+        //       },
+        //       data: [dataList.total]
+        //     }
+        //   ]
+        // };
         pieDataListIntance.setOption(option);
         // window.addEventListener("resize", () => {
         //   pieDataListIntance.resize()
diff --git a/src/components/table/index.vue b/src/components/table/index.vue
index 8d2917c..6f4e4a3 100644
--- a/src/components/table/index.vue
+++ b/src/components/table/index.vue
@@ -11,7 +11,7 @@
         </el-row>
         <!-- 表格数据 -->
         <el-table v-loading="loading" :data="tableList" ref="selChangeList" @selection-change="handleSelectionChange">
-            <el-table-column v-if="!config.colHiddenCheck" type="selection" width="55" align="center" />
+            <el-table-column v-if="!config && config.colHiddenCheck" type="selection" width="55" align="center" />
             <template v-for="(column, key, index) of columns">
                 <el-table-column :label="column.label" :key="key" :prop="key" :width="column.width" min-width="100px" v-if="column && column.visible" align="center" :show-overflow-tooltip="true">
                     <!--  插槽 自定义列表表头数据格式  -->
@@ -72,7 +72,9 @@
           },
           config: {
               type: Object,
-              default: () => {}
+              default: () => ({
+                colHiddenCheck: false
+              })
           }
       },
       data() {
diff --git a/src/views/disRevenue/resource/register/handle.vue b/src/views/disRevenue/resource/register/handle.vue
index 28b7ec4..66a8014 100644
--- a/src/views/disRevenue/resource/register/handle.vue
+++ b/src/views/disRevenue/resource/register/handle.vue
@@ -43,28 +43,24 @@
             hardwareSn: {label: '硬件SN', span: 12, type: 'input',
               disabled: objVal && objVal.id ? true : false, rules: [{required: true, message: '请输入硬件SN', trigger: 'blur'}]},
             resourceName: {label: '资源名称', span: 12, type: 'input'},
-            resourceType: {label: '资源类型', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_resource_type},
+            resourceType: {label: '资源类型', span: 12, type: 'radio', options: this.dict.type.rm_register_resource_type},
             ipAddress: {label: 'IP地址', span: 12, type: 'input'},
-            protocol: {label: '协议', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_protocol,},
-            resourcePort: {label: '端口', span: 8, type: 'select', eventName: 'change',
-              options: this.dict.type.rm_register_port, rules: [{required: true, message: '请输入硬件SN', trigger: 'blur'}]},
-            otherPortName: {label: ' ', span: 4, type: 'input',
-              hidden: objVal && objVal.resourcePort === '2' ? false : true},
-            resourceVersion: {label: '版本', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_version,hidden: objVal && objVal.resourcePort === '1' ? false : true},
-            securityLevel: {label: '安全级别', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_security_level,hidden: objVal && objVal.resourcePort === '1' ? false : true},
+            protocol: {label: '协议', span: 12, type: 'radio', options: this.dict.type.rm_register_protocol,},
+            resourcePort: {label: '端口', span: 12, type: 'input', rules: [{required: true, message: '请输入硬件SN', trigger: 'blur'}]},
+            // otherPortName: {label: ' ', span: 4, type: 'input',
+            //   hidden: objVal && objVal.resourcePort === '2' ? false : true},
+            snmp: {label: 'SNMP探测', span: 12, type: 'radio', eventName: 'change', options: this.dict.type.rm_register_version},
+            resourceVersion: {label: 'SNMP版本', span: 12, type: 'radio',
+              options: this.dict.type.rm_register_version,hidden: objVal && objVal.snmp === '1' ? false : true},
+            // securityLevel: {label: '安全级别', span: 12, type: 'radio',
+            //   options: this.dict.type.rm_register_security_level,hidden: objVal && objVal.resourcePort === '1' ? false : true},
             rwPermission: {label: '读写权限', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_permission,hidden: objVal && objVal.resourcePort === '1' ? false : true},
-            resourceUserName: {label: '用户名', span: 12, type: 'input',
-              hidden: objVal && objVal.resourcePort === '1' ? false : true},
-            encryption: {label: '加密方式', span: 12, type: 'radio',
-              options: this.dict.type.rm_register_encryption,hidden: objVal && objVal.resourcePort === '1' ? false : true},
-            resourcePwd: {label: '密码', span: 12, type: 'input',
-              hidden: objVal && objVal.resourcePort === '1' ? false : true},
-            description: {label: '描述', span: 12, type: 'textarea'},
+              options: this.dict.type.rm_register_permission,hidden: objVal && objVal.snmp === '1' ? false : true},
+            resourceUserName: {label: '团体名称', span: 12, type: 'input', hidden: objVal && objVal.snmp === '1' ? false : true},
+            // encryption: {label: '加密方式', span: 12, type: 'radio',
+            //   options: this.dict.type.rm_register_encryption,hidden: objVal && objVal.resourcePort === '1' ? false : true},
+            resourcePwd: {label: 'SNMP采集地址', span: 12, type: 'input', hidden: objVal && objVal.snmp === '1' ? false : true},
+            description: {label: '描述', span: 24, type: 'textarea'},
             // customerName: {label: '设备业务客户', span: 12, type: 'input'},
             // serviceNumber: {label: '业务号', span: 12, type: 'input'},
           }
@@ -84,24 +80,24 @@
       callback(result, dataVal, formVal) {
         if (result && result.fnCode) {
           switch (result.fnCode) {
-            case 'resourcePort':
+            case 'snmp':
               if (dataVal === '1') {
-                this.formList[0].controls.otherPortName['hidden'] = true;
+                // this.formList[0].controls.otherPortName['hidden'] = true;
                 this.formList[0].controls.resourceVersion['hidden'] = false;
-                this.formList[0].controls.securityLevel['hidden'] = false;
+                // this.formList[0].controls.securityLevel['hidden'] = false;
                 this.formList[0].controls.rwPermission['hidden'] = false;
-                this.formList[0].controls.resourceVersion['hidden'] = false;
-                this.formList[0].controls.encryption['hidden'] = false;
+                // this.formList[0].controls.resourceVersion['hidden'] = false;
+                // this.formList[0].controls.encryption['hidden'] = false;
                 this.formList[0].controls.resourcePwd['hidden'] = false;
                 this.formList[0].controls.resourceUserName['hidden'] = false;
               } else {
-                this.formList[0].controls.otherPortName['hidden'] = false;
+                // this.formList[0].controls.otherPortName['hidden'] = false;
                 this.formList[0].controls.resourceVersion['hidden'] = true;
-                this.formList[0].controls.securityLevel['hidden'] = true;
+                // this.formList[0].controls.securityLevel['hidden'] = true;
                 this.formList[0].controls.rwPermission['hidden'] = true;
-                this.formList[0].controls.resourceVersion['hidden'] = true;
-                this.formList[0].controls.resourceUserName['hidden'] = true;
-                this.formList[0].controls.encryption['hidden'] = true;
+                // this.formList[0].controls.resourceVersion['hidden'] = true;
+                // this.formList[0].controls.resourceUserName['hidden'] = true;
+                // this.formList[0].controls.encryption['hidden'] = true;
                 this.formList[0].controls.resourcePwd['hidden'] = true;
               }
               break;
diff --git a/src/views/disRevenue/resource/resMonitor/index.vue b/src/views/disRevenue/resource/resMonitor/index.vue
index b48791b..93077a8 100644
--- a/src/views/disRevenue/resource/resMonitor/index.vue
+++ b/src/views/disRevenue/resource/resMonitor/index.vue
@@ -1,59 +1,77 @@
 <template>
   <div class="app-container pageTopForm">
-    <div style="height: 200px;">
-      <EchartsPie v-for="item of dataList" :dataList="item" style="width: 33%;" class="h100 disInlineBlock"></EchartsPie>
-    </div>
-    <el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="auto">
-      <el-col :span="7">
-        <el-form-item label="搜索" prop="switchName">
-          <el-input
-            v-model="queryParams.switchName"
-            placeholder="请输入硬件SN/资源名称/IP地址"
-            clearable
-            @keyup.enter="handleQuery"
-          />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="资源类型" prop="bandwidthType">
-          <el-select
-            v-model="queryParams.bandwidthType"
-            placeholder="请选择资源类型"
-            clearable>
-            <el-option
-              v-for="dict in dict.type.rm_topology_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="在线状态" prop="status">
-          <el-select
-            v-model="queryParams.status"
-            placeholder="请选择在线状态"
-            clearable>
-            <el-option
-              v-for="dict in dict.type.rm_topology_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item>
-          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-        </el-form-item>
-      </el-col>
-    </el-form>
-    <TableList :columns="columns" :config="config" :queryParams="queryParams" :tableList="roleList" @fnClick="callback" @fnRenderList="getList" @value-change="handleValueChange">
-      <template #tempType="{ row, column }">
-        <dict-tag :options="dict.type.rm_topology_type" :value="row.connectedDeviceType"/>
-      </template>
-    </TableList>
+<!--    <div style="height: 200px;">-->
+<!--      <EchartsPie v-for="item of dataList" :dataList="item" style="width: 33%;" class="h100 disInlineBlock"></EchartsPie>-->
+<!--    </div>-->
+    <el-row :gutter="20">
+      <splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme">
+        <!--部门数据-->
+        <pane size="16">
+          <el-col>
+            <div class="head-container">
+              <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
+            </div>
+            <div class="head-container">
+              <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current @node-click="handleNodeClick" />
+            </div>
+          </el-col>
+        </pane>
+        <!--用户数据-->
+        <pane size="84">
+          <el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="auto">
+            <el-col :span="7">
+              <el-form-item label="搜索" prop="switchName">
+                <el-input
+                  v-model="queryParams.switchName"
+                  placeholder="请输入硬件SN/资源名称/IP地址"
+                  clearable
+                  @keyup.enter="handleQuery"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="资源类型" prop="bandwidthType">
+                <el-select
+                  v-model="queryParams.bandwidthType"
+                  placeholder="请选择资源类型"
+                  clearable>
+                  <el-option
+                    v-for="dict in dict.type.rm_topology_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="在线状态" prop="status">
+                <el-select
+                  v-model="queryParams.status"
+                  placeholder="请选择在线状态"
+                  clearable>
+                  <el-option
+                    v-for="dict in dict.type.rm_topology_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-col>
+          </el-form>
+          <TableList :columns="columns" :config="config" :queryParams="queryParams" :tableList="roleList" @fnClick="callback" @fnRenderList="getList" @value-change="handleValueChange">
+            <template #tempType="{ row, column }">
+              <dict-tag :options="dict.type.rm_topology_type" :value="row.connectedDeviceType"/>
+            </template>
+          </TableList>
+        </pane>
+      </splitpanes>
+    </el-row>
   </div>
 </template>
 
@@ -61,13 +79,25 @@
   import TableList from "@/components/table/index.vue"
   import EchartsPie from "@/components/echartsList/pie.vue"
   import {listTopology, delTopology} from "@/api/disRevenue/resource"
+  import {deptTreeSelect } from "@/api/system/user"
+  import { Splitpanes, Pane } from "splitpanes"
+  import "splitpanes/dist/splitpanes.css"
   export default {
     name: 'ResMonitor',
-    components: {TableList,EchartsPie},
+    components: {TableList,EchartsPie, Splitpanes, Pane},
     dicts: ['rm_topology_type'],
     data() {
       return {
         loading: true,
+        // 部门名称
+        deptName: undefined,
+        // 所有部门树选项
+        deptOptions: undefined,
+        defaultProps: {
+          children: "children",
+          label: "label"
+        },
+
         showSearch: true,
         roleList: [],
         queryParams: {
@@ -129,10 +159,33 @@
         }]
       }
     },
+    watch: {
+      // 根据名称筛选部门树
+      deptName(val) {
+        this.$refs.tree.filter(val)
+      }
+    },
     created() {
       this.getList();
+      this.getDeptTree();
     },
     methods: {
+      /** 查询部门下拉树结构 */
+      getDeptTree() {
+        deptTreeSelect().then(response => {
+          this.deptOptions = response.data;
+        })
+      },
+      // 筛选节点
+      filterNode(value, data) {
+        if (!value) return true
+        return data.label.indexOf(value) !== -1
+      },
+      // 节点单击事件
+      handleNodeClick(data) {
+        this.queryParams.deptId = data.id;
+        this.handleQuery();
+      },
       /** 查询列表 */
       getList() {
         this.loading = true;
diff --git a/src/views/index.vue b/src/views/index.vue
index a38d1c0..e149ac0 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,19 +1,49 @@
 <template>
-  <div class="app-container home w100" style="height: calc(100vh - 85px);">
+  <div class="app-container home w100" style="height: calc(100vh - 85px);color: #000;">
     <!--    header -->
-    <div class="w100" style="height: 40%;">
-      <div class="h100 disInlineBlock" style="width: 25%;border: 1px solid #d8dce6;border-radius: 10px">
+    <div class="w100" style="height: 17%;min-height: 110px;">
+      <div v-for="(item,index) of headerList" class="h100 disInlineBlock" :style="`margin-right:${index + 1 === headerList.length ? 'none' : '1.3%'}`"
+           style="width: 24%;padding: 10px 15px;border: 1px solid #d8dce6;border-radius: 10px;vertical-align: bottom;">
+        <div style="font-size: 14px;">{{item.title}}</div>
+        <div style="margin: 15px 0 10px 15px;">
+          <div class="disInlineBlock w50"><span style="font-size: 1.5rem;">{{item.num}}</span><span>{{item.unit}}</span></div>
+          <img src="@/assets/images/line.png" class="fr" width="100" alt="">
+        </div>
+        <div style="font-size: 10px;">{{item.lastVal}} <span>{{item.lastNum}}</span></div>
+      </div>
+    </div>
+    <!--  middle  -->
+    <div class="w100" style="height: 35%;margin: 1% 0;">
+      <div class="disInlineBlock h100" style="width: 24%;border: 1px solid #d8dce6;border-radius: 10px;">
         <EchartsPie :dataList="dataList[0]" class="w100 h100"></EchartsPie>
       </div>
-      <div class="h100 disInlineBlock" style="width: 48%;border: 1px solid #d8dce6;margin: 0 1%;border-radius: 10px">
-        <EchartsLine :lineData="lineDataParams" :title="``" class="w100 h100"></EchartsLine>
+      <div class="disInlineBlock h100" style="width: 49.4%;border: 1px solid #d8dce6;border-radius: 10px;margin: 0 1.3%;">
+        <EchartsBar :barData="lineDataParams" :title="`当日业务的在线设备数量统计TOP10`" class="w100 h100"></EchartsBar>
       </div>
-      <div class="h100 disInlineBlock" style="width: 25%;border: 1px solid #d8dce6;border-radius: 10px">
+      <div class="disInlineBlock h100" style="width: 24%;border: 1px solid #d8dce6;border-radius: 10px;">
         <EchartsPie :dataList="dataList[1]" class="w100 h100"></EchartsPie>
       </div>
     </div>
-    <div class="w100" style="height: 58%;margin: 1% 0;border: 1px solid #d8dce6;border-radius: 10px">
-      <EchartsBar :barData="lineDataParams" :title="``" class="w100 h100"></EchartsBar>
+    <!--  footer  -->
+    <div class="w100" style="height: 44%;margin: 1% 0 0;">
+      <div class="disInlineBlock h100 p10" style="width: 49.5%;border: 1px solid #d8dce6;border-radius: 10px;margin-right: 1%;vertical-align: middle;">
+        <div style="font-size: 14px;height: 10%">
+          <span>服务器宽带收益</span>
+          <span @click="routerLine(1)" style="float: right;font-size: 12px; color: #0d52d9;cursor: pointer;">更多 >></span>
+        </div>
+        <div style="height: 90%;overflow: scroll;" class="newSty">
+          <TableList :columns="serverColumns" :queryParams="serQueryParams" :tableList="serTableList"></TableList>
+        </div>
+      </div>
+      <div class="disInlineBlock h100 p10" style="width: 49.5%;border: 1px solid #d8dce6;border-radius: 10px;vertical-align: middle;">
+        <div style="font-size: 14px;height: 10%">
+          <span>资源监控</span>
+          <span @click="routerLine(2)" style="float: right;font-size: 12px; color: #0d52d9;cursor: pointer;">更多 >></span>
+        </div>
+        <div style="height: 90%;overflow: scroll;" class="newSty">
+          <TableList :columns="resMonitorColumns" :queryParams="resQueryParams" :tableList="resTableList"></TableList>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -22,117 +52,121 @@
   import EchartsPie from "@/components/echartsList/pie.vue"
   import EchartsLine from "@/components/echartsList/line.vue"
   import EchartsBar from "@/components/echartsList/bar.vue"
+  import TableList from "@/components/table/index.vue";
+  import {listBandWidth} from "@/api/disRevenue/earnManage"
+  import {listTopology} from "@/api/disRevenue/resource"
 export default {
   name: "Index",
-  components: {EchartsPie, EchartsLine, EchartsBar},
+  components: {EchartsPie, EchartsLine, EchartsBar, TableList},
   data() {
     return {
       // 版本号
       version: "3.6.6",
+      headerList: [
+        {title: '当前在线服务器的流量相关的业务数', num: '76800', unit: '个'},
+        {title: '当前在线服务器发送带宽总流量', num: '1126', unit: 'Mbps'},
+        {title: '当前在线交换机接收带宽总流量', num: '1140', unit: 'Mbps'},
+        {title: '交换机在线数量', num: '1111', unit: '个', lastVal: '交换机注册总数', lastNum: '11112222'},
+      ],
+      lineDataParams: {
+        titleVal: {x: '1%', y: '3%', textAlign: 'left'},
+        gridTop: '15%',
+        seriesLabel: true,
+        hiddenTime: true,
+        yAxis: true,
+        name: ' ',
+        lineData: ['业务名称1', '业务名称2', '业务名称3', '业务名称4', '业务名称5', '业务名称6', '业务名称7', '业务名称8', '业务名称9', '业务名称10'],
+        data: [100, 90, 80, 70, 60, 50, 40, 30, 20, 10]
+      },
       dataList: [{
-        centerVal: '56',
-        unit: '台',
-        center: ['30%', '50%'],
-        color: ['#31bb42', '#f96602'],
+        titleVal: {title: '服务器在线率', show: true, x: '1%', y: '3%', textAlign: 'left'},
+        centerVal: '82%',
+        lastVal: '在线率',
+        color: ['#0d52d9', '#bbc4d2'],
+        radius: ['60%', '70%'],
         data: [
-          { value: 36, name: '在线服务器' },
-          { value: 20, name: '离线服务器' }
+          { value: 82, name: '在线' },
+          { value: 28, name: '总数' }
         ]
       },{
-        centerVal: '10',
-        unit: '台',
-        center: ['30%', '50%'],
-        color: ['#1c7dbc', '#f80a4f'],
+        titleVal: {title: '资源告警处理情况', show: true, x: '1%', y: '3%', textAlign: 'left'},
+        centerVal: '82%',
+        lastVal: '告警处理率',
+        radius: ['60%', '70%'],
+        color: ['#0d52d9', '#bbc4d2'],
         data: [
-          { value: 8, name: '在线交换机' },
-          { value: 2, name: '离线交换机' }
-        ]
-      },{
-        centerVal: '82',
-        unit: '%',
-        center: ['30%', '50%'],
-        color: ['#1a7aff', '#f96602'],
-        data: [
-          { value: 82, name: '服务器整体带宽利用率' },
-          { value: 18, name: '离线交换机' }
+          { value: 82, name: '已处理告警数' },
+          { value: 28, name: '总告警数' }
         ]
       }],
-      lineDataParams: {
-        hiddenTime: true,
-        lineXData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-        data: [820, 932, 901, 934, 1290, 1330, 1320]
+      // 列显隐信息
+      serverColumns: {
+        id: {label: `ID`},
+        nodeName: {label: `节点名称`, visible: true},
+        businessName: {label: `业务名称`, visible: true},
+        effectiveBandwidth95Daily: {label: `有效95带宽值Mbps/日`, width: '160px', visible: true},
+        avgMonthlyBandwidth95: {label: `月均日95值Mbps`, width: '130px', visible: true}
+      },
+      serTableList:[],
+      serQueryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        total: 0
+      },
+      // 列显隐信息
+      resMonitorColumns: {
+        id: { label: `ID`, visible: false },
+        switchName: { label: `资源名称`, visible: true },
+        interfaceName: { label: `ip地址`, visible: true },
+        serverSn: { label: `CPU使用率%`,visible: true},
+        serverPort: { label: `内存使用率%`, visible: true }
+      },
+      resTableList: [],
+      resQueryParams: {
+        pageNum: 1,
+        pageSize: 6,
+        total: 0
       }
     }
   },
+  created() {
+    this.serverTableList();
+    this.resMonitorTableList();
+  },
   methods: {
-    goTarget(href) {
-      window.open(href, "_blank")
+    serverTableList() {
+      listBandWidth(this.serQueryParams).then(response => {
+        this.serTableList = response.rows;
+        this.serQueryParams.total = response.total;
+      })
+    },
+    resMonitorTableList() {
+      listTopology(this.resQueryParams).then(response => {
+        this.resTableList = response.rows;
+        this.resQueryParams.total = response.total;
+      })
+    },
+    // 跳转页面
+    routerLine(num) {
+      if (num === 1) {
+        this.$router.push({path:'/earnManage/server'});
+      }
+      if (num === 2) {
+        this.$router.push({path:'/resource/resMonitor'});
+      }
     }
   }
 }
 </script>
 
 <style scoped lang="scss">
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
+  ::-webkit-scrollbar {
+    width: 0px!important;
+    height: 0px!important;
   }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
-  }
-
-  h4 {
-    margin-top: 0px;
-  }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
-    }
-  }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
+  /*::v-deep .newSty .el-table {*/
+  /*  height: 190px;*/
+  /*  overflow-y: scroll;*/
+  /*}*/
 </style>