upp-platform-core 1.0.22 → 1.0.24

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/README.md ADDED
@@ -0,0 +1,15 @@
1
+ # 2023-05-19 v1.0.23
2
+
3
+ 1. tab 没有记录最新的 query 参数问题
4
+
5
+ 2. 暗色状态样式修改,刷新后保持亮暗色状态与菜单布局状态
6
+
7
+ 3. 切换租户后刷新浏览器
8
+
9
+ # 2023-05-19 v1.0.24
10
+
11
+ 更新自动刷新 token 的逻辑
12
+
13
+ 1. 修正平台页签上,在子应用登出重新同一账号登录后,回到平台页签不提示刷新的问题
14
+
15
+ 2. 修正 token 过期,这个 token 跟本地存储的 token 一致时,仍旧不跳到登录页的问题
package/lib/index.css CHANGED
@@ -1,3 +1,208 @@
1
+ .project__unshow-type .t-menu__logo {
2
+ display: flex;
3
+ justify-content: center;
4
+ background-color: #263455;
5
+ }
6
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
7
+ width: 20%;
8
+ }
9
+ .project__unshow-type .t-menu__logo span {
10
+ color: #FFFFFF !important;
11
+ font-size: 16px;
12
+ }
13
+ .project__unshow-type .t-default-menu__inner {
14
+ height: 100%;
15
+ }
16
+ .project__unshow-type .header-logo-container {
17
+ width: 216px;
18
+ margin-left: 16px;
19
+ }
20
+ .project__unshow-type .t-menu {
21
+ padding: 0;
22
+ }
23
+ .project__unshow-type .t-menu .t-head-menu__inner {
24
+ background-color: #FFFFFF !important;
25
+ border: none;
26
+ }
27
+ .project__unshow-type .t-menu--scroll {
28
+ background-color: #17233D;
29
+ }
30
+ .project__unshow-type .t-menu__content,
31
+ .project__unshow-type .svg-icon,
32
+ .project__unshow-type .t-fake-arrow {
33
+ color: #A9AEB7;
34
+ }
35
+ .project__unshow-type .operations-container .t-button {
36
+ background-color: #FFFFFF;
37
+ border: 1px solid #C9C9C9;
38
+ }
39
+ .project__unshow-type .operations-container .t-button:hover {
40
+ background-color: #C9C9C9;
41
+ color: #FFFFFF !important;
42
+ }
43
+ .project__unshow-type .operations-container .svg-icon,
44
+ .project__unshow-type .operations-container .t-icon,
45
+ .project__unshow-type .operations-container .header-user-account,
46
+ .project__unshow-type .operations-container span {
47
+ color: #000000 !important;
48
+ }
49
+ .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
50
+ .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
51
+ color: #8B919E !important;
52
+ }
53
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
54
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
55
+ color: #FFFFFF !important;
56
+ }
57
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
58
+ margin-left: 20px;
59
+ padding-left: 38px;
60
+ border-radius: 0;
61
+ border-top-left-radius: 4px;
62
+ border-bottom-left-radius: 4px;
63
+ }
64
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
65
+ content: "";
66
+ position: absolute;
67
+ left: -20px;
68
+ width: 5px;
69
+ height: 100%;
70
+ background-color: #296DF1;
71
+ border-top-right-radius: 4px;
72
+ border-bottom-right-radius: 4px;
73
+ }
74
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
75
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
76
+ font-weight: 700;
77
+ color: #17233D !important;
78
+ }
79
+ .project__unshow-type .el-pagination__total {
80
+ position: absolute;
81
+ left: 0;
82
+ }
83
+ .project__unshow-type .el-table__header-wrapper th,
84
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
85
+ padding: 0;
86
+ }
87
+ .project__unshow-type .el-table__header-wrapper th .cell,
88
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
89
+ background-color: #E9F3FF;
90
+ color: #3172F1;
91
+ padding: 2px 10px;
92
+ }
93
+ .project__unshow-type .el-icon-check::before {
94
+ color: var(--primary-btn);
95
+ }
96
+ .project__unshow-type .el-icon-check::before:hover {
97
+ background-color: #84CAFD !important;
98
+ }
99
+ .project__unshow-type .el-button.common-btn:not(:hover),
100
+ .project__unshow-type .el-button--primary.is-plain {
101
+ color: var(--primary-btn) !important;
102
+ border-color: var(--primary-btn) !important;
103
+ background-color: #FFFFFF;
104
+ }
105
+ .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
106
+ .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
107
+ color: #FFFFFF !important;
108
+ background-color: var(--light-blue-color) !important;
109
+ border-color: var(--light-blue-color) !important;
110
+ }
111
+ .project__unshow-type .el-button--primary:not(.is-plain) {
112
+ color: #FFFFFF !important;
113
+ background-color: var(--primary-btn) !important;
114
+ }
115
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
116
+ color: #FFFFFF;
117
+ }
118
+ .project__unshow-type .el-button--primary:not(.is-plain):hover {
119
+ background-color: var(--light-blue-color) !important;
120
+ border-color: var(--light-blue-color) !important;
121
+ }
122
+ .project__unshow-type .el-button--warning {
123
+ color: #F7BF17 !important;
124
+ background-color: #FFFFFF !important;
125
+ }
126
+ .project__unshow-type .el-button--warning:hover {
127
+ color: #FFFFFF !important;
128
+ background-color: #F7BF17 !important;
129
+ border-color: #F7BF17 !important;
130
+ }
131
+ .project__unshow-type .el-button--danger {
132
+ color: #F56C6C !important;
133
+ background-color: #FFFFFF !important;
134
+ }
135
+ .project__unshow-type .el-button--danger:hover {
136
+ color: #FFFFFF !important;
137
+ background-color: #F56C6C !important;
138
+ border-color: #F56C6C !important;
139
+ }
140
+ .project__unshow-type .el-button--success {
141
+ color: #67C23A !important;
142
+ background-color: #FFFFFF !important;
143
+ }
144
+ .project__unshow-type .el-button--success:hover {
145
+ color: #FFFFFF !important;
146
+ background-color: #67C23A !important;
147
+ border-color: #67C23A !important;
148
+ }
149
+ .project__unshow-type .el-tag {
150
+ border-color: var(--light-blue-color);
151
+ }
152
+ .project__unshow-type .el-tag.el-tag--danger {
153
+ border-color: #F56C6C;
154
+ }
155
+ .project__unshow-type .user-info > .el-card__header {
156
+ background-color: #17233D !important;
157
+ }
158
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
159
+ width: 562px;
160
+ }
161
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
162
+ background-color: #17233d !important;
163
+ }
164
+ :root[theme-mode="dark"] .project__unshow-type .svg-icon,
165
+ :root[theme-mode="dark"] .project__unshow-type .t-icon,
166
+ :root[theme-mode="dark"] .project__unshow-type .header-user-account,
167
+ :root[theme-mode="dark"] .project__unshow-type span {
168
+ color: #FFFFFF !important;
169
+ }
170
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
171
+ background-color: transparent;
172
+ }
173
+
174
+ .is-in-iframe .tdesign-starter-content-layout,
175
+ .is-in-full-screen .tdesign-starter-content-layout {
176
+ padding: 0 !important;
177
+ }
178
+ .is-in-iframe .t-layout__content,
179
+ .is-in-full-screen .t-layout__content,
180
+ .is-in-iframe .tdesign-starter-layout,
181
+ .is-in-full-screen .tdesign-starter-layout,
182
+ .is-in-iframe .iframe-view.common-content,
183
+ .is-in-full-screen .iframe-view.common-content {
184
+ height: 100vh;
185
+ }
186
+ .is-in-iframe .iframe-view,
187
+ .is-in-full-screen .iframe-view {
188
+ display: block;
189
+ }
190
+ .is-in-full-screen .t-layout__header,
191
+ .is-in-full-screen .tdesign-starter-layout-tabs-nav,
192
+ .is-in-full-screen .t-layout__sider,
193
+ .is-in-full-screen .tdesign-starter-sidebar-layout {
194
+ display: none;
195
+ }
196
+ .is-in-full-screen div > section.t-layout {
197
+ height: 100vh;
198
+ }
199
+ .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
200
+ display: none !important;
201
+ }
202
+ .el-dialog.file-uplaod__preview-image .el-dialog__header {
203
+ border: none;
204
+ }
205
+
1
206
  .form-layout {
2
207
  display: flex;
3
208
  flex-wrap: wrap;
@@ -270,199 +475,6 @@
270
475
  margin-left: 10px;
271
476
  }
