设备管理选中优化

src/views/schoolSection/deviceManage/breakRuleDevice.vue

@@ -388,10 +388,7 @@ export default {
         name: this.searchForm.name
       }).then((data) => {
         if (data.code === 0) {
-          this.searchForm.list = data.obj.data || [];
-          this.searchForm.list.forEach((item) => {
-            item._checked = false;
-          });
+          this.searchForm.list = data.obj.data;
           this.searchForm.total = data.obj.total;
         } else {
           this.$Message.error(data.msg);
@@ -454,7 +451,18 @@ export default {
       });
     },
     selectionChange(selection) {
+      console.log("----selection--->", selection);
       this.tableSelection = selection;
+      let userid_sn = this.tableSelection.map((item) => {
+        return `${item.userid}_${item.sn}`;
+      });
+      this.searchForm.list.forEach((item) => {
+        if (userid_sn.includes(`${item.userid}_${item.sn}`)) {
+          item._checked = true;
+        } else {
+          item._checked = false;
+        }
+      });
     },
     // 表格行点击
     deviceTableRowClick(row, index) {
@@ -610,10 +618,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 6,
         pushObj: 1
@@ -653,10 +658,7 @@ export default {
             content: this.controlMessageInfo.content
           };
           form.userids = useridList;
-          this.tableSelection.forEach((item) => {
-            item._checked = false;
-          });
-          this.tableSelection = [];
+          this.$refs.deviceTable.selectAll(false);
           this.addPushLog(form);
         }
       });
@@ -676,10 +678,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 2,
         pushObj: 1
@@ -702,10 +701,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 3,
         pushObj: 1
@@ -728,10 +724,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 4,
         pushObj: 1
@@ -754,10 +747,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 5,
         pushObj: 1
@@ -780,10 +770,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 7,
         pushObj: 1

src/views/schoolSection/deviceManage/deviceManage.vue

@@ -1062,10 +1062,7 @@ export default {
         name: this.searchForm.name
       }).then((data) => {
         if (data.code === 0) {
-          this.searchForm.list = data.obj.data || [];
-          this.searchForm.list.forEach((item) => {
-            item._checked = false;
-          });
+          this.searchForm.list = data.obj.data;
           this.searchForm.total = data.obj.total;
         } else {
           this.$Message.error(data.msg);
@@ -1268,6 +1265,16 @@ export default {
     },
     selectionChange(selection) {
       this.tableSelection = selection;
+      let userid_sn = this.tableSelection.map((item) => {
+        return `${item.userid}_${item.sn}`;
+      });
+      this.searchForm.list.forEach((item) => {
+        if (userid_sn.includes(`${item.userid}_${item.sn}`)) {
+          item._checked = true;
+        } else {
+          item._checked = false;
+        }
+      });
     },
     // 表格行点击
     deviceTableRowClick(row, index) {
@@ -1453,10 +1460,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 6,
         pushObj: 1
@@ -1500,10 +1504,7 @@ export default {
           } else {
             form.userids = useridList;
           }
-          this.tableSelection.forEach((item) => {
-            item._checked = false;
-          });
-          this.tableSelection = [];
+          this.$refs.deviceTable.selectAll(false);
           this.addPushLog(form);
         }
       });
@@ -1523,10 +1524,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 2,
         pushObj: 1
@@ -1549,10 +1547,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 3,
         pushObj: 1
@@ -1575,10 +1570,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 4,
         pushObj: 1
@@ -1601,10 +1593,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 5,
         pushObj: 1
@@ -1627,10 +1616,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 7,
         pushObj: 1
@@ -1653,10 +1639,7 @@ export default {
           this.$Message.error("推送失败");
         }
       });
-      this.tableSelection.forEach((item) => {
-        item._checked = false;
-      });
-      this.tableSelection = [];
+      this.$refs.deviceTable.selectAll(false);
       let form = {
         pushType: 8,
         pushObj: 1