Forráskód Böngészése

增加了删除节点的confirm提示,处理了树目录管理的删除节点的一个小bug

linan 5 éve
szülő
commit
c29aece173

+ 19 - 21
src/views/areaManagement/AreaInfo.vue

@@ -62,9 +62,7 @@
 import { mapActions } from "vuex";
 // 表单验证规则
 const rules = {
-    nodeName: [
-        { required: true, message: "请输入节点名称", trigger: "blur" }
-    ],
+    nodeName: [{ required: true, message: "请输入节点名称", trigger: "blur" }],
     meta: [{ required: true, message: "请输入配置信息", trigger: "blur" }]
 };
 // tree组件 配置
@@ -117,9 +115,7 @@ export default {
                             this.reqSave("/publics/treenode/addNode");
                             break;
                         default:
-                            this.$message.error(
-                                "操作错误请刷新!"
-                            );
+                            this.$message.error("操作错误请刷新!");
                     }
                 } else {
                     return false;
@@ -157,7 +153,7 @@ export default {
                 data: this.form,
                 success: res => {
                     this.getSubNodeList(this.id);
-                    this.$message.success(this.title.title+"成功!");
+                    this.$message.success(this.title.title + "成功!");
                 },
                 fail: err => {
                     if (err.errMsg) this.$message.error(err.errMsg);
@@ -229,20 +225,22 @@ export default {
         },
         // 节点后的删除
         del(data) {
-            this.fetch({
-                api: "/publics/treenode/deleteNode",
-                method: "POST",
-                data: { id: data.id },
-                success: res => {
-                    this.getSubNodeList(this.id);
-                    console.log(res);
-                    this.$message.success("删除成功!");
-                },
-                fail: err => {
-                    console.log(err);
-                    if (err.errMsg) this.$message.error(err.errMsg);
-                    else this.$message.error("服务器发生异常");
-                }
+            this.$confirm("确定删除此节点?").then(() => {
+                this.fetch({
+                    api: "/publics/treenode/deleteNode",
+                    method: "POST",
+                    data: { id: data.id },
+                    success: res => {
+                        this.getSubNodeList(this.id);
+                        console.log(res);
+                        this.$message.success("删除成功!");
+                    },
+                    fail: err => {
+                        console.log(err);
+                        if (err.errMsg) this.$message.error(err.errMsg);
+                        else this.$message.error("服务器发生异常");
+                    }
+                });
             });
         }
     }

+ 24 - 26
src/views/deviceManagement/DeviceType.vue

@@ -62,18 +62,16 @@
 import { mapActions } from "vuex";
 // 表单验证规则
 const rules = {
-    nodeName: [
-        { required: true, message: "请输入节点名称", trigger: "blur" }
-    ],
+    nodeName: [{ required: true, message: "请输入节点名称", trigger: "blur" }],
     meta: [{ required: true, message: "请输入配置信息", trigger: "blur" }]
 };
 // tree组件 配置
 const defaultProps = { children: "childs", label: "nodeName" };
 const formDataInit = {
-                nodeName: "",
-                meta: "",
-                code: ""
-            }
+    nodeName: "",
+    meta: "",
+    code: ""
+};
 
 export default {
     name: "DeviceType",
@@ -119,9 +117,7 @@ export default {
                             this.reqSave("/publics/treenode/addNode");
                             break;
                         default:
-                            this.$message.error(
-                                "操作错误请刷新!"
-                            );
+                            this.$message.error("操作错误请刷新!");
                     }
                 } else {
                     return false;
@@ -146,7 +142,7 @@ export default {
                             message: "请重新登录",
                             type: "warning"
                         });
-                        this.$router.push("login")
+                        this.$router.push("login");
                     }
                 }
             });
