@lambo-design/workflow-approve 1.0.0-beta.84 → 1.0.0-beta.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/components/history.vue +3 -3
- package/src/components/opinion.vue +8 -6
- package/src/components/process-info.vue +533 -0
- package/src/portrait.vue +380 -360
- package/src/styles/css/index.less +88 -1
- package/src/utils/const.js +89 -0
- package/src/workflow-diagram.vue +5 -3
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.canvas {
|
|
28
28
|
width: 100%;
|
|
29
|
-
height:
|
|
29
|
+
height: 95%;
|
|
30
30
|
margin-top: 0%;
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -55,6 +55,93 @@
|
|
|
55
55
|
border-radius: 5px;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
+
|
|
59
|
+
.resizable-content {
|
|
60
|
+
padding: 8px 24px;
|
|
61
|
+
}
|
|
62
|
+
.resizable-container {
|
|
63
|
+
position: relative;
|
|
64
|
+
width: 100%;
|
|
65
|
+
overflow-y: hidden;
|
|
66
|
+
transition: height 0.1s ease;
|
|
67
|
+
box-sizing: border-box;
|
|
68
|
+
border: 1px solid #e0e0e0;
|
|
69
|
+
border-radius: 8px;
|
|
70
|
+
background-color: white;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.resizer {
|
|
74
|
+
position: sticky;
|
|
75
|
+
top: 0;
|
|
76
|
+
left: 0;
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 8px;
|
|
79
|
+
cursor: ns-resize;
|
|
80
|
+
display: flex;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
align-items: center;
|
|
83
|
+
background-color: transparent;
|
|
84
|
+
transition: background-color 0.2s;
|
|
85
|
+
z-index: 10;
|
|
86
|
+
margin: 0;
|
|
87
|
+
padding: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.resizer:hover {
|
|
91
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.resizer.resizing {
|
|
95
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.resizer-handle {
|
|
99
|
+
width: 30px;
|
|
100
|
+
height: 2px;
|
|
101
|
+
background-color: #ccc;
|
|
102
|
+
border-radius: 1px;
|
|
103
|
+
transition: background-color 0.2s;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.resizer:hover .resizer-handle,
|
|
107
|
+
.resizer.resizing .resizer-handle {
|
|
108
|
+
background-color: #666;
|
|
109
|
+
}
|
|
110
|
+
.process-info-header{
|
|
111
|
+
display: flex;
|
|
112
|
+
justify-content: space-between;
|
|
113
|
+
width: 100%;
|
|
114
|
+
font-weight: 600;
|
|
115
|
+
}
|
|
116
|
+
.process-info-hidden-header{
|
|
117
|
+
display: flex;
|
|
118
|
+
justify-content: space-between;
|
|
119
|
+
width: 100%;
|
|
120
|
+
font-weight: 600;
|
|
121
|
+
background-color: #f0f0f0;
|
|
122
|
+
border: 1px solid #e0e0e0;
|
|
123
|
+
border-radius: 16px;
|
|
124
|
+
padding: 16px;
|
|
125
|
+
&:hover{
|
|
126
|
+
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
.process-info-header-icon{
|
|
130
|
+
margin-right: 8px;
|
|
131
|
+
width: 20px;
|
|
132
|
+
&:hover{
|
|
133
|
+
background-color: #ccc;
|
|
134
|
+
border-radius: 4px;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
.resizer-handle {
|
|
138
|
+
width: 30px;
|
|
139
|
+
height: 2px;
|
|
140
|
+
background-color: #ccc;
|
|
141
|
+
border-radius: 1px;
|
|
142
|
+
transition: background-color 0.2s;
|
|
143
|
+
}
|
|
144
|
+
|
|
58
145
|
.header-text {
|
|
59
146
|
display: flex;
|
|
60
147
|
font-size: 18px;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
export const nodeType = {
|
|
2
|
+
userTask: 'userTask',
|
|
3
|
+
multiNode: 'multiNode',
|
|
4
|
+
sequentialMultiNode: 'sequentialMultiNode'
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export const handleButtons = {
|
|
8
|
+
//流程信息按钮
|
|
9
|
+
processTrace: {
|
|
10
|
+
id: 'processTrace',
|
|
11
|
+
name: '流程跟踪图',
|
|
12
|
+
},
|
|
13
|
+
auditHistory: {
|
|
14
|
+
id: 'auditHistory',
|
|
15
|
+
name: '审批历史',
|
|
16
|
+
},
|
|
17
|
+
auditOpinion: {
|
|
18
|
+
id: 'auditOpinion',
|
|
19
|
+
name: '处理意见',
|
|
20
|
+
},
|
|
21
|
+
attachmentFile: {
|
|
22
|
+
id: 'attachmentFile',
|
|
23
|
+
name: '上传附件',
|
|
24
|
+
},
|
|
25
|
+
//流程操作按钮
|
|
26
|
+
auditTo30: {
|
|
27
|
+
id: 'auditTo30',
|
|
28
|
+
name: '同意',
|
|
29
|
+
auditResult: '30',
|
|
30
|
+
},
|
|
31
|
+
auditTo70: {
|
|
32
|
+
id: 'auditTo70',
|
|
33
|
+
name: '驳回原点',
|
|
34
|
+
auditResult: '70',
|
|
35
|
+
},
|
|
36
|
+
auditTo40: {
|
|
37
|
+
id: 'auditTo40',
|
|
38
|
+
name: '驳回上一节点',
|
|
39
|
+
auditResult: '40',
|
|
40
|
+
},
|
|
41
|
+
auditTo90: {
|
|
42
|
+
id: 'auditTo90',
|
|
43
|
+
name: '驳回指定节点',
|
|
44
|
+
auditResult: '90',
|
|
45
|
+
},
|
|
46
|
+
auditTo80: {
|
|
47
|
+
id: 'auditTo80',
|
|
48
|
+
name: '跳转指定节点',
|
|
49
|
+
auditResult: '80',
|
|
50
|
+
},
|
|
51
|
+
auditTo82: {
|
|
52
|
+
id: 'auditTo82',
|
|
53
|
+
name: '转办',
|
|
54
|
+
auditResult: '82',
|
|
55
|
+
},
|
|
56
|
+
auditTo50: {
|
|
57
|
+
id: 'auditTo50',
|
|
58
|
+
name: '人工终止',
|
|
59
|
+
auditResult: '50',
|
|
60
|
+
},
|
|
61
|
+
delegateTask: {
|
|
62
|
+
id: 'delegateTask',
|
|
63
|
+
name: '委派',
|
|
64
|
+
auditResult: 'delegateTask',
|
|
65
|
+
},
|
|
66
|
+
addMultitaskInstance: {
|
|
67
|
+
id: 'addMultitaskInstance',
|
|
68
|
+
name: '加签',
|
|
69
|
+
auditResult: 'addMultitaskInstance',
|
|
70
|
+
},
|
|
71
|
+
reductionMultitaskInstance: {
|
|
72
|
+
id: 'reductionMultitaskInstance',
|
|
73
|
+
name: '减签',
|
|
74
|
+
auditResult: 'reductionMultitaskInstance',
|
|
75
|
+
},
|
|
76
|
+
//后续操作按钮
|
|
77
|
+
rejectProcessControl: {
|
|
78
|
+
id: 'rejectProcessControl',
|
|
79
|
+
name: '允许驳回时控制流转',
|
|
80
|
+
},
|
|
81
|
+
appointHandler: {
|
|
82
|
+
id: 'appointHandler',
|
|
83
|
+
name: '指定下一环节的办理人',
|
|
84
|
+
},
|
|
85
|
+
appointTimeoutTime: {
|
|
86
|
+
id: 'appointTimeoutTime',
|
|
87
|
+
name: '指定下一环节办理时限（含预警时间）',
|
|
88
|
+
},
|
|
89
|
+
}
|
package/src/workflow-diagram.vue
CHANGED
|
@@ -357,11 +357,11 @@ export default {
|
|
|
357
357
|
doPrint(printData) {
|
|
358
358
|
var self = this;
|
|
359
359
|
const {doneLightSet, donePointSet, doneTaskSet, todoPointSet} =
|
|
360
|
-
|
|
360
|
+
printData;
|
|
361
361
|
const canvas = this.bpmnViewer.get("canvas");
|
|
362
362
|
const elementRegistry = this.bpmnViewer.get('elementRegistry');
|
|
363
363
|
const userTaskList = elementRegistry.filter(
|
|
364
|
-
|
|
364
|
+
(item) => item.type === 'bpmn:UserTask'
|
|
365
365
|
);
|
|
366
366
|
//循环节点查找multiple
|
|
367
367
|
self.notMultiple = true;
|
|
@@ -414,7 +414,9 @@ export default {
|
|
|
414
414
|
},
|
|
415
415
|
mounted() {
|
|
416
416
|
if (this.isNotBlank(this.applyId)) {
|
|
417
|
-
this
|
|
417
|
+
this.$nextTick(() => {
|
|
418
|
+
this.workflowInit();
|
|
419
|
+
});
|
|
418
420
|
}
|
|
419
421
|
},
|
|
420
422
|
watch: {
|