upp-platform-core 1.0.56 → 1.0.57

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,788 +1,1100 @@
1
- .t-layout__sider {
2
- width: fit-content;
1
+ .form-layout {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ position: relative;
5
+ margin-top: 10px;
3
6
  }
4
- .t-layout__header {
5
- height: auto;
7
+ .form-layout.column {
8
+ flex-direction: column;
6
9
  }
7
- .t-layout__content {
8
- height: calc(100% - 142px);
10
+ .form-layout .el-form-item.no-label .el-form-item__content {
11
+ max-width: 100%;
9
12
  }
10
- .t-layout.t-layout--with-sider > .t-layout {
11
- flex: 1;
12
- min-width: 760px;
13
+ .form-layout .form-layout__item-col1 {
14
+ width: 100%;
13
15
  }
14
- .t-layout.t-layout--with-sider > .t-layout__content {
15
- flex: 1;
16
- min-width: 760px;
16
+ .form-layout .form-layout__item-col2 {
17
+ width: 50%;
17
18
  }
18
- .route-tabs-dropdown .t-icon {
19
- margin-right: 8px;
19
+ .form-layout .form-layout__item-col3 {
20
+ width: calc(100% / 3);
20
21
  }
21
- .t-menu--dark .t-menu__operations .t-icon:hover {
22
- cursor: pointer;
22
+ .form-layout .el-form-item {
23
+ display: flex;
24
+ align-items: center;
23
25
  }
24
- .t-default-menu.t-menu--dark {
25
- background: var(--right-light);
26
+ .form-layout .el-form-item__label {
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: right;
30
+ height: 100%;
31
+ width: 120px;
32
+ line-height: var(--element-size-height);
26
33
  }
27
- .t-default-menu .t-menu__item {
28
- padding: 0 10px 0 14px;
29
- height: 39px;
30
- line-height: 39px;
34
+ .form-layout .el-form-item__content {
35
+ line-height: var(--element-size-height);
36
+ min-height: var(--element-size-height);
37
+ height: 100%;
38
+ width: 100%;
39
+ max-width: calc(100% - 120px);
40
+ margin-left: 0 !important;
41
+ flex: 1;
31
42
  }
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);
43
+ .form-layout .el-form-item__content .el-select,
44
+ .form-layout .el-form-item__content .el-input-number {
45
+ width: 100%;
35
46
  }
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);
47
+ .form-layout .el-form-item__content > span.view-item {
48
+ margin-left: 15px;
49
+ display: inline-block;
50
+ white-space: pre-line;
51
+ line-height: 22px;
52
+ margin-top: 9px;
53
+ word-break: break-all;
38
54
  }
39
- .t-alert--info {
40
- background-color: var(--td-brand-color-1);
55
+ .form-layout .form-disable--bgc-gray .el-form-item__content {
56
+ background-color: #EEEEEE;
57
+ color: #666666;
41
58
  }
42
- .tdesign-starter-wrapper {
43
- height: 100vh;
59
+ .form-layout--140 {
44
60
  display: flex;
45
- flex-direction: column;
61
+ flex-wrap: wrap;
62
+ position: relative;
63
+ margin-top: 10px;
46
64
  }
47
- .tdesign-starter-main-wrapper {
48
- height: 500px;
49
- overflow: scroll;
65
+ .form-layout--140.column {
66
+ flex-direction: column;
50
67
  }
51
- .tdesign-starter-side-nav-layout-relative {
52
- height: 100%;
68
+ .form-layout--140 .el-form-item.no-label .el-form-item__content {
69
+ max-width: 100%;
53
70
  }
54
- .tdesign-starter-content-layout {
55
- padding: 24px;
71
+ .form-layout--140 .form-layout__item-col1 {
72
+ width: 100%;
56
73
  }
57
- .tdesign-starter-layout {
58
- height: calc(100vh - 64px);
59
- overflow-y: scroll;
74
+ .form-layout--140 .form-layout__item-col2 {
75
+ width: 50%;
60
76
  }
61
- .tdesign-starter-layout-tabs-nav {
62
- max-width: 100%;
63
- position: fixed;
64
- overflow: visible;
65
- z-index: 100;
77
+ .form-layout--140 .form-layout__item-col3 {
78
+ width: calc(100% / 3);
66
79
  }
67
- .tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout {
68
- padding-top: 24px;
80
+ .form-layout--140 .el-form-item {
81
+ display: flex;
82
+ align-items: center;
69
83
  }
70
- .tdesign-starter-layout::-webkit-scrollbar {
71
- width: 8px;
72
- background: transparent;
84
+ .form-layout--140 .el-form-item__label {
85
+ display: flex;
86
+ align-items: center;
87
+ justify-content: right;
88
+ height: 100%;
89
+ width: 140px;
90
+ line-height: var(--element-size-height);
73
91
  }
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);
92
+ .form-layout--140 .el-form-item__content {
93
+ line-height: var(--element-size-height);
94
+ min-height: var(--element-size-height);
95
+ height: 100%;
96
+ width: 100%;
97
+ max-width: calc(100% - 140px);
98
+ margin-left: 0 !important;
99
+ flex: 1;
79
100
  }
80
- .tdesign-starter-footer-layout {
81
- padding: 0;
82
- margin-bottom: 16px;
101
+ .form-layout--140 .el-form-item__content .el-select,
102
+ .form-layout--140 .el-form-item__content .el-input-number {
103
+ width: 100%;
83
104
  }
84
- .tdesign-starter-sidebar-layout {
85
- height: 100%;
105
+ .form-layout--140 .el-form-item__content > span.view-item {
106
+ margin-left: 15px;
107
+ display: inline-block;
108
+ white-space: pre-line;
109
+ line-height: 22px;
110
+ margin-top: 9px;
111
+ word-break: break-all;
86
112
  }
87
- .tdesign-starter-sidebar-compact {
88
- width: 64px;
113
+ .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
114
+ background-color: #EEEEEE;
115
+ color: #666666;
89
116
  }
90
- .tdesign-starter-sidebar-layout-side {
91
- z-index: 100;
117
+ .form-layout--160 {
118
+ display: flex;
119
+ flex-wrap: wrap;
120
+ position: relative;
121
+ margin-top: 10px;
92
122
  }
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%;
123
+ .form-layout--160.column {
124
+ flex-direction: column;
100
125
  }
101
- .tdesign-starter-side-nav-mix {
102
- top: 64px;
126
+ .form-layout--160 .el-form-item.no-label .el-form-item__content {
127
+ max-width: 100%;
103
128
  }
104
- .tdesign-starter-side-nav-mix-fixed {
105
- top: 64px;
106
- z-index: 0;
129
+ .form-layout--160 .form-layout__item-col1 {
130
+ width: 100%;
107
131
  }
108
- .tdesign-starter-side-nav-no-fixed {
109
- position: relative;
110
- z-index: 1;
132
+ .form-layout--160 .form-layout__item-col2 {
133
+ width: 50%;
111
134
  }
112
- .tdesign-starter-side-nav-no-logo {
113
- z-index: 1;
135
+ .form-layout--160 .form-layout__item-col3 {
136
+ width: calc(100% / 3);
114
137
  }
115
- .tdesign-starter-side-nav-logo-wrapper {
138
+ .form-layout--160 .el-form-item {
116
139
  display: flex;
117
140
  align-items: center;
118
- justify-content: center;
119
- width: 100%;
120
141
  }
121
- .tdesign-starter-side-nav-logo-wrapper:hover {
122
- cursor: pointer;
142
+ .form-layout--160 .el-form-item__label {
143
+ display: flex;
144
+ align-items: center;
145
+ justify-content: right;
146
+ height: 100%;
147
+ width: 160px;
148
+ line-height: var(--element-size-height);
123
149
  }
124
- .tdesign-starter-side-nav-logo-t-logo {
125
- height: 32px;
150
+ .form-layout--160 .el-form-item__content {
151
+ line-height: var(--element-size-height);
152
+ min-height: var(--element-size-height);
153
+ height: 100%;
126
154
  width: 100%;
155
+ max-width: calc(100% - 160px);
156
+ margin-left: 0 !important;
157
+ flex: 1;
127
158
  }
128
- .tdesign-starter-side-nav-logo-tdesign-logo {
129
- padding: 0 24px;
130
- height: 32px;
159
+ .form-layout--160 .el-form-item__content .el-select,
160
+ .form-layout--160 .el-form-item__content .el-input-number {
131
161
  width: 100%;
132
- color: var(--td-text-color-primary);
133
162
  }
134
- .tdesign-starter-side-nav-logo-normal {
135
- color: var(--td-brand-color);
136
- font-size: 16px;
137
- transition: all 0.3s;
163
+ .form-layout--160 .el-form-item__content > span.view-item {
164
+ margin-left: 15px;
165
+ display: inline-block;
166
+ white-space: pre-line;
167
+ line-height: 22px;
168
+ margin-top: 9px;
169
+ word-break: break-all;
138
170
  }
139
- .tdesign-starter-side-nav-placeholder {
140
- flex: 1 1 232px;
141
- min-width: 232px;
142
- transition: all 0.3s;
171
+ .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
172
+ background-color: #EEEEEE;
173
+ color: #666666;
143
174
  }
144
- .tdesign-starter-side-nav-placeholder-hidden {
145
- flex: 1 1 72px;
146
- min-width: 72px;
147
- transition: all 0.3s;
175
+ .form-layout.form-layout--border {
176
+ border-left: 1px solid #ebeef5;
148
177
  }
149
- .logo-container {
150
- cursor: pointer;
151
- display: inline-flex;
152
- height: 64px;
153
- margin-left: 24px;
178
+ .form-layout.form-layout--border .border-left {
179
+ border-left: 1px solid #ebeef5;
154
180
  }
155
- .version-container {
156
- color: var(--td-text-color-primary);
157
- opacity: 0.4;
181
+ .form-layout.form-layout--border .el-form-item__label {
182
+ border-bottom: 1px solid #ebeef5;
158
183
  }
159
- ::-webkit-scrollbar {
160
- width: 6px;
161
- height: 6px;
162
- }
163
- ::-webkit-scrollbar-thumb {
164
- background-color: var(--td-scrollbar-color);
165
- border-radius: 6px;
184
+ .form-layout.form-layout--border .el-form-item__content {
185
+ border-left: 1px solid #ebeef5;
186
+ border-right: 1px solid #ebeef5;
187
+ border-bottom: 1px solid #ebeef5;
166
188
  }
167
- .header__title {
168
- font-size: 18px;
189
+ .form-layout.form-layout--border .form-layout__item-col1:nth-child(1) {
190
+ border-top: 1px solid #ebeef5;
169
191
  }
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;
192
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(1),
193
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(2) {
194
+ border-top: 1px solid #ebeef5;
191
195
  }
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));
196
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(1),
197
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(2),
198
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(3) {
199
+ border-top: 1px solid #ebeef5;
196
200
  }
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);
201
+ .form-layout.form-layout--border .el-form-item {
202
+ margin-bottom: 0;
201
203
  }
202
- :root .el-table tr,
203
- :root[theme-mode="light"] .el-table tr {
204
- color: rgba(0, 0, 0, 0.6);
204
+ .form-layout.form-layout--border .el-input__inner,
205
+ .form-layout.form-layout--border .el-input__inner:hover,
206
+ .form-layout.form-layout--border .el-input__inner:focus,
207
+ .form-layout.form-layout--border .el-select .el-input__inner,
208
+ .form-layout.form-layout--border .el-select .el-input__inner:hover,
209
+ .form-layout.form-layout--border .el-select .el-input__inner:focus,
210
+ .form-layout.form-layout--border .el-textarea__inner,
211
+ .form-layout.form-layout--border .el-button--text {
212
+ border: none;
213
+ border-radius: 0;
205
214
  font-size: 14px;
206
- font-weight: 400;
215
+ font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
207
216
  }
208
- :root .el-table,
209
- :root[theme-mode="light"] .el-table {
210
- background: var(--white-color);
217
+ .form-layout.form-layout--border .el-textarea__inner {
218
+ padding: 10px 15px;
211
219
  }
212
- :root .table-header,
213
- :root[theme-mode="light"] .table-header {
220
+ .form-layout.form-layout--border .el-form-item__error {
221
+ top: -30px;
222
+ left: 100px;
223
+ z-index: 1;
224
+ padding: 8px 20px;
214
225
  text-align: center;
215
- color: #303133;
216
- font-size: 14px;
217
- font-weight: 600;
218
- background: linear-gradient(to bottom, #F0F2F5, #F0F2F5);
226
+ border-radius: 4px;
227
+ border: 1px solid;
228
+ background-color: #FFFFFF;
229
+ min-width: 80px;
219
230
  }
220
- :root .el-table tbody tr:last-child,
221
- :root[theme-mode="light"] .el-table tbody tr:last-child {
222
- border: 0;
231
+ .form-layout.form-layout--border .el-form-item__error::before {
232
+ content: "";
233
+ position: absolute;
234
+ bottom: -6px;
235
+ left: 50px;
236
+ border: 1px solid transparent;
237
+ border-top-color: #F56C6C;
238
+ border-left-color: #F56C6C;
239
+ background-color: #FFFFFF;
240
+ transform: rotate(225deg);
241
+ width: 10px;
242
+ height: 10px;
223
243
  }
224
- :root .el-table .el-table__cell.gutter,
225
- :root[theme-mode="light"] .el-table .el-table__cell.gutter {
226
- background: transparent;
244
+ .form-layout.form-layout--no-border-left {
245
+ border-left: none;
227
246
  }
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;
247
+ .form-layout.form-layout--no-border-top::before {
248
+ border-bottom: none;
249
+ }
250
+ .form-title::before {
251
+ content: attr(form-title);
233
252
  color: #333333;
234
- height: 44px;
235
- line-height: 44px;
253
+ font-weight: 600;
254
+ padding-left: 15px;
255
+ border-bottom: 2px dashed #DCDCDC;
256
+ border-left: 2px solid transparent;
257
+ background: #FAFAFD;
258
+ text-align: left;
259
+ width: 100%;
260
+ line-height: var(--element-size-height);
236
261
  }
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;
262
+ .form-title .form-title--right {
263
+ line-height: var(--element-size-height);
264
+ height: var(--element-size-height);
265
+ position: absolute;
266
+ right: 0;
267
+ padding: 0 10px;
242
268
  }
243
- :root .el-table__fixed-right::before,
244
- :root[theme-mode="light"] .el-table__fixed-right::before {
245
- display: none;
269
+ .form-title .form-title--right .el-link + .el-link {
270
+ margin-left: 10px;
246
271
  }
247
- :root .el-table::before,
248
- :root[theme-mode="light"] .el-table::before {
249
- display: none;
272
+
273
+ .is-in-iframe .tdesign-starter-content-layout,
274
+ .is-in-full-screen .tdesign-starter-content-layout {
275
+ padding: 0 !important;
250
276
  }
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;
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-content .iframe-view,
282
+ .is-in-full-screen .iframe-content .iframe-view {
283
+ height: 100vh;
256
284
  }
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;
285
+ .is-in-full-screen .t-layout__header,
286
+ .is-in-full-screen .tdesign-starter-layout-tabs-nav,
287
+ .is-in-full-screen .t-layout__sider,
288
+ .is-in-full-screen .tdesign-starter-sidebar-layout {
289
+ display: none;
265
290
  }
266
- :root .el-pagination__total,
267
- :root[theme-mode="light"] .el-pagination__total {
268
- color: #909399;
269
- margin-left: 20px;
291
+ .is-in-full-screen div > section.t-layout {
292
+ height: 100vh;
270
293
  }
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;
294
+ .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
295
+ display: none !important;
277
296
  }
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;
297
+ .el-dialog.file-uplaod__preview-image .el-dialog__header {
298
+ border: none;
285
299
  }
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;
300
+
301
+ .project__unshow-type .t-menu__logo {
302
+ display: flex;
303
+ justify-content: center;
304
+ background-color: #263455;
292
305
  }
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;
306
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
307
+ width: 20%;
297
308
  }
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;
309
+ .project__unshow-type .t-menu__logo span {
310
+ color: #FFFFFF !important;
311
+ font-size: 16px;
303
312
  }
304
- :root .cancel-btn,
305
- :root[theme-mode="light"] .cancel-btn {
306
- border-radius: var(--button-radius);
313
+ .project__unshow-type .t-default-menu__inner {
314
+ height: 100%;
307
315
  }
308
- :root .error-btn,
309
- :root[theme-mode="light"] .error-btn {
310
- background: #A61D24;
311
- color: #FFFFFF;
312
- border: 0;
316
+ .project__unshow-type .header-logo-container {
317
+ width: 216px;
318
+ margin-left: 16px;
313
319
  }
314
- :root .error-btnplain,
315
- :root[theme-mode="light"] .error-btnplain {
316
- background-color: transparent;
317
- color: #A61D24;
318
- border: 1px solid #A61D24;
320
+ .project__unshow-type .t-menu {
321
+ padding: 0;
319
322
  }
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;
323
+ .project__unshow-type .t-menu .t-head-menu__inner {
324
+ background-color: #FFFFFF !important;
325
+ border: none;
326
326
  }
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;
327
+ .project__unshow-type .t-menu--scroll {
328
+ background-color: #17233D;
331
329
  }
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;
336
- }
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);
346
- }
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);
330
+ .project__unshow-type .t-menu__content,
331
+ .project__unshow-type .svg-icon,
332
+ .project__unshow-type .t-fake-arrow {
333
+ color: #A9AEB7;
350
334
  }
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);
335
+ .project__unshow-type .operations-container .t-button {
336
+ background-color: #FFFFFF;
337
+ border: 1px solid #C9C9C9;
354
338
  }
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);
339
+ .project__unshow-type .operations-container .t-button:hover {
340
+ background-color: #C9C9C9;
341
+ color: #FFFFFF !important;
360
342
  }
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;
343
+ .project__unshow-type .operations-container .svg-icon,
344
+ .project__unshow-type .operations-container .t-icon,
345
+ .project__unshow-type .operations-container .header-user-account,
346
+ .project__unshow-type .operations-container span {
347
+ color: #000000 !important;
365
348
  }
366
- :root .el-dialog,
367
- :root[theme-mode="light"] .el-dialog {
368
- background: #FFFFFF !important;
349
+ .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
350
+ .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
351
+ color: #8B919E !important;
369
352
  }
370
- :root .el-dialog__title,
371
- :root[theme-mode="light"] .el-dialog__title {
372
- color: var(--dialog-header-text);
353
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
354
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
355
+ color: #FFFFFF !important;
373
356
  }
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;
357
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
358
+ margin-left: 20px;
359
+ padding-left: 38px;
360
+ border-radius: 0;
361
+ border-top-left-radius: 4px;
362
+ border-bottom-left-radius: 4px;
379
363
  }
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;
364
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
365
+ content: "";
366
+ position: absolute;
367
+ left: -20px;
368
+ width: 5px;
369
+ height: 100%;
370
+ background-color: #296DF1;
371
+ border-top-right-radius: 4px;
372
+ border-bottom-right-radius: 4px;
386
373
  }
387
- :root .addwork .el-form-item__content,
388
- :root[theme-mode="light"] .addwork .el-form-item__content {
389
- margin-left: 0 !important;
374
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
375
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
376
+ font-weight: 700;
377
+ color: #17233D !important;
390
378
  }
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;
379
+ .project__unshow-type .el-pagination__total {
380
+ position: absolute;
381
+ left: 0;
398
382
  }
399
- :root .el-upload,
400
- :root[theme-mode="light"] .el-upload {
401
- width: 100%;
402
- margin-top: 10px;
383
+ .project__unshow-type .el-table__header-wrapper th,
384
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
385
+ padding: 0;
403
386
  }
404
- :root .el-upload .el-upload-dragger,
405
- :root[theme-mode="light"] .el-upload .el-upload-dragger {
406
- width: 100%;
387
+ .project__unshow-type .el-table__header-wrapper th .cell,
388
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
389
+ background-color: #E9F3FF;
390
+ color: #3172F1;
391
+ padding: 2px 10px;
407
392
  }
408
- :root .el-icon-circle-check::before,
409
- :root[theme-mode="light"] .el-icon-circle-check::before {
410
- color: #67C23A;
393
+ .project__unshow-type .el-icon-check::before {
394
+ color: var(--primary-btn);
411
395
  }
412
- :root .el-icon-warning::before,
413
- :root[theme-mode="light"] .el-icon-warning::before {
414
- color: #E6A23C;
396
+ .project__unshow-type .el-icon-check::before:hover {
397
+ background-color: #84CAFD !important;
415
398
  }
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;
399
+ .project__unshow-type .el-button.common-btn:not(:hover),
400
+ .project__unshow-type .el-button--primary.is-plain {
401
+ color: var(--primary-btn);
402
+ border-color: var(--primary-btn) !important;
403
+ background-color: #FFFFFF;
421
404
  }
422
- :root .el-icon-circle-close::before,
423
- :root[theme-mode="light"] .el-icon-circle-close::before {
424
- color: red;
405
+ .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
406
+ .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
407
+ color: #FFFFFF !important;
408
+ background-color: var(--light-blue-color) !important;
409
+ border-color: var(--light-blue-color) !important;
425
410
  }
426
- :root .small-progress .el-progress__text,
427
- :root[theme-mode="light"] .small-progress .el-progress__text {
428
- font-size: 12px !important;
411
+ .project__unshow-type .el-button--primary:not(.is-plain) {
412
+ color: #FFFFFF !important;
413
+ background-color: var(--primary-btn) !important;
429
414
  }
430
- :root .el-icon-check::before,
431
- :root[theme-mode="light"] .el-icon-check::before {
415
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
432
416
  color: #FFFFFF;
433
- font-weight: 700;
434
417
  }
435
- :root .el-icon-close::before,
436
- :root[theme-mode="light"] .el-icon-close::before {
437
- color: red;
438
- font-weight: 700;
418
+ .project__unshow-type .el-button--primary:not(.is-plain):hover {
419
+ background-color: var(--light-blue-color) !important;
420
+ border-color: var(--light-blue-color) !important;
439
421
  }
440
- :root .el-result__title p,
441
- :root[theme-mode="light"] .el-result__title p {
442
- color: var(--form-text);
422
+ .project__unshow-type .el-button--warning {
423
+ color: #F7BF17 !important;
424
+ background-color: #FFFFFF !important;
443
425
  }
444
- :root .el-result__subtitle p,
445
- :root[theme-mode="light"] .el-result__subtitle p {
446
- color: rgba(0, 0, 0, 0.5);
426
+ .project__unshow-type .el-button--warning:hover {
427
+ color: #FFFFFF !important;
428
+ background-color: #F7BF17 !important;
429
+ border-color: #F7BF17 !important;
447
430
  }
448
- :root .el-result .icon-warning,
449
- :root[theme-mode="light"] .el-result .icon-warning {
450
- fill: #a61d24;
431
+ .project__unshow-type .el-button--danger {
432
+ color: #F56C6C !important;
433
+ background-color: #FFFFFF !important;
451
434
  }
452
- :root .el-textarea__inner,
453
- :root[theme-mode="light"] .el-textarea__inner {
454
- border-radius: var(--button-radius);
435
+ .project__unshow-type .el-button--danger:hover {
436
+ color: #FFFFFF !important;
437
+ background-color: #F56C6C !important;
438
+ border-color: #F56C6C !important;
455
439
  }
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;
440
+ .project__unshow-type .el-button--success {
441
+ color: #67C23A !important;
442
+ background-color: #FFFFFF !important;
461
443
  }
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);
444
+ .project__unshow-type .el-button--success:hover {
445
+ color: #FFFFFF !important;
446
+ background-color: #67C23A !important;
447
+ border-color: #67C23A !important;
466
448
  }
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);
449
+ .project__unshow-type .el-tag {
450
+ border-color: var(--light-blue-color);
472
451
  }
473
- :root .el-dropdown,
474
- :root[theme-mode="light"] .el-dropdown {
475
- cursor: pointer;
476
- color: var(--light-blue-color);
452
+ .project__unshow-type .el-tag.el-tag--danger {
453
+ border-color: #F56C6C;
477
454
  }
478
- :root .stepsrow .el-step__icon,
479
- :root[theme-mode="light"] .stepsrow .el-step__icon {
480
- width: 30px;
481
- height: 30px;
482
- border: none;
455
+ .project__unshow-type .user-info > .el-card__header {
456
+ background-color: #17233D !important;
483
457
  }
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);
487
- border: 1px solid var(--light-blue-color);
458
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
459
+ width: 562px;
488
460
  }
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 {
491
- color: var(--light-blue-color);
461
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
462
+ background-color: #17233D !important;
492
463
  }
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);
464
+ :root[theme-mode="dark"] .project__unshow-type .svg-icon,
465
+ :root[theme-mode="dark"] .project__unshow-type .t-icon,
466
+ :root[theme-mode="dark"] .project__unshow-type .header-user-account,
467
+ :root[theme-mode="dark"] .project__unshow-type span {
468
+ color: #FFFFFF !important;
496
469
  }
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;
470
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
471
+ background-color: transparent;
500
472
  }
501
- :root .stepsrow .el-step__head.is-process,
502
- :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
473
+ :root[theme-mode="dark"] .el-button.common-btn:not(:hover),
474
+ :root[theme-mode="dark"] .el-button--primary.is-plain {
503
475
  color: #FFFFFF;
476
+ border-color: var(--primary-btn) !important;
504
477
  }
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);
508
- }
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;
478
+ :root[theme-mode="dark"] .el-button--primary.is-plain:hover {
479
+ color: var(--primary-btn) !important;
480
+ border-color: var(--light-blue-color) !important;
513
481
  }
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;
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;
518
503
  }
519
- :root .stepsrow .el-step__title.is-process,
520
- :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
521
- font-weight: 700;
504
+ :root .box-card,
505
+ :root[theme-mode="light"] .box-card {
506
+ border: 1px solid var(--light-blue-color);
507
+ background: linear-gradient(to bottom, rgba(0, 96, 166, 0.2), var(--light-blue-color));
508
+ }
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;
522
512
  color: var(--light-blue-color);
523
513
  }
524
- :root .stepsrow .el-step__title.is-wait,
525
- :root[theme-mode="light"] .stepsrow .el-step__title.is-wait {
526
- font-weight: 700;
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;
519
+ }
520
+ :root .el-table,
521
+ :root[theme-mode="light"] .el-table {
522
+ background: var(--white-color);
523
+ }
524
+ :root .table-header,
525
+ :root[theme-mode="light"] .table-header {
526
+ text-align: center;
527
527
  color: #303133;
528
+ font-size: 14px;
529
+ font-weight: 600;
530
+ background: linear-gradient(to bottom, #F0F2F5, #F0F2F5);
528
531
  }
529
- :root .stepscolumn .el-step__icon,
530
- :root[theme-mode="light"] .stepscolumn .el-step__icon {
531
- width: 30px;
532
- height: 30px;
533
- border: none;
532
+ :root .el-table tbody tr:last-child,
533
+ :root[theme-mode="light"] .el-table tbody tr:last-child {
534
+ border: 0;
534
535
  }
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);
538
- border: 1px solid var(--light-blue-color);
536
+ :root .el-table .el-table__cell.gutter,
537
+ :root[theme-mode="light"] .el-table .el-table__cell.gutter {
538
+ background: transparent;
539
539
  }
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);
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;
543
548
  }
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);
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;
547
554
  }
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 {
555
+ :root .el-table__fixed-right::before,
556
+ :root[theme-mode="light"] .el-table__fixed-right::before {
550
557
  display: none;
551
558
  }
552
- :root .stepscolumn .el-step__head.is-process,
553
- :root[theme-mode="light"] .stepscolumn .el-step__head.is-process {
554
- color: #FFFFFF;
559
+ :root .el-table::before,
560
+ :root[theme-mode="light"] .el-table::before {
561
+ display: none;
555
562
  }
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);
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 {
565
+ border: 1px solid var(--light-blue-color);
566
+ background: #F4F4F5;
567
+ color: #595959;
559
568
  }
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;
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;
564
577
  }
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;
578
+ :root .el-pagination__total,
579
+ :root[theme-mode="light"] .el-pagination__total {
580
+ color: #909399;
581
+ margin-left: 20px;
569
582
  }
570
- :root .stepscolumn .el-step__title.is-process,
571
- :root[theme-mode="light"] .stepscolumn .el-step__title.is-process {
572
- font-weight: 700;
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;
589
+ }
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);
595
+ color: #FFFFFF;
596
+ font-size: 14px;
597
+ }
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);
573
602
  color: var(--light-blue-color);
603
+ font-size: 14px;
574
604
  }
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;
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;
579
609
  }
580
- :root .el-slider__bar,
581
- :root[theme-mode="light"] .el-slider__bar {
582
- background-color: var(--light-blue-color);
610
+ :root .el-button--text,
611
+ :root[theme-mode="light"] .el-button--text {
612
+ color: var(--light-blue-color);
613
+ font-family: "Harmony_Sans", PingFangSC-Medium, "PingFang SC", sans-serif;
614
+ font-weight: 500;
583
615
  }
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;
616
+ :root .cancel-btn,
617
+ :root[theme-mode="light"] .cancel-btn {
618
+ border-radius: var(--button-radius);
589
619
  }
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 {
620
+ :root .error-btn,
621
+ :root[theme-mode="light"] .error-btn {
622
+ background: #A61D24;
623
+ color: #FFFFFF;
624
+ border: 0;
625
+ }
626
+ :root .error-btnplain,
627
+ :root[theme-mode="light"] .error-btnplain {
592
628
  background-color: transparent;
629
+ color: #A61D24;
630
+ border: 1px solid #A61D24;
593
631
  }
594
- :root .mb8,
595
- :root[theme-mode="light"] .mb8 {
596
- display: flex;
597
- justify-content: flex-start;
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;
598
638
  }
599
- :root .pagination-container,
600
- :root[theme-mode="light"] .pagination-container {
601
- background: transparent;
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;
602
643
  }
603
- :root .pagination-container .el-pagination,
604
- :root[theme-mode="light"] .pagination-container .el-pagination {
605
- text-align: right;
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;
606
648
  }
607
- :root .left,
608
- :root[theme-mode="light"] .left {
609
- background: #FFFFFF;
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 {
610
655
  border: 1px solid var(--light-blue-color);
611
- padding-top: 10px;
612
- height: calc(100vh - 145px);
613
- }
614
- :root .vue-treeselect__control,
615
- :root[theme-mode="light"] .vue-treeselect__control {
616
- height: var(--element-size-height);
617
656
  border-radius: var(--button-radius);
618
- }
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);
622
657
  color: var(--light-blue-color);
658
+ }
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 {
623
661
  border: 1px solid var(--light-blue-color);
624
662
  }
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;
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 {
665
+ color: var(--light-blue-color);
629
666
  }
630
- :root .custom__input--high-light .vue-treeselect__single-value,
631
- :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
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
+ border: 1px solid var(--light-blue-color);
672
+ }
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 {
632
675
  color: var(--light-blue-color);
676
+ font-weight: 400;
633
677
  }
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);
678
+ :root .el-dialog,
679
+ :root[theme-mode="light"] .el-dialog {
680
+ background: #FFFFFF !important;
681
+ }
682
+ :root .el-dialog__title,
683
+ :root[theme-mode="light"] .el-dialog__title {
684
+ color: var(--dialog-header-text);
685
+ }
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);
638
690
  padding: 10px 20px;
639
691
  }
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);
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;
666
698
  }
667
- :root[theme-mode="dark"] .el-select .el-input {
668
- background: transparent;
699
+ :root .addwork .el-form-item__content,
700
+ :root[theme-mode="light"] .addwork .el-form-item__content {
701
+ margin-left: 0 !important;
669
702
  }
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);
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;
675
710
  }
676
- :root[theme-mode="dark"] .el-select .el-input__inner {
677
- border: 0;
711
+ :root .el-upload,
712
+ :root[theme-mode="light"] .el-upload {
713
+ width: 100%;
714
+ margin-top: 10px;
678
715
  }
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;
716
+ :root .el-upload .el-upload-dragger,
717
+ :root[theme-mode="light"] .el-upload .el-upload-dragger {
718
+ width: 100%;
682
719
  }
683
- :root[theme-mode="dark"] .el-select-dropdown {
684
- border-radius: var(--button-radius);
685
- border: 0;
686
- background: transparent;
720
+ :root .el-icon-circle-check::before,
721
+ :root[theme-mode="light"] .el-icon-circle-check::before {
722
+ color: #67C23A;
687
723
  }
688
- :root[theme-mode="dark"] .el-select-dropdown__item {
689
- color: #FFFFFF;
724
+ :root .el-icon-warning::before,
725
+ :root[theme-mode="light"] .el-icon-warning::before {
726
+ color: #E6A23C;
690
727
  }
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));
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;
694
733
  }
695
- :root[theme-mode="dark"] .el-select-dropdown__item.selected {
696
- color: var(--light-blue-color);
697
- font-weight: 400;
734
+ :root .el-icon-circle-close::before,
735
+ :root[theme-mode="light"] .el-icon-circle-close::before {
736
+ color: red;
698
737
  }
699
- :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
700
- border-bottom-color: var(--drop-down-color);
738
+ :root .small-progress .el-progress__text,
739
+ :root[theme-mode="light"] .small-progress .el-progress__text {
740
+ font-size: 12px !important;
701
741
  }
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));
742
+ :root .el-icon-check::before,
743
+ :root[theme-mode="light"] .el-icon-check::before {
744
+ color: #FFFFFF;
745
+ font-weight: 700;
704
746
  }
705
- :root[theme-mode="dark"] .el-tag.el-tag--info {
706
- background: transparent;
707
- border-color: var(--light-blue-color);
747
+ :root .el-icon-close::before,
748
+ :root[theme-mode="light"] .el-icon-close::before {
749
+ color: red;
750
+ font-weight: 700;
708
751
  }
709
- :root[theme-mode="dark"] .dropdown .el-input {
710
- border: none;
752
+ :root .el-result__title p,
753
+ :root[theme-mode="light"] .el-result__title p {
754
+ color: var(--form-text);
711
755
  }
712
- :root[theme-mode="dark"] .el-button--primary {
713
- background: var(--primary-btn);
756
+ :root .el-result__subtitle p,
757
+ :root[theme-mode="light"] .el-result__subtitle p {
758
+ color: rgba(0, 0, 0, 0.5);
759
+ }
760
+ :root .el-result .icon-warning,
761
+ :root[theme-mode="light"] .el-result .icon-warning {
762
+ fill: #a61d24;
763
+ }
764
+ :root .el-textarea__inner,
765
+ :root[theme-mode="light"] .el-textarea__inner {
714
766
  border-radius: var(--button-radius);
715
- border-color: var(--primary-btn);
716
- color: #FFFFFF !important;
717
- font-size: 14px;
718
767
  }
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 {
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;
773
+ }
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);
778
+ }
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);
722
782
  border: 1px solid var(--light-blue-color);
723
- border-radius: var(--button-radius);
724
783
  color: var(--light-blue-color);
725
- background: var(--opacity-blue-bg) !important;
726
- font-size: 14px;
727
784
  }
728
- :root[theme-mode="dark"] .common-btn:hover {
729
- background: var(--opacity-blue-bg);
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);
730
799
  border: 1px solid var(--light-blue-color);
731
- color: #409EFF;
732
800
  }
733
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small {
734
- background: transparent !important;
735
- border: none !important;
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);
736
804
  }
737
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small:hover {
738
- border: none;
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);
739
808
  }
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;
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;
745
812
  }
746
- :root[theme-mode="dark"] .error-btn {
747
- background: #A61D24;
813
+ :root .stepsrow .el-step__head.is-process,
814
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
748
815
  color: #FFFFFF;
749
- border: 0;
750
816
  }
751
- :root[theme-mode="dark"] .error-btnplain {
752
- background: transparent;
753
- color: #A61D24;
754
- border: 1px solid #A61D24;
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);
755
820
  }
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;
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;
762
825
  }
763
- :root[theme-mode="dark"] .el-button.is-plain:hover {
764
- background: var(--opacity-blue-bg);
765
- border: 1px solid var(--light-blue-color);
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;
766
830
  }
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);
831
+ :root .stepsrow .el-step__title.is-process,
832
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
833
+ font-weight: 700;
771
834
  color: var(--light-blue-color);
772
- background: var(--opacity-blue-bg);
773
835
  }
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;
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;
778
840
  }
779
- :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
780
- :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
781
- background: var(--opacity-blue-bg);
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);
782
850
  border: 1px solid var(--light-blue-color);
783
- color: #409EFF;
784
851
  }
785
- :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger:hover {
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;
1090
+ }
1091
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
1092
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
1093
+ background: var(--opacity-blue-bg);
1094
+ border: 1px solid var(--light-blue-color);
1095
+ color: #409EFF;
1096
+ }
1097
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger:hover {
786
1098
  color: red;
787
1099
  }
788
1100
  :root[theme-mode="dark"] .el-form-item__content .el-button--default {
@@ -1747,484 +2059,172 @@
1747
2059
  --td-brand-color-10: #FDE9AB;
1748
2060
  }
1749
2061
 
1750
- .form-layout {
1751
- display: flex;
1752
- flex-wrap: wrap;
1753
- position: relative;
1754
- margin-top: 10px;
1755
- }
1756
- .form-layout.column {
1757
- flex-direction: column;
2062
+ .t-layout__sider {
2063
+ width: fit-content;
1758
2064
  }
1759
- .form-layout .el-form-item.no-label .el-form-item__content {
1760
- max-width: 100%;
1761
- }
1762
- .form-layout .form-layout__item-col1 {
1763
- width: 100%;
1764
- }
1765
- .form-layout .form-layout__item-col2 {
1766
- width: 50%;
1767
- }
1768
- .form-layout .form-layout__item-col3 {
1769
- width: calc(100% / 3);
1770
- }
1771
- .form-layout .el-form-item {
1772
- display: flex;
1773
- align-items: center;
1774
- }
1775
- .form-layout .el-form-item__label {
1776
- display: flex;
1777
- align-items: center;
1778
- justify-content: right;
1779
- height: 100%;
1780
- width: 120px;
1781
- line-height: var(--element-size-height);
1782
- }
1783
- .form-layout .el-form-item__content {
1784
- line-height: var(--element-size-height);
1785
- min-height: var(--element-size-height);
1786
- height: 100%;
1787
- width: 100%;
1788
- max-width: calc(100% - 120px);
1789
- margin-left: 0 !important;
1790
- flex: 1;
1791
- }
1792
- .form-layout .el-form-item__content .el-select,
1793
- .form-layout .el-form-item__content .el-input-number {
1794
- width: 100%;
1795
- }
1796
- .form-layout .el-form-item__content > span.view-item {
1797
- margin-left: 15px;
1798
- display: inline-block;
1799
- white-space: pre-line;
1800
- line-height: 22px;
1801
- margin-top: 9px;
1802
- word-break: break-all;
1803
- }
1804
- .form-layout .form-disable--bgc-gray .el-form-item__content {
1805
- background-color: #EEEEEE;
1806
- color: #666666;
1807
- }
1808
- .form-layout--140 {
1809
- display: flex;
1810
- flex-wrap: wrap;
1811
- position: relative;
1812
- margin-top: 10px;
1813
- }
1814
- .form-layout--140.column {
1815
- flex-direction: column;
1816
- }
1817
- .form-layout--140 .el-form-item.no-label .el-form-item__content {
1818
- max-width: 100%;
1819
- }
1820
- .form-layout--140 .form-layout__item-col1 {
1821
- width: 100%;
1822
- }
1823
- .form-layout--140 .form-layout__item-col2 {
1824
- width: 50%;
1825
- }
1826
- .form-layout--140 .form-layout__item-col3 {
1827
- width: calc(100% / 3);
1828
- }
1829
- .form-layout--140 .el-form-item {
1830
- display: flex;
1831
- align-items: center;
1832
- }
1833
- .form-layout--140 .el-form-item__label {
1834
- display: flex;
1835
- align-items: center;
1836
- justify-content: right;
1837
- height: 100%;
1838
- width: 140px;
1839
- line-height: var(--element-size-height);
1840
- }
1841
- .form-layout--140 .el-form-item__content {
1842
- line-height: var(--element-size-height);
1843
- min-height: var(--element-size-height);
1844
- height: 100%;
1845
- width: 100%;
1846
- max-width: calc(100% - 140px);
1847
- margin-left: 0 !important;
1848
- flex: 1;
1849
- }
1850
- .form-layout--140 .el-form-item__content .el-select,
1851
- .form-layout--140 .el-form-item__content .el-input-number {
1852
- width: 100%;
1853
- }
1854
- .form-layout--140 .el-form-item__content > span.view-item {
1855
- margin-left: 15px;
1856
- display: inline-block;
1857
- white-space: pre-line;
1858
- line-height: 22px;
1859
- margin-top: 9px;
1860
- word-break: break-all;
1861
- }
1862
- .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
1863
- background-color: #EEEEEE;
1864
- color: #666666;
1865
- }
1866
- .form-layout--160 {
1867
- display: flex;
1868
- flex-wrap: wrap;
1869
- position: relative;
1870
- margin-top: 10px;
1871
- }
1872
- .form-layout--160.column {
1873
- flex-direction: column;
1874
- }
1875
- .form-layout--160 .el-form-item.no-label .el-form-item__content {
1876
- max-width: 100%;
1877
- }
1878
- .form-layout--160 .form-layout__item-col1 {
1879
- width: 100%;
1880
- }
1881
- .form-layout--160 .form-layout__item-col2 {
1882
- width: 50%;
1883
- }
1884
- .form-layout--160 .form-layout__item-col3 {
1885
- width: calc(100% / 3);
1886
- }
1887
- .form-layout--160 .el-form-item {
1888
- display: flex;
1889
- align-items: center;
1890
- }
1891
- .form-layout--160 .el-form-item__label {
1892
- display: flex;
1893
- align-items: center;
1894
- justify-content: right;
1895
- height: 100%;
1896
- width: 160px;
1897
- line-height: var(--element-size-height);
1898
- }
1899
- .form-layout--160 .el-form-item__content {
1900
- line-height: var(--element-size-height);
1901
- min-height: var(--element-size-height);
1902
- height: 100%;
1903
- width: 100%;
1904
- max-width: calc(100% - 160px);
1905
- margin-left: 0 !important;
1906
- flex: 1;
1907
- }
1908
- .form-layout--160 .el-form-item__content .el-select,
1909
- .form-layout--160 .el-form-item__content .el-input-number {
1910
- width: 100%;
1911
- }
1912
- .form-layout--160 .el-form-item__content > span.view-item {
1913
- margin-left: 15px;
1914
- display: inline-block;
1915
- white-space: pre-line;
1916
- line-height: 22px;
1917
- margin-top: 9px;
1918
- word-break: break-all;
1919
- }
1920
- .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
1921
- background-color: #EEEEEE;
1922
- color: #666666;
1923
- }
1924
- .form-layout.form-layout--border {
1925
- border-left: 1px solid #ebeef5;
1926
- }
1927
- .form-layout.form-layout--border .border-left {
1928
- border-left: 1px solid #ebeef5;
1929
- }
1930
- .form-layout.form-layout--border .el-form-item__label {
1931
- border-bottom: 1px solid #ebeef5;
1932
- }
1933
- .form-layout.form-layout--border .el-form-item__content {
1934
- border-left: 1px solid #ebeef5;
1935
- border-right: 1px solid #ebeef5;
1936
- border-bottom: 1px solid #ebeef5;
1937
- }
1938
- .form-layout.form-layout--border .form-layout__item-col1:nth-child(1) {
1939
- border-top: 1px solid #ebeef5;
1940
- }
1941
- .form-layout.form-layout--border .form-layout__item-col2:nth-child(1),
1942
- .form-layout.form-layout--border .form-layout__item-col2:nth-child(2) {
1943
- border-top: 1px solid #ebeef5;
1944
- }
1945
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(1),
1946
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(2),
1947
- .form-layout.form-layout--border .form-layout__item-col3:nth-child(3) {
1948
- border-top: 1px solid #ebeef5;
1949
- }
1950
- .form-layout.form-layout--border .el-form-item {
1951
- margin-bottom: 0;
1952
- }
1953
- .form-layout.form-layout--border .el-input__inner,
1954
- .form-layout.form-layout--border .el-input__inner:hover,
1955
- .form-layout.form-layout--border .el-input__inner:focus,
1956
- .form-layout.form-layout--border .el-select .el-input__inner,
1957
- .form-layout.form-layout--border .el-select .el-input__inner:hover,
1958
- .form-layout.form-layout--border .el-select .el-input__inner:focus,
1959
- .form-layout.form-layout--border .el-textarea__inner,
1960
- .form-layout.form-layout--border .el-button--text {
1961
- border: none;
1962
- border-radius: 0;
1963
- font-size: 14px;
1964
- font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
1965
- }
1966
- .form-layout.form-layout--border .el-textarea__inner {
1967
- padding: 10px 15px;
1968
- }
1969
- .form-layout.form-layout--border .el-form-item__error {
1970
- top: -30px;
1971
- left: 100px;
1972
- z-index: 1;
1973
- padding: 8px 20px;
1974
- text-align: center;
1975
- border-radius: 4px;
1976
- border: 1px solid;
1977
- background-color: #FFFFFF;
1978
- min-width: 80px;
1979
- }
1980
- .form-layout.form-layout--border .el-form-item__error::before {
1981
- content: "";
1982
- position: absolute;
1983
- bottom: -6px;
1984
- left: 50px;
1985
- border: 1px solid transparent;
1986
- border-top-color: #F56C6C;
1987
- border-left-color: #F56C6C;
1988
- background-color: #FFFFFF;
1989
- transform: rotate(225deg);
1990
- width: 10px;
1991
- height: 10px;
1992
- }
1993
- .form-layout.form-layout--no-border-left {
1994
- border-left: none;
1995
- }
1996
- .form-layout.form-layout--no-border-top::before {
1997
- border-bottom: none;
1998
- }
1999
- .form-title::before {
2000
- content: attr(form-title);
2001
- color: #333333;
2002
- font-weight: 600;
2003
- padding-left: 15px;
2004
- border-bottom: 2px dashed #DCDCDC;
2005
- border-left: 2px solid transparent;
2006
- background: #FAFAFD;
2007
- text-align: left;
2008
- width: 100%;
2009
- line-height: var(--element-size-height);
2010
- }
2011
- .form-title .form-title--right {
2012
- line-height: var(--element-size-height);
2013
- height: var(--element-size-height);
2014
- position: absolute;
2015
- right: 0;
2016
- padding: 0 10px;
2017
- }
2018
- .form-title .form-title--right .el-link + .el-link {
2019
- margin-left: 10px;
2020
- }
2021
-
2022
- .project__unshow-type .t-menu__logo {
2023
- display: flex;
2024
- justify-content: center;
2025
- background-color: #263455;
2026
- }
2027
- .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
2028
- width: 20%;
2029
- }
2030
- .project__unshow-type .t-menu__logo span {
2031
- color: #FFFFFF !important;
2032
- font-size: 16px;
2033
- }
2034
- .project__unshow-type .t-default-menu__inner {
2035
- height: 100%;
2036
- }
2037
- .project__unshow-type .header-logo-container {
2038
- width: 216px;
2039
- margin-left: 16px;
2040
- }
2041
- .project__unshow-type .t-menu {
2042
- padding: 0;
2043
- }
2044
- .project__unshow-type .t-menu .t-head-menu__inner {
2045
- background-color: #FFFFFF !important;
2046
- border: none;
2047
- }
2048
- .project__unshow-type .t-menu--scroll {
2049
- background-color: #17233D;
2050
- }
2051
- .project__unshow-type .t-menu__content,
2052
- .project__unshow-type .svg-icon,
2053
- .project__unshow-type .t-fake-arrow {
2054
- color: #A9AEB7;
2065
+ .t-layout__header {
2066
+ height: auto;
2055
2067
  }
2056
- .project__unshow-type .operations-container .t-button {
2057
- background-color: #FFFFFF;
2058
- border: 1px solid #C9C9C9;
2068
+ .t-layout__content {
2069
+ height: calc(100% - 142px);
2059
2070
  }
2060
- .project__unshow-type .operations-container .t-button:hover {
2061
- background-color: #C9C9C9;
2062
- color: #FFFFFF !important;
2071
+ .t-layout.t-layout--with-sider > .t-layout {
2072
+ flex: 1;
2073
+ min-width: 760px;
2063
2074
  }
2064
- .project__unshow-type .operations-container .svg-icon,
2065
- .project__unshow-type .operations-container .t-icon,
2066
- .project__unshow-type .operations-container .header-user-account,
2067
- .project__unshow-type .operations-container span {
2068
- color: #000000 !important;
2075
+ .t-layout.t-layout--with-sider > .t-layout__content {
2076
+ flex: 1;
2077
+ min-width: 760px;
2069
2078
  }
2070
- .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
2071
- .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
2072
- color: #8B919E !important;
2079
+ .route-tabs-dropdown .t-icon {
2080
+ margin-right: 8px;
2073
2081
  }
2074
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
2075
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
2076
- color: #FFFFFF !important;
2082
+ .t-menu--dark .t-menu__operations .t-icon:hover {
2083
+ cursor: pointer;
2077
2084
  }
2078
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
2079
- margin-left: 20px;
2080
- padding-left: 38px;
2081
- border-radius: 0;
2082
- border-top-left-radius: 4px;
2083
- border-bottom-left-radius: 4px;
2085
+ .t-default-menu.t-menu--dark {
2086
+ background: var(--right-light);
2084
2087
  }
2085
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
2086
- content: "";
2087
- position: absolute;
2088
- left: -20px;
2089
- width: 5px;
2090
- height: 100%;
2091
- background-color: #296DF1;
2092
- border-top-right-radius: 4px;
2093
- border-bottom-right-radius: 4px;
2088
+ .t-default-menu .t-menu__item {
2089
+ padding: 0 10px 0 14px;
2090
+ height: 39px;
2091
+ line-height: 39px;
2094
2092
  }
2095
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
2096
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
2097
- font-weight: 700;
2098
- color: #17233D !important;
2093
+ .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) {
2094
+ background-color: var(--td-brand-color-1);
2095
+ color: var(--td-brand-color);
2099
2096
  }
2100
- .project__unshow-type .el-pagination__total {
2101
- position: absolute;
2102
- left: 0;
2097
+ .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
2098
+ color: var(--td-brand-color);
2103
2099
  }
2104
- .project__unshow-type .el-table__header-wrapper th,
2105
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
2106
- padding: 0;
2100
+ .t-alert--info {
2101
+ background-color: var(--td-brand-color-1);
2107
2102
  }
2108
- .project__unshow-type .el-table__header-wrapper th .cell,
2109
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
2110
- background-color: #E9F3FF;
2111
- color: #3172F1;
2112
- padding: 2px 10px;
2103
+ .tdesign-starter-wrapper {
2104
+ height: 100vh;
2105
+ display: flex;
2106
+ flex-direction: column;
2113
2107
  }
2114
- .project__unshow-type .el-icon-check::before {
2115
- color: var(--primary-btn);
2108
+ .tdesign-starter-main-wrapper {
2109
+ height: 500px;
2110
+ overflow: scroll;
2116
2111
  }
2117
- .project__unshow-type .el-icon-check::before:hover {
2118
- background-color: #84CAFD !important;
2112
+ .tdesign-starter-side-nav-layout-relative {
2113
+ height: 100%;
2119
2114
  }
2120
- .project__unshow-type .el-button.common-btn:not(:hover),
2121
- .project__unshow-type .el-button--primary.is-plain {
2122
- color: var(--primary-btn);
2123
- border-color: var(--primary-btn) !important;
2124
- background-color: #FFFFFF;
2115
+ .tdesign-starter-content-layout {
2116
+ padding: 24px;
2125
2117
  }
2126
- .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
2127
- .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
2128
- color: #FFFFFF !important;
2129
- background-color: var(--light-blue-color) !important;
2130
- border-color: var(--light-blue-color) !important;
2118
+ .tdesign-starter-layout {
2119
+ height: calc(100vh - 64px);
2120
+ overflow-y: scroll;
2131
2121
  }
2132
- .project__unshow-type .el-button--primary:not(.is-plain) {
2133
- color: #FFFFFF !important;
2134
- background-color: var(--primary-btn) !important;
2122
+ .tdesign-starter-layout-tabs-nav {
2123
+ max-width: 100%;
2124
+ position: fixed;
2125
+ overflow: visible;
2126
+ z-index: 100;
2135
2127
  }
2136
- .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
2137
- color: #FFFFFF;
2128
+ .tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout {
2129
+ padding-top: 24px;
2138
2130
  }
2139
- .project__unshow-type .el-button--primary:not(.is-plain):hover {
2140
- background-color: var(--light-blue-color) !important;
2141
- border-color: var(--light-blue-color) !important;
2131
+ .tdesign-starter-layout::-webkit-scrollbar {
2132
+ width: 8px;
2133
+ background: transparent;
2142
2134
  }
2143
- .project__unshow-type .el-button--warning {
2144
- color: #F7BF17 !important;
2145
- background-color: #FFFFFF !important;
2135
+ .tdesign-starter-layout::-webkit-scrollbar-thumb {
2136
+ border-radius: 6px;
2137
+ border: 2px solid transparent;
2138
+ background-clip: content-box;
2139
+ background-color: var(--td-scrollbar-color);
2146
2140
  }
2147
- .project__unshow-type .el-button--warning:hover {
2148
- color: #FFFFFF !important;
2149
- background-color: #F7BF17 !important;
2150
- border-color: #F7BF17 !important;
2141
+ .tdesign-starter-footer-layout {
2142
+ padding: 0;
2143
+ margin-bottom: 16px;
2151
2144
  }
2152
- .project__unshow-type .el-button--danger {
2153
- color: #F56C6C !important;
2154
- background-color: #FFFFFF !important;
2145
+ .tdesign-starter-sidebar-layout {
2146
+ height: 100%;
2155
2147
  }
2156
- .project__unshow-type .el-button--danger:hover {
2157
- color: #FFFFFF !important;
2158
- background-color: #F56C6C !important;
2159
- border-color: #F56C6C !important;
2148
+ .tdesign-starter-sidebar-compact {
2149
+ width: 64px;
2160
2150
  }
2161
- .project__unshow-type .el-button--success {
2162
- color: #67C23A !important;
2163
- background-color: #FFFFFF !important;
2151
+ .tdesign-starter-sidebar-layout-side {
2152
+ z-index: 100;
2164
2153
  }
2165
- .project__unshow-type .el-button--success:hover {
2166
- color: #FFFFFF !important;
2167
- background-color: #67C23A !important;
2168
- border-color: #67C23A !important;
2154
+ .tdesign-starter-side-nav {
2155
+ position: fixed;
2156
+ top: 0;
2157
+ bottom: 0;
2158
+ z-index: 200;
2159
+ transition: all 0.3s;
2160
+ min-height: 100%;
2169
2161
  }
2170
- .project__unshow-type .el-tag {
2171
- border-color: var(--light-blue-color);
2162
+ .tdesign-starter-side-nav-mix {
2163
+ top: 64px;
2172
2164
  }
2173
- .project__unshow-type .el-tag.el-tag--danger {
2174
- border-color: #F56C6C;
2165
+ .tdesign-starter-side-nav-mix-fixed {
2166
+ top: 64px;
2167
+ z-index: 0;
2175
2168
  }
2176
- .project__unshow-type .user-info > .el-card__header {
2177
- background-color: #17233D !important;
2169
+ .tdesign-starter-side-nav-no-fixed {
2170
+ position: relative;
2171
+ z-index: 1;
2178
2172
  }
2179
- .project__unshow-type .login-container-normal .login-form-normal.login-form {
2180
- width: 562px;
2173
+ .tdesign-starter-side-nav-no-logo {
2174
+ z-index: 1;
2181
2175
  }
2182
- :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
2183
- background-color: #17233D !important;
2176
+ .tdesign-starter-side-nav-logo-wrapper {
2177
+ display: flex;
2178
+ align-items: center;
2179
+ justify-content: center;
2180
+ width: 100%;
2184
2181
  }
2185
- :root[theme-mode="dark"] .project__unshow-type .svg-icon,
2186
- :root[theme-mode="dark"] .project__unshow-type .t-icon,
2187
- :root[theme-mode="dark"] .project__unshow-type .header-user-account,
2188
- :root[theme-mode="dark"] .project__unshow-type span {
2189
- color: #FFFFFF !important;
2182
+ .tdesign-starter-side-nav-logo-wrapper:hover {
2183
+ cursor: pointer;
2190
2184
  }
2191
- :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
2192
- background-color: transparent;
2185
+ .tdesign-starter-side-nav-logo-t-logo {
2186
+ height: 32px;
2187
+ width: 100%;
2193
2188
  }
2194
- :root[theme-mode="dark"] .el-button.common-btn:not(:hover),
2195
- :root[theme-mode="dark"] .el-button--primary.is-plain {
2196
- color: #FFFFFF;
2197
- border-color: var(--primary-btn) !important;
2189
+ .tdesign-starter-side-nav-logo-tdesign-logo {
2190
+ padding: 0 24px;
2191
+ height: 32px;
2192
+ width: 100%;
2193
+ color: var(--td-text-color-primary);
2198
2194
  }
2199
- :root[theme-mode="dark"] .el-button--primary.is-plain:hover {
2200
- color: var(--primary-btn) !important;
2201
- border-color: var(--light-blue-color) !important;
2195
+ .tdesign-starter-side-nav-logo-normal {
2196
+ color: var(--td-brand-color);
2197
+ font-size: 16px;
2198
+ transition: all 0.3s;
2202
2199
  }
2203
-
2204
- .is-in-iframe .tdesign-starter-content-layout,
2205
- .is-in-full-screen .tdesign-starter-content-layout {
2206
- padding: 0 !important;
2200
+ .tdesign-starter-side-nav-placeholder {
2201
+ flex: 1 1 232px;
2202
+ min-width: 232px;
2203
+ transition: all 0.3s;
2207
2204
  }
2208
- .is-in-iframe .t-layout__content,
2209
- .is-in-full-screen .t-layout__content,
2210
- .is-in-iframe .tdesign-starter-layout,
2211
- .is-in-full-screen .tdesign-starter-layout,
2212
- .is-in-iframe .iframe-content .iframe-view,
2213
- .is-in-full-screen .iframe-content .iframe-view {
2214
- height: 100vh;
2205
+ .tdesign-starter-side-nav-placeholder-hidden {
2206
+ flex: 1 1 72px;
2207
+ min-width: 72px;
2208
+ transition: all 0.3s;
2215
2209
  }
2216
- .is-in-full-screen .t-layout__header,
2217
- .is-in-full-screen .tdesign-starter-layout-tabs-nav,
2218
- .is-in-full-screen .t-layout__sider,
2219
- .is-in-full-screen .tdesign-starter-sidebar-layout {
2220
- display: none;
2210
+ .logo-container {
2211
+ cursor: pointer;
2212
+ display: inline-flex;
2213
+ height: 64px;
2214
+ margin-left: 24px;
2221
2215
  }
2222
- .is-in-full-screen div > section.t-layout {
2223
- height: 100vh;
2216
+ .version-container {
2217
+ color: var(--td-text-color-primary);
2218
+ opacity: 0.4;
2224
2219
  }
2225
- .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
2226
- display: none !important;
2220
+ ::-webkit-scrollbar {
2221
+ width: 6px;
2222
+ height: 6px;
2227
2223
  }
2228
- .el-dialog.file-uplaod__preview-image .el-dialog__header {
2229
- border: none;
2224
+ ::-webkit-scrollbar-thumb {
2225
+ background-color: var(--td-scrollbar-color);
2226
+ border-radius: 6px;
2227
+ }
2228
+ .header__title {
2229
+ font-size: 18px;
2230
2230
  }