tui

device-manager-ui/admin/src/views/device/module/distribute/list.vue

 <template>
   <div class="page">
     <LayoutTable :data="tableData" :config="tableConfig">
-
       <el-button
-          slot="table-head-left2"
-          style="margin-left: 10px"
-          type="primary"
-          class="addclass"
-          size="mini"
-          @click="cloneAppBySite"
-      >复制资源
+        slot="table-head-left2"
+        style="margin-left: 10px"
+        type="primary"
+        class="addclass"
+        size="mini"
+        @click="cloneAppBySite"
+        >复制资源
       </el-button>
-
-
     </LayoutTable>
 
     <dialog-show ref="dialogform" @ok="getData" />
@@ -33,7 +30,7 @@ export default {
   mixins: [table],
   created() {
     const siteid = session.getSession("siteid");
-    this.query["siteId"]=siteid?siteid:1;
+    this.query["siteId"] = siteid ? siteid : 1;
   },
   methods: {
     cloneAppBySite(row) {
@@ -41,19 +38,19 @@ export default {
         sourceSiteId: 1,
         targetSiteId: session.getSession("siteid"),
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("复制资源应用成功！");
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("复制资源应用成功！");
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
     /** 重写新增方法 */
     toAdd(row) {
-      row.siteId=session.getSession("siteid")
+      row.siteId = session.getSession("siteid");
       this.$refs.dialogform.add(row);
     },
     /** 重写编辑方法 */
@@ -73,40 +70,54 @@ export default {
         });
     },
 
-    handleSwitch(row){
-      this.loading = true
-      if(row.selected==1){
-        this.$post("/device/module/distribute/selected", {id:row.id,selected:0})
-            .then(res => {
-              row.selected=1
-              // console.log(row)
-              // if (res && res.code && res.code == 1) {
-              //   this.getData();
-              //   this.loading = false;
-              // }else{
-              //   this.$message.error(res.msg);
-              // }
-            })
-            .catch(error => {
-              this.$message.error(error.message);
-            })
-      }else{
-        this.$post("/device/module/distribute/selected", {id:row.id,selected:1})
-            .then(res => {
-               row.selected=0
-              //  console.log(row)
-              // if (res && res.code && res.code == 1) {
-              //   this.getData();
-              //   this.loading = false;
-              // }else{
-              //   this.$message.error(res.msg);
-              // }
-            })
-            .catch(error => {
-              this.$message.error(error.message);
-            })
-      }
+    handleSwitch(row) {
+      console.log(row);
+      this.loading = true;
+      if (row.selected == 1) {
+        this.$post("/device/module/distribute/selected", {
+          id: row.id,
+          selected: 0,
+        })
+          .then((res) => {
+            if (res && res.code && res.code == 1) {
+              row.selected = 0;
+            }
+            // console.log(res);
+            // this.getData();
+
+            // console.log(row)
+            // if (res && res.code && res.code == 1) {
+            //   this.getData();
+            //   this.loading = false;
+            // }else{
+            //   this.$message.error(res.msg);
+            // }
+          })
+          .catch((error) => {
+            this.$message.error(error.message);
+          });
+      } else {
+        this.$post("/device/module/distribute/selected", {
+          id: row.id,
+          selected: 1,
+        })
+          .then((res) => {
+            if (res && res.code && res.code == 1) {
+              row.selected = 1;
+            }
 
+            // this.getData();
+            // if (res && res.code && res.code == 1) {
+            //   this.getData();
+            //   this.loading = false;
+            // }else{
+            //   this.$message.error(res.msg);
+            // }
+          })
+          .catch((error) => {
+            this.$message.error(error.message);
+          });
+      }
     },
 
     distribute(row) {
@@ -131,7 +142,8 @@ export default {
             type: "text",
             label: "产品",
             fuzzy: true,
-          },],
+          },
+        ],
         columns: [
           { type: "selection", align: "center", width: 60 },
           { type: "index", align: "center", label: "序号", width: 50 },
@@ -155,21 +167,20 @@ export default {
             label: "默认选择",
             align: "center",
             prop: "selected",
-            formatter: row => {
+            formatter: (row) => {
               return (
-                  <el-switch
-                      value={row.selected+""}
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                      active-value='1'
-                      inactive-value='0'
-                      onChange={() => {
-                        this.handleSwitch(row);
-                      }}
-                  >
-                  </el-switch>
+                <el-switch
+                  value={row.selected + ""}
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-value="1"
+                  inactive-value="0"
+                  onChange={() => {
+                    this.handleSwitch(row);
+                  }}
+                ></el-switch>
               );
-            }
+            },
           },
           {
             label: "是否部署",