节点配置

src/views/process/processNode/components/node-item.vue

@@ -56,22 +56,16 @@ export default {
       this.mouseEnter = false
     },
     onContextmenu() {
-      this.$contextmenu({
-        items: [{
-          label: '删除',
-          disabled: false,
-          icon: "",
-          onClick: () => {
-            this.deleteNode()
-          }
-        }],
-        event,
-        customClass: 'custom-class',
-        zIndex: 9999,
-        minWidth: 180
-      })
+      this.$confirm(this.$t('askDeleteData'), {
+				confirmButtonText: this.$t('submitText'),
+				cancelButtonText: this.$t('cancelText'),
+				type: 'warning',
+			}).then(() => {
+				this.deleteNode()
+			})
     },
     setActive() {
+      alert('拿详情，展示')
       if(window.event.ctrlKey){
         this.isSelected = !this.isSelected
         return false
@@ -94,25 +88,26 @@ export default {
     },
     editNode() {
       this.newNodeName = this.node.nodeName
-      this.$Modal.confirm({
-        render: (h) => {
-          return h('Input', {
-              props: {
-                value: this.newNodeName,
-                autofocus: true
-              },
-              on: {
-                input: (val) => {
-                  this.newNodeName = val;
+      this.$prompt(
+        '请输入流程名称：', 
+        '提示',
+        {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type:"warning",            // 图标样式 "warning"|"error"...
+            inputValue: this.node.nodeName,
+            inputErrorMessage: '输入不能为空',
+            inputValidator: (value) => {       // 点击按钮时，对文本框里面的值进行验证
+                if(!value) {
+                    return '输入不能为空';
                 }
-              }
-          })
-        },
-        onOk: () => {
-          console.log(this.newNodeName)
-          this.$emit('setNodeName', this.node.id, this.newNodeName)
-        }
-      })
+            },
+        }).then(({value}) => {
+          this.$emit('setNodeName', this.node.id, value)
+            // TO DO DO ...
+        }).catch((err) => {
+            console.log(err);
+        }); 
     },
     deleteNode() {
       this.$emit("deleteNode", this.node)

src/views/process/processNode/config/methods.js

@@ -138,13 +138,14 @@ const methods = {
     });
   },
   confirmDelLine(line) {
-    this.$Modal.confirm({
-      title: '删除连线',
-      content: "<p>确认删除该连线？</p>",
-      onOk: () => {
-        this.jsPlumb.deleteConnection(line)
-      }
+    this.$confirm(this.$t('askDeleteData'), {
+      confirmButtonText: '确认删除该连线？',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(() => {
+      this.jsPlumb.deleteConnection(line)
     })
+    
   },
   deleLine(line) {
     this.data.lineList.forEach((item, index) => {