feat:添加皮肤设置防误触

sample-form-manager-ui/admin/src/pages/software/skinManage/SkinManage.vue

@@ -82,20 +82,50 @@ export default {
     },
     // 选择使用皮肤
     async changeSkin(row) {
+      let _this = this;
       let obj = {
         id: row.id,
         siteId: row.id,
       };
       if (row.used == 1) {
         obj.used = 0;
+        this.$confirm("此操作将会取消正在使用的皮肤，是否继续？", "系统提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          cancelButtonClass: "btn-custom-cancel",
+          type: "warning",
+        })
+          .then(async () => {
+            let res = await useSkin(obj);
+            let { code, msg } = res.data;
+            if (code == 1) {
+              _this.$message.success(msg);
+              _this.getSkinList();
+            }
+          })
+          .catch(() => {
+            console.log("取消成功！");
+          });
       } else {
         obj.used = 1;
-      }
-      let res = await useSkin(obj);
-      let { code, msg } = res.data;
-      if (code == 1) {
-        this.$message.success(msg);
-        this.getSkinList();
+        this.$confirm("确定要使用所选皮肤吗？", "系统提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          cancelButtonClass: "btn-custom-cancel",
+          type: "success",
+          iconClass: "el-icon-question",
+        })
+          .then(async () => {
+            let res = await useSkin(obj);
+            let { code, msg } = res.data;
+            if (code == 1) {
+              _this.$message.success(msg);
+              _this.getSkinList();
+            }
+          })
+          .catch(() => {
+            console.log("取消成功！");
+          });
       }
     },
     // 预览皮肤