修改

src/views/IntegratedMonitor/viewExhibition/monitorView.vue

@@ -25,7 +25,12 @@
             border
             style="width: 100%;padding-top: 20px"
           >
-            <el-table-column label="设备" prop="equipment" show-overflow-tooltip />
+            <el-table-column label="设备" prop="equipment" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <img :src="scope.row.icon" class="name-icon">
+                <span>{{ scope.row.equipment }}</span>
+              </template>
+            </el-table-column>
             <el-table-column label="监测点" prop="point" show-overflow-tooltip />
             <el-table-column label="" prop="value" show-overflow-tooltip />
             <el-table-column label="" prop="value2" show-overflow-tooltip />
@@ -111,9 +116,9 @@ export default {
         type: ''
       },
       tableData: [
-        { equipment: '智盘服务器10.1.1.50', point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: '连接' },
-        { equipment: '总部24F-机柜8-17U-16U-电票系统', point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: '/dev/sda2 (/media/disk)' },
-        { equipment: '人脸识别服务器-10.1.1.52', point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: 'Snmp连接检测' }
+        { equipment: '智盘服务器10.1.1.50', icon: require('@/assets/image/shebei2-zhengchang.png'), point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: '连接' },
+        { equipment: '总部24F-机柜8-17U-16U-电票系统', icon: require('@/assets/image/shebei2-guzhang.png'), point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: '/dev/sda2 (/media/disk)' },
+        { equipment: '人脸识别服务器-10.1.1.52', icon: require('@/assets/image/shebei2-zhengchang.png'), point: '/dev/sda1 (/boot)', value: '物理内存', value2: 'Ping', value3: 'Snmp连接检测' }
       ],
       tableData2: [
         { equipment: '餐厅服务器-10.1.1.61', point: 'C:', value: '1', value2: '磁盘使用率(%)', value3: '16.250', value4: '> 90', value5: '> 95', value6: '2022-04-20 23:50:00' },
@@ -121,10 +126,11 @@ export default {
         { equipment: '餐厅服务器-10.1.1.61', point: '虚拟内存', value: '1', value2: '内存使用率(%)', value3: '16.250', value4: '> 90', value5: '> 95', value6: '2022-04-20 23:50:00' }
       ],
       equipmentList: [
-        { img: require('@/assets/image/img.png'), name: '智盘服务器10.1.1.50' },
-        { img: require('@/assets/image/img.png'), name: '智盘服务器10.1.1.50' },
-        { img: require('@/assets/image/img.png'), name: '智盘服务器10.1.1.50' },
-        { img: require('@/assets/image/img.png'), name: '智盘服务器10.1.1.50' }
+        { img: require('@/assets/image/shebei1-weizhi.png'), name: '' },
+        { img: require('@/assets/image/shebei2-zhengchang.png'), name: '智盘服务器10.1.1.50' },
+        { img: require('@/assets/image/shebei2-guzhang.png'), name: '智盘服务器10.1.1.50' },
+        { img: require('@/assets/image/shebei2-guzhang.png'), name: '智盘服务器10.1.1.50' },
+        { img: require('@/assets/image/shebei2-zhengchang.png'), name: '智盘服务器10.1.1.50' }
       ],
       activeName: 'first',
       data: [{
@@ -202,6 +208,12 @@ export default {
 
 <style lang="scss">
 .monitorView{
+  .name-icon{
+    width: 20px;
+    height: 20px;
+    position: relative;
+    top: 5px;
+  }
   .el-form-item__label-wrap{
     line-height: 10px!important;
   }
@@ -216,7 +228,6 @@ export default {
         width: 110px;
         height: 110px;
         padding: 29px;
-        border-radius: 50%;
         cursor: pointer;
         background-size: 55px auto;
         background-repeat: no-repeat;

src/views/IntegratedMonitor/warning/warningSetup.vue

@@ -73,10 +73,17 @@
               :data="data"
               show-checkbox
               node-key="id"
-              :default-expanded-keys="[2, 3]"
+              :default-expanded-keys="[1, 3]"
               :default-checked-keys="[5]"
               :props="defaultProps"
-            />
+            >
+              <template slot-scope="{ node, data }">
+                <span>
+                  <img :src="data.icon" class="treeIcon">
+                  <label>{{ node.label }}</label>
+                </span>
+              </template>
+            </el-tree>
           </div>
         </el-form-item>
         <el-form-item label="告警描述:">
@@ -160,31 +167,36 @@ export default {
     return {
       data: [{
         id: 1,
+        icon: require('@/assets/image/shebei.png'),
         label: '本机容器',
         children: [{
-          id: 4,
+          id: 11,
+          icon: require('@/assets/image/shebei9-guzhang.png'),
           label: '虚拟化平台',
           children: [{
-            id: 9,
+            id: 111,
+            icon: require('@/assets/image/shebei2-zhengchang.png'),
             label: '三级 1-1-1'
           }, {
-            id: 10,
+            id: 112,
+            icon: require('@/assets/image/shebei2-zhengchang.png'),
+            label: '三级 1-1-2'
+          }]
+        },
+        {
+          id: 12,
+          icon: require('@/assets/image/shebei9-weixian.png'),
+          label: '虚拟化平台',
+          children: [{
+            id: 121,
+            icon: require('@/assets/image/shebei2-guzhang.png'),
+            label: '三级 1-1-1'
+          }, {
+            id: 122,
+            icon: require('@/assets/image/shebei2-guzhang.png'),
             label: '三级 1-1-2'
           }]
         }]
-      }, {
-        id: 2,
-        label: '虚拟设备',
-        children: [{
-          id: 5,
-          label: '二级 2-1'
-        }, {
-          id: 6,
-          label: '二级 2-2'
-        }]
-      }, {
-        id: 3,
-        label: '虚拟化平台'
       }],
       defaultProps: {
         children: 'children',
@@ -300,6 +312,10 @@ export default {
     padding: 6px;
     height: 250px;
     overflow-y: scroll;
+    .treeIcon{
+      width: 17px;
+      height: 17px;
+    }
   }
   .ninthSteps{
     padding: 10px 30px 30px;