学校设备管理锁定

src/views/schoolSection/applicationStrategy/appStrategyManage.vue

     background-color: #fff;
     overflow: auto;
     .main_left_title {
-      margin: 10px;
-      padding: 20px 0;
+      margin: 0 10px 10px;
+      padding: 20px 0 14px;
       line-height: 20px;
       font-size: 16px;
       text-align: center;
       border-bottom: 1px solid #e9f0f9;
     }
     .class_list {
-      max-height: calc(100% - 82px);
+      max-height: calc(100% - 67px);
       font-size: 14px;
       line-height: 32px;
       text-align: center;

src/views/schoolSection/deviceManage/deviceManage.vue

           :data="searchForm.list"
           @on-selection-change="selectionChange"
         >
+          <template slot-scope="{ row }" slot="loginnameSlot">
+            <!-- lockState锁定状态0未锁定1已锁定 -->
+            <div class="lock_img_box">
+              {{ row.loginname
+              }}<img
+                v-if="row.lockState === 1"
+                src="@/assets/img/locking.png"
+              />
+            </div>
+          </template>
           <template slot-scope="{ row }" slot="onlineSlot">
             <!-- 1在线2离线 -->
             <div class="action_list">
         },
         {
           title: "登录账号",
-          key: "loginname",
+          slot: "loginnameSlot",
           align: "center"
         },
         {
   },
   methods: {
     initMemoryDetailEcharts() {
+      let getMemoryInfo = this.getMemoryInfo;
       let _totalMemory = this.deviceDetailInfo.detail.totalMemory;
       let _usedMemory = this.deviceDetailInfo.detail.usedMemory;
       let _residueMemory = _totalMemory - _usedMemory;
         tooltip: {
           trigger: "item",
           formatter: (params) => {
-            let memoryInfo = {
-              value: params.value,
-              unit: "B"
-            };
-            if (memoryInfo.value / 1000 < 1000) {
-              memoryInfo.value =
-                Math.floor((memoryInfo.value / 1000) * 100) / 100;
-              memoryInfo.unit = "KB";
-            } else if (memoryInfo.value / 1000 / 1000 < 1000) {
-              memoryInfo.value =
-                Math.floor((memoryInfo.value / 1000 / 1000) * 100) / 100;
-              memoryInfo.unit = "MB";
-            } else {
-              memoryInfo.value =
-                Math.floor((memoryInfo.value / 1000 / 1000 / 1000) * 100) / 100;
-              memoryInfo.unit = "GB";
-            }
-            return `${params.name}：${memoryInfo.value}${memoryInfo.unit}`;
+            let memoryInfo = getMemoryInfo(params.value);
+            return `${params.name}：${memoryInfo.size}${memoryInfo.unit}`;
           }
         },
         legend: {
             center: ["50%", "45%"],
             label: {
               formatter: (params) => {
-                let memoryInfo = {
-                  value: params.value,
-                  unit: "B"
-                };
-                if (memoryInfo.value / 1000 < 1000) {
-                  memoryInfo.value =
-                    Math.floor((memoryInfo.value / 1000) * 100) / 100;
-                  memoryInfo.unit = "KB";
-                } else if (memoryInfo.value / 1000 / 1000 < 1000) {
-                  memoryInfo.value =
-                    Math.floor((memoryInfo.value / 1000 / 1000) * 100) / 100;
-                  memoryInfo.unit = "MB";
-                } else {
-                  memoryInfo.value =
-                    Math.floor((memoryInfo.value / 1000 / 1000 / 1000) * 100) /
-                    100;
-                  memoryInfo.unit = "GB";
-                }
-                return `${params.name}\n${memoryInfo.value}${memoryInfo.unit}`;
+                let memoryInfo = getMemoryInfo(params.value);
+                return `${params.name}\n${memoryInfo.size}${memoryInfo.unit}`;
               },
               borderWidth: 1,
               borderRadius: 4,
       memoryEcharts.clear();
       memoryEcharts.setOption(options);
     },
+    getMemoryInfo(memorySize) {
+      let memoryInfo = {
+        size: memorySize,
+        unit: "B"
+      };
+      if (memoryInfo.size / 1000 < 1000) {
+        memoryInfo.size = Math.floor((memoryInfo.size / 1000) * 100) / 100;
+        memoryInfo.unit = "KB";
+      } else if (memoryInfo.size / 1000 / 1000 < 1000) {
+        memoryInfo.size =
+          Math.floor((memoryInfo.size / 1000 / 1000) * 100) / 100;
+        memoryInfo.unit = "MB";
+      } else {
+        memoryInfo.size =
+          Math.floor((memoryInfo.size / 1000 / 1000 / 1000) * 100) / 100;
+        memoryInfo.unit = "GB";
+      }
+      return memoryInfo;
+    },
     initMonitorWS() {
       controlWs.setWs();
       this.getWSEventInfo();
     background-color: #fff;
     overflow: auto;
     .main_left_title {
-      margin: 10px;
-      padding: 20px 0;
+      margin: 0 10px 10px;
+      padding: 20px 0 14px;
       line-height: 20px;
       font-size: 16px;
       text-align: center;
       border-bottom: 1px solid #e9f0f9;
     }
     .class_list {
-      max-height: calc(100% - 82px);
+      max-height: calc(100% - 67px);
       font-size: 14px;
       line-height: 32px;
       text-align: center;
     }
   }
 }
+.lock_img_box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  img {
+    margin-left: 4px;
+    width: 18px;
+  }
+}
 </style>