@lambo-design/workflow-approve 1.0.0-beta.9 → 1.0.0-beta.90

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.
@@ -1,220 +1,378 @@
1
- .containers {
2
- /*position: absolute;*/
3
- background-color: #ffffff;
4
- width: 100%;
5
-
6
- .done-line .djs-visual > :nth-child(1) {
7
- stroke: rgb(218, 246, 209) !important;
8
- }
9
-
10
- .done-point .djs-visual > :nth-child(1) {
11
- fill: rgb(218, 246, 209) !important;
12
- }
13
-
14
- .done-task .djs-visual > :nth-child(1) {
15
- fill: rgb(218, 246, 209) !important;
16
- }
17
-
18
- .todo-point .djs-visual > :nth-child(1) {
19
- fill: rgb(258, 227, 180) !important;
20
- }
21
-
22
- .bjs-powered-by {
23
- display: none;
24
- }
25
- }
26
-
27
- .canvas {
28
- width: 100%;
29
- height: 100%;
30
- margin-top: 0%;
31
- }
32
-
33
- .tooltip-text {
34
- overflow: hidden;
35
- text-overflow: ellipsis;
36
- white-space: nowrap;
37
- display: inline-block;
38
- max-width: 130px; /* 限制文本宽度 */
39
- }
40
-
41
- .portrait-lambo-indicator-card{
42
- height: 100%;
43
- position: relative;
44
- overflow-y: auto;
45
- margin-bottom: -10px;
46
- }
47
- .portrait-lambo-indicator-card::-webkit-scrollbar {
48
- width: 5px;
49
- height: 5px;
50
- }
51
-
52
- .portrait-lambo-indicator-card::-webkit-scrollbar-thumb {
53
- background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
54
- border-radius: 5px;
55
- }
56
- .header-text {
57
- display: flex;
58
- font-size: 18px;
59
- font-weight: bold;
60
- color: black;
61
- }
62
-
63
- .process-history {
64
- width: 100%;
65
- overflow-y: auto;
66
- }
67
-
68
- .process-history::-webkit-scrollbar {
69
- width: 5px;
70
- height: 5px;
71
- }
72
-
73
- .process-history::-webkit-scrollbar-thumb {
74
- background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
75
- border-radius: 5px;
76
- }
77
-
78
- .box {
79
- overflow: hidden;
80
- transition: height 0.3s ease;
81
- height: auto;
82
- width: auto;
83
- margin-left: -15px;
84
- }
85
-
86
- .draw-enter-active, .draw-leave-active {
87
-
88
- }
89
-
90
- .draw-enter, .draw-leave-to {
91
- height: 0;
92
- }
93
- .attach-name-style {
94
- margin-bottom: -5px;
95
- white-space: nowrap;
96
- display: inline-block;
97
- width: auto;
98
- font-size: 14px;
99
- color: #17233d;
100
- overflow: hidden;
101
- text-overflow: ellipsis;
102
- }
103
-
104
- .arrow-button-container {
105
- position: absolute;
106
- z-index: 50;
107
- width: 12px;
108
- height: 50px;
109
- border-radius: 4px;
110
- border: none;
111
- background-color: #cccccc;
112
- color: white;
113
- display: inline-block;
114
- transition: 0.5s;
115
- top: 50%;
116
- transform: translateX(0)
117
- }
118
- .icon-class{
119
- margin-top: 18px;
120
- }
121
- .attach-card{
122
- border:solid;
123
- border-width: thin;
124
- border-color: #f1f1f1;
125
- width: auto;
126
- border-radius: 10px;
127
- margin: 10px 0 10px 10px
128
- }
129
- .attach-avatar{
130
- margin-right: 5px;
131
- zoom: 150%
132
- }
133
- .arrow {
134
- display: flex;
135
- justify-content: center;
136
- align-items: center;
137
- }
138
-
139
- .history-title {
140
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
141
- font-weight: bold;
142
- color: #515a6e;
143
- font-size: 14px;
144
- margin: 0 1vh 0 -2vh;
145
- }
146
-
147
- .cicle{
148
- margin-left: 12px;
149
- width: 15px;
150
- height: 15px;
151
- border-radius: 50%;
152
- }
153
-
154
- .audit-name-style {
155
- margin-bottom: -5px;
156
- white-space: nowrap;
157
- display: inline-block;
158
- max-width: 100px;
159
- font-size: 14px;
160
- color: #17233d;
161
- overflow: hidden;
162
- text-overflow: ellipsis;
163
- }
164
-
165
- .audit-date-style {
166
- white-space: nowrap;
167
- display: inline-block;
168
- max-width: 100px;
169
- font-size: 14px;
170
- color: #808695;
171
- margin-left: 10px;
172
- }
173
-
174
- .portrait-timeline-item {
175
- margin-bottom: -10px !important;
176
- }
177
-
178
- .portrait-timeline {
179
- margin: 0 0 0 0
180
- }
181
-
182
- .portrait-card {
183
- background-color: #f1f1f1 !important;
184
- border-radius: 10px !important;
185
- width: auto;
186
- margin-left: -15px;
187
- margin-right: -25px;
188
- margin-bottom: 5px;
189
- }
190
-
191
- .portrait-avatar-large {
192
- background-color: #005aff !important;
193
- margin: -15px 10px 0 10px;
194
- zoom: 150%
195
- }
196
-
197
- .portrait-avatar-small {
198
- background-color: #005aff !important;
199
- margin: -30px 10px 0 5px;
200
- zoom: 150%
201
- }
202
-
203
- .urging{
204
- margin-top: -3px;
205
- font-size: small;
206
- }
207
-
208
- .attach{
209
- margin-top: -3px;
210
- font-size: small;
211
- margin-left: 130px
212
- }
213
-
214
- .portrait-audit-date-style{
215
- white-space: nowrap;
216
- max-width: 100px;
217
- margin-top: 5px;
218
- font-size: 12px;
219
- color: #808695;
220
- }
1
+ .containers {
2
+ /*position: absolute;*/
3
+ background-color: #ffffff;
4
+ width: 100%;
5
+
6
+ .done-line .djs-visual > :nth-child(1) {
7
+ stroke: rgb(218, 246, 209) !important;
8
+ }
9
+
10
+ .done-point .djs-visual > :nth-child(1) {
11
+ fill: rgb(218, 246, 209) !important;
12
+ }
13
+
14
+ .done-task .djs-visual > :nth-child(1) {
15
+ fill: rgb(218, 246, 209) !important;
16
+ }
17
+
18
+ .todo-point .djs-visual > :nth-child(1) {
19
+ fill: rgb(258, 227, 180) !important;
20
+ }
21
+
22
+ .bjs-powered-by {
23
+ display: none;
24
+ }
25
+ }
26
+
27
+ .canvas {
28
+ width: 100%;
29
+ height: 95%;
30
+ margin-top: 0%;
31
+ }
32
+
33
+ .tooltip-text {
34
+ overflow: hidden;
35
+ text-overflow: ellipsis;
36
+ white-space: nowrap;
37
+ display: inline-block;
38
+ max-width: 130px; /* 限制文本宽度 */
39
+ }
40
+
41
+ .portrait-lambo-indicator-card {
42
+ height: 100%;
43
+ position: relative;
44
+ overflow-y: auto;
45
+ margin-bottom: -10px;
46
+ }
47
+
48
+ .portrait-lambo-indicator-card::-webkit-scrollbar {
49
+ width: 5px;
50
+ height: 5px;
51
+ }
52
+
53
+ .portrait-lambo-indicator-card::-webkit-scrollbar-thumb {
54
+ background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
55
+ border-radius: 5px;
56
+ }
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
+
145
+ .header-text {
146
+ display: flex;
147
+ font-size: 18px;
148
+ font-weight: bold;
149
+ color: black;
150
+ }
151
+
152
+ .process-history {
153
+ width: 100%;
154
+ overflow-y: auto;
155
+ }
156
+
157
+ .process-history::-webkit-scrollbar {
158
+ width: 5px;
159
+ height: 5px;
160
+ }
161
+
162
+ .process-history::-webkit-scrollbar-thumb {
163
+ background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
164
+ border-radius: 5px;
165
+ }
166
+
167
+ .box {
168
+ overflow: hidden;
169
+ transition: height 0.3s ease;
170
+ height: auto;
171
+ width: auto;
172
+ margin-left: -15px;
173
+ }
174
+
175
+ .draw-enter-active, .draw-leave-active {
176
+
177
+ }
178
+
179
+ .draw-enter, .draw-leave-to {
180
+ height: 0;
181
+ }
182
+
183
+ .attach-name-style {
184
+ margin-bottom: -5px;
185
+ white-space: nowrap;
186
+ display: inline-block;
187
+ width: auto;
188
+ font-size: 14px;
189
+ color: #17233d;
190
+ overflow: hidden;
191
+ text-overflow: ellipsis;
192
+ }
193
+
194
+ .arrow-button-container {
195
+ position: absolute;
196
+ z-index: 50;
197
+ width: 12px;
198
+ height: 50px;
199
+ border-radius: 4px;
200
+ border: none;
201
+ background-color: #cccccc;
202
+ color: white;
203
+ display: inline-block;
204
+ transition: 0.5s;
205
+ top: 50%;
206
+ transform: translateX(0)
207
+ }
208
+
209
+ .icon-class {
210
+ margin-top: 18px;
211
+ }
212
+
213
+ .attach-card {
214
+ border: solid;
215
+ border-width: thin;
216
+ border-color: #f1f1f1;
217
+ width: auto;
218
+ border-radius: 10px;
219
+ margin: 10px 0 10px 10px
220
+ }
221
+
222
+ .attach-avatar {
223
+ margin-right: 5px;
224
+ zoom: 150%
225
+ }
226
+
227
+ .arrow {
228
+ display: flex;
229
+ justify-content: center;
230
+ align-items: center;
231
+ }
232
+
233
+ .history-title {
234
+ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
235
+ font-weight: bold;
236
+ color: #515a6e;
237
+ font-size: 14px;
238
+ margin: 0 1vh 0 -2vh;
239
+ }
240
+
241
+ .cicle {
242
+ margin-left: 12px;
243
+ width: 15px;
244
+ height: 15px;
245
+ border-radius: 50%;
246
+ }
247
+
248
+ .audit-name-style {
249
+ margin-bottom: -5px;
250
+ white-space: nowrap;
251
+ display: inline-block;
252
+ max-width: 100px;
253
+ font-size: 14px;
254
+ color: #17233d;
255
+ overflow: hidden;
256
+ text-overflow: ellipsis;
257
+ }
258
+
259
+ .audit-comment-style {
260
+ margin-bottom: -5px;
261
+ white-space: nowrap;
262
+ display: inline-block;
263
+ max-width: 260px;
264
+ font-size: 14px;
265
+ color: #17233d;
266
+ overflow: hidden;
267
+ text-overflow: ellipsis;
268
+ }
269
+
270
+ .audit-date-style {
271
+ white-space: nowrap;
272
+ display: inline-block;
273
+ max-width: 100px;
274
+ font-size: 14px;
275
+ color: #808695;
276
+ margin-left: 10px;
277
+ }
278
+
279
+ .portrait-timeline-item {
280
+ margin-bottom: -10px !important;
281
+ }
282
+
283
+ .portrait-timeline {
284
+ margin: 0 0 0 0
285
+ }
286
+
287
+ .portrait-card {
288
+ background-color: #f1f1f1 !important;
289
+ border-radius: 10px !important;
290
+ width: auto;
291
+ margin-left: -15px;
292
+ margin-right: -25px;
293
+ margin-bottom: 5px;
294
+ }
295
+
296
+ .portrait-avatar-large {
297
+ background-color: #005aff !important;
298
+ margin: -15px 10px 0 10px;
299
+ zoom: 150%
300
+ }
301
+
302
+ .portrait-avatar-small {
303
+ background-color: #005aff !important;
304
+ margin: -30px 10px 0 5px;
305
+ zoom: 150%
306
+ }
307
+
308
+ .urging {
309
+ margin-top: -3px;
310
+ font-size: small;
311
+ }
312
+
313
+ .attach {
314
+ margin-top: -3px;
315
+ font-size: small;
316
+ margin-left: 130px
317
+ }
318
+
319
+ .portrait-audit-date-style {
320
+ white-space: nowrap;
321
+ max-width: 100px;
322
+ margin-top: 5px;
323
+ font-size: 12px;
324
+ color: #808695;
325
+ }
326
+
327
+ .operating-instructions {
328
+ float: left;
329
+ font-size: 12px;
330
+ text-align: left;
331
+ color: #808695
332
+ }
333
+
334
+ .notes-div {
335
+ text-align: right;
336
+ float: right;
337
+ }
338
+
339
+ .notes-done-task {
340
+ display: inline-block;
341
+ width: 70px;
342
+ height: 25px;
343
+ font-size: 12px;
344
+ text-align: center;
345
+ padding-top: 3px;
346
+ border: 1px solid black;
347
+ border-radius: 5px;
348
+ margin-left: 10px;
349
+ margin-right: 10px;
350
+ background-color: rgb(218, 246, 209);
351
+ }
352
+
353
+ .notes-todo-task {
354
+ display: inline-block;
355
+ width: 70px;
356
+ height: 25px;
357
+ font-size: 12px;
358
+ text-align: center;
359
+ padding-top: 3px;
360
+ border: 1px solid black;
361
+ border-radius: 5px;
362
+ margin-left: 10px;
363
+ margin-right: 10px;
364
+ background-color: rgb(258, 227, 180);
365
+ }
366
+
367
+ .notes-none-task {
368
+ display: inline-block;
369
+ width: 70px;
370
+ height: 25px;
371
+ font-size: 12px;
372
+ text-align: center;
373
+ padding-top: 3px;
374
+ border: 1px solid black;
375
+ border-radius: 5px;
376
+ margin-left: 10px;
377
+ margin-right: 10px;
378
+ }
@@ -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
+ }