272
477
 
273
- .is-in-iframe .tdesign-starter-content-layout,
274
- .is-in-full-screen .tdesign-starter-content-layout {
275
- padding: 0 !important;
276
- }
277
- .is-in-iframe .t-layout__content,
278
- .is-in-full-screen .t-layout__content,
279
- .is-in-iframe .tdesign-starter-layout,
280
- .is-in-full-screen .tdesign-starter-layout,
281
- .is-in-iframe .iframe-view.common-content,
282
- .is-in-full-screen .iframe-view.common-content {
283
- height: 100vh;
284
- }
285
- .is-in-iframe .iframe-view,
286
- .is-in-full-screen .iframe-view {
287
- display: block;
288
- }
289
- .is-in-full-screen .t-layout__header,
290
- .is-in-full-screen .tdesign-starter-layout-tabs-nav,
291
- .is-in-full-screen .t-layout__sider,
292
- .is-in-full-screen .tdesign-starter-sidebar-layout {
293
- display: none;
294
- }
295
- .is-in-full-screen div > section.t-layout {
296
- height: 100vh;
297
- }
298
- .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
299
- display: none !important;
300
- }
301
- .el-dialog.file-uplaod__preview-image .el-dialog__header {
302
- border: none;
303
- }
304
-
305
- .project__unshow-type .t-menu__logo {
306
- display: flex;
307
- justify-content: center;
308
- background-color: #263455;
309
- }
310
- .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
311
- width: 20%;
312
- }
313
- .project__unshow-type .t-menu__logo span {
314
- color: #FFFFFF !important;
315
- font-size: 16px;
316
- }
317
- .project__unshow-type .t-default-menu__inner {
318
- height: 100%;
319
- }
320
- .project__unshow-type .header-logo-container {
321
- width: 216px;
322
- margin-left: 16px;
323
- }
324
- .project__unshow-type .t-menu {
325
- padding: 0;
326
- }
327
- .project__unshow-type .t-menu .t-head-menu__inner {
328
- background-color: #FFFFFF !important;
329
- border: none;
330
- }
331
- .project__unshow-type .t-menu--scroll {
332
- background-color: #17233D;
333
- }
334
- .project__unshow-type .t-menu__content,
335
- .project__unshow-type .svg-icon,
336
- .project__unshow-type .t-fake-arrow {
337
- color: #A9AEB7;
338
- }
339
- .project__unshow-type .operations-container .t-button {
340
- background-color: #FFFFFF;
341
- border: 1px solid #C9C9C9;
342
- }
343
- .project__unshow-type .operations-container .t-button:hover {
344
- background-color: #C9C9C9;
345
- color: #FFFFFF !important;
346
- }
347
- .project__unshow-type .operations-container .svg-icon,
348
- .project__unshow-type .operations-container .t-icon,
349
- .project__unshow-type .operations-container .header-user-account,
350
- .project__unshow-type .operations-container span {
351
- color: #000000 !important;
352
- }
353
- .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
354
- .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
355
- color: #8B919E !important;
356
- }
357
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
358
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
359
- color: #FFFFFF !important;
360
- }
361
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
362
- margin-left: 20px;
363
- padding-left: 38px;
364
- border-radius: 0;
365
- border-top-left-radius: 4px;
366
- border-bottom-left-radius: 4px;
367
- }
368
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
369
- content: "";
370
- position: absolute;
371
- left: -20px;
372
- width: 5px;
373
- height: 100%;
374
- background-color: #296DF1;
375
- border-top-right-radius: 4px;
376
- border-bottom-right-radius: 4px;
377
- }
378
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
379
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
380
- font-weight: 700;
381
- color: #17233D !important;
382
- }
383
- .project__unshow-type .el-pagination__total {
384
- position: absolute;
385
- left: 0;
386
- }
387
- .project__unshow-type .el-table__header-wrapper th,
388
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
389
- padding: 0;
390
- }
391
- .project__unshow-type .el-table__header-wrapper th .cell,
392
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
393
- background-color: #E9F3FF;
394
- color: #3172F1;
395
- padding: 2px 10px;
396
- }
397
- .project__unshow-type .el-icon-check::before {
398
- color: var(--primary-btn);
399
- }
400
- .project__unshow-type .el-icon-check::before:hover {
401
- background-color: #84CAFD !important;
402
- }
403
- .project__unshow-type .el-button.common-btn:not(:hover),
404
- .project__unshow-type .el-button--primary.is-plain {
405
- color: var(--primary-btn) !important;
406
- border-color: var(--primary-btn) !important;
407
- background-color: #FFFFFF !important;
408
- }
409
- .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
410
- .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
411
- color: #FFFFFF !important;
412
- background-color: var(--light-blue-color) !important;
413
- border-color: var(--light-blue-color) !important;
414
- }
415
- .project__unshow-type .el-button--primary:not(.is-plain) {
416
- color: #FFFFFF !important;
417
- background-color: var(--primary-btn) !important;
418
- }
419
- .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
420
- color: #FFFFFF;
421
- }
422
- .project__unshow-type .el-button--primary:not(.is-plain):hover {
423
- background-color: var(--light-blue-color) !important;
424
- border-color: var(--light-blue-color) !important;
425
- }
426
- .project__unshow-type .el-button--warning {
427
- color: #F7BF17 !important;
428
- background-color: #FFFFFF !important;
429
- }
430
- .project__unshow-type .el-button--warning:hover {
431
- color: #FFFFFF !important;
432
- background-color: #F7BF17 !important;
433
- border-color: #F7BF17 !important;
434
- }
435
- .project__unshow-type .el-button--danger {
436
- color: #F56C6C !important;
437
- background-color: #FFFFFF !important;
438
- }
439
- .project__unshow-type .el-button--danger:hover {
440
- color: #FFFFFF !important;
441
- background-color: #F56C6C !important;
442
- border-color: #F56C6C !important;
443
- }
444
- .project__unshow-type .el-button--success {
445
- color: #67C23A !important;
446
- background-color: #FFFFFF !important;
447
- }
448
- .project__unshow-type .el-button--success:hover {
449
- color: #FFFFFF !important;
450
- background-color: #67C23A !important;
451
- border-color: #67C23A !important;
452
- }
453
- .project__unshow-type .el-tag {
454
- border-color: var(--light-blue-color);
455
- }
456
- .project__unshow-type .el-tag.el-tag--danger {
457
- border-color: #F56C6C;
458
- }
459
- .project__unshow-type .user-info > .el-card__header {
460
- background-color: #17233D !important;
461
- }
462
- .project__unshow-type .login-container-normal .login-form-normal.login-form {
463
- width: 562px;
464
- }
465
-
466
478
  :root,
