树状结构删除加弹窗

src/components/knowledgeExtra/DiseaseTree.vue

@@ -39,7 +39,7 @@
                       v-if="data.level > 1"
                       type="text"
                       size="mini"
-                      @click="() => remove(node, data)">
+                      @click.stop="() => remove(node, data)">
                       删除
                   </el-button>
                 </span>
@@ -351,12 +351,24 @@ export default {
           // }
           // data.nodeList.push(newChild);
       },
-
+      showConfirmDialog(msg,resolve){
+        this.$confirm(msg, '提示', {
+          confirmButtonText: '确定',
+          showCancelButton:false,
+          // cancelButtonText: '取消',
+          // cancelButtonClass:'cancel',
+          type: 'warning'
+        }).then(() => {
+          resolve();
+        }).catch(() => {});
+      },
       remove(node, data) {
-          const parent = node.parent;
-          const nodeList = parent.data.nodeList || parent.data;
-          const index = nodeList.findIndex(d => d.conceptId === data.conceptId);
-          nodeList.splice(index, 1);
+          this.showConfirmDialog('是否删除该关联关系，可能对现有系统会造成影响',()=>{
+            const parent = node.parent;
+            const nodeList = parent.data.nodeList || parent.data;
+            const index = nodeList.findIndex(d => d.conceptId === data.conceptId);
+            nodeList.splice(index, 1);
+          })
       },
       reparams(param){
         let params = [],grandson = 0;

src/components/knowledgeExtra/KnowledgeAll.vue

@@ -42,7 +42,7 @@
                       v-show="data.level != 0"
                       type="text"
                       size="mini"
-                      @click="() => remove(node, data)">
+                      @click.stop="() => remove(node, data)">
                       删除
                   </el-button>
                 </span>
@@ -287,12 +287,24 @@ export default {
           // }
           // data.nodeList.push(newChild);
       },
-
+      showConfirmDialog(msg,resolve){
+        this.$confirm(msg, '提示', {
+          confirmButtonText: '确定',
+          showCancelButton:false,
+          // cancelButtonText: '取消',
+          // cancelButtonClass:'cancel',
+          type: 'warning'
+        }).then(() => {
+          resolve();
+        }).catch(() => {});
+      },
       remove(node, data) {
-          const parent = node.parent;
-          const nodeList = parent.data.nodeList || parent.data;
-          const index = nodeList.findIndex(d => d.conceptId === data.conceptId);
-          nodeList.splice(index, 1);
+          this.showConfirmDialog('是否删除该关联关系，可能对现有系统会造成影响',()=>{
+            const parent = node.parent;
+            const nodeList = parent.data.nodeList || parent.data;
+            const index = nodeList.findIndex(d => d.conceptId === data.conceptId);
+            nodeList.splice(index, 1);
+          })
       },
       reparams(param){
         let params = []