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

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