467
479
  :root[theme-mode="light"] {
468
480
  --td-brand-color-1: #E0EBFF;
@@ -961,11 +973,12 @@
961
973
  }
962
974
  :root[theme-mode="dark"] .el-select .el-input {
963
975
  background: var(--opacity-blue-bg);
964
- border: 1px solid var(--light-blue-color);
965
976
  }
966
977
  :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
967
- background: transparent;
978
+ background-color: transparent;
979
+ border: 1px solid var(--light-blue-color);
968
980
  color: var(--light-blue-color);
981
+ border-radius: var(--button-radius);
969
982
  }
970
983
  :root[theme-mode="dark"] .el-select .el-input__inner {
971
984
  border: 0;
@@ -1007,7 +1020,7 @@
1007
1020
  background: var(--primary-btn);
1008
1021
  border-radius: var(--button-radius);
1009
1022
  border-color: var(--primary-btn);
1010
- color: #FFFFFF;
1023
+ color: #FFFFFF !important;
1011
1024
  font-size: 14px;
1012
1025
  }
1013
1026
  :root[theme-mode="dark"] .common-btn,
@@ -1016,7 +1029,7 @@
1016
1029
  border: 1px solid var(--light-blue-color);
1017
1030
  border-radius: var(--button-radius);
1018
1031
  color: var(--light-blue-color);