@@ -160,7 +156,7 @@ export default {
                 data: this.form,
                 success: res => {
                     this.getSubNodeList(this.id);
-                    this.$message.success(this.title.title +"成功!");
+                    this.$message.success(this.title.title + "成功!");
                     // this.showDialog = false;
                 },
                 fail: err => {
@@ -233,20 +229,22 @@ export default {
         },
         // 节点后的删除
         del(data) {
-            this.fetch({
-                api: "/publics/treenode/deleteNode",
-                method: "POST",
-                data: { id: data.id },
-                success: res => {
-                    this.getSubNodeList(this.id);
-                    console.log(res);
-                    this.$message.success("删除成功!");
-                },
-                fail: err => {
-                    console.log(err);
-                    if (err.errMsg) this.$message.error(err.errMsg);
-                    else this.$message.error("服务器发生异常");
-                }
+            this.$confirm("确定删除此节点?").then(() => {
+                this.fetch({
+                    api: "/publics/treenode/deleteNode",
+                    method: "POST",
+                    data: { id: data.id },
+                    success: res => {
+                        this.getSubNodeList(this.id);
+                        console.log(res);
+                        this.$message.success("删除成功!");
+                    },
+                    fail: err => {
+                        console.log(err);
+                        if (err.errMsg) this.$message.error(err.errMsg);
+                        else this.$message.error("服务器发生异常");
+                    }
+                });
             });
         }
     }

+ 20 - 19
src/views/treeStructure/TreeManagement.vue

@@ -154,7 +154,7 @@ export default {
                 method: "POST",
                 data: this.form,
                 success: res => {
-                    if(this.id)this.getSubNodeList(this.id);
+                    if (this.id) this.getSubNodeList(this.id);
                     this.getSubNodeList("-1");
                     this.$message.success(this.title.title + "成功!");
                     // this.showDialog = false;
@@ -175,7 +175,7 @@ export default {
                     hasSub: true
                 },
                 success: res => {
-                    if (parentId == -1 ) {
+                    if (parentId == -1) {
                         this.options = res;
                     } else {
                         this.dataTree = res;
@@ -207,7 +207,7 @@ export default {
             this.showDialog = true;
             this.dialogStatus = 4;
             let findItem = this.options.find(item => item.id == this.id);
-            if ( findItem.meta && (findItem.meta instanceof Object)) {
+            if (findItem.meta && findItem.meta instanceof Object) {
                 findItem.meta = JSON.stringify(findItem.meta, null, 2);
             }
             this.form = findItem;
@@ -229,7 +229,6 @@ export default {
                     this.del({ id: this.id });
                 })
                 .catch(_ => {});
-            
         },
         // 添加目录
         add_catalog() {
@@ -243,7 +242,7 @@ export default {
         },
         // 选择框改变
         selectChange() {
-            console.log(this.id)
+            console.log(this.id);
             this.getSubNodeList(this.id);
         },
         // 节点后的添加
@@ -280,20 +279,22 @@ export default {
         },
         // 节点后的删除
         del(data) {
-            this.fetch({
-                api: "/publics/treenode/deleteNode",
-                method: "POST",
-                data: { id: data.id },
-                success: res => {
-                    this.id = null
-                    this.getSubNodeList("-1");
-                    this.$message.success("删除成功!");
-                },
-                fail: err => {
-                    console.log(err);
-                    if (err.errMsg) this.$message.error(err.errMsg);
-                    else this.$message.error("服务器发生异常");
-                }
+            this.$confirm("确定删除此节点?").then(() => {
+                this.fetch({
+                    api: "/publics/treenode/deleteNode",
+                    method: "POST",
+                    data: { id: data.id },
+                    success: res => {
+                        this.getSubNodeList("-1");
+                        if (this.id) this.getSubNodeList(this.id);
+                        this.$message.success("删除成功!");
+                    },
+                    fail: err => {
+                        console.log(err);
+                        if (err.errMsg) this.$message.error(err.errMsg);
+                        else this.$message.error("服务器发生异常");
+                    }
+                });
             });
         }
     }