upp-platform-core 1.0.58 → 1.0.59

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/lib/index.css CHANGED
@@ -1,1092 +1,780 @@
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%;
1
+ .t-layout__sider {
2
+ width: fit-content;
8
3
  }
9
- .project__unshow-type .t-menu__logo span {
10
- color: #FFFFFF !important;
11
- font-size: 16px;
4
+ .t-layout__header {
5
+ height: auto;
12
6
  }
13
- .project__unshow-type .t-default-menu__inner {
14
- height: 100%;
7
+ .t-layout__content {
8
+ height: calc(100% - 142px);
15
9
  }
16
- .project__unshow-type .header-logo-container {
17
- width: 216px;
18
- margin-left: 16px;
10
+ .t-layout.t-layout--with-sider > .t-layout {
11
+ flex: 1;
12
+ min-width: 760px;
19
13
  }
20
- .project__unshow-type .t-menu {
21
- padding: 0;
14
+ .t-layout.t-layout--with-sider > .t-layout__content {
15
+ flex: 1;
16
+ min-width: 760px;
22
17
  }
23
- .project__unshow-type .t-menu .t-head-menu__inner {
24
- background-color: #FFFFFF !important;
25
- border: none;
18
+ .route-tabs-dropdown .t-icon {
19
+ margin-right: 8px;
26
20
  }
27
- .project__unshow-type .t-menu--scroll {
28
- background-color: #17233D;
21
+ .t-menu--dark .t-menu__operations .t-icon:hover {
22
+ cursor: pointer;
29
23
  }
30
- .project__unshow-type .t-menu__content,
31
- .project__unshow-type .svg-icon,
32
- .project__unshow-type .t-fake-arrow {
33
- color: #A9AEB7;
24
+ .t-default-menu.t-menu--dark {
25
+ background: var(--right-light);
34
26
  }
35
- .project__unshow-type .operations-container .t-button {
36
- background-color: #FFFFFF;
37
- border: 1px solid #C9C9C9;
27
+ .t-default-menu .t-menu__item {
28
+ padding: 0 10px 0 14px;
29
+ height: 39px;
30
+ line-height: 39px;
38
31
  }
39
- .project__unshow-type .operations-container .t-button:hover {
40
- background-color: #C9C9C9;
41
- color: #FFFFFF !important;
32
+ .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) {
33
+ background-color: var(--td-brand-color-1);
34
+ color: var(--td-brand-color);
42
35
  }
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;
36
+ .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
37
+ color: var(--td-brand-color);
48
38
  }
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;
39
+ .t-alert--info {
40
+ background-color: var(--td-brand-color-1);
52
41
  }
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;
42
+ .tdesign-starter-wrapper {
43
+ height: 100vh;
44
+ display: flex;
45
+ flex-direction: column;
56
46
  }
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;
47
+ .tdesign-starter-main-wrapper {
48
+ height: 500px;
49
+ overflow: scroll;
63
50
  }
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;
51
+ .tdesign-starter-side-nav-layout-relative {
69
52
  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
53
  }
79
- .project__unshow-type .el-pagination__total {
80
- position: absolute;
81
- left: 0;
54
+ .tdesign-starter-content-layout {
55
+ padding: 24px;
82
56
  }
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;
57
+ .tdesign-starter-layout {
58
+ height: calc(100vh - 64px);
59
+ overflow-y: scroll;
86
60
  }
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;
61
+ .tdesign-starter-layout-tabs-nav {
62
+ max-width: 100%;
63
+ position: fixed;
64
+ overflow: visible;
65
+ z-index: 100;
92
66
  }
93
- .project__unshow-type .el-icon-check::before {
94
- color: var(--primary-btn);
67
+ .tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout {
68
+ padding-top: 24px;
95
69
  }
96
- .project__unshow-type .el-icon-check::before:hover {
97
- background-color: #84CAFD !important;
70
+ .tdesign-starter-layout::-webkit-scrollbar {
71
+ width: 8px;
72
+ background: transparent;
98
73
  }
99
- .project__unshow-type .el-button.common-btn:not(:hover),
100
- .project__unshow-type .el-button--primary.is-plain {
101
- color: var(--primary-btn);
102
- border-color: var(--primary-btn) !important;
103
- background-color: #FFFFFF;
74
+ .tdesign-starter-layout::-webkit-scrollbar-thumb {
75
+ border-radius: 6px;
76
+ border: 2px solid transparent;
77
+ background-clip: content-box;
78
+ background-color: var(--td-scrollbar-color);
104
79
  }
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;
80
+ .tdesign-starter-footer-layout {
81
+ padding: 0;
82
+ margin-bottom: 16px;
110
83
  }
111
- .project__unshow-type .el-button--primary:not(.is-plain) {
112
- color: #FFFFFF !important;
113
- background-color: var(--primary-btn) !important;
84
+ .tdesign-starter-sidebar-layout {
85
+ height: 100%;
114
86
  }
115
- .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
116
- color: #FFFFFF;
87
+ .tdesign-starter-sidebar-compact {
88
+ width: 64px;
117
89
  }
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;
90
+ .tdesign-starter-sidebar-layout-side {
91
+ z-index: 100;
121
92
  }
122
- .project__unshow-type .el-button--warning {
123
- color: #F7BF17 !important;
124
- background-color: #FFFFFF !important;
93
+ .tdesign-starter-side-nav {
94
+ position: fixed;
95
+ top: 0;
96
+ bottom: 0;
97
+ z-index: 200;
98
+ transition: all 0.3s;
99
+ min-height: 100%;
125
100
  }
126
- .project__unshow-type .el-button--warning:hover {
127
- color: #FFFFFF !important;
128
- background-color: #F7BF17 !important;
129
- border-color: #F7BF17 !important;
101
+ .tdesign-starter-side-nav-mix {
102
+ top: 64px;
130
103
  }
131
- .project__unshow-type .el-button--danger {
132
- color: #F56C6C !important;
133
- background-color: #FFFFFF !important;
104
+ .tdesign-starter-side-nav-mix-fixed {
105
+ top: 64px;
106
+ z-index: 0;
134
107
  }
135
- .project__unshow-type .el-button--danger:hover {
136
- color: #FFFFFF !important;
137
- background-color: #F56C6C !important;
138
- border-color: #F56C6C !important;
108
+ .tdesign-starter-side-nav-no-fixed {
109
+ position: relative;
110
+ z-index: 1;
139
111
  }
140
- .project__unshow-type .el-button--success {
141
- color: #67C23A !important;
142
- background-color: #FFFFFF !important;
112
+ .tdesign-starter-side-nav-no-logo {
113
+ z-index: 1;
143
114
  }
144
- .project__unshow-type .el-button--success:hover {
145
- color: #FFFFFF !important;
146
- background-color: #67C23A !important;
147
- border-color: #67C23A !important;
115
+ .tdesign-starter-side-nav-logo-wrapper {
116
+ display: flex;
117
+ align-items: center;
118
+ justify-content: center;
119
+ width: 100%;
148
120
  }
149
- .project__unshow-type .el-tag {
150
- border-color: var(--light-blue-color);
121
+ .tdesign-starter-side-nav-logo-wrapper:hover {
122
+ cursor: pointer;
151
123
  }
152
- .project__unshow-type .el-tag.el-tag--danger {
153
- border-color: #F56C6C;
124
+ .tdesign-starter-side-nav-logo-t-logo {
125
+ height: 32px;
126
+ width: 100%;
154
127
  }
155
- .project__unshow-type .user-info > .el-card__header {
156
- background-color: #17233D !important;
128
+ .tdesign-starter-side-nav-logo-tdesign-logo {
129
+ padding: 0 24px;
130
+ height: 32px;
131
+ width: 100%;
132
+ color: var(--td-text-color-primary);
157
133
  }
158
- .project__unshow-type .login-container-normal .login-form-normal.login-form {
159
- width: 562px;
134
+ .tdesign-starter-side-nav-logo-normal {
135
+ color: var(--td-brand-color);
136
+ font-size: 16px;
137
+ transition: all 0.3s;
160
138
  }
161
- :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
162
- background-color: #17233D !important;
139
+ .tdesign-starter-side-nav-placeholder {
140
+ flex: 1 1 232px;
141
+ min-width: 232px;
142
+ transition: all 0.3s;
163
143
  }
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;
144
+ .tdesign-starter-side-nav-placeholder-hidden {
145
+ flex: 1 1 72px;
146
+ min-width: 72px;
147
+ transition: all 0.3s;
169
148
  }
170
- :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
171
- background-color: transparent;
149
+ .logo-container {
150
+ cursor: pointer;
151
+ display: inline-flex;
152
+ height: 64px;
153
+ margin-left: 24px;
172
154
  }
173
- :root[theme-mode="dark"] .el-button.common-btn:not(:hover),
174
- :root[theme-mode="dark"] .el-button--primary.is-plain {
175
- color: #FFFFFF;
176
- border-color: var(--primary-btn) !important;
155
+ .version-container {
156
+ color: var(--td-text-color-primary);
157
+ opacity: 0.4;
177
158
  }
178
- :root[theme-mode="dark"] .el-button--primary.is-plain:hover {
179
- color: var(--primary-btn) !important;
180
- border-color: var(--light-blue-color) !important;
159
+ ::-webkit-scrollbar {
160
+ width: 6px;
161
+ height: 6px;
181
162
  }
182
-
183
- .form-layout {
184
- display: flex;
185
- flex-wrap: wrap;
186
- position: relative;
187
- margin-top: 10px;
163
+ ::-webkit-scrollbar-thumb {
164
+ background-color: var(--td-scrollbar-color);
165
+ border-radius: 6px;
188
166
  }
189
- .form-layout.column {
190
- flex-direction: column;
167
+ .header__title {
168
+ font-size: 18px;
191
169
  }
192
- .form-layout .el-form-item.no-label .el-form-item__content {
193
- max-width: 100%;
170
+
171
+ :root,
172
+ :root[theme-mode="light"] {
173
+ --td-brand-color-1: #E0EBFF;
174
+ --td-brand-color-2: #C0D8FF;
175
+ --td-brand-color-3: #A1C4FF;
176
+ --td-brand-color-4: #81B1FF;
177
+ --td-brand-color-5: #5F9BFF;
178
+ --td-brand-color-6: #3D87FF;
179
+ --td-brand-color-7: #176EFF;
180
+ --td-brand-color-8: #0052D9;
181
+ --td-brand-color-9: #0048CD;
182
+ --td-brand-color-10: #0035B5;
183
+ --left-tab: #E7E7E7;
184
+ --td-gray-color-2: #f1f2f6;
185
+ --td-brand-color: var(--light-blue-color);
186
+ --td-gray-color-1: var(--white-color);
187
+ --white-color: #FFFFFF;
188
+ --error-notifi-bg: var(--white-color);
189
+ --opacity-blue-bg-2: rgba(0, 0, 0, 0.5);
190
+ --form-text: #606266;
194
191
  }
195
- .form-layout .form-layout__item-col1 {
196
- width: 100%;
192
+ :root .box-card,
193
+ :root[theme-mode="light"] .box-card {
194
+ border: 1px solid var(--light-blue-color);
195
+ background: linear-gradient(to bottom, rgba(0, 96, 166, 0.2), var(--light-blue-color));
197
196
  }
198
- .form-layout .form-layout__item-col2 {
199
- width: 50%;
197
+ :root .t-head-menu .t-menu__item:hover,
198
+ :root[theme-mode="light"] .t-head-menu .t-menu__item:hover {
199
+ background: var(--td-brand-color-1) !important;
200
+ color: var(--light-blue-color);
200
201
  }
201
- .form-layout .form-layout__item-col3 {
202
- width: calc(100% / 3);
202
+ :root .el-table tr,
203
+ :root[theme-mode="light"] .el-table tr {
204
+ color: rgba(0, 0, 0, 0.6);
205
+ font-size: 14px;
206
+ font-weight: 400;
203
207
  }
204
- .form-layout .el-form-item {
205
- display: flex;
206
- align-items: center;
208
+ :root .el-table,
209
+ :root[theme-mode="light"] .el-table {
210
+ background: var(--white-color);
207
211
  }
208
- .form-layout .el-form-item__label {
209
- display: flex;
210
- align-items: center;
211
- justify-content: right;
212
- height: 100%;
213
- width: 120px;
214
- line-height: var(--element-size-height);
212
+ :root .table-header,
213
+ :root[theme-mode="light"] .table-header {
214
+ text-align: center;
215
+ color: #303133;
216
+ font-size: 14px;
217
+ font-weight: 600;
218
+ background: linear-gradient(to bottom, #F0F2F5, #F0F2F5);
215
219
  }
216
- .form-layout .el-form-item__content {
217
- line-height: var(--element-size-height);
218
- min-height: var(--element-size-height);
219
- height: 100%;
220
- width: 100%;
221
- max-width: calc(100% - 120px);
222
- margin-left: 0 !important;
223
- flex: 1;
220
+ :root .el-table tbody tr:last-child,
221
+ :root[theme-mode="light"] .el-table tbody tr:last-child {
222
+ border: 0;
224
223
  }
225
- .form-layout .el-form-item__content .el-select,
226
- .form-layout .el-form-item__content .el-input-number {
227
- width: 100%;
224
+ :root .el-table .el-table__cell.gutter,
225
+ :root[theme-mode="light"] .el-table .el-table__cell.gutter {
226
+ background: transparent;
228
227
  }
229
- .form-layout .el-form-item__content > span.view-item {
230
- margin-left: 15px;
231
- display: inline-block;
232
- white-space: pre-line;
233
- line-height: 22px;
234
- margin-top: 9px;
235
- word-break: break-all;
228
+ :root .el-table__header-wrapper .cell,
229
+ :root[theme-mode="light"] .el-table__header-wrapper .cell,
230
+ :root .el-table__fixed-right .el-table__fixed-header-wrapper .cell,
231
+ :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .cell {
232
+ background: #FAFAFA;
233
+ color: #333333;
234
+ height: 44px;
235
+ line-height: 44px;
236
236
  }
237
- .form-layout .form-disable--bgc-gray .el-form-item__content {
238
- background-color: #EEEEEE;
239
- color: #666666;
237
+ :root .el-table__header-wrapper .el-table__cell,
238
+ :root[theme-mode="light"] .el-table__header-wrapper .el-table__cell,
239
+ :root .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell,
240
+ :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell {
241
+ background-color: transparent;
240
242
  }
241
- .form-layout--140 {
242
- display: flex;
243
- flex-wrap: wrap;
244
- position: relative;
245
- margin-top: 10px;
243
+ :root .el-table__fixed-right::before,
244
+ :root[theme-mode="light"] .el-table__fixed-right::before {
245
+ display: none;
246
246
  }
247
- .form-layout--140.column {
248
- flex-direction: column;
247
+ :root .el-table::before,
248
+ :root[theme-mode="light"] .el-table::before {
249
+ display: none;
249
250
  }
250
- .form-layout--140 .el-form-item.no-label .el-form-item__content {
251
- max-width: 100%;
251
+ :root .el-pagination.is-background .el-pager li:not(.disabled).active,
252
+ :root[theme-mode="light"] .el-pagination.is-background .el-pager li:not(.disabled).active {
253
+ border: 1px solid var(--light-blue-color);
254
+ background: #F4F4F5;
255
+ color: #595959;
252
256
  }
253
- .form-layout--140 .form-layout__item-col1 {
254
- width: 100%;
257
+ :root .el-pagination.is-background .btn-next,
258
+ :root[theme-mode="light"] .el-pagination.is-background .btn-next,
259
+ :root .el-pagination.is-background .btn-prev,
260
+ :root[theme-mode="light"] .el-pagination.is-background .btn-prev,
261
+ :root .el-pagination.is-background .el-pager li,
262
+ :root[theme-mode="light"] .el-pagination.is-background .el-pager li {
263
+ color: #595959;
264
+ font-weight: 500;
255
265
  }
256
- .form-layout--140 .form-layout__item-col2 {
257
- width: 50%;
266
+ :root .el-pagination__total,
267
+ :root[theme-mode="light"] .el-pagination__total {
268
+ color: #909399;
269
+ margin-left: 20px;
258
270
  }
259
- .form-layout--140 .form-layout__item-col3 {
260
- width: calc(100% / 3);
271
+ :root .app-container .pagination-container,
272
+ :root[theme-mode="light"] .app-container .pagination-container {
273
+ position: absolute;
274
+ right: 0;
275
+ bottom: 0;
276
+ z-index: 999;
261
277
  }
262
- .form-layout--140 .el-form-item {
263
- display: flex;
264
- align-items: center;
278
+ :root .el-button--primary,
279
+ :root[theme-mode="light"] .el-button--primary {
280
+ background: var(--primary-btn);
281
+ border-radius: var(--button-radius);
282
+ border-color: var(--primary-btn);
283
+ color: #FFFFFF;
284
+ font-size: 14px;
265
285
  }
266
- .form-layout--140 .el-form-item__label {
267
- display: flex;
268
- align-items: center;
269
- justify-content: right;
270
- height: 100%;
271
- width: 140px;
272
- line-height: var(--element-size-height);
286
+ :root .common-btn,
287
+ :root[theme-mode="light"] .common-btn {
288
+ border: 1px solid var(--light-blue-color);
289
+ border-radius: var(--button-radius);
290
+ color: var(--light-blue-color);
291
+ font-size: 14px;
273
292
  }
274
- .form-layout--140 .el-form-item__content {
275
- line-height: var(--element-size-height);
276
- min-height: var(--element-size-height);
277
- height: 100%;
278
- width: 100%;
279
- max-width: calc(100% - 140px);
280
- margin-left: 0 !important;
281
- flex: 1;
293
+ :root .common-btn.el-button--danger:not(:hover),
294
+ :root[theme-mode="light"] .common-btn.el-button--danger:not(:hover) {
295
+ background-color: #FFFFFF;
296
+ border-color: #ff3c31;
282
297
  }
283
- .form-layout--140 .el-form-item__content .el-select,
284
- .form-layout--140 .el-form-item__content .el-input-number {
285
- width: 100%;
298
+ :root .el-button--text,
299
+ :root[theme-mode="light"] .el-button--text {
300
+ color: var(--light-blue-color);
301
+ font-family: "Harmony_Sans", PingFangSC-Medium, "PingFang SC", sans-serif;
302
+ font-weight: 500;
286
303
  }
287
- .form-layout--140 .el-form-item__content > span.view-item {
288
- margin-left: 15px;
289
- display: inline-block;
290
- white-space: pre-line;
291
- line-height: 22px;
292
- margin-top: 9px;
293
- word-break: break-all;
304
+ :root .cancel-btn,
305
+ :root[theme-mode="light"] .cancel-btn {
306
+ border-radius: var(--button-radius);
294
307
  }
295
- .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
296
- background-color: #EEEEEE;
297
- color: #666666;
308
+ :root .error-btn,
309
+ :root[theme-mode="light"] .error-btn {
310
+ background: #A61D24;
311
+ color: #FFFFFF;
312
+ border: 0;
298
313
  }
299
- .form-layout--160 {
300
- display: flex;
301
- flex-wrap: wrap;
302
- position: relative;
303
- margin-top: 10px;
314
+ :root .error-btnplain,
315
+ :root[theme-mode="light"] .error-btnplain {
316
+ background-color: transparent;
317
+ color: #A61D24;
318
+ border: 1px solid #A61D24;
304
319
  }
305
- .form-layout--160.column {
306
- flex-direction: column;
320
+ :root .disable-btn,
321
+ :root[theme-mode="light"] .disable-btn {
322
+ color: #C0C4CC;
323
+ cursor: not-allowed;
324
+ background-image: none;
325
+ border-color: #EBEEF5;
307
326
  }
308
- .form-layout--160 .el-form-item.no-label .el-form-item__content {
309
- max-width: 100%;
327
+ :root .t-tabs__nav-item.t-size-m,
328
+ :root[theme-mode="light"] .t-tabs__nav-item.t-size-m {
329
+ height: 32px;
330
+ line-height: 32px;
310
331
  }
311
- .form-layout--160 .form-layout__item-col1 {
312
- width: 100%;
332
+ :root .t-tabs__btn.t-size-m,
333
+ :root[theme-mode="light"] .t-tabs__btn.t-size-m {
334
+ height: 32px;
335
+ line-height: 32px;
313
336
  }
314
- .form-layout--160 .form-layout__item-col2 {
315
- width: 50%;
316
- }
317
- .form-layout--160 .form-layout__item-col3 {
318
- width: calc(100% / 3);
319
- }
320
- .form-layout--160 .el-form-item {
321
- display: flex;
322
- align-items: center;
337
+ :root .custom__input--high-light .el-input__inner,
338
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner,
339
+ :root .custom__input--high-light .el-input__inner:hover,
340
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner:hover,
341
+ :root .custom__input--high-light .el-input__inner:focus,
342
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner:focus {
343
+ border: 1px solid var(--light-blue-color);
344
+ border-radius: var(--button-radius);
345
+ color: var(--light-blue-color);
323
346
  }
324
- .form-layout--160 .el-form-item__label {
325
- display: flex;
326
- align-items: center;
327
- justify-content: right;
328
- height: 100%;
329
- width: 160px;
330
- line-height: var(--element-size-height);
347
+ :root .custom__input--high-light .el-select .el-input__inner,
348
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner {
349
+ border: 1px solid var(--light-blue-color);
331
350
  }
332
- .form-layout--160 .el-form-item__content {
333
- line-height: var(--element-size-height);
334
- min-height: var(--element-size-height);
335
- height: 100%;
336
- width: 100%;
337
- max-width: calc(100% - 160px);
338
- margin-left: 0 !important;
339
- flex: 1;
351
+ :root .custom__input--high-light .el-input--suffix .el-input__inner,
352
+ :root[theme-mode="light"] .custom__input--high-light .el-input--suffix .el-input__inner {
353
+ color: var(--light-blue-color);
340
354
  }
341
- .form-layout--160 .el-form-item__content .el-select,
342
- .form-layout--160 .el-form-item__content .el-input-number {
343
- width: 100%;
355
+ :root .custom__input--high-light .el-select .el-input__inner:hover,
356
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:hover,
357
+ :root .custom__input--high-light .el-select .el-input__inner:focus,
358
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:focus {
359
+ border: 1px solid var(--light-blue-color);
344
360
  }
345
- .form-layout--160 .el-form-item__content > span.view-item {
346
- margin-left: 15px;
347
- display: inline-block;
348
- white-space: pre-line;
349
- line-height: 22px;
350
- margin-top: 9px;
351
- word-break: break-all;
361
+ :root .custom__input--high-light .el-select-dropdown__item.selected,
362
+ :root[theme-mode="light"] .custom__input--high-light .el-select-dropdown__item.selected {
363
+ color: var(--light-blue-color);
364
+ font-weight: 400;
352
365
  }
353
- .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
354
- background-color: #EEEEEE;
355
- color: #666666;
366
+ :root .el-dialog,
367
+ :root[theme-mode="light"] .el-dialog {
368
+ background: #FFFFFF !important;
356
369
  }
357
- .form-layout.form-layout--border {
358
- border-left: 1px solid #ebeef5;
370
+ :root .el-dialog__title,
371
+ :root[theme-mode="light"] .el-dialog__title {
372
+ color: var(--dialog-header-text);
359
373
  }
360
- .form-layout.form-layout--border .border-left {
361
- border-left: 1px solid #ebeef5;
374
+ :root .el-dialog__header,
375
+ :root[theme-mode="light"] .el-dialog__header {
376
+ background: var(--dialog-header);
377
+ border-bottom: 1px solid var(--dialog-header-border);
378
+ padding: 10px 20px;
362
379
  }
363
- .form-layout.form-layout--border .el-form-item__label {
364
- border-bottom: 1px solid #ebeef5;
380
+ :root .el-dialog__body,
381
+ :root[theme-mode="light"] .el-dialog__body {
382
+ color: #000000;
383
+ text-align: left;
384
+ padding: 0 10px;
385
+ margin: 20px;
365
386
  }
366
- .form-layout.form-layout--border .el-form-item__content {
367
- border-left: 1px solid #ebeef5;
368
- border-right: 1px solid #ebeef5;
369
- border-bottom: 1px solid #ebeef5;
387
+ :root .addwork .el-form-item__content,
388
+ :root[theme-mode="light"] .addwork .el-form-item__content {
389
+ margin-left: 0 !important;
370
390
  }
371
- .form-layout.form-layout--border .form-layout__item-col1:nth-child(1) {
372
- border-top: 1px solid #ebeef5;
391
+ :root .headerinfo,
392
+ :root[theme-mode="light"] .headerinfo {
393
+ width: 25%;
394
+ border-bottom: 1px solid #0060a6;
395
+ padding: 10px 0;
396
+ margin-bottom: 10px;
397
+ color: #0060a6;
373
398
  }
374
- .form-layout.form-layout--border .form-layout__item-col2:nth-child(1),
375
- .form-layout.form-layout--border .form-layout__item-col2:nth-child(2) {
376
- border-top: 1px solid #ebeef5;
399
+ :root .el-upload,
400
+ :root[theme-mode="light"] .el-upload {
401
+ width: 100%;
402
+ margin-top: 10px;
377
403
  }
378
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(1),
379
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(2),
380
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(3) {
381
- border-top: 1px solid #ebeef5;
404
+ :root .el-upload .el-upload-dragger,
405
+ :root[theme-mode="light"] .el-upload .el-upload-dragger {
406
+ width: 100%;
382
407
  }
383
- .form-layout.form-layout--border .el-form-item {
384
- margin-bottom: 0;
408
+ :root .el-icon-circle-check::before,
409
+ :root[theme-mode="light"] .el-icon-circle-check::before {
410
+ color: #67C23A;
385
411
  }
386
- .form-layout.form-layout--border .el-input__inner,
387
- .form-layout.form-layout--border .el-input__inner:hover,
388
- .form-layout.form-layout--border .el-input__inner:focus,
389
- .form-layout.form-layout--border .el-select .el-input__inner,
390
- .form-layout.form-layout--border .el-select .el-input__inner:hover,
391
- .form-layout.form-layout--border .el-select .el-input__inner:focus,
392
- .form-layout.form-layout--border .el-textarea__inner,
393
- .form-layout.form-layout--border .el-button--text {
394
- border: none;
395
- border-radius: 0;
396
- font-size: 14px;
397
- font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
412
+ :root .el-icon-warning::before,
413
+ :root[theme-mode="light"] .el-icon-warning::before {
414
+ color: #E6A23C;
398
415
  }
399
- .form-layout.form-layout--border .el-textarea__inner {
400
- padding: 10px 15px;
416
+ :root .el-badge__content,
417
+ :root[theme-mode="light"] .el-badge__content,
418
+ :root .el-progress.is-exception .el-progress-bar__inner,
419
+ :root[theme-mode="light"] .el-progress.is-exception .el-progress-bar__inner {
420
+ background-color: #a61d24;
401
421
  }
402
- .form-layout.form-layout--border .el-form-item__error {
403
- top: -30px;
404
- left: 100px;
405
- z-index: 1;
406
- padding: 8px 20px;
407
- text-align: center;
408
- border-radius: 4px;
409
- border: 1px solid;
410
- background-color: #FFFFFF;
411
- min-width: 80px;
422
+ :root .el-icon-circle-close::before,
423
+ :root[theme-mode="light"] .el-icon-circle-close::before {
424
+ color: red;
412
425
  }
413
- .form-layout.form-layout--border .el-form-item__error::before {
414
- content: "";
415
- position: absolute;
416
- bottom: -6px;
417
- left: 50px;
418
- border: 1px solid transparent;
419
- border-top-color: #F56C6C;
420
- border-left-color: #F56C6C;
421
- background-color: #FFFFFF;
422
- transform: rotate(225deg);
423
- width: 10px;
424
- height: 10px;
426
+ :root .small-progress .el-progress__text,
427
+ :root[theme-mode="light"] .small-progress .el-progress__text {
428
+ font-size: 12px !important;
425
429
  }
426
- .form-layout.form-layout--no-border-left {
427
- border-left: none;
430
+ :root .el-icon-check::before,
431
+ :root[theme-mode="light"] .el-icon-check::before {
432
+ color: #FFFFFF;
433
+ font-weight: 700;
428
434
  }
429
- .form-layout.form-layout--no-border-top::before {
430
- border-bottom: none;
435
+ :root .el-icon-close::before,
436
+ :root[theme-mode="light"] .el-icon-close::before {
437
+ color: red;
438
+ font-weight: 700;
431
439
  }
432
- .form-title::before {
433
- content: attr(form-title);
434
- color: #333333;
435
- font-weight: 600;
436
- padding-left: 15px;
437
- border-bottom: 2px dashed #DCDCDC;
438
- border-left: 2px solid transparent;
439
- background: #FAFAFD;
440
- text-align: left;
441
- width: 100%;
442
- line-height: var(--element-size-height);
440
+ :root .el-result__title p,
441
+ :root[theme-mode="light"] .el-result__title p {
442
+ color: var(--form-text);
443
443
  }
444
- .form-title .form-title--right {
445
- line-height: var(--element-size-height);
446
- height: var(--element-size-height);
447
- position: absolute;
448
- right: 0;
449
- padding: 0 10px;
444
+ :root .el-result__subtitle p,
445
+ :root[theme-mode="light"] .el-result__subtitle p {
446
+ color: rgba(0, 0, 0, 0.5);
450
447
  }
451
- .form-title .form-title--right .el-link + .el-link {
452
- margin-left: 10px;
448
+ :root .el-result .icon-warning,
449
+ :root[theme-mode="light"] .el-result .icon-warning {
450
+ fill: #a61d24;
453
451
  }
454
-
455
- .is-in-iframe .tdesign-starter-content-layout,
456
- .is-in-full-screen .tdesign-starter-content-layout {
457
- padding: 0 !important;
452
+ :root .el-textarea__inner,
453
+ :root[theme-mode="light"] .el-textarea__inner {
454
+ border-radius: var(--button-radius);
458
455
  }
459
- .is-in-iframe .t-layout__content,
460
- .is-in-full-screen .t-layout__content,
461
- .is-in-iframe .tdesign-starter-layout,
462
- .is-in-full-screen .tdesign-starter-layout,
463
- .is-in-iframe .iframe-content .iframe-view,
464
- .is-in-full-screen .iframe-content .iframe-view {
465
- height: 100vh;
456
+ :root .custom__input--high-light .el-time-panel__content::after,
457
+ :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::after,
458
+ :root .custom__input--high-light .el-time-panel__content::before,
459
+ :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::before {
460
+ margin-top: -8px;
466
461
  }
467
- .is-in-full-screen .t-layout__header,
468
- .is-in-full-screen .tdesign-starter-layout-tabs-nav,
469
- .is-in-full-screen .t-layout__sider,
470
- .is-in-full-screen .tdesign-starter-sidebar-layout {
471
- display: none;
462
+ :root .custom__input--high-light .el-switch.is-checked .el-switch__core,
463
+ :root[theme-mode="light"] .custom__input--high-light .el-switch.is-checked .el-switch__core {
464
+ border-color: var(--light-blue-color);
465
+ background-color: var(--light-blue-color);
472
466
  }
473
- .is-in-full-screen div > section.t-layout {
474
- height: 100vh;
467
+ :root .custom__input--high-light .el-textarea__inner,
468
+ :root[theme-mode="light"] .custom__input--high-light .el-textarea__inner {
469
+ background-color: var(--white-color);
470
+ border: 1px solid var(--light-blue-color);
471
+ color: var(--light-blue-color);
475
472
  }
476
- .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
477
- display: none !important;
473
+ :root .el-dropdown,
474
+ :root[theme-mode="light"] .el-dropdown {
475
+ cursor: pointer;
476
+ color: var(--light-blue-color);
478
477
  }
479
- .el-dialog.file-uplaod__preview-image .el-dialog__header {
478
+ :root .stepsrow .el-step__icon,
479
+ :root[theme-mode="light"] .stepsrow .el-step__icon {
480
+ width: 30px;
481
+ height: 30px;
480
482
  border: none;
481
483
  }
482
-
483
- :root,
484
- :root[theme-mode="light"] {
485
- --td-brand-color-1: #E0EBFF;
486
- --td-brand-color-2: #C0D8FF;
487
- --td-brand-color-3: #A1C4FF;
488
- --td-brand-color-4: #81B1FF;
489
- --td-brand-color-5: #5F9BFF;
490
- --td-brand-color-6: #3D87FF;
491
- --td-brand-color-7: #176EFF;
492
- --td-brand-color-8: #0052D9;
493
- --td-brand-color-9: #0048CD;
494
- --td-brand-color-10: #0035B5;
495
- --left-tab: #E7E7E7;
496
- --td-gray-color-2: #f1f2f6;
497
- --td-brand-color: var(--light-blue-color);
498
- --td-gray-color-1: var(--white-color);
499
- --white-color: #FFFFFF;
500
- --error-notifi-bg: var(--white-color);
501
- --opacity-blue-bg-2: rgba(0, 0, 0, 0.5);
502
- --form-text: #606266;
503
- }
504
- :root .box-card,
505
- :root[theme-mode="light"] .box-card {
484
+ :root .stepsrow .el-step__head.is-success .el-step__icon.is-text,
485
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__icon.is-text {
486
+ background: var(--td-bg-color-page);
506
487
  border: 1px solid var(--light-blue-color);
507
- background: linear-gradient(to bottom, rgba(0, 96, 166, 0.2), var(--light-blue-color));
508
488
  }
509
- :root .t-head-menu .t-menu__item:hover,
510
- :root[theme-mode="light"] .t-head-menu .t-menu__item:hover {
511
- background: var(--td-brand-color-1) !important;
489
+ :root .stepsrow .el-step__head.is-success .el-icon-check::before,
490
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-icon-check::before {
512
491
  color: var(--light-blue-color);
513
492
  }
514
- :root .el-table tr,
515
- :root[theme-mode="light"] .el-table tr {
516
- color: rgba(0, 0, 0, 0.6);
517
- font-size: 14px;
518
- font-weight: 400;
493
+ :root .stepsrow .el-step__head.is-success .el-step__line,
494
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line {
495
+ background-color: var(--light-blue-color);
519
496
  }
520
- :root .el-table,
521
- :root[theme-mode="light"] .el-table {
522
- background: var(--white-color);
497
+ :root .stepsrow .el-step__head.is-success .el-step__line-inner,
498
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line-inner {
499
+ display: none;
523
500
  }
524
- :root .table-header,
525
- :root[theme-mode="light"] .table-header {
526
- text-align: center;
527
- color: #303133;
528
- font-size: 14px;
529
- font-weight: 600;
530
- background: linear-gradient(to bottom, #F0F2F5, #F0F2F5);
501
+ :root .stepsrow .el-step__head.is-process,
502
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
503
+ color: #FFFFFF;
531
504
  }
532
- :root .el-table tbody tr:last-child,
533
- :root[theme-mode="light"] .el-table tbody tr:last-child {
534
- border: 0;
505
+ :root .stepsrow .el-step__head.is-process .el-step__icon.is-text,
506
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process .el-step__icon.is-text {
507
+ background: var(--light-blue-color);
535
508
  }
536
- :root .el-table .el-table__cell.gutter,
537
- :root[theme-mode="light"] .el-table .el-table__cell.gutter {
538
- background: transparent;
509
+ :root .stepsrow .el-step__head.is-wait .el-step__icon.is-text,
510
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-wait .el-step__icon.is-text {
511
+ background: var(--td-bg-color-page);
512
+ border: 1px solid gray;
539
513
  }
540
- :root .el-table__header-wrapper .cell,
541
- :root[theme-mode="light"] .el-table__header-wrapper .cell,
542
- :root .el-table__fixed-right .el-table__fixed-header-wrapper .cell,
543
- :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .cell {
544
- background: #FAFAFA;
545
- color: #333333;
546
- height: 44px;
547
- line-height: 44px;
514
+ :root .stepsrow .el-step__title.is-success,
515
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-success {
516
+ font-weight: 700;
517
+ color: #303133;
548
518
  }
549
- :root .el-table__header-wrapper .el-table__cell,
550
- :root[theme-mode="light"] .el-table__header-wrapper .el-table__cell,
551
- :root .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell,
552
- :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell {
553
- background-color: transparent;
519
+ :root .stepsrow .el-step__title.is-process,
520
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
521
+ font-weight: 700;
522
+ color: var(--light-blue-color);
554
523
  }
555
- :root .el-table__fixed-right::before,
556
- :root[theme-mode="light"] .el-table__fixed-right::before {
557
- display: none;
524
+ :root .stepsrow .el-step__title.is-wait,
525
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-wait {
526
+ font-weight: 700;
527
+ color: #303133;
558
528
  }
559
- :root .el-table::before,
560
- :root[theme-mode="light"] .el-table::before {
561
- display: none;
529
+ :root .stepscolumn .el-step__icon,
530
+ :root[theme-mode="light"] .stepscolumn .el-step__icon {
531
+ width: 30px;
532
+ height: 30px;
533
+ border: none;
562
534
  }
563
- :root .el-pagination.is-background .el-pager li:not(.disabled).active,
564
- :root[theme-mode="light"] .el-pagination.is-background .el-pager li:not(.disabled).active {
535
+ :root .stepscolumn .el-step__head.is-success .el-step__icon.is-text,
536
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__icon.is-text {
537
+ background: var(--td-bg-color-page);
565
538
  border: 1px solid var(--light-blue-color);
566
- background: #F4F4F5;
567
- color: #595959;
568
539
  }
569
- :root .el-pagination.is-background .btn-next,
570
- :root[theme-mode="light"] .el-pagination.is-background .btn-next,
571
- :root .el-pagination.is-background .btn-prev,
572
- :root[theme-mode="light"] .el-pagination.is-background .btn-prev,
573
- :root .el-pagination.is-background .el-pager li,
574
- :root[theme-mode="light"] .el-pagination.is-background .el-pager li {
575
- color: #595959;
576
- font-weight: 500;
540
+ :root .stepscolumn .el-step__head.is-success .el-icon-check::before,
541
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-icon-check::before {
542
+ color: var(--light-blue-color);
577
543
  }
578
- :root .el-pagination__total,
579
- :root[theme-mode="light"] .el-pagination__total {
580
- color: #909399;
581
- margin-left: 20px;
544
+ :root .stepscolumn .el-step__head.is-success .el-step__line,
545
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line {
546
+ background-color: var(--light-blue-color);
582
547
  }
583
- :root .app-container .pagination-container,
584
- :root[theme-mode="light"] .app-container .pagination-container {
585
- position: absolute;
586
- right: 0;
587
- bottom: 0;
588
- z-index: 999;
548
+ :root .stepscolumn .el-step__head.is-success .el-step__line-inner,
549
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line-inner {
550
+ display: none;
589
551
  }
590
- :root .el-button--primary,
591
- :root[theme-mode="light"] .el-button--primary {
592
- background: var(--primary-btn);
593
- border-radius: var(--button-radius);
594
- border-color: var(--primary-btn);
552
+ :root .stepscolumn .el-step__head.is-process,
553
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-process {
595
554
  color: #FFFFFF;
596
- font-size: 14px;
597
555
  }
598
- :root .common-btn,
599
- :root[theme-mode="light"] .common-btn {
600
- border: 1px solid var(--light-blue-color);
601
- border-radius: var(--button-radius);
602
- color: var(--light-blue-color);
603
- font-size: 14px;
556
+ :root .stepscolumn .el-step__head.is-process .el-step__icon.is-text,
557
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-process .el-step__icon.is-text {
558
+ background: var(--light-blue-color);
604
559
  }
605
- :root .common-btn.el-button--danger:not(:hover),
606
- :root[theme-mode="light"] .common-btn.el-button--danger:not(:hover) {
607
- background-color: #FFFFFF;
608
- border-color: #ff3c31;
560
+ :root .stepscolumn .el-step__head.is-wait .el-step__icon.is-text,
561
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-wait .el-step__icon.is-text {
562
+ background: var(--td-bg-color-page);
563
+ border: 1px solid gray;
609
564
  }
610
- :root .el-button--text,
611
- :root[theme-mode="light"] .el-button--text {
565
+ :root .stepscolumn .el-step__title.is-success,
566
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-success {
567
+ font-weight: 700;
568
+ color: #303133;
569
+ }
570
+ :root .stepscolumn .el-step__title.is-process,
571
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-process {
572
+ font-weight: 700;
612
573
  color: var(--light-blue-color);
613
- font-family: "Harmony_Sans", PingFangSC-Medium, "PingFang SC", sans-serif;
614
- font-weight: 500;
615
574
  }
616
- :root .cancel-btn,
617
- :root[theme-mode="light"] .cancel-btn {
618
- border-radius: var(--button-radius);
575
+ :root .stepscolumn .el-step__title.is-wait,
576
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-wait {
577
+ font-weight: 700;
578
+ color: #303133;
619
579
  }
620
- :root .error-btn,
621
- :root[theme-mode="light"] .error-btn {
622
- background: #A61D24;
623
- color: #FFFFFF;
624
- border: 0;
580
+ :root .el-slider__bar,
581
+ :root[theme-mode="light"] .el-slider__bar {
582
+ background-color: var(--light-blue-color);
625
583
  }
626
- :root .error-btnplain,
627
- :root[theme-mode="light"] .error-btnplain {
584
+ :root .head-container .el-tree .el-tree-node__content,
585
+ :root[theme-mode="light"] .head-container .el-tree .el-tree-node__content {
586
+ height: auto;
587
+ padding: 10px 0;
588
+ margin: 0 30px;
589
+ }
590
+ :root .head-container .el-tree .el-tree-node:focus > .el-tree-node__content,
591
+ :root[theme-mode="light"] .head-container .el-tree .el-tree-node:focus > .el-tree-node__content {
628
592
  background-color: transparent;
629
- color: #A61D24;
630
- border: 1px solid #A61D24;
631
593
  }
632
- :root .disable-btn,
633
- :root[theme-mode="light"] .disable-btn {
634
- color: #C0C4CC;
635
- cursor: not-allowed;
636
- background-image: none;
637
- border-color: #EBEEF5;
594
+ :root .mb8,
595
+ :root[theme-mode="light"] .mb8 {
596
+ display: flex;
597
+ justify-content: flex-start;
638
598
  }
639
- :root .t-tabs__nav-item.t-size-m,
640
- :root[theme-mode="light"] .t-tabs__nav-item.t-size-m {
641
- height: 32px;
642
- line-height: 32px;
599
+ :root .pagination-container,
600
+ :root[theme-mode="light"] .pagination-container {
601
+ background: transparent;
643
602
  }
644
- :root .t-tabs__btn.t-size-m,
645
- :root[theme-mode="light"] .t-tabs__btn.t-size-m {
646
- height: 32px;
647
- line-height: 32px;
603
+ :root .pagination-container .el-pagination,
604
+ :root[theme-mode="light"] .pagination-container .el-pagination {
605
+ text-align: right;
648
606
  }
649
- :root .custom__input--high-light .el-input__inner,
650
- :root[theme-mode="light"] .custom__input--high-light .el-input__inner,
651
- :root .custom__input--high-light .el-input__inner:hover,
652
- :root[theme-mode="light"] .custom__input--high-light .el-input__inner:hover,
653
- :root .custom__input--high-light .el-input__inner:focus,
654
- :root[theme-mode="light"] .custom__input--high-light .el-input__inner:focus {
607
+ :root .left,
608
+ :root[theme-mode="light"] .left {
609
+ background: #FFFFFF;
655
610
  border: 1px solid var(--light-blue-color);
656
- border-radius: var(--button-radius);
657
- color: var(--light-blue-color);
611
+ padding-top: 10px;
612
+ height: calc(100vh - 145px);
658
613
  }
659
- :root .custom__input--high-light .el-select .el-input__inner,
660
- :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner {
661
- border: 1px solid var(--light-blue-color);
614
+ :root .vue-treeselect__control,
615
+ :root[theme-mode="light"] .vue-treeselect__control {
616
+ height: var(--element-size-height);
617
+ border-radius: var(--button-radius);
662
618
  }
663
- :root .custom__input--high-light .el-input--suffix .el-input__inner,
664
- :root[theme-mode="light"] .custom__input--high-light .el-input--suffix .el-input__inner {
619
+ :root .custom__input--high-light .vue-treeselect__control,
620
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__control {
621
+ background: var(--opacity-blue-bg);
665
622
  color: var(--light-blue-color);
666
- }
667
- :root .custom__input--high-light .el-select .el-input__inner:hover,
668
- :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:hover,
669
- :root .custom__input--high-light .el-select .el-input__inner:focus,
670
- :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:focus {
671
623
  border: 1px solid var(--light-blue-color);
672
624
  }
673
- :root .custom__input--high-light .el-select-dropdown__item.selected,
674
- :root[theme-mode="light"] .custom__input--high-light .el-select-dropdown__item.selected {
675
- color: var(--light-blue-color);
676
- font-weight: 400;
677
- }
678
- :root .el-dialog,
679
- :root[theme-mode="light"] .el-dialog {
680
- background: #FFFFFF !important;
625
+ :root .custom__input--high-light .vue-treeselect__menu,
626
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__menu {
627
+ background: #FFFFFF;
628
+ color: #72818B;
681
629
  }
682
- :root .el-dialog__title,
683
- :root[theme-mode="light"] .el-dialog__title {
684
- color: var(--dialog-header-text);
630
+ :root .custom__input--high-light .vue-treeselect__single-value,
631
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
632
+ color: var(--light-blue-color);
685
633
  }
686
- :root .el-dialog__header,
687
- :root[theme-mode="light"] .el-dialog__header {
688
- background: var(--dialog-header);
689
- border-bottom: 1px solid var(--dialog-header-border);
634
+ :root .el-card .el-card__header,
635
+ :root[theme-mode="light"] .el-card .el-card__header {
636
+ background: var(--card-header);
637
+ color: var(--card-header-text);
690
638
  padding: 10px 20px;
691
639
  }
692
- :root .el-dialog__body,
693
- :root[theme-mode="light"] .el-dialog__body {
694
- color: #000000;
695
- text-align: left;
696
- padding: 0 10px;
697
- margin: 20px;
698
- }
699
- :root .addwork .el-form-item__content,
700
- :root[theme-mode="light"] .addwork .el-form-item__content {
701
- margin-left: 0 !important;
702
- }
703
- :root .headerinfo,
704
- :root[theme-mode="light"] .headerinfo {
705
- width: 25%;
706
- border-bottom: 1px solid #0060a6;
707
- padding: 10px 0;
708
- margin-bottom: 10px;
709
- color: #0060a6;
710
- }
711
- :root .el-upload,
712
- :root[theme-mode="light"] .el-upload {
713
- width: 100%;
714
- margin-top: 10px;
715
- }
716
- :root .el-upload .el-upload-dragger,
717
- :root[theme-mode="light"] .el-upload .el-upload-dragger {
718
- width: 100%;
640
+ :root[theme-mode="dark"] {
641
+ --td-brand-color-1: #1B2F51;
642
+ --td-brand-color-2: #173463;
643
+ --td-brand-color-3: #143975;
644
+ --td-brand-color-4: #103D88;
645
+ --td-brand-color-5: #0D429A;
646
+ --td-brand-color-6: #054BBE;
647
+ --td-brand-color-7: #2667D4;
648
+ --td-brand-color-8: #4582E6;
649
+ --td-brand-color-9: #699EF5;
650
+ --td-brand-color-10: #96BBF8;
651
+ --left-tab: #0d4a72;
652
+ --td-gray-color-14: #031527;
653
+ --right-light: linear-gradient(to right, transparent, transparent, rgba(36, 222, 255, 0.16));
654
+ --td-brand-color: rgba(71, 135, 240, 0.5);
655
+ --td-gray-color-9: #0d4a72;
656
+ --td-gray-color-10: rgba(71, 135, 240, 0.5);
657
+ --td-gray-color-13: #031527;
658
+ --card-color: #387daa;
659
+ --form-text: rgba(255, 255, 255, 0.9);
660
+ --error-notifi-bg: #2a1216;
661
+ --opacity-blue-bg: rgba(0, 222, 240, 0.2);
662
+ --opacity-blue-bg-22: rgba(0, 222, 240, 0.1);
663
+ --drop-down-color: rgba(21, 43, 62, 0.9);
664
+ --el-dialog-color: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
665
+ --white-opacity-7: rgba(255, 255, 255, 0.7);
719
666
  }
720
- :root .el-icon-circle-check::before,
721
- :root[theme-mode="light"] .el-icon-circle-check::before {
722
- color: #67C23A;
667
+ :root[theme-mode="dark"] .el-select .el-input {
668
+ background: transparent;
723
669
  }
724
- :root .el-icon-warning::before,
725
- :root[theme-mode="light"] .el-icon-warning::before {
726
- color: #E6A23C;
670
+ :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
671
+ background-color: transparent;
672
+ border: 1px solid var(--light-blue-color);
673
+ color: var(--light-blue-color);
674
+ border-radius: var(--button-radius);
727
675
  }
728
- :root .el-badge__content,
729
- :root[theme-mode="light"] .el-badge__content,
730
- :root .el-progress.is-exception .el-progress-bar__inner,
731
- :root[theme-mode="light"] .el-progress.is-exception .el-progress-bar__inner {
732
- background-color: #a61d24;
676
+ :root[theme-mode="dark"] .el-select .el-input__inner {
677
+ border: 0;
733
678
  }
734
- :root .el-icon-circle-close::before,
735
- :root[theme-mode="light"] .el-icon-circle-close::before {
736
- color: red;
679
+ :root[theme-mode="dark"] .el-select-dropdown__wrap {
680
+ background: linear-gradient(to right, rgba(0, 63, 108, 0.8), rgba(1, 49, 86, 0.8));
681
+ border: 0;
737
682
  }
738
- :root .small-progress .el-progress__text,
739
- :root[theme-mode="light"] .small-progress .el-progress__text {
740
- font-size: 12px !important;
683
+ :root[theme-mode="dark"] .el-select-dropdown {
684
+ border-radius: var(--button-radius);
685
+ border: 0;
686
+ background: transparent;
741
687
  }
742
- :root .el-icon-check::before,
743
- :root[theme-mode="light"] .el-icon-check::before {
688
+ :root[theme-mode="dark"] .el-select-dropdown__item {
744
689
  color: #FFFFFF;
745
- font-weight: 700;
746
690
  }
747
- :root .el-icon-close::before,
748
- :root[theme-mode="light"] .el-icon-close::before {
749
- color: red;
750
- font-weight: 700;
691
+ :root[theme-mode="dark"] .el-select-dropdown__item.hover,
692
+ :root[theme-mode="dark"] .el-select-dropdown__item:hover {
693
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
751
694
  }
752
- :root .el-result__title p,
753
- :root[theme-mode="light"] .el-result__title p {
754
- color: var(--form-text);
695
+ :root[theme-mode="dark"] .el-select-dropdown__item.selected {
696
+ color: var(--light-blue-color);
697
+ font-weight: 400;
755
698
  }
756
- :root .el-result__subtitle p,
757
- :root[theme-mode="light"] .el-result__subtitle p {
758
- color: rgba(0, 0, 0, 0.5);
699
+ :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
700
+ border-bottom-color: var(--drop-down-color);
759
701
  }
760
- :root .el-result .icon-warning,
761
- :root[theme-mode="light"] .el-result .icon-warning {
762
- fill: #a61d24;
702
+ :root[theme-mode="dark"] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
703
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
763
704
  }
764
- :root .el-textarea__inner,
765
- :root[theme-mode="light"] .el-textarea__inner {
766
- border-radius: var(--button-radius);
705
+ :root[theme-mode="dark"] .el-tag.el-tag--info {
706
+ background: transparent;
707
+ border-color: var(--light-blue-color);
767
708
  }
768
- :root .custom__input--high-light .el-time-panel__content::after,
769
- :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::after,
770
- :root .custom__input--high-light .el-time-panel__content::before,
771
- :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::before {
772
- margin-top: -8px;
709
+ :root[theme-mode="dark"] .dropdown .el-input {
710
+ border: none;
773
711
  }
774
- :root .custom__input--high-light .el-switch.is-checked .el-switch__core,
775
- :root[theme-mode="light"] .custom__input--high-light .el-switch.is-checked .el-switch__core {
776
- border-color: var(--light-blue-color);
777
- background-color: var(--light-blue-color);
712
+ :root[theme-mode="dark"] .el-button--primary {
713
+ background: var(--primary-btn);
714
+ border-radius: var(--button-radius);
715
+ border-color: var(--primary-btn);
716
+ color: #FFFFFF !important;
717
+ font-size: 14px;
778
718
  }
779
- :root .custom__input--high-light .el-textarea__inner,
780
- :root[theme-mode="light"] .custom__input--high-light .el-textarea__inner {
781
- background-color: var(--white-color);
719
+ :root[theme-mode="dark"] .common-btn,
720
+ :root[theme-mode="dark"] .common-btn.el-button--danger:not(:hover),
721
+ :root[theme-mode="dark"] .el-button--danger.is-plain.is-disabled {
782
722
  border: 1px solid var(--light-blue-color);
723
+ border-radius: var(--button-radius);
783
724
  color: var(--light-blue-color);
725
+ background: var(--opacity-blue-bg) !important;
726
+ font-size: 14px;
784
727
  }
785
- :root .el-dropdown,
786
- :root[theme-mode="light"] .el-dropdown {
787
- cursor: pointer;
788
- color: var(--light-blue-color);
789
- }
790
- :root .stepsrow .el-step__icon,
791
- :root[theme-mode="light"] .stepsrow .el-step__icon {
792
- width: 30px;
793
- height: 30px;
794
- border: none;
795
- }
796
- :root .stepsrow .el-step__head.is-success .el-step__icon.is-text,
797
- :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__icon.is-text {
798
- background: var(--td-bg-color-page);
728
+ :root[theme-mode="dark"] .common-btn:hover {
729
+ background: var(--opacity-blue-bg);
799
730
  border: 1px solid var(--light-blue-color);
731
+ color: #409EFF;
800
732
  }
801
- :root .stepsrow .el-step__head.is-success .el-icon-check::before,
802
- :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-icon-check::before {
803
- color: var(--light-blue-color);
733
+ :root[theme-mode="dark"] .el-button.el-button--text.el-button--small {
734
+ background: transparent !important;
735
+ border: none !important;
804
736
  }
805
- :root .stepsrow .el-step__head.is-success .el-step__line,
806
- :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line {
807
- background-color: var(--light-blue-color);
737
+ :root[theme-mode="dark"] .el-button.el-button--text.el-button--small:hover {
738
+ border: none;
808
739
  }
809
- :root .stepsrow .el-step__head.is-success .el-step__line-inner,
810
- :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line-inner {
811
- display: none;
740
+ :root[theme-mode="dark"] .cancel-btn {
741
+ border: 1px solid #ffffff;
742
+ border-radius: var(--button-radius);
743
+ color: var(--white-opacity-7);
744
+ background: transparent;
812
745
  }
813
- :root .stepsrow .el-step__head.is-process,
814
- :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
746
+ :root[theme-mode="dark"] .error-btn {
747
+ background: #A61D24;
815
748
  color: #FFFFFF;
749
+ border: 0;
816
750
  }
817
- :root .stepsrow .el-step__head.is-process .el-step__icon.is-text,
818
- :root[theme-mode="light"] .stepsrow .el-step__head.is-process .el-step__icon.is-text {
819
- background: var(--light-blue-color);
751
+ :root[theme-mode="dark"] .error-btnplain {
752
+ background: transparent;
753
+ color: #A61D24;
754
+ border: 1px solid #A61D24;
820
755
  }
821
- :root .stepsrow .el-step__head.is-wait .el-step__icon.is-text,
822
- :root[theme-mode="light"] .stepsrow .el-step__head.is-wait .el-step__icon.is-text {
823
- background: var(--td-bg-color-page);
824
- border: 1px solid gray;
756
+ :root[theme-mode="dark"] .disable-btn {
757
+ color: #C0C4CC;
758
+ cursor: not-allowed;
759
+ background-image: none;
760
+ background-color: transparent;
761
+ border-color: #EBEEF5;
825
762
  }
826
- :root .stepsrow .el-step__title.is-success,
827
- :root[theme-mode="light"] .stepsrow .el-step__title.is-success {
828
- font-weight: 700;
829
- color: #303133;
763
+ :root[theme-mode="dark"] .el-button.is-plain:hover {
764
+ background: var(--opacity-blue-bg);
765
+ border: 1px solid var(--light-blue-color);
830
766
  }
831
- :root .stepsrow .el-step__title.is-process,
832
- :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
833
- font-weight: 700;
767
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default,
768
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain {
769
+ border: 1px solid var(--light-blue-color);
770
+ border-radius: var(--button-radius);
834
771
  color: var(--light-blue-color);
772
+ background: var(--opacity-blue-bg);
835
773
  }
836
- :root .stepsrow .el-step__title.is-wait,
837
- :root[theme-mode="light"] .stepsrow .el-step__title.is-wait {
838
- font-weight: 700;
839
- color: #303133;
840
- }
841
- :root .stepscolumn .el-step__icon,
842
- :root[theme-mode="light"] .stepscolumn .el-step__icon {
843
- width: 30px;
844
- height: 30px;
845
- border: none;
846
- }
847
- :root .stepscolumn .el-step__head.is-success .el-step__icon.is-text,
848
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__icon.is-text {
849
- background: var(--td-bg-color-page);
850
- border: 1px solid var(--light-blue-color);
851
- }
852
- :root .stepscolumn .el-step__head.is-success .el-icon-check::before,
853
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-icon-check::before {
854
- color: var(--light-blue-color);
855
- }
856
- :root .stepscolumn .el-step__head.is-success .el-step__line,
857
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line {
858
- background-color: var(--light-blue-color);
859
- }
860
- :root .stepscolumn .el-step__head.is-success .el-step__line-inner,
861
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line-inner {
862
- display: none;
863
- }
864
- :root .stepscolumn .el-step__head.is-process,
865
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-process {
866
- color: #FFFFFF;
867
- }
868
- :root .stepscolumn .el-step__head.is-process .el-step__icon.is-text,
869
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-process .el-step__icon.is-text {
870
- background: var(--light-blue-color);
871
- }
872
- :root .stepscolumn .el-step__head.is-wait .el-step__icon.is-text,
873
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-wait .el-step__icon.is-text {
874
- background: var(--td-bg-color-page);
875
- border: 1px solid gray;
876
- }
877
- :root .stepscolumn .el-step__title.is-success,
878
- :root[theme-mode="light"] .stepscolumn .el-step__title.is-success {
879
- font-weight: 700;
880
- color: #303133;
881
- }
882
- :root .stepscolumn .el-step__title.is-process,
883
- :root[theme-mode="light"] .stepscolumn .el-step__title.is-process {
884
- font-weight: 700;
885
- color: var(--light-blue-color);
886
- }
887
- :root .stepscolumn .el-step__title.is-wait,
888
- :root[theme-mode="light"] .stepscolumn .el-step__title.is-wait {
889
- font-weight: 700;
890
- color: #303133;
891
- }
892
- :root .el-slider__bar,
893
- :root[theme-mode="light"] .el-slider__bar {
894
- background-color: var(--light-blue-color);
895
- }
896
- :root .head-container .el-tree .el-tree-node__content,
897
- :root[theme-mode="light"] .head-container .el-tree .el-tree-node__content {
898
- height: auto;
899
- padding: 10px 0;
900
- margin: 0 30px;
901
- }
902
- :root .head-container .el-tree .el-tree-node:focus > .el-tree-node__content,
903
- :root[theme-mode="light"] .head-container .el-tree .el-tree-node:focus > .el-tree-node__content {
904
- background-color: transparent;
905
- }
906
- :root .mb8,
907
- :root[theme-mode="light"] .mb8 {
908
- display: flex;
909
- justify-content: flex-start;
910
- }
911
- :root .pagination-container,
912
- :root[theme-mode="light"] .pagination-container {
913
- background: transparent;
914
- }
915
- :root .pagination-container .el-pagination,
916
- :root[theme-mode="light"] .pagination-container .el-pagination {
917
- text-align: right;
918
- }
919
- :root .left,
920
- :root[theme-mode="light"] .left {
921
- background: #FFFFFF;
922
- border: 1px solid var(--light-blue-color);
923
- padding-top: 10px;
924
- height: calc(100vh - 145px);
925
- }
926
- :root .vue-treeselect__control,
927
- :root[theme-mode="light"] .vue-treeselect__control {
928
- height: var(--element-size-height);
929
- border-radius: var(--button-radius);
930
- }
931
- :root .custom__input--high-light .vue-treeselect__control,
932
- :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__control {
933
- background: var(--opacity-blue-bg);
934
- color: var(--light-blue-color);
935
- border: 1px solid var(--light-blue-color);
936
- }
937
- :root .custom__input--high-light .vue-treeselect__menu,
938
- :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__menu {
939
- background: #FFFFFF;
940
- color: #72818B;
941
- }
942
- :root .custom__input--high-light .vue-treeselect__single-value,
943
- :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
944
- color: var(--light-blue-color);
945
- }
946
- :root .el-card .el-card__header,
947
- :root[theme-mode="light"] .el-card .el-card__header {
948
- background: var(--card-header);
949
- color: var(--card-header-text);
950
- padding: 10px 20px;
951
- }
952
- :root[theme-mode="dark"] {
953
- --td-brand-color-1: #1B2F51;
954
- --td-brand-color-2: #173463;
955
- --td-brand-color-3: #143975;
956
- --td-brand-color-4: #103D88;
957
- --td-brand-color-5: #0D429A;
958
- --td-brand-color-6: #054BBE;
959
- --td-brand-color-7: #2667D4;
960
- --td-brand-color-8: #4582E6;
961
- --td-brand-color-9: #699EF5;
962
- --td-brand-color-10: #96BBF8;
963
- --left-tab: #0d4a72;
964
- --td-gray-color-14: #031527;
965
- --right-light: linear-gradient(to right, transparent, transparent, rgba(36, 222, 255, 0.16));
966
- --td-brand-color: rgba(71, 135, 240, 0.5);
967
- --td-gray-color-9: #0d4a72;
968
- --td-gray-color-10: rgba(71, 135, 240, 0.5);
969
- --td-gray-color-13: #031527;
970
- --card-color: #387daa;
971
- --form-text: rgba(255, 255, 255, 0.9);
972
- --error-notifi-bg: #2a1216;
973
- --opacity-blue-bg: rgba(0, 222, 240, 0.2);
974
- --opacity-blue-bg-22: rgba(0, 222, 240, 0.1);
975
- --drop-down-color: rgba(21, 43, 62, 0.9);
976
- --el-dialog-color: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
977
- --white-opacity-7: rgba(255, 255, 255, 0.7);
978
- }
979
- :root[theme-mode="dark"] .el-select .el-input {
980
- background: transparent;
981
- }
982
- :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
983
- background-color: transparent;
984
- border: 1px solid var(--light-blue-color);
985
- color: var(--light-blue-color);
986
- border-radius: var(--button-radius);
987
- }
988
- :root[theme-mode="dark"] .el-select .el-input__inner {
989
- border: 0;
990
- }
991
- :root[theme-mode="dark"] .el-select-dropdown__wrap {
992
- background: linear-gradient(to right, rgba(0, 63, 108, 0.8), rgba(1, 49, 86, 0.8));
993
- border: 0;
994
- }
995
- :root[theme-mode="dark"] .el-select-dropdown {
996
- border-radius: var(--button-radius);
997
- border: 0;
998
- background: transparent;
999
- }
1000
- :root[theme-mode="dark"] .el-select-dropdown__item {
1001
- color: #FFFFFF;
1002
- }
1003
- :root[theme-mode="dark"] .el-select-dropdown__item.hover,
1004
- :root[theme-mode="dark"] .el-select-dropdown__item:hover {
1005
- background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1006
- }
1007
- :root[theme-mode="dark"] .el-select-dropdown__item.selected {
1008
- color: var(--light-blue-color);
1009
- font-weight: 400;
1010
- }
1011
- :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
1012
- border-bottom-color: var(--drop-down-color);
1013
- }
1014
- :root[theme-mode="dark"] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
1015
- background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1016
- }
1017
- :root[theme-mode="dark"] .el-tag.el-tag--info {
1018
- background: transparent;
1019
- border-color: var(--light-blue-color);
1020
- }
1021
- :root[theme-mode="dark"] .dropdown .el-input {
1022
- border: none;
1023
- }
1024
- :root[theme-mode="dark"] .el-button--primary {
1025
- background: var(--primary-btn);
1026
- border-radius: var(--button-radius);
1027
- border-color: var(--primary-btn);
1028
- color: #FFFFFF !important;
1029
- font-size: 14px;
1030
- }
1031
- :root[theme-mode="dark"] .common-btn,
1032
- :root[theme-mode="dark"] .common-btn.el-button--danger:not(:hover),
1033
- :root[theme-mode="dark"] .el-button--danger.is-plain.is-disabled {
1034
- border: 1px solid var(--light-blue-color);
1035
- border-radius: var(--button-radius);
1036
- color: var(--light-blue-color);
1037
- background: var(--opacity-blue-bg) !important;
1038
- font-size: 14px;
1039
- }
1040
- :root[theme-mode="dark"] .common-btn:hover {
1041
- background: var(--opacity-blue-bg);
1042
- border: 1px solid var(--light-blue-color);
1043
- color: #409EFF;
1044
- }
1045
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small {
1046
- background: transparent !important;
1047
- border: none !important;
1048
- }
1049
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small:hover {
1050
- border: none;
1051
- }
1052
- :root[theme-mode="dark"] .cancel-btn {
1053
- border: 1px solid #ffffff;
1054
- border-radius: var(--button-radius);
1055
- color: var(--white-opacity-7);
1056
- background: transparent;
1057
- }
1058
- :root[theme-mode="dark"] .error-btn {
1059
- background: #A61D24;
1060
- color: #FFFFFF;
1061
- border: 0;
1062
- }
1063
- :root[theme-mode="dark"] .error-btnplain {
1064
- background: transparent;
1065
- color: #A61D24;
1066
- border: 1px solid #A61D24;
1067
- }
1068
- :root[theme-mode="dark"] .disable-btn {
1069
- color: #C0C4CC;
1070
- cursor: not-allowed;
1071
- background-image: none;
1072
- background-color: transparent;
1073
- border-color: #EBEEF5;
1074
- }
1075
- :root[theme-mode="dark"] .el-button.is-plain:hover {
1076
- background: var(--opacity-blue-bg);
1077
- border: 1px solid var(--light-blue-color);
1078
- }
1079
- :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default,
1080
- :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain {
1081
- border: 1px solid var(--light-blue-color);
1082
- border-radius: var(--button-radius);
1083
- color: var(--light-blue-color);
1084
- background: var(--opacity-blue-bg);
1085
- }
1086
- :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger {
1087
- background-color: var(--opacity-blue-bg) !important;
1088
- border: 1px solid var(--light-blue-color);
1089
- color: #DF3A3A;
774
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger {
775
+ background-color: var(--opacity-blue-bg) !important;
776
+ border: 1px solid var(--light-blue-color);
777
+ color: #DF3A3A;
1090
778
  }
1091
779
  :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
1092
780
  :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
@@ -2060,172 +1748,484 @@
2060
1748
  --td-brand-color-10: #FDE9AB;
2061
1749
  }
2062
1750
 
2063
- .t-layout__sider {
2064
- width: fit-content;
2065
- }
2066
- .t-layout__header {
2067
- height: auto;
1751
+ .form-layout {
1752
+ display: flex;
1753
+ flex-wrap: wrap;
1754
+ position: relative;
1755
+ margin-top: 10px;
2068
1756
  }
2069
- .t-layout__content {
2070
- height: calc(100% - 142px);
1757
+ .form-layout.column {
1758
+ flex-direction: column;
2071
1759
  }
2072
- .t-layout.t-layout--with-sider > .t-layout {
1760
+ .form-layout .el-form-item.no-label .el-form-item__content {
1761
+ max-width: 100%;
1762
+ }
1763
+ .form-layout .form-layout__item-col1 {
1764
+ width: 100%;
1765
+ }
1766
+ .form-layout .form-layout__item-col2 {
1767
+ width: 50%;
1768
+ }
1769
+ .form-layout .form-layout__item-col3 {
1770
+ width: calc(100% / 3);
1771
+ }
1772
+ .form-layout .el-form-item {
1773
+ display: flex;
1774
+ align-items: center;
1775
+ }
1776
+ .form-layout .el-form-item__label {
1777
+ display: flex;
1778
+ align-items: center;
1779
+ justify-content: right;
1780
+ height: 100%;
1781
+ width: 120px;
1782
+ line-height: var(--element-size-height);
1783
+ }
1784
+ .form-layout .el-form-item__content {
1785
+ line-height: var(--element-size-height);
1786
+ min-height: var(--element-size-height);
1787
+ height: 100%;
1788
+ width: 100%;
1789
+ max-width: calc(100% - 120px);
1790
+ margin-left: 0 !important;
2073
1791
  flex: 1;
2074
- min-width: 760px;
2075
1792
  }
2076
- .t-layout.t-layout--with-sider > .t-layout__content {
2077
- flex: 1;
2078
- min-width: 760px;
1793
+ .form-layout .el-form-item__content .el-select,
1794
+ .form-layout .el-form-item__content .el-input-number {
1795
+ width: 100%;
1796
+ }
1797
+ .form-layout .el-form-item__content > span.view-item {
1798
+ margin-left: 15px;
1799
+ display: inline-block;
1800
+ white-space: pre-line;
1801
+ line-height: 22px;
1802
+ margin-top: 9px;
1803
+ word-break: break-all;
1804
+ }
1805
+ .form-layout .form-disable--bgc-gray .el-form-item__content {
1806
+ background-color: #EEEEEE;
1807
+ color: #666666;
1808
+ }
1809
+ .form-layout--140 {
1810
+ display: flex;
1811
+ flex-wrap: wrap;
1812
+ position: relative;
1813
+ margin-top: 10px;
1814
+ }
1815
+ .form-layout--140.column {
1816
+ flex-direction: column;
1817
+ }
1818
+ .form-layout--140 .el-form-item.no-label .el-form-item__content {
1819
+ max-width: 100%;
1820
+ }
1821
+ .form-layout--140 .form-layout__item-col1 {
1822
+ width: 100%;
1823
+ }
1824
+ .form-layout--140 .form-layout__item-col2 {
1825
+ width: 50%;
1826
+ }
1827
+ .form-layout--140 .form-layout__item-col3 {
1828
+ width: calc(100% / 3);
1829
+ }
1830
+ .form-layout--140 .el-form-item {
1831
+ display: flex;
1832
+ align-items: center;
1833
+ }
1834
+ .form-layout--140 .el-form-item__label {
1835
+ display: flex;
1836
+ align-items: center;
1837
+ justify-content: right;
1838
+ height: 100%;
1839
+ width: 140px;
1840
+ line-height: var(--element-size-height);
1841
+ }
1842
+ .form-layout--140 .el-form-item__content {
1843
+ line-height: var(--element-size-height);
1844
+ min-height: var(--element-size-height);
1845
+ height: 100%;
1846
+ width: 100%;
1847
+ max-width: calc(100% - 140px);
1848
+ margin-left: 0 !important;
1849
+ flex: 1;
1850
+ }
1851
+ .form-layout--140 .el-form-item__content .el-select,
1852
+ .form-layout--140 .el-form-item__content .el-input-number {
1853
+ width: 100%;
1854
+ }
1855
+ .form-layout--140 .el-form-item__content > span.view-item {
1856
+ margin-left: 15px;
1857
+ display: inline-block;
1858
+ white-space: pre-line;
1859
+ line-height: 22px;
1860
+ margin-top: 9px;
1861
+ word-break: break-all;
1862
+ }
1863
+ .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
1864
+ background-color: #EEEEEE;
1865
+ color: #666666;
1866
+ }
1867
+ .form-layout--160 {
1868
+ display: flex;
1869
+ flex-wrap: wrap;
1870
+ position: relative;
1871
+ margin-top: 10px;
1872
+ }
1873
+ .form-layout--160.column {
1874
+ flex-direction: column;
1875
+ }
1876
+ .form-layout--160 .el-form-item.no-label .el-form-item__content {
1877
+ max-width: 100%;
1878
+ }
1879
+ .form-layout--160 .form-layout__item-col1 {
1880
+ width: 100%;
1881
+ }
1882
+ .form-layout--160 .form-layout__item-col2 {
1883
+ width: 50%;
1884
+ }
1885
+ .form-layout--160 .form-layout__item-col3 {
1886
+ width: calc(100% / 3);
1887
+ }
1888
+ .form-layout--160 .el-form-item {
1889
+ display: flex;
1890
+ align-items: center;
1891
+ }
1892
+ .form-layout--160 .el-form-item__label {
1893
+ display: flex;
1894
+ align-items: center;
1895
+ justify-content: right;
1896
+ height: 100%;
1897
+ width: 160px;
1898
+ line-height: var(--element-size-height);
1899
+ }
1900
+ .form-layout--160 .el-form-item__content {
1901
+ line-height: var(--element-size-height);
1902
+ min-height: var(--element-size-height);
1903
+ height: 100%;
1904
+ width: 100%;
1905
+ max-width: calc(100% - 160px);
1906
+ margin-left: 0 !important;
1907
+ flex: 1;
1908
+ }
1909
+ .form-layout--160 .el-form-item__content .el-select,
1910
+ .form-layout--160 .el-form-item__content .el-input-number {
1911
+ width: 100%;
1912
+ }
1913
+ .form-layout--160 .el-form-item__content > span.view-item {
1914
+ margin-left: 15px;
1915
+ display: inline-block;
1916
+ white-space: pre-line;
1917
+ line-height: 22px;
1918
+ margin-top: 9px;
1919
+ word-break: break-all;
1920
+ }
1921
+ .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
1922
+ background-color: #EEEEEE;
1923
+ color: #666666;
1924
+ }
1925
+ .form-layout.form-layout--border {
1926
+ border-left: 1px solid #ebeef5;
1927
+ }
1928
+ .form-layout.form-layout--border .border-left {
1929
+ border-left: 1px solid #ebeef5;
1930
+ }
1931
+ .form-layout.form-layout--border .el-form-item__label {
1932
+ border-bottom: 1px solid #ebeef5;
1933
+ }
1934
+ .form-layout.form-layout--border .el-form-item__content {
1935
+ border-left: 1px solid #ebeef5;
1936
+ border-right: 1px solid #ebeef5;
1937
+ border-bottom: 1px solid #ebeef5;
1938
+ }
1939
+ .form-layout.form-layout--border .form-layout__item-col1:nth-child(1) {
1940
+ border-top: 1px solid #ebeef5;
1941
+ }
1942
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(1),
1943
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(2) {
1944
+ border-top: 1px solid #ebeef5;
1945
+ }
1946
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(1),
1947
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(2),
1948
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(3) {
1949
+ border-top: 1px solid #ebeef5;
1950
+ }
1951
+ .form-layout.form-layout--border .el-form-item {
1952
+ margin-bottom: 0;
1953
+ }
1954
+ .form-layout.form-layout--border .el-input__inner,
1955
+ .form-layout.form-layout--border .el-input__inner:hover,
1956
+ .form-layout.form-layout--border .el-input__inner:focus,
1957
+ .form-layout.form-layout--border .el-select .el-input__inner,
1958
+ .form-layout.form-layout--border .el-select .el-input__inner:hover,
1959
+ .form-layout.form-layout--border .el-select .el-input__inner:focus,
1960
+ .form-layout.form-layout--border .el-textarea__inner,
1961
+ .form-layout.form-layout--border .el-button--text {
1962
+ border: none;
1963
+ border-radius: 0;
1964
+ font-size: 14px;
1965
+ font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
1966
+ }
1967
+ .form-layout.form-layout--border .el-textarea__inner {
1968
+ padding: 10px 15px;
1969
+ }
1970
+ .form-layout.form-layout--border .el-form-item__error {
1971
+ top: -30px;
1972
+ left: 100px;
1973
+ z-index: 1;
1974
+ padding: 8px 20px;
1975
+ text-align: center;
1976
+ border-radius: 4px;
1977
+ border: 1px solid;
1978
+ background-color: #FFFFFF;
1979
+ min-width: 80px;
1980
+ }
1981
+ .form-layout.form-layout--border .el-form-item__error::before {
1982
+ content: "";
1983
+ position: absolute;
1984
+ bottom: -6px;
1985
+ left: 50px;
1986
+ border: 1px solid transparent;
1987
+ border-top-color: #F56C6C;
1988
+ border-left-color: #F56C6C;
1989
+ background-color: #FFFFFF;
1990
+ transform: rotate(225deg);
1991
+ width: 10px;
1992
+ height: 10px;
1993
+ }
1994
+ .form-layout.form-layout--no-border-left {
1995
+ border-left: none;
1996
+ }
1997
+ .form-layout.form-layout--no-border-top::before {
1998
+ border-bottom: none;
1999
+ }
2000
+ .form-title::before {
2001
+ content: attr(form-title);
2002
+ color: #333333;
2003
+ font-weight: 600;
2004
+ padding-left: 15px;
2005
+ border-bottom: 2px dashed #DCDCDC;
2006
+ border-left: 2px solid transparent;
2007
+ background: #FAFAFD;
2008
+ text-align: left;
2009
+ width: 100%;
2010
+ line-height: var(--element-size-height);
2011
+ }
2012
+ .form-title .form-title--right {
2013
+ line-height: var(--element-size-height);
2014
+ height: var(--element-size-height);
2015
+ position: absolute;
2016
+ right: 0;
2017
+ padding: 0 10px;
2018
+ }
2019
+ .form-title .form-title--right .el-link + .el-link {
2020
+ margin-left: 10px;
2021
+ }
2022
+
2023
+ .project__unshow-type .t-menu__logo {
2024
+ display: flex;
2025
+ justify-content: center;
2026
+ background-color: #263455;
2027
+ }
2028
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
2029
+ width: 20%;
2030
+ }
2031
+ .project__unshow-type .t-menu__logo span {
2032
+ color: #FFFFFF !important;
2033
+ font-size: 16px;
2034
+ }
2035
+ .project__unshow-type .t-default-menu__inner {
2036
+ height: 100%;
2037
+ }
2038
+ .project__unshow-type .header-logo-container {
2039
+ width: 216px;
2040
+ margin-left: 16px;
2041
+ }
2042
+ .project__unshow-type .t-menu {
2043
+ padding: 0;
2044
+ }
2045
+ .project__unshow-type .t-menu .t-head-menu__inner {
2046
+ background-color: #FFFFFF !important;
2047
+ border: none;
2048
+ }
2049
+ .project__unshow-type .t-menu--scroll {
2050
+ background-color: #17233D;
2051
+ }
2052
+ .project__unshow-type .t-menu__content,
2053
+ .project__unshow-type .svg-icon,
2054
+ .project__unshow-type .t-fake-arrow {
2055
+ color: #A9AEB7;
2056
+ }
2057
+ .project__unshow-type .operations-container .t-button {
2058
+ background-color: #FFFFFF;
2059
+ border: 1px solid #C9C9C9;
2079
2060
  }
2080
- .route-tabs-dropdown .t-icon {
2081
- margin-right: 8px;
2061
+ .project__unshow-type .operations-container .t-button:hover {
2062
+ background-color: #C9C9C9;
2063
+ color: #FFFFFF !important;
2082
2064
  }
2083
- .t-menu--dark .t-menu__operations .t-icon:hover {
2084
- cursor: pointer;
2065
+ .project__unshow-type .operations-container .svg-icon,
2066
+ .project__unshow-type .operations-container .t-icon,
2067
+ .project__unshow-type .operations-container .header-user-account,
2068
+ .project__unshow-type .operations-container span {
2069
+ color: #000000 !important;
2085
2070
  }
2086
- .t-default-menu.t-menu--dark {
2087
- background: var(--right-light);
2071
+ .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
2072
+ .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
2073
+ color: #8B919E !important;
2088
2074
  }
2089
- .t-default-menu .t-menu__item {
2090
- padding: 0 10px 0 14px;
2091
- height: 39px;
2092
- line-height: 39px;
2075
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
2076
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
2077
+ color: #FFFFFF !important;
2093
2078
  }
2094
- .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) {
2095
- background-color: var(--td-brand-color-1);
2096
- color: var(--td-brand-color);
2079
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
2080
+ margin-left: 20px;
2081
+ padding-left: 38px;
2082
+ border-radius: 0;
2083
+ border-top-left-radius: 4px;
2084
+ border-bottom-left-radius: 4px;
2097
2085
  }
2098
- .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
2099
- color: var(--td-brand-color);
2086
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
2087
+ content: "";
2088
+ position: absolute;
2089
+ left: -20px;
2090
+ width: 5px;
2091
+ height: 100%;
2092
+ background-color: #296DF1;
2093
+ border-top-right-radius: 4px;
2094
+ border-bottom-right-radius: 4px;
2100
2095
  }
2101
- .t-alert--info {
2102
- background-color: var(--td-brand-color-1);
2096
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
2097
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
2098
+ font-weight: 700;
2099
+ color: #17233D !important;
2103
2100
  }
2104
- .tdesign-starter-wrapper {
2105
- height: 100vh;
2106
- display: flex;
2107
- flex-direction: column;
2101
+ .project__unshow-type .el-pagination__total {
2102
+ position: absolute;
2103
+ left: 0;
2108
2104
  }
2109
- .tdesign-starter-main-wrapper {
2110
- height: 500px;
2111
- overflow: scroll;
2105
+ .project__unshow-type .el-table__header-wrapper th,
2106
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
2107
+ padding: 0;
2112
2108
  }
2113
- .tdesign-starter-side-nav-layout-relative {
2114
- height: 100%;
2109
+ .project__unshow-type .el-table__header-wrapper th .cell,
2110
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
2111
+ background-color: #E9F3FF;
2112
+ color: #3172F1;
2113
+ padding: 2px 10px;
2115
2114
  }
2116
- .tdesign-starter-content-layout {
2117
- padding: 24px;
2115
+ .project__unshow-type .el-icon-check::before {
2116
+ color: var(--primary-btn);
2118
2117
  }
2119
- .tdesign-starter-layout {
2120
- height: calc(100vh - 64px);
2121
- overflow-y: scroll;
2118
+ .project__unshow-type .el-icon-check::before:hover {
2119
+ background-color: #84CAFD !important;
2122
2120
  }
2123
- .tdesign-starter-layout-tabs-nav {
2124
- max-width: 100%;
2125
- position: fixed;
2126
- overflow: visible;
2127
- z-index: 100;
2121
+ .project__unshow-type .el-button.common-btn:not(:hover),
2122
+ .project__unshow-type .el-button--primary.is-plain {
2123
+ color: var(--primary-btn);
2124
+ border-color: var(--primary-btn) !important;
2125
+ background-color: #FFFFFF;
2128
2126
  }
2129
- .tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout {
2130
- padding-top: 24px;
2127
+ .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
2128
+ .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
2129
+ color: #FFFFFF !important;
2130
+ background-color: var(--light-blue-color) !important;
2131
+ border-color: var(--light-blue-color) !important;
2131
2132
  }
2132
- .tdesign-starter-layout::-webkit-scrollbar {
2133
- width: 8px;
2134
- background: transparent;
2133
+ .project__unshow-type .el-button--primary:not(.is-plain) {
2134
+ color: #FFFFFF !important;
2135
+ background-color: var(--primary-btn) !important;
2135
2136
  }
2136
- .tdesign-starter-layout::-webkit-scrollbar-thumb {
2137
- border-radius: 6px;
2138
- border: 2px solid transparent;
2139
- background-clip: content-box;
2140
- background-color: var(--td-scrollbar-color);
2137
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
2138
+ color: #FFFFFF;
2141
2139
  }
2142
- .tdesign-starter-footer-layout {
2143
- padding: 0;
2144
- margin-bottom: 16px;
2140
+ .project__unshow-type .el-button--primary:not(.is-plain):hover {
2141
+ background-color: var(--light-blue-color) !important;
2142
+ border-color: var(--light-blue-color) !important;
2145
2143
  }
2146
- .tdesign-starter-sidebar-layout {
2147
- height: 100%;
2144
+ .project__unshow-type .el-button--warning {
2145
+ color: #F7BF17 !important;
2146
+ background-color: #FFFFFF !important;
2148
2147
  }
2149
- .tdesign-starter-sidebar-compact {
2150
- width: 64px;
2148
+ .project__unshow-type .el-button--warning:hover {
2149
+ color: #FFFFFF !important;
2150
+ background-color: #F7BF17 !important;
2151
+ border-color: #F7BF17 !important;
2151
2152
  }
2152
- .tdesign-starter-sidebar-layout-side {
2153
- z-index: 100;
2153
+ .project__unshow-type .el-button--danger {
2154
+ color: #F56C6C !important;
2155
+ background-color: #FFFFFF !important;
2154
2156
  }
2155
- .tdesign-starter-side-nav {
2156
- position: fixed;
2157
- top: 0;
2158
- bottom: 0;
2159
- z-index: 200;
2160
- transition: all 0.3s;
2161
- min-height: 100%;
2157
+ .project__unshow-type .el-button--danger:hover {
2158
+ color: #FFFFFF !important;
2159
+ background-color: #F56C6C !important;
2160
+ border-color: #F56C6C !important;
2162
2161
  }
2163
- .tdesign-starter-side-nav-mix {
2164
- top: 64px;
2162
+ .project__unshow-type .el-button--success {
2163
+ color: #67C23A !important;
2164
+ background-color: #FFFFFF !important;
2165
2165
  }
2166
- .tdesign-starter-side-nav-mix-fixed {
2167
- top: 64px;
2168
- z-index: 0;
2166
+ .project__unshow-type .el-button--success:hover {
2167
+ color: #FFFFFF !important;
2168
+ background-color: #67C23A !important;
2169
+ border-color: #67C23A !important;
2169
2170
  }
2170
- .tdesign-starter-side-nav-no-fixed {
2171
- position: relative;
2172
- z-index: 1;
2171
+ .project__unshow-type .el-tag {
2172
+ border-color: var(--light-blue-color);
2173
2173
  }
2174
- .tdesign-starter-side-nav-no-logo {
2175
- z-index: 1;
2174
+ .project__unshow-type .el-tag.el-tag--danger {
2175
+ border-color: #F56C6C;
2176
2176
  }
2177
- .tdesign-starter-side-nav-logo-wrapper {
2178
- display: flex;
2179
- align-items: center;
2180
- justify-content: center;
2181
- width: 100%;
2177
+ .project__unshow-type .user-info > .el-card__header {
2178
+ background-color: #17233D !important;
2182
2179
  }
2183
- .tdesign-starter-side-nav-logo-wrapper:hover {
2184
- cursor: pointer;
2180
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
2181
+ width: 562px;
2185
2182
  }
2186
- .tdesign-starter-side-nav-logo-t-logo {
2187
- height: 32px;
2188
- width: 100%;
2183
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
2184
+ background-color: #17233D !important;
2189
2185
  }
2190
- .tdesign-starter-side-nav-logo-tdesign-logo {
2191
- padding: 0 24px;
2192
- height: 32px;
2193
- width: 100%;
2194
- color: var(--td-text-color-primary);
2186
+ :root[theme-mode="dark"] .project__unshow-type .svg-icon,
2187
+ :root[theme-mode="dark"] .project__unshow-type .t-icon,
2188
+ :root[theme-mode="dark"] .project__unshow-type .header-user-account,
2189
+ :root[theme-mode="dark"] .project__unshow-type span {
2190
+ color: #FFFFFF !important;
2195
2191
  }
2196
- .tdesign-starter-side-nav-logo-normal {
2197
- color: var(--td-brand-color);
2198
- font-size: 16px;
2199
- transition: all 0.3s;
2192
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
2193
+ background-color: transparent;
2200
2194
  }
2201
- .tdesign-starter-side-nav-placeholder {
2202
- flex: 1 1 232px;
2203
- min-width: 232px;
2204
- transition: all 0.3s;
2195
+ :root[theme-mode="dark"] .el-button.common-btn:not(:hover),
2196
+ :root[theme-mode="dark"] .el-button--primary.is-plain {
2197
+ color: #FFFFFF;
2198
+ border-color: var(--primary-btn) !important;
2205
2199
  }
2206
- .tdesign-starter-side-nav-placeholder-hidden {
2207
- flex: 1 1 72px;
2208
- min-width: 72px;
2209
- transition: all 0.3s;
2200
+ :root[theme-mode="dark"] .el-button--primary.is-plain:hover {
2201
+ color: var(--primary-btn) !important;
2202
+ border-color: var(--light-blue-color) !important;
2210
2203
  }
2211
- .logo-container {
2212
- cursor: pointer;
2213
- display: inline-flex;
2214
- height: 64px;
2215
- margin-left: 24px;
2204
+
2205
+ .is-in-iframe .tdesign-starter-content-layout,
2206
+ .is-in-full-screen .tdesign-starter-content-layout {
2207
+ padding: 0 !important;
2216
2208
  }
2217
- .version-container {
2218
- color: var(--td-text-color-primary);
2219
- opacity: 0.4;
2209
+ .is-in-iframe .t-layout__content,
2210
+ .is-in-full-screen .t-layout__content,
2211
+ .is-in-iframe .tdesign-starter-layout,
2212
+ .is-in-full-screen .tdesign-starter-layout,
2213
+ .is-in-iframe .iframe-content .iframe-view,
2214
+ .is-in-full-screen .iframe-content .iframe-view {
2215
+ height: 100vh;
2220
2216
  }
2221
- ::-webkit-scrollbar {
2222
- width: 6px;
2223
- height: 6px;
2217
+ .is-in-full-screen .t-layout__header,
2218
+ .is-in-full-screen .tdesign-starter-layout-tabs-nav,
2219
+ .is-in-full-screen .t-layout__sider,
2220
+ .is-in-full-screen .tdesign-starter-sidebar-layout {
2221
+ display: none;
2224
2222
  }
2225
- ::-webkit-scrollbar-thumb {
2226
- background-color: var(--td-scrollbar-color);
2227
- border-radius: 6px;
2223
+ .is-in-full-screen div > section.t-layout {
2224
+ height: 100vh;
2228
2225
  }
2229
- .header__title {
2230
- font-size: 18px;
2226
+ .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
2227
+ display: none !important;
2228
+ }
2229
+ .el-dialog.file-uplaod__preview-image .el-dialog__header {
2230
+ border: none;
2231
2231
  }