upp-platform-core 1.0.39 → 1.0.40

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,941 +1,1253 @@
1
- .t-layout__sider {
2
- width: fit-content;
1
+ .project__unshow-type .t-menu__logo {
2
+ display: flex;
3
+ justify-content: center;
4
+ background-color: #263455;
3
5
  }
4
- .t-layout__header {
5
- height: auto;
6
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
7
+ width: 20%;
6
8
  }
7
- .t-layout__content {
8
- height: calc(100% - 142px);
9
+ .project__unshow-type .t-menu__logo span {
10
+ color: #FFFFFF !important;
11
+ font-size: 16px;
9
12
  }
10
- .t-layout.t-layout--with-sider > .t-layout {
11
- flex: 1;
12
- min-width: 760px;
13
+ .project__unshow-type .t-default-menu__inner {
14
+ height: 100%;
13
15
  }
14
- .t-layout.t-layout--with-sider > .t-layout__content {
15
- flex: 1;
16
- min-width: 760px;
16
+ .project__unshow-type .header-logo-container {
17
+ width: 216px;
18
+ margin-left: 16px;
17
19
  }
18
- .route-tabs-dropdown .t-icon {
19
- margin-right: 8px;
20
+ .project__unshow-type .t-menu {
21
+ padding: 0;
20
22
  }
21
- .t-menu--dark .t-menu__operations .t-icon:hover {
22
- cursor: pointer;
23
+ .project__unshow-type .t-menu .t-head-menu__inner {
24
+ background-color: #FFFFFF !important;
25
+ border: none;
23
26
  }
24
- .t-default-menu.t-menu--dark {
25
- background: var(--right-light);
27
+ .project__unshow-type .t-menu--scroll {
28
+ background-color: #17233D;
26
29
  }
27
- .t-default-menu .t-menu__item {
28
- padding: 0 10px 0 14px;
29
- height: 39px;
30
- line-height: 39px;
30
+ .project__unshow-type .t-menu__content,
31
+ .project__unshow-type .svg-icon,
32
+ .project__unshow-type .t-fake-arrow {
33
+ color: #A9AEB7;
31
34
  }
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);
35
+ .project__unshow-type .operations-container .t-button {
36
+ background-color: #FFFFFF;
37
+ border: 1px solid #C9C9C9;
35
38
  }
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);
39
+ .project__unshow-type .operations-container .t-button:hover {
40
+ background-color: #C9C9C9;
41
+ color: #FFFFFF !important;
38
42
  }
39
- .t-alert--info {
40
- background-color: var(--td-brand-color-1);
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;
41
48
  }
42
- .tdesign-starter-wrapper {
43
- height: 100vh;
44
- display: flex;
45
- flex-direction: column;
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;
46
52
  }
47
- .tdesign-starter-main-wrapper {
48
- height: 500px;
49
- overflow: scroll;
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;
50
56
  }
51
- .tdesign-starter-side-nav-layout-relative {
52
- height: 100%;
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;
53
63
  }
54
- .tdesign-starter-content-layout {
55
- padding: 24px;
64
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
65
+ content: "";
66
+ position: absolute;
67
+ left: -20px;
68
+ width: 5px;
69
+ height: 100%;
70
+ background-color: #296DF1;
71
+ border-top-right-radius: 4px;
72
+ border-bottom-right-radius: 4px;
56
73
  }
57
- .tdesign-starter-layout {
58
- height: calc(100vh - 64px);
59
- overflow-y: scroll;
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;
60
78
  }
61
- .tdesign-starter-layout-tabs-nav {
62
- max-width: 100%;
63
- position: fixed;
64
- overflow: visible;
65
- z-index: 100;
79
+ .project__unshow-type .el-pagination__total {
80
+ position: absolute;
81
+ left: 0;
66
82
  }
67
- .tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout {
68
- padding-top: 24px;
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;
69
86
  }
70
- .tdesign-starter-layout::-webkit-scrollbar {
71
- width: 8px;
72
- background: transparent;
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;
73
92
  }
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);
93
+ .project__unshow-type .el-icon-check::before {
94
+ color: var(--primary-btn);
79
95
  }
80
- .tdesign-starter-footer-layout {
81
- padding: 0;
82
- margin-bottom: 16px;
96
+ .project__unshow-type .el-icon-check::before:hover {
97
+ background-color: #84CAFD !important;
83
98
  }
84
- .tdesign-starter-sidebar-layout {
85
- height: 100%;
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;
86
104
  }
87
- .tdesign-starter-sidebar-compact {
88
- width: 64px;
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;
89
110
  }
90
- .tdesign-starter-sidebar-layout-side {
91
- z-index: 100;
111
+ .project__unshow-type .el-button--primary:not(.is-plain) {
112
+ color: #FFFFFF !important;
113
+ background-color: var(--primary-btn) !important;
92
114
  }
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%;
115
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
116
+ color: #FFFFFF;
100
117
  }
101
- .tdesign-starter-side-nav-mix {
102
- top: 64px;
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;
103
121
  }
104
- .tdesign-starter-side-nav-mix-fixed {
105
- top: 64px;
106
- z-index: 0;
122
+ .project__unshow-type .el-button--warning {
123
+ color: #F7BF17 !important;
124
+ background-color: #FFFFFF !important;
107
125
  }
108
- .tdesign-starter-side-nav-no-fixed {
109
- position: relative;
110
- z-index: 1;
126
+ .project__unshow-type .el-button--warning:hover {
127
+ color: #FFFFFF !important;
128
+ background-color: #F7BF17 !important;
129
+ border-color: #F7BF17 !important;
111
130
  }
112
- .tdesign-starter-side-nav-no-logo {
113
- z-index: 1;
131
+ .project__unshow-type .el-button--danger {
132
+ color: #F56C6C !important;
133
+ background-color: #FFFFFF !important;
114
134
  }
115
- .tdesign-starter-side-nav-logo-wrapper {
116
- display: flex;
117
- align-items: center;
118
- justify-content: center;
119
- width: 100%;
135
+ .project__unshow-type .el-button--danger:hover {
136
+ color: #FFFFFF !important;
137
+ background-color: #F56C6C !important;
138
+ border-color: #F56C6C !important;
120
139
  }
121
- .tdesign-starter-side-nav-logo-wrapper:hover {
122
- cursor: pointer;
140
+ .project__unshow-type .el-button--success {
141
+ color: #67C23A !important;
142
+ background-color: #FFFFFF !important;
123
143
  }
124
- .tdesign-starter-side-nav-logo-t-logo {
125
- height: 32px;
126
- width: 100%;
144
+ .project__unshow-type .el-button--success:hover {
145
+ color: #FFFFFF !important;
146
+ background-color: #67C23A !important;
147
+ border-color: #67C23A !important;
127
148
  }
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);
149
+ .project__unshow-type .el-tag {
150
+ border-color: var(--light-blue-color);
133
151
  }
134
- .tdesign-starter-side-nav-logo-normal {
135
- color: var(--td-brand-color);
136
- font-size: 16px;
137
- transition: all 0.3s;
152
+ .project__unshow-type .el-tag.el-tag--danger {
153
+ border-color: #F56C6C;
138
154
  }
139
- .tdesign-starter-side-nav-placeholder {
140
- flex: 1 1 232px;
141
- min-width: 232px;
142
- transition: all 0.3s;
155
+ .project__unshow-type .user-info > .el-card__header {
156
+ background-color: #17233D !important;
143
157
  }
144
- .tdesign-starter-side-nav-placeholder-hidden {
145
- flex: 1 1 72px;
146
- min-width: 72px;
147
- transition: all 0.3s;
158
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
159
+ width: 562px;
148
160
  }
149
- .logo-container {
150
- cursor: pointer;
151
- display: inline-flex;
152
- height: 64px;
153
- margin-left: 24px;
161
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
162
+ background-color: #17233D !important;
154
163
  }
155
- .version-container {
156
- color: var(--td-text-color-primary);
157
- opacity: 0.4;
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;
158
169
  }
159
- ::-webkit-scrollbar {
160
- width: 6px;
161
- height: 6px;
170
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
171
+ background-color: transparent;
162
172
  }
163
- ::-webkit-scrollbar-thumb {
164
- background-color: var(--td-scrollbar-color);
165
- border-radius: 6px;
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;
166
177
  }
167
- .header__title {
168
- font-size: 18px;
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;
169
181
  }
170
182
 
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;
191
- }
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));
183
+ .is-in-iframe .tdesign-starter-content-layout,
184
+ .is-in-full-screen .tdesign-starter-content-layout {
185
+ padding: 0 !important;
196
186
  }
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);
187
+ .is-in-iframe .t-layout__content,
188
+ .is-in-full-screen .t-layout__content,
189
+ .is-in-iframe .tdesign-starter-layout,
190
+ .is-in-full-screen .tdesign-starter-layout,
191
+ .is-in-iframe .iframe-content .iframe-view,
192
+ .is-in-full-screen .iframe-content .iframe-view {
193
+ height: 100vh;
201
194
  }
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;
195
+ .is-in-full-screen .t-layout__header,
196
+ .is-in-full-screen .tdesign-starter-layout-tabs-nav,
197
+ .is-in-full-screen .t-layout__sider,
198
+ .is-in-full-screen .tdesign-starter-sidebar-layout {
199
+ display: none;
207
200
  }
208
- :root .el-table,
209
- :root[theme-mode="light"] .el-table {
210
- background: var(--white-color);
201
+ .is-in-full-screen div > section.t-layout {
202
+ height: 100vh;
211
203
  }
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);
204
+ .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
205
+ display: none !important;
219
206
  }
220
- :root .el-table tbody tr:last-child,
221
- :root[theme-mode="light"] .el-table tbody tr:last-child {
222
- border: 0;
207
+ .el-dialog.file-uplaod__preview-image .el-dialog__header {
208
+ border: none;
223
209
  }
224
- :root .el-table .el-table__cell.gutter,
225
- :root[theme-mode="light"] .el-table .el-table__cell.gutter {
226
- background: transparent;
210
+
211
+ .form-layout {
212
+ display: flex;
213
+ flex-wrap: wrap;
214
+ position: relative;
215
+ margin-top: 10px;
227
216
  }
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;
217
+ .form-layout.column {
218
+ flex-direction: column;
236
219
  }
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;
220
+ .form-layout .el-form-item.no-label .el-form-item__content {
221
+ max-width: 100%;
242
222
  }
243
- :root .el-table__fixed-right::before,
244
- :root[theme-mode="light"] .el-table__fixed-right::before {
245
- display: none;
223
+ .form-layout .form-layout__item-col1 {
224
+ width: 100%;
246
225
  }
247
- :root .el-table::before,
248
- :root[theme-mode="light"] .el-table::before {
249
- display: none;
226
+ .form-layout .form-layout__item-col2 {
227
+ width: 50%;
250
228
  }
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;
229
+ .form-layout .form-layout__item-col3 {
230
+ width: calc(100% / 3);
256
231
  }
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;
232
+ .form-layout .el-form-item {
233
+ display: flex;
234
+ align-items: center;
265
235
  }
266
- :root .el-pagination__total,
267
- :root[theme-mode="light"] .el-pagination__total {
268
- color: #909399;
269
- margin-left: 20px;
236
+ .form-layout .el-form-item__label {
237
+ display: flex;
238
+ align-items: center;
239
+ justify-content: right;
240
+ height: 100%;
241
+ width: 120px;
242
+ line-height: var(--element-size-height);
270
243
  }
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;
244
+ .form-layout .el-form-item__content {
245
+ line-height: var(--element-size-height);
246
+ min-height: var(--element-size-height);
247
+ height: 100%;
248
+ width: 100%;
249
+ max-width: calc(100% - 120px);
250
+ margin-left: 0 !important;
251
+ flex: 1;
277
252
  }
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;
253
+ .form-layout .el-form-item__content .el-select,
254
+ .form-layout .el-form-item__content .el-input-number {
255
+ width: 100%;
285
256
  }
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;
257
+ .form-layout .el-form-item__content > span.view-item {
258
+ margin-left: 15px;
259
+ display: inline-block;
260
+ white-space: pre-line;
261
+ line-height: 22px;
262
+ margin-top: 9px;
263
+ word-break: break-all;
292
264
  }
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;
265
+ .form-layout .form-disable--bgc-gray .el-form-item__content {
266
+ background-color: #EEEEEE;
267
+ color: #666666;
297
268
  }
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;
269
+ .form-layout--140 {
270
+ display: flex;
271
+ flex-wrap: wrap;
272
+ position: relative;
273
+ margin-top: 10px;
303
274
  }
304
- :root .cancel-btn,
305
- :root[theme-mode="light"] .cancel-btn {
306
- border-radius: var(--button-radius);
275
+ .form-layout--140.column {
276
+ flex-direction: column;
307
277
  }
308
- :root .error-btn,
309
- :root[theme-mode="light"] .error-btn {
310
- background: #A61D24;
311
- color: #FFFFFF;
312
- border: 0;
278
+ .form-layout--140 .el-form-item.no-label .el-form-item__content {
279
+ max-width: 100%;
313
280
  }
314
- :root .error-btnplain,
315
- :root[theme-mode="light"] .error-btnplain {
316
- background-color: transparent;
317
- color: #A61D24;
318
- border: 1px solid #A61D24;
281
+ .form-layout--140 .form-layout__item-col1 {
282
+ width: 100%;
319
283
  }
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;
284
+ .form-layout--140 .form-layout__item-col2 {
285
+ width: 50%;
326
286
  }
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;
287
+ .form-layout--140 .form-layout__item-col3 {
288
+ width: calc(100% / 3);
331
289
  }
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;
290
+ .form-layout--140 .el-form-item {
291
+ display: flex;
292
+ align-items: center;
336
293
  }
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);
294
+ .form-layout--140 .el-form-item__label {
295
+ display: flex;
296
+ align-items: center;
297
+ justify-content: right;
298
+ height: 100%;
299
+ width: 140px;
300
+ line-height: var(--element-size-height);
346
301
  }
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);
350
- }
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);
354
- }
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);
360
- }
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;
302
+ .form-layout--140 .el-form-item__content {
303
+ line-height: var(--element-size-height);
304
+ min-height: var(--element-size-height);
305
+ height: 100%;
306
+ width: 100%;
307
+ max-width: calc(100% - 140px);
308
+ margin-left: 0 !important;
309
+ flex: 1;
365
310
  }
366
- :root .el-dialog,
367
- :root[theme-mode="light"] .el-dialog {
368
- background: #FFFFFF !important;
311
+ .form-layout--140 .el-form-item__content .el-select,
312
+ .form-layout--140 .el-form-item__content .el-input-number {
313
+ width: 100%;
369
314
  }
370
- :root .el-dialog__title,
371
- :root[theme-mode="light"] .el-dialog__title {
372
- color: var(--dialog-header-text);
315
+ .form-layout--140 .el-form-item__content > span.view-item {
316
+ margin-left: 15px;
317
+ display: inline-block;
318
+ white-space: pre-line;
319
+ line-height: 22px;
320
+ margin-top: 9px;
321
+ word-break: break-all;
373
322
  }
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;
323
+ .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
324
+ background-color: #EEEEEE;
325
+ color: #666666;
379
326
  }
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;
327
+ .form-layout--160 {
328
+ display: flex;
329
+ flex-wrap: wrap;
330
+ position: relative;
331
+ margin-top: 10px;
386
332
  }
387
- :root .addwork .el-form-item__content,
388
- :root[theme-mode="light"] .addwork .el-form-item__content {
389
- margin-left: 0 !important;
333
+ .form-layout--160.column {
334
+ flex-direction: column;
390
335
  }
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;
336
+ .form-layout--160 .el-form-item.no-label .el-form-item__content {
337
+ max-width: 100%;
398
338
  }
399
- :root .el-upload,
400
- :root[theme-mode="light"] .el-upload {
339
+ .form-layout--160 .form-layout__item-col1 {
401
340
  width: 100%;
402
- margin-top: 10px;
403
341
  }
404
- :root .el-upload .el-upload-dragger,
405
- :root[theme-mode="light"] .el-upload .el-upload-dragger {
406
- width: 100%;
342
+ .form-layout--160 .form-layout__item-col2 {
343
+ width: 50%;
407
344
  }
408
- :root .el-icon-circle-check::before,
409
- :root[theme-mode="light"] .el-icon-circle-check::before {
410
- color: #67C23A;
345
+ .form-layout--160 .form-layout__item-col3 {
346
+ width: calc(100% / 3);
411
347
  }
412
- :root .el-icon-warning::before,
413
- :root[theme-mode="light"] .el-icon-warning::before {
414
- color: #E6A23C;
348
+ .form-layout--160 .el-form-item {
349
+ display: flex;
350
+ align-items: center;
415
351
  }
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;
352
+ .form-layout--160 .el-form-item__label {
353
+ display: flex;
354
+ align-items: center;
355
+ justify-content: right;
356
+ height: 100%;
357
+ width: 160px;
358
+ line-height: var(--element-size-height);
421
359
  }
422
- :root .el-icon-circle-close::before,
423
- :root[theme-mode="light"] .el-icon-circle-close::before {
424
- color: red;
360
+ .form-layout--160 .el-form-item__content {
361
+ line-height: var(--element-size-height);
362
+ min-height: var(--element-size-height);
363
+ height: 100%;
364
+ width: 100%;
365
+ max-width: calc(100% - 160px);
366
+ margin-left: 0 !important;
367
+ flex: 1;
425
368
  }
426
- :root .small-progress .el-progress__text,
427
- :root[theme-mode="light"] .small-progress .el-progress__text {
428
- font-size: 12px !important;
369
+ .form-layout--160 .el-form-item__content .el-select,
370
+ .form-layout--160 .el-form-item__content .el-input-number {
371
+ width: 100%;
429
372
  }
430
- :root .el-icon-check::before,
431
- :root[theme-mode="light"] .el-icon-check::before {
432
- color: #FFFFFF;
433
- font-weight: 700;
373
+ .form-layout--160 .el-form-item__content > span.view-item {
374
+ margin-left: 15px;
375
+ display: inline-block;
376
+ white-space: pre-line;
377
+ line-height: 22px;
378
+ margin-top: 9px;
379
+ word-break: break-all;
434
380
  }
435
- :root .el-icon-close::before,
436
- :root[theme-mode="light"] .el-icon-close::before {
437
- color: red;
438
- font-weight: 700;
381
+ .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
382
+ background-color: #EEEEEE;
383
+ color: #666666;
439
384
  }
440
- :root .el-result__title p,
441
- :root[theme-mode="light"] .el-result__title p {
442
- color: var(--form-text);
385
+ .form-layout.form-layout--border {
386
+ border-left: 1px solid #ebeef5;
443
387
  }
444
- :root .el-result__subtitle p,
445
- :root[theme-mode="light"] .el-result__subtitle p {
446
- color: rgba(0, 0, 0, 0.5);
388
+ .form-layout.form-layout--border .border-left {
389
+ border-left: 1px solid #ebeef5;
447
390
  }
448
- :root .el-result .icon-warning,
449
- :root[theme-mode="light"] .el-result .icon-warning {
450
- fill: #a61d24;
391
+ .form-layout.form-layout--border .el-form-item__label {
392
+ border-bottom: 1px solid #ebeef5;
451
393
  }
452
- :root .el-textarea__inner,
453
- :root[theme-mode="light"] .el-textarea__inner {
454
- border-radius: var(--button-radius);
394
+ .form-layout.form-layout--border .el-form-item__content {
395
+ border-left: 1px solid #ebeef5;
396
+ border-right: 1px solid #ebeef5;
397
+ border-bottom: 1px solid #ebeef5;
455
398
  }
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;
399
+ .form-layout.form-layout--border .form-layout__item-col1:nth-child(1) {
400
+ border-top: 1px solid #ebeef5;
461
401
  }
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);
402
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(1),
403
+ .form-layout.form-layout--border .form-layout__item-col2:nth-child(2) {
404
+ border-top: 1px solid #ebeef5;
466
405
  }
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);
406
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(1),
407
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(2),
408
+ .form-layout.form-layout--border .form-layout__item-col3:nth-child(3) {
409
+ border-top: 1px solid #ebeef5;
472
410
  }
473
- :root .el-dropdown,
474
- :root[theme-mode="light"] .el-dropdown {
475
- cursor: pointer;
476
- color: var(--light-blue-color);
411
+ .form-layout.form-layout--border .el-form-item {
412
+ margin-bottom: 0;
477
413
  }
478
- :root .stepsrow .el-step__icon,
479
- :root[theme-mode="light"] .stepsrow .el-step__icon {
480
- width: 30px;
481
- height: 30px;
414
+ .form-layout.form-layout--border .el-input__inner,
415
+ .form-layout.form-layout--border .el-input__inner:hover,
416
+ .form-layout.form-layout--border .el-input__inner:focus,
417
+ .form-layout.form-layout--border .el-select .el-input__inner,
418
+ .form-layout.form-layout--border .el-select .el-input__inner:hover,
419
+ .form-layout.form-layout--border .el-select .el-input__inner:focus,
420
+ .form-layout.form-layout--border .el-textarea__inner,
421
+ .form-layout.form-layout--border .el-button--text {
482
422
  border: none;
423
+ border-radius: 0;
424
+ font-size: 14px;
425
+ font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
483
426
  }
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);
488
- }
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);
427
+ .form-layout.form-layout--border .el-textarea__inner {
428
+ padding: 10px 15px;
492
429
  }
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);
430
+ .form-layout.form-layout--border .el-form-item__error {
431
+ top: -30px;
432
+ left: 100px;
433
+ z-index: 1;
434
+ padding: 8px 20px;
435
+ text-align: center;
436
+ border-radius: 4px;
437
+ border: 1px solid;
438
+ background-color: #FFFFFF;
439
+ min-width: 80px;
496
440
  }
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;
441
+ .form-layout.form-layout--border .el-form-item__error::before {
442
+ content: "";
443
+ position: absolute;
444
+ bottom: -6px;
445
+ left: 50px;
446
+ border: 1px solid transparent;
447
+ border-top-color: #F56C6C;
448
+ border-left-color: #F56C6C;
449
+ background-color: #FFFFFF;
450
+ transform: rotate(225deg);
451
+ width: 10px;
452
+ height: 10px;
500
453
  }
501
- :root .stepsrow .el-step__head.is-process,
502
- :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
503
- color: #FFFFFF;
454
+ .form-layout.form-layout--no-border-left {
455
+ border-left: none;
504
456
  }
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);
457
+ .form-layout.form-layout--no-border-top::before {
458
+ border-bottom: none;
508
459
  }
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;
460
+ .form-title::before {
461
+ content: attr(form-title);
462
+ color: #333333;
463
+ font-weight: 600;
464
+ padding-left: 15px;
465
+ border-bottom: 2px dashed #DCDCDC;
466
+ border-left: 2px solid transparent;
467
+ background: #FAFAFD;
468
+ text-align: left;
469
+ width: 100%;
470
+ line-height: var(--element-size-height);
513
471
  }
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;
472
+ .form-title .form-title--right {
473
+ line-height: var(--element-size-height);
474
+ height: var(--element-size-height);
475
+ position: absolute;
476
+ right: 0;
477
+ padding: 0 10px;
518
478
  }
519
- :root .stepsrow .el-step__title.is-process,
520
- :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
521
- font-weight: 700;
479
+ .form-title .form-title--right .el-link + .el-link {
480
+ margin-left: 10px;
481
+ }
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 {
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;
629
- }
630
- :root .custom__input--high-light .vue-treeselect__single-value,
631
- :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
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 {
632
665
  color: var(--light-blue-color);
633
666
  }
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);
638
- padding: 10px 20px;
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);
639
672
  }
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);
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;
666
677
  }
667
- :root[theme-mode="dark"] .el-select .el-input {
668
- background: transparent;
678
+ :root .el-dialog,
679
+ :root[theme-mode="light"] .el-dialog {
680
+ background: #FFFFFF !important;
669
681
  }
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);
682
+ :root .el-dialog__title,
683
+ :root[theme-mode="light"] .el-dialog__title {
684
+ color: var(--dialog-header-text);
675
685
  }
676
- :root[theme-mode="dark"] .el-select .el-input__inner {
677
- border: 0;
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);
690
+ padding: 10px 20px;
678
691
  }
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;
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;
682
698
  }
683
- :root[theme-mode="dark"] .el-select-dropdown {
684
- border-radius: var(--button-radius);
685
- border: 0;
686
- background: transparent;
699
+ :root .addwork .el-form-item__content,
700
+ :root[theme-mode="light"] .addwork .el-form-item__content {
701
+ margin-left: 0 !important;
687
702
  }
688
- :root[theme-mode="dark"] .el-select-dropdown__item {
689
- color: #FFFFFF;
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;
690
710
  }
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));
711
+ :root .el-upload,
712
+ :root[theme-mode="light"] .el-upload {
713
+ width: 100%;
714
+ margin-top: 10px;
694
715
  }
695
- :root[theme-mode="dark"] .el-select-dropdown__item.selected {
696
- color: var(--light-blue-color);
697
- font-weight: 400;
716
+ :root .el-upload .el-upload-dragger,
717
+ :root[theme-mode="light"] .el-upload .el-upload-dragger {
718
+ width: 100%;
698
719
  }
699
- :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
700
- border-bottom-color: var(--drop-down-color);
720
+ :root .el-icon-circle-check::before,
721
+ :root[theme-mode="light"] .el-icon-circle-check::before {
722
+ color: #67C23A;
701
723
  }
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));
724
+ :root .el-icon-warning::before,
725
+ :root[theme-mode="light"] .el-icon-warning::before {
726
+ color: #E6A23C;
704
727
  }
705
- :root[theme-mode="dark"] .el-tag.el-tag--info {
706
- background: transparent;
707
- border-color: var(--light-blue-color);
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;
708
733
  }
709
- :root[theme-mode="dark"] .dropdown .el-input {
710
- border: none;
734
+ :root .el-icon-circle-close::before,
735
+ :root[theme-mode="light"] .el-icon-circle-close::before {
736
+ color: red;
711
737
  }
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;
738
+ :root .small-progress .el-progress__text,
739
+ :root[theme-mode="light"] .small-progress .el-progress__text {
740
+ font-size: 12px !important;
718
741
  }
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 {
722
- border: 1px solid var(--light-blue-color);
723
- border-radius: var(--button-radius);
724
- color: var(--light-blue-color);
725
- background: var(--opacity-blue-bg) !important;
726
- font-size: 14px;
742
+ :root .el-icon-check::before,
743
+ :root[theme-mode="light"] .el-icon-check::before {
744
+ color: #FFFFFF;
745
+ font-weight: 700;
727
746
  }
728
- :root[theme-mode="dark"] .common-btn:hover {
729
- background: var(--opacity-blue-bg);
730
- border: 1px solid var(--light-blue-color);
731
- color: #409EFF;
747
+ :root .el-icon-close::before,
748
+ :root[theme-mode="light"] .el-icon-close::before {
749
+ color: red;
750
+ font-weight: 700;
732
751
  }
733
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small {
734
- background: transparent !important;
735
- border: none !important;
752
+ :root .el-result__title p,
753
+ :root[theme-mode="light"] .el-result__title p {
754
+ color: var(--form-text);
736
755
  }
737
- :root[theme-mode="dark"] .el-button.el-button--text.el-button--small:hover {
738
- border: none;
756
+ :root .el-result__subtitle p,
757
+ :root[theme-mode="light"] .el-result__subtitle p {
758
+ color: rgba(0, 0, 0, 0.5);
739
759
  }
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;
760
+ :root .el-result .icon-warning,
761
+ :root[theme-mode="light"] .el-result .icon-warning {
762
+ fill: #a61d24;
745
763
  }
746
- :root[theme-mode="dark"] .error-btn {
747
- background: #A61D24;
748
- color: #FFFFFF;
749
- border: 0;
764
+ :root .el-textarea__inner,
765
+ :root[theme-mode="light"] .el-textarea__inner {
766
+ border-radius: var(--button-radius);
750
767
  }
751
- :root[theme-mode="dark"] .error-btnplain {
752
- background: transparent;
753
- color: #A61D24;
754
- border: 1px solid #A61D24;
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;
755
773
  }
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;
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);
762
778
  }
763
- :root[theme-mode="dark"] .el-button.is-plain:hover {
764
- background: var(--opacity-blue-bg);
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);
765
782
  border: 1px solid var(--light-blue-color);
783
+ color: var(--light-blue-color);
766
784
  }
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);
785
+ :root .el-dropdown,
786
+ :root[theme-mode="light"] .el-dropdown {
787
+ cursor: pointer;
771
788
  color: var(--light-blue-color);
772
- background: var(--opacity-blue-bg);
773
789
  }
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;
790
+ :root .stepsrow .el-step__icon,
791
+ :root[theme-mode="light"] .stepsrow .el-step__icon {
792
+ width: 30px;
793
+ height: 30px;
794
+ border: none;
778
795
  }
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);
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);
782
799
  border: 1px solid var(--light-blue-color);
783
- color: #409EFF;
784
800
  }
785
- :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger:hover {
786
- color: red;
787
- }
788
- :root[theme-mode="dark"] .el-form-item__content .el-button--default {
789
- border: 1px solid var(--light-blue-color);
790
- border-radius: var(--button-radius);
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 {
791
803
  color: var(--light-blue-color);
792
- background: var(--opacity-blue-bg) !important;
793
804
  }
794
- :root[theme-mode="dark"] .mb8 .el-button--success.is-plain.is-disabled,
795
- :root[theme-mode="dark"] .mb8 .el-button--danger.is-plain.is-disabled,
796
- :root[theme-mode="dark"] .mb8 .el-button--default {
797
- background: var(--opacity-blue-bg) !important;
798
- color: var(--light-blue-color);
799
- border: 1px solid var(--light-blue-color);
800
- border-radius: var(--button-radius);
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);
801
808
  }
802
- :root[theme-mode="dark"] .mb8 .el-button--success,
803
- :root[theme-mode="dark"] .mb8 .el-button--danger {
804
- background: var(--opacity-blue-bg);
805
- border: 1px solid var(--light-blue-color);
806
- border-radius: var(--button-radius);
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;
807
812
  }
808
- :root[theme-mode="dark"] .el-button--warning.is-plain {
809
- background: transparent !important;
810
- border: 1px solid var(--light-blue-color) !important;
811
- color: var(--primary-btn) !important;
813
+ :root .stepsrow .el-step__head.is-process,
814
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
815
+ color: #FFFFFF;
812
816
  }
813
- :root[theme-mode="dark"] .home-btn .el-button--default {
814
- background: var(--opacity-blue-bg) !important;
815
- color: var(--light-blue-color);
816
- border: 1px solid var(--light-blue-color);
817
- border-radius: var(--button-radius);
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);
818
820
  }
819
- :root[theme-mode="dark"] .el-range-editor.el-input__inner {
820
- background: var(--opacity-blue-bg-2);
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;
821
825
  }
822
- :root[theme-mode="dark"] .el-date-editor .el-range-input {
823
- background: transparent;
824
- color: var(--white-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;
825
830
  }
826
- :root[theme-mode="dark"] .el-date-editor .el-range-separator {
827
- color: var(--white-color);
831
+ :root .stepsrow .el-step__title.is-process,
832
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
833
+ font-weight: 700;
834
+ color: var(--light-blue-color);
828
835
  }
829
- :root[theme-mode="dark"] .el-picker-panel {
830
- background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
831
- border: 1px solid gray;
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;
832
840
  }
833
- :root[theme-mode="dark"] .el-date-range-picker__header div {
834
- color: var(--white-color);
841
+ :root .stepscolumn .el-step__icon,
842
+ :root[theme-mode="light"] .stepscolumn .el-step__icon {
843
+ width: 30px;
844
+ height: 30px;
845
+ border: none;
835
846
  }
836
- :root[theme-mode="dark"] .el-picker-panel__icon-btn {
837
- color: rgba(255, 255, 255, 0.8);
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);
838
851
  }
839
- :root[theme-mode="dark"] .el-date-table {
840
- color: var(--white-color);
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);
841
855
  }
842
- :root[theme-mode="dark"] .el-date-table th {
843
- color: var(--white-color);
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);
844
859
  }
845
- :root[theme-mode="dark"] .el-date-table td.in-range div {
846
- background-color: #0a1f32;
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;
847
863
  }
848
- :root[theme-mode="dark"] .el-date-picker__header-label {
849
- color: var(--white-color);
864
+ :root .stepscolumn .el-step__head.is-process,
865
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-process {
866
+ color: #FFFFFF;
850
867
  }
851
- :root[theme-mode="dark"] .el-time-panel {
852
- background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
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);
853
875
  border: 1px solid gray;
854
876
  }
855
- :root[theme-mode="dark"] .el-time-spinner__item {
856
- color: var(--white-opacity-7);
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;
857
881
  }
858
- :root[theme-mode="dark"] .el-time-spinner__item.active:not(.disabled) {
859
- color: var(--white-color);
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);
860
886
  }
861
- :root[theme-mode="dark"] .el-time-spinner__item:hover:not(.disabled, .active) {
862
- background: #409EFF;
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;
863
891
  }
864
- :root[theme-mode="dark"] .el-time-panel__content::after,
865
- :root[theme-mode="dark"] .el-time-panel__content::before {
866
- margin-top: -8px;
867
- border-top: 1px solid gray;
868
- border-bottom: 1px solid gray;
892
+ :root .el-slider__bar,
893
+ :root[theme-mode="light"] .el-slider__bar {
894
+ background-color: var(--light-blue-color);
869
895
  }
870
- :root[theme-mode="dark"] .cancel {
871
- color: var(--white-color);
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;
872
901
  }
873
- :root[theme-mode="dark"] .el-time-panel__footer {
874
- border: 1px solid gray;
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;
875
905
  }
876
- :root[theme-mode="dark"] .el-form-item__label {
877
- color: var(--white-color);
906
+ :root .mb8,
907
+ :root[theme-mode="light"] .mb8 {
908
+ display: flex;
909
+ justify-content: flex-start;
878
910
  }
879
- :root[theme-mode="dark"] .el-switch__core {
880
- background: rgba(220, 223, 230, 0.5);
911
+ :root .pagination-container,
912
+ :root[theme-mode="light"] .pagination-container {
913
+ background: transparent;
881
914
  }
882
- :root[theme-mode="dark"] .el-switch.is-checked .el-switch__core {
883
- border-color: var(--light-blue-color);
884
- background-color: rgba(0, 222, 240, 0.6);
915
+ :root .pagination-container .el-pagination,
916
+ :root[theme-mode="light"] .pagination-container .el-pagination {
917
+ text-align: right;
885
918
  }
886
- :root[theme-mode="dark"] .el-textarea__inner,
887
- :root[theme-mode="dark"] .el-input__inner {
888
- background-color: transparent;
919
+ :root .left,
920
+ :root[theme-mode="light"] .left {
921
+ background: #FFFFFF;
889
922
  border: 1px solid var(--light-blue-color);
890
- color: 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);
891
929
  border-radius: var(--button-radius);
892
930
  }
893
- :root[theme-mode="dark"] .el-table tr {
894
- background: transparent;
895
- color: #ffffff;
896
- font-size: 14px;
897
- font-weight: 400;
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);
898
936
  }
899
- :root[theme-mode="dark"] .el-table {
900
- background: transparent;
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;
901
941
  }
902
- :root[theme-mode="dark"] .table-header {
942
+ :root .custom__input--high-light .vue-treeselect__single-value,
943
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
903
944
  color: var(--light-blue-color);
904
- font-size: 14px;
905
- font-weight: 500;
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 {
906
980
  background: transparent;
907
981
  }
908
- :root[theme-mode="dark"] .el-table tbody tr:hover > td {
909
- background: var(--opacity-blue-bg);
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);
910
987
  }
911
- :root[theme-mode="dark"] .el-table td.el-table__cell,
912
- :root[theme-mode="dark"] .el-table th.el-table__cell.is-leaf {
913
- border-bottom: 1px solid var(--opacity-blue-bg);
988
+ :root[theme-mode="dark"] .el-select .el-input__inner {
989
+ border: 0;
914
990
  }
915
- :root[theme-mode="dark"] .el-table tbody tr:last-child {
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));
916
993
  border: 0;
917
994
  }
918
- :root[theme-mode="dark"] .el-table .el-table__cell.gutter {
995
+ :root[theme-mode="dark"] .el-select-dropdown {
996
+ border-radius: var(--button-radius);
997
+ border: 0;
919
998
  background: transparent;
920
999
  }
921
- :root[theme-mode="dark"] .el-table__header-wrapper .cell {
922
- background: var(--el-dialog-color);
1000
+ :root[theme-mode="dark"] .el-select-dropdown__item {
923
1001
  color: #FFFFFF;
924
- height: 44px;
925
- line-height: 44px;
926
1002
  }
927
- :root[theme-mode="dark"] .el-table__fixed-right th > .cell {
928
- background: var(--el-dialog-color);
929
- color: #FFFFFF;
930
- border-bottom: none;
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));
931
1006
  }
932
- :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-header-wrapper tr > th {
933
- border-bottom: 1px solid transparent !important;
1007
+ :root[theme-mode="dark"] .el-select-dropdown__item.selected {
1008
+ color: var(--light-blue-color);
1009
+ font-weight: 400;
934
1010
  }
935
- :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-body-wrapper .el-table__row td {
936
- background-color: #031527;
1011
+ :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
1012
+ border-bottom-color: var(--drop-down-color);
937
1013
  }
938
- :root[theme-mode="dark"] ::-webkit-scrollbar-corner {
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 {
1098
+ color: red;
1099
+ }
1100
+ :root[theme-mode="dark"] .el-form-item__content .el-button--default {
1101
+ border: 1px solid var(--light-blue-color);
1102
+ border-radius: var(--button-radius);
1103
+ color: var(--light-blue-color);
1104
+ background: var(--opacity-blue-bg) !important;
1105
+ }
1106
+ :root[theme-mode="dark"] .mb8 .el-button--success.is-plain.is-disabled,
1107
+ :root[theme-mode="dark"] .mb8 .el-button--danger.is-plain.is-disabled,
1108
+ :root[theme-mode="dark"] .mb8 .el-button--default {
1109
+ background: var(--opacity-blue-bg) !important;
1110
+ color: var(--light-blue-color);
1111
+ border: 1px solid var(--light-blue-color);
1112
+ border-radius: var(--button-radius);
1113
+ }
1114
+ :root[theme-mode="dark"] .mb8 .el-button--success,
1115
+ :root[theme-mode="dark"] .mb8 .el-button--danger {
1116
+ background: var(--opacity-blue-bg);
1117
+ border: 1px solid var(--light-blue-color);
1118
+ border-radius: var(--button-radius);
1119
+ }
1120
+ :root[theme-mode="dark"] .el-button--warning.is-plain {
1121
+ background: transparent !important;
1122
+ border: 1px solid var(--light-blue-color) !important;
1123
+ color: var(--primary-btn) !important;
1124
+ }
1125
+ :root[theme-mode="dark"] .home-btn .el-button--default {
1126
+ background: var(--opacity-blue-bg) !important;
1127
+ color: var(--light-blue-color);
1128
+ border: 1px solid var(--light-blue-color);
1129
+ border-radius: var(--button-radius);
1130
+ }
1131
+ :root[theme-mode="dark"] .el-range-editor.el-input__inner {
1132
+ background: var(--opacity-blue-bg-2);
1133
+ }
1134
+ :root[theme-mode="dark"] .el-date-editor .el-range-input {
1135
+ background: transparent;
1136
+ color: var(--white-color);
1137
+ }
1138
+ :root[theme-mode="dark"] .el-date-editor .el-range-separator {
1139
+ color: var(--white-color);
1140
+ }
1141
+ :root[theme-mode="dark"] .el-picker-panel {
1142
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
1143
+ border: 1px solid gray;
1144
+ }
1145
+ :root[theme-mode="dark"] .el-date-range-picker__header div {
1146
+ color: var(--white-color);
1147
+ }
1148
+ :root[theme-mode="dark"] .el-picker-panel__icon-btn {
1149
+ color: rgba(255, 255, 255, 0.8);
1150
+ }
1151
+ :root[theme-mode="dark"] .el-date-table {
1152
+ color: var(--white-color);
1153
+ }
1154
+ :root[theme-mode="dark"] .el-date-table th {
1155
+ color: var(--white-color);
1156
+ }
1157
+ :root[theme-mode="dark"] .el-date-table td.in-range div {
1158
+ background-color: #0a1f32;
1159
+ }
1160
+ :root[theme-mode="dark"] .el-date-picker__header-label {
1161
+ color: var(--white-color);
1162
+ }
1163
+ :root[theme-mode="dark"] .el-time-panel {
1164
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
1165
+ border: 1px solid gray;
1166
+ }
1167
+ :root[theme-mode="dark"] .el-time-spinner__item {
1168
+ color: var(--white-opacity-7);
1169
+ }
1170
+ :root[theme-mode="dark"] .el-time-spinner__item.active:not(.disabled) {
1171
+ color: var(--white-color);
1172
+ }
1173
+ :root[theme-mode="dark"] .el-time-spinner__item:hover:not(.disabled, .active) {
1174
+ background: #409EFF;
1175
+ }
1176
+ :root[theme-mode="dark"] .el-time-panel__content::after,
1177
+ :root[theme-mode="dark"] .el-time-panel__content::before {
1178
+ margin-top: -8px;
1179
+ border-top: 1px solid gray;
1180
+ border-bottom: 1px solid gray;
1181
+ }
1182
+ :root[theme-mode="dark"] .cancel {
1183
+ color: var(--white-color);
1184
+ }
1185
+ :root[theme-mode="dark"] .el-time-panel__footer {
1186
+ border: 1px solid gray;
1187
+ }
1188
+ :root[theme-mode="dark"] .el-form-item__label {
1189
+ color: var(--white-color);
1190
+ }
1191
+ :root[theme-mode="dark"] .el-switch__core {
1192
+ background: rgba(220, 223, 230, 0.5);
1193
+ }
1194
+ :root[theme-mode="dark"] .el-switch.is-checked .el-switch__core {
1195
+ border-color: var(--light-blue-color);
1196
+ background-color: rgba(0, 222, 240, 0.6);
1197
+ }
1198
+ :root[theme-mode="dark"] .el-textarea__inner,
1199
+ :root[theme-mode="dark"] .el-input__inner {
1200
+ background-color: transparent;
1201
+ border: 1px solid var(--light-blue-color);
1202
+ color: var(--light-blue-color);
1203
+ border-radius: var(--button-radius);
1204
+ }
1205
+ :root[theme-mode="dark"] .el-table tr {
1206
+ background: transparent;
1207
+ color: #ffffff;
1208
+ font-size: 14px;
1209
+ font-weight: 400;
1210
+ }
1211
+ :root[theme-mode="dark"] .el-table {
1212
+ background: transparent;
1213
+ }
1214
+ :root[theme-mode="dark"] .table-header {
1215
+ color: var(--light-blue-color);
1216
+ font-size: 14px;
1217
+ font-weight: 500;
1218
+ background: transparent;
1219
+ }
1220
+ :root[theme-mode="dark"] .el-table tbody tr:hover > td {
1221
+ background: var(--opacity-blue-bg);
1222
+ }
1223
+ :root[theme-mode="dark"] .el-table td.el-table__cell,
1224
+ :root[theme-mode="dark"] .el-table th.el-table__cell.is-leaf {
1225
+ border-bottom: 1px solid var(--opacity-blue-bg);
1226
+ }
1227
+ :root[theme-mode="dark"] .el-table tbody tr:last-child {
1228
+ border: 0;
1229
+ }
1230
+ :root[theme-mode="dark"] .el-table .el-table__cell.gutter {
1231
+ background: transparent;
1232
+ }
1233
+ :root[theme-mode="dark"] .el-table__header-wrapper .cell {
1234
+ background: var(--el-dialog-color);
1235
+ color: #FFFFFF;
1236
+ height: 44px;
1237
+ line-height: 44px;
1238
+ }
1239
+ :root[theme-mode="dark"] .el-table__fixed-right th > .cell {
1240
+ background: var(--el-dialog-color);
1241
+ color: #FFFFFF;
1242
+ border-bottom: none;
1243
+ }
1244
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-header-wrapper tr > th {
1245
+ border-bottom: 1px solid transparent !important;
1246
+ }
1247
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-body-wrapper .el-table__row td {
1248
+ background-color: #031527;
1249
+ }
1250
+ :root[theme-mode="dark"] ::-webkit-scrollbar-corner {
939
1251
  background: transparent;
940
1252
  }
941
1253
  :root[theme-mode="dark"] .el-table__fixed-right-patch {
@@ -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;
1758
- }
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%;
2062
+ .t-layout__sider {
2063
+ width: fit-content;
1767
2064
  }
1768
- .form-layout .form-layout__item-col3 {
1769
- width: calc(100% / 3);
2065
+ .t-layout__header {
2066
+ height: auto;
1770
2067
  }
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;
2055
- }
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
  }