1019
- background: var(--opacity-blue-bg);
1032
+ background: var(--opacity-blue-bg) !important;
1020
1033
  font-size: 14px;
1021
1034
  }
1022
1035
  :root[theme-mode="dark"] .cancel-btn {
@@ -1046,6 +1059,48 @@
1046
1059
  background: var(--opacity-blue-bg);
1047
1060
  border: 1px solid var(--light-blue-color);
1048
1061
  }
1062
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default,
1063
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain {
1064
+ border: 1px solid var(--light-blue-color);
1065
+ border-radius: var(--button-radius);
1066
+ color: var(--light-blue-color);
1067
+ background: var(--opacity-blue-bg);
1068
+ }
1069
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger {
1070
+ background-color: var(--opacity-blue-bg) !important;
1071
+ border: 1px solid var(--light-blue-color);
1072
+ }
1073
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
1074
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
1075
+ background: var(--opacity-blue-bg);
1076
+ border: 1px solid var(--light-blue-color);
1077
+ color: #409EFF;
1078
+ }
1079
+ :root[theme-mode="dark"] .el-form-item__content .el-button--default {
1080
+ border: 1px solid var(--light-blue-color);
1081
+ border-radius: var(--button-radius);
1082
+ color: var(--light-blue-color);
1083
+ background: var(--opacity-blue-bg) !important;
1084
+ }
1085
+ :root[theme-mode="dark"] .mb8 .el-button--success.is-plain.is-disabled,
1086
+ :root[theme-mode="dark"] .mb8 .el-button--danger.is-plain.is-disabled,
1087
+ :root[theme-mode="dark"] .mb8 .el-button--default {
1088
+ background: var(--opacity-blue-bg) !important;
1089
+ color: var(--light-blue-color);
1090
+ border: 1px solid var(--light-blue-color);
1091
+ border-radius: var(--button-radius);
1092
+ }
1093
+ :root[theme-mode="dark"] .mb8 .el-button--success,
1094
+ :root[theme-mode="dark"] .mb8 .el-button--danger {
1095
+ background: var(--opacity-blue-bg);
1096
+ border: 1px solid var(--light-blue-color);
1097
+ border-radius: var(--button-radius);
1098
+ }
1099
+ :root[theme-mode="dark"] .el-button--warning.is-plain {
1100
+ background: transparent !important;
1101
+ border: 1px solid var(--light-blue-color) !important;
1102
+ color: var(--primary-btn) !important;
1103
+ }
1049
1104
  :root[theme-mode="dark"] .el-range-editor.el-input__inner {
1050
1105
  background: var(--opacity-blue-bg-2);
1051
1106
  }
@@ -1113,7 +1168,8 @@
1113
1168
  border-color: var(--light-blue-color);
1114
1169
  background-color: rgba(0, 222, 240, 0.6);
1115
1170
  }
1116
- :root[theme-mode="dark"] .el-textarea__inner {
1171
+ :root[theme-mode="dark"] .el-textarea__inner,
1172
+ :root[theme-mode="dark"] .el-input__inner {
1117
1173
  background-color: transparent;
1118
1174
  border: 1px solid var(--light-blue-color);
1119
1175
  color: var(--light-blue-color);
@@ -1153,6 +1209,16 @@
1153
1209
  height: 44px;
1154
1210
  line-height: 44px;
1155
1211
  }
1212
+ :root[theme-mode="dark"] .el-table__fixed-right th > .cell {
1213
+ background: var(--el-dialog-color);
1214
+ color: #FFFFFF;
1215
+ }
1216
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-right-patch {
1217
+ width: 0 !important;
1218
+ }
1219
+ :root[theme-mode="dark"] .el-table__body tr.hover-row > td.el-table__cell {
1220
+ background: var(--opacity-blue-bg) !important;
1221
+ }
1156
1222
  :root[theme-mode="dark"] .el-table::before {
1157
1223
  display: none;
1158
1224
  }
@@ -1203,7 +1269,11 @@
1203
1269
  background: var(--td-gray-color-9) !important;
1204
1270
  }
