@lambo-design/workflow-approve 1.0.0-beta.8 → 1.0.0-beta.80

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.
Files changed (9) hide show
  1. package/package.json +3 -3
  2. package/src/components/assignee-box.vue +760 -351
  3. package/src/components/candidate-groups-box.vue +1948 -0
  4. package/src/components/countersigners-box.vue +858 -0
  5. package/src/components/history.vue +839 -378
  6. package/src/components/opinion.vue +312 -302
  7. package/src/portrait.vue +1996 -1046
  8. package/src/styles/css/index.less +283 -220
  9. package/src/workflow-diagram.vue +436 -332
package/src/styles/css/index.less CHANGED
@@ -1,220 +1,283 @@
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: 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
+
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
+ .header-text {
59
+ display: flex;
60
+ font-size: 18px;
61
+ font-weight: bold;
62
+ color: black;
63
+ }
64
+
65
+ .process-history {
66
+ width: 100%;
67
+ overflow-y: auto;
68
+ }
69
+
70
+ .process-history::-webkit-scrollbar {
71
+ width: 5px;
72
+ height: 5px;
73
+ }
74
+
75
+ .process-history::-webkit-scrollbar-thumb {
76
+ background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
77
+ border-radius: 5px;
78
+ }
79
+
80
+ .box {
81
+ overflow: hidden;
82
+ transition: height 0.3s ease;
83
+ height: auto;
84
+ width: auto;
85
+ margin-left: -15px;
86
+ }
87
+
88
+ .draw-enter-active, .draw-leave-active {
89
+
90
+ }
91
+
92
+ .draw-enter, .draw-leave-to {
93
+ height: 0;
94
+ }
95
+
96
+ .attach-name-style {
97
+ margin-bottom: -5px;
98
+ white-space: nowrap;
99
+ display: inline-block;
100
+ width: auto;
101
+ font-size: 14px;
102
+ color: #17233d;
103
+ overflow: hidden;
104
+ text-overflow: ellipsis;
105
+ }
106
+
107
+ .arrow-button-container {
108
+ position: absolute;
109
+ z-index: 50;
110
+ width: 12px;
111
+ height: 50px;
112
+ border-radius: 4px;
113
+ border: none;
114
+ background-color: #cccccc;
115
+ color: white;
116
+ display: inline-block;
117
+ transition: 0.5s;
118
+ top: 50%;
119
+ transform: translateX(0)
120
+ }
121
+
122
+ .icon-class {
123
+ margin-top: 18px;
124
+ }
125
+
126
+ .attach-card {
127
+ border: solid;
128
+ border-width: thin;
129
+ border-color: #f1f1f1;
130
+ width: auto;
131
+ border-radius: 10px;
132
+ margin: 10px 0 10px 10px
133
+ }
134
+
135
+ .attach-avatar {
136
+ margin-right: 5px;
137
+ zoom: 150%
138
+ }
139
+
140
+ .arrow {
141
+ display: flex;
142
+ justify-content: center;
143
+ align-items: center;
144
+ }
145
+
146
+ .history-title {
147
+ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
148
+ font-weight: bold;
149
+ color: #515a6e;
150
+ font-size: 14px;
151
+ margin: 0 1vh 0 -2vh;
152
+ }
153
+
154
+ .cicle {
155
+ margin-left: 12px;
156
+ width: 15px;
157
+ height: 15px;
158
+ border-radius: 50%;
159
+ }
160
+
161
+ .audit-name-style {
162
+ margin-bottom: -5px;
163
+ white-space: nowrap;
164
+ display: inline-block;
165
+ max-width: 100px;
166
+ font-size: 14px;
167
+ color: #17233d;
168
+ overflow: hidden;
169
+ text-overflow: ellipsis;
170
+ }
171
+
172
+ .audit-comment-style {
173
+ margin-bottom: -5px;
174
+ white-space: nowrap;
175
+ display: inline-block;
176
+ max-width: 260px;
177
+ font-size: 14px;
178
+ color: #17233d;
179
+ overflow: hidden;
180
+ text-overflow: ellipsis;
181
+ }
182
+
183
+ .audit-date-style {
184
+ white-space: nowrap;
185
+ display: inline-block;
186
+ max-width: 100px;
187
+ font-size: 14px;
188
+ color: #808695;
189
+ margin-left: 10px;
190
+ }
191
+
192
+ .portrait-timeline-item {
193
+ margin-bottom: -10px !important;
194
+ }
195
+
196
+ .portrait-timeline {
197
+ margin: 0 0 0 0
198
+ }
199
+
200
+ .portrait-card {
201
+ background-color: #f1f1f1 !important;
202
+ border-radius: 10px !important;
203
+ width: auto;
204
+ margin-left: -15px;
205
+ margin-right: -25px;
206
+ margin-bottom: 5px;
207
+ }
208
+
209
+ .portrait-avatar-large {
210
+ background-color: #005aff !important;
211
+ margin: -15px 10px 0 10px;
212
+ zoom: 150%
213
+ }
214
+
215
+ .portrait-avatar-small {
216
+ background-color: #005aff !important;
217
+ margin: -30px 10px 0 5px;
218
+ zoom: 150%
219
+ }
220
+
221
+ .urging {
222
+ margin-top: -3px;
223
+ font-size: small;
224
+ }
225
+
226
+ .attach {
227
+ margin-top: -3px;
228
+ font-size: small;
229
+ margin-left: 130px
230
+ }
231
+
232
+ .portrait-audit-date-style {
233
+ white-space: nowrap;
234
+ max-width: 100px;
235
+ margin-top: 5px;
236
+ font-size: 12px;
237
+ color: #808695;
238
+ }
239
+
240
+ .notes-div {
241
+ text-align: right;
242
+ }
243
+
244
+ .notes-done-task {
245
+ display: inline-block;
246
+ width: 70px;
247
+ height: 25px;
248
+ font-size: 12px;
249
+ text-align: center;
250
+ padding-top: 3px;
251
+ border: 1px solid black;
252
+ border-radius: 5px;
253
+ margin-left: 10px;
254
+ margin-right: 10px;
255
+ background-color: rgb(218, 246, 209);
256
+ }
257
+
258
+ .notes-todo-task {
259
+ display: inline-block;
260
+ width: 70px;
261
+ height: 25px;
262
+ font-size: 12px;
263
+ text-align: center;
264
+ padding-top: 3px;
265
+ border: 1px solid black;
266
+ border-radius: 5px;
267
+ margin-left: 10px;
268
+ margin-right: 10px;
269
+ background-color: rgb(258, 227, 180);
270
+ }
271
+
272
+ .notes-none-task {
273
+ display: inline-block;
274
+ width: 70px;
275
+ height: 25px;
276
+ font-size: 12px;
277
+ text-align: center;
278
+ padding-top: 3px;
279
+ border: 1px solid black;
280
+ border-radius: 5px;
281
+ margin-left: 10px;
282
+ margin-right: 10px;
283
+ }