From d849610117b411385284b3fcf0e6bccd8acc1a03 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期一, 01 十一月 2021 09:02:03 +0800
Subject: [PATCH] 流程图优化
---
src/components/flowChart.vue | 112 +++++++++++++++++++++++++++++--------------------------
1 files changed, 59 insertions(+), 53 deletions(-)
diff --git a/src/components/flowChart.vue b/src/components/flowChart.vue
index 956326a..609136e 100644
--- a/src/components/flowChart.vue
+++ b/src/components/flowChart.vue
@@ -133,6 +133,48 @@
}
]
]
+const nodeMenuList = [
+ [
+ {
+ label: '缂栬緫',
+ selected: (node, coordinate) => {
+ this.drawerConf.open(drawerType.node, node)
+ }
+ }
+ ],
+ [
+ {
+ label: '鍒犻櫎',
+ disable: false,
+ hidden(node) {
+ return node.meta.prop === 'start'
+ },
+ selected(node, coordinate) {
+ node.remove()
+ }
+ }
+ ],
+]
+const linkMenuList = [
+ [
+ {
+ label: '缂栬緫',
+ disable: false,
+ selected: (link, coordinate) => {
+ this.drawerConf.open(drawerType.link, link)
+ }
+ }
+ ],
+ [
+ {
+ label: '鍒犻櫎',
+ disable: false,
+ selected: (link, coordinate) => {
+ link.remove()
+ }
+ }
+ ],
+]
const taskStateMap = ['cc', 'approval', 'condition']
const actionTypeMap = ['娲惧彂', '鍒嗘淳', '杞淳', '骞崇Щ']
export default {
@@ -200,48 +242,8 @@
nodeList: [],
linkList: [],
graphMenuList: [],
- nodeMenuList: [
- [
- {
- label: '缂栬緫',
- selected: (node, coordinate) => {
- this.drawerConf.open(drawerType.node, node)
- }
- }
- ],
- [
- {
- label: '鍒犻櫎',
- disable: false,
- hidden(node) {
- return node.meta.prop === 'start'
- },
- selected(node, coordinate) {
- node.remove()
- }
- }
- ],
- ],
- linkMenuList: [
- [
- {
- label: '缂栬緫',
- disable: false,
- selected: (link, coordinate) => {
- this.drawerConf.open(drawerType.link, link)
- }
- }
- ],
- [
- {
- label: '鍒犻櫎',
- disable: false,
- selected: (link, coordinate) => {
- link.remove()
- }
- }
- ],
- ]
+ nodeMenuList: [],
+ linkMenuList: []
}
},
created() {
@@ -250,8 +252,12 @@
this.linkEditable = this.isEdit
if (this.isEdit) {
this.graphMenuList = graphMenuList
+ this.nodeMenuList = nodeMenuList
+ this.linkMenuList = linkMenuList
} else {
this.graphMenuList = []
+ this.nodeMenuList = []
+ this.linkMenuList = []
}
let resData = [{
@@ -283,6 +289,13 @@
taskState: 0,//浠诲姟鐘舵��
actionType: 1//鍔ㄤ綔绫诲瀷
}, {
+ id: 5,//id
+ parentId: 2,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
+ title: "鎿嶄綔鍛�",//鏍囬
+ desc: "璧垫煇鏌�",//鍏蜂綋淇℃伅
+ taskState: 0,//浠诲姟鐘舵��
+ actionType: 1//鍔ㄤ綔绫诲瀷
+ }, {
id: 6,//id
parentId: 2,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
title: "钃勭數姹犵淮鎶ょ彮缁�",//鏍囬
@@ -290,8 +303,8 @@
taskState: 1,//浠诲姟鐘舵��
actionType: 2//鍔ㄤ綔绫诲瀷
}, {
- id: 55,//id
- parentId: 6,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
+ id: 7,//id
+ parentId: 2,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
title: "鎿嶄綔鍛�",//鏍囬
desc: "鐜嬫煇鏌�",//鍏蜂綋淇℃伅
taskState: 0,//浠诲姟鐘舵��
@@ -311,19 +324,12 @@
taskState: 2,//浠诲姟鐘舵��
actionType: 1//鍔ㄤ綔绫诲瀷
}, {
- id: 7,//id
- parentId: 2,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
+ id: 10,//id
+ parentId: 6,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
title: "鎿嶄綔鍛�",//鏍囬
desc: "鐜嬫煇鏌�",//鍏蜂綋淇℃伅
taskState: 0,//浠诲姟鐘舵��
actionType: 3//鍔ㄤ綔绫诲瀷
- }, {
- id: 5,//id
- parentId: 2,//鐖惰妭鐐筰d 濡傛灉娌℃湁鍒欎负null
- title: "鎿嶄綔鍛�",//鏍囬
- desc: "璧垫煇鏌�",//鍏蜂綋淇℃伅
- taskState: 0,//浠诲姟鐘舵��
- actionType: 1//鍔ㄤ綔绫诲瀷
},]
setTimeout(() => {
const nodeList = [], linkList = []
--
Gitblit v1.9.1