1205
1271
  :root[theme-mode="dark"] .t-menu__item.t-is-active {
1206
- color: var(--light-blue-color);
1272
+ color: #FFFFFF;
1273
+ }
1274
+ :root[theme-mode="dark"] .t-menu__item.t-is-active .t-menu__content,
1275
+ :root[theme-mode="dark"] .t-menu__item.t-is-active .svg-icon {
1276
+ color: #FFFFFF !important;
1207
1277
  }
1208
1278
  :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active {
1209
1279
  color: var(--white-color);
@@ -1229,6 +1299,7 @@
1229
1299
  }
1230
1300
  :root[theme-mode="dark"] .el-pagination.is-background .btn-next,
1231
1301
  :root[theme-mode="dark"] .el-pagination.is-background .btn-prev,
1302
+ :root[theme-mode="dark"] .el-pagination.is-background .el-input__inner,
1232
1303
  :root[theme-mode="dark"] .el-pagination.is-background .el-pager li {
1233
1304
  color: var(--light-blue-color);
1234
1305
  font-weight: 500;
@@ -1245,8 +1316,10 @@
1245
1316
  bottom: 0;
1246
1317
  }
1247
1318
  :root[theme-mode="dark"] .custom__input--high-light .el-input__inner {
1248
- background: transparent;
1319
+ background-color: transparent;
1320
+ border: 1px solid var(--light-blue-color);
1249
1321
  color: var(--light-blue-color);
1322
+ border-radius: var(--button-radius);
1250
1323
  }
1251
1324
  :root[theme-mode="dark"] .custom__input--high-light .el-input.is-disabled .el-input__inner {
1252
1325
  background: transparent;
@@ -1256,6 +1329,9 @@
1256
1329
  background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
1257
1330
  border: 1px solid gray;
1258
1331
  }
1332
+ :root[theme-mode="dark"] .el-message-box p {
1333
+ color: #FFFFFF;
1334
+ }
1259
1335
  :root[theme-mode="dark"] .el-message-box__title {
1260
1336
  color: #ffffff;
1261
1337
  }
@@ -1273,10 +1349,16 @@
1273
1349
  color: var(--light-blue-color);
1274
1350
  }
1275
1351
  :root[theme-mode="dark"] .el-dialog__header {
1276
- background: var(--dialog-header);
1352
+ background: transparent;
1277
1353
  border-bottom: 1px solid var(--dialog-header-border);
1278
1354
  padding: 10px 20px;
1279
1355
  }
1356
+ :root[theme-mode="dark"] .el-dialog__footer .el-button--default {
1357
+ border: 1px solid var(--light-blue-color);
1358
+ border-radius: var(--button-radius);
1359
+ color: var(--light-blue-color);
1360
+ background: var(--opacity-blue-bg);
1361
+ }
1280
1362
  :root[theme-mode="dark"] .el-dialog__body {
1281
1363
  color: rgba(255, 255, 255, 0.5);
1282
1364
  padding: 0 10px;
@@ -1290,6 +1372,11 @@
1290
1372
  :root[theme-mode="dark"] .addwork .el-form-item__content {
1291
1373
  margin-left: 0 !important;
1292
1374
  }
1375
+ :root[theme-mode="dark"] .el-form-item__content .el-input-group__append {
1376
+ background: transparent;
1377
+ border: 1px solid var(--light-blue-color);
1378
+ border-left: none;
1379
+ }
1293
1380
  :root[theme-mode="dark"] .headerinfo {
1294
1381
  width: 25%;
1295
1382
  border-bottom: 1px solid #0dcea5;
@@ -1297,6 +1384,12 @@
1297
1384
  margin-bottom: 10px;
1298
1385
  color: #0dcea5;
1299
1386
  }
1387
+ :root[theme-mode="dark"] .el-input--small > .el-input__inner {
1388
+ background-color: transparent;
1389
+ border: 1px solid var(--light-blue-color);
1390
+ color: var(--light-blue-color);
1391
+ border-radius: var(--button-radius);
1392
+ }
1300
1393
  :root[theme-mode="dark"] .el-input-number__increase {
1301
1394
  background: var(--opacity-blue-bg);
1302
1395
  color: #FFFFFF;
@@ -1306,12 +1399,13 @@
1306
1399
  :root[theme-mode="dark"] .el-input-number__decrease {
1307
1400
  background: var(--opacity-blue-bg);
1308
1401
  color: #FFFFFF;
1309
- border-top: 1px solid var(--light-blue-color);
1310
- border-left: 1px solid var(--light-blue-color);
1402
+ border-right: 1px solid var(--light-blue-color) !important;
1403
+ border-left: 1px solid var(--light-blue-color) !important;
1311
1404
  }
1312
1405
  :root[theme-mode="dark"] .el-upload {
1313
1406
  width: 100%;
1314
1407
  margin-top: 10px;
1408
+ background: transparent;
1315
1409
  }
1316
1410
  :root[theme-mode="dark"] .el-upload .el-upload-dragger {
1317
1411
  width: 100%;
@@ -1554,9 +1648,24 @@
1554
1648
  height: calc(100vh - 145px);
1555
1649
  }
1556
1650
  :root[theme-mode="dark"] .vue-treeselect__control {
1557
- height: var(--element-size-height);
1651
+ background-color: transparent;
1652
+ border: 1px solid var(--light-blue-color);
1558
1653
  border-radius: var(--button-radius);
1559
1654
  }
1655
+ :root[theme-mode="dark"] .vue-treeselect__control .vue-treeselect__single-value {
1656
+ color: var(--light-blue-color);
1657
+ }
1658
+ :root[theme-mode="dark"] .vue-treeselect__menu {
1659
+ border: 1px solid var(--light-blue-color);
1660
+ background: linear-gradient(to right, rgba(0, 63, 108, 0.8), rgba(1, 49, 86, 0.8));
1661
+ color: #FFFFFF;
1662
+ }
1663
+ :root[theme-mode="dark"] .vue-treeselect__option--highlight {
1664
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1665
+ }
1666
+ :root[theme-mode="dark"] .vue-treeselect--single .vue-treeselect__option--selected {
1667
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1668
+ }
1560
1669
  :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__control {
1561
1670
  background: var(--opacity-blue-bg);
1562
1671
  color: var(--light-blue-color);
@@ -1582,7 +1691,7 @@
1582
1691
  color: #FFFFFF;
1583
1692
  }
1584
1693
  :root[theme-mode="dark"] .el-card {
1585
- background: transparent;
1694
+ background: transparent !important;
1586
1695
  color: #FFFFFF;
1587
1696
  }
1588
1697
  :root[theme-mode="dark"] .el-card .el-card__header {
@@ -1600,6 +1709,13 @@
1600
1709
  :root[theme-mode="dark"] .el-card .el-tabs__item.is-active {
1601
1710
  color: #409EFF;
1602
1711
  }
1712
+ :root[theme-mode="dark"] .el-card .form-title::before {
1713
+ background: linear-gradient(to bottom, transparent, rgba(0, 118, 162, 0.34));
1714
+ color: #FFFFFF;
1715
+ }
1716
+ :root[theme-mode="dark"] .title {
1717
+ color: #fff;
1718
+ }
1603
1719
  :root[theme-mode="dark"] .vxe-table .vxe-table--header-wrapper {
1604
1720
  color: #00def0;
1605
1721
  }
@@ -1692,6 +1808,11 @@
1692
1808
  :root[theme-mode="dark"] .vxe-loading {
1693
1809
  background-color: transparent;
1694
1810
  }
1811
+ :root[theme-mode="dark"] .top-right-btn .el-row .el-button {
1812
+ background: transparent;
1813
+ border: 1px solid var(--light-blue-color);
1814
+ color: var(--light-blue-color);
1815
+ }
1695
1816
  .t-layout.tdesign-starter-layout {
1696
1817
  overflow-y: auto;
1697
1818
  }