@vtx/modals2 3.3.10 → 3.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/lib/vm-case-modal/api.js +43 -0
  2. package/lib/vm-case-modal/api.js.map +1 -0
  3. package/lib/vm-case-modal/components/BaseInfo/fields.js +83 -0
  4. package/lib/vm-case-modal/components/BaseInfo/fields.js.map +1 -0
  5. package/lib/vm-case-modal/components/BaseInfo/index.css +185 -0
  6. package/lib/vm-case-modal/components/BaseInfo/index.js +139 -0
  7. package/lib/vm-case-modal/components/BaseInfo/index.js.map +1 -0
  8. package/lib/vm-case-modal/components/BaseInfo/index.less +137 -0
  9. package/lib/vm-case-modal/components/Picture/index.css +111 -0
  10. package/lib/vm-case-modal/components/Picture/index.js +423 -0
  11. package/lib/vm-case-modal/components/Picture/index.js.map +1 -0
  12. package/lib/vm-case-modal/components/Picture/index.less +106 -0
  13. package/lib/vm-case-modal/components/index.js +21 -0
  14. package/lib/vm-case-modal/components/index.js.map +1 -0
  15. package/lib/vm-case-modal/imgs/bg.png +0 -0
  16. package/lib/vm-case-modal/imgs/close-blue.png +0 -0
  17. package/lib/vm-case-modal/imgs/close-dark.png +0 -0
  18. package/lib/vm-case-modal/imgs/close.png +0 -0
  19. package/lib/vm-case-modal/imgs/collect.png +0 -0
  20. package/lib/vm-case-modal/imgs/collect_light.png +0 -0
  21. package/lib/vm-case-modal/imgs/dot.png +0 -0
  22. package/lib/vm-case-modal/imgs/point.png +0 -0
  23. package/lib/vm-case-modal/imgs/tab_bg.png +0 -0
  24. package/lib/vm-case-modal/imgs/tab_bg_blue.png +0 -0
  25. package/lib/vm-case-modal/imgs/tab_bg_light.png +0 -0
  26. package/lib/vm-case-modal/imgs/tab_selected.png +0 -0
  27. package/lib/vm-case-modal/imgs/tab_unsel.png +0 -0
  28. package/lib/vm-case-modal/imgs/title_bg.png +0 -0
  29. package/lib/vm-case-modal/imgs/title_bg_blue.png +0 -0
  30. package/lib/vm-case-modal/imgs/track.png +0 -0
  31. package/lib/vm-case-modal/imgs/track_light.png +0 -0
  32. package/lib/vm-case-modal/index.js +102 -0
  33. package/lib/vm-case-modal/index.js.map +1 -0
  34. package/lib/vm-case-modal/style/css.js +4 -0
  35. package/lib/vm-case-modal/style/css.js.map +1 -0
  36. package/lib/vm-case-modal/style/index.css +557 -0
  37. package/lib/vm-case-modal/style/index.js +4 -0
  38. package/lib/vm-case-modal/style/index.js.map +1 -0
  39. package/lib/vm-case-modal/style/index.less +589 -0
  40. package/lib/vm-map/index.js +11 -0
  41. package/lib/vm-map/index.js.map +1 -1
  42. package/lib/vtx-base-modal/style/index.css +1 -1
  43. package/lib/vtx-base-modal/style/index.less +1 -1
  44. package/lib/vtx-car-modal/api.js +13 -10
  45. package/lib/vtx-car-modal/api.js.map +1 -1
  46. package/lib/vtx-car-modal/components/RunAna/index.js +46 -18
  47. package/lib/vtx-car-modal/components/RunAna/index.js.map +1 -1
  48. package/package.json +3 -1
@@ -0,0 +1,557 @@
1
+ html,
2
+ body,
3
+ p {
4
+ margin: 0 !important;
5
+ padding: 0 !important;
6
+ }
7
+ .overHiddenScroll {
8
+ height: 100%;
9
+ overflow: hidden;
10
+ }
11
+ .vtx-business-modal-wrap .mask {
12
+ width: 100%;
13
+ height: 100%;
14
+ position: absolute;
15
+ left: 0;
16
+ top: 0;
17
+ z-index: 999;
18
+ background: rgba(0, 0, 0, 0.8);
19
+ }
20
+ .vtx-business-modal-wrap.dark {
21
+ --table-bg: transparent;
22
+ --table-header-bg-color: #00adb11a;
23
+ --table-color: white;
24
+ --table-head-color: #d3fff9;
25
+ --table-row-border: 1px solid transparent;
26
+ --table-row-bg-color: #ffffff0d;
27
+ }
28
+ .vtx-business-modal-wrap.dark a {
29
+ color: #a9d5d3 !important;
30
+ }
31
+ .vtx-business-modal-wrap.dark .vtx-form-layout {
32
+ padding: 30px 24px;
33
+ }
34
+ .vtx-business-modal-wrap.dark .vtx-form-pane-title {
35
+ color: #95fff9;
36
+ }
37
+ .vtx-business-modal-wrap.dark .ant-form,
38
+ .vtx-business-modal-wrap.dark .ant-card-head {
39
+ color: var(--label-color);
40
+ }
41
+ .vtx-business-modal-wrap.dark .vtx-datagrid-toolbar-left,
42
+ .vtx-business-modal-wrap.dark .vtx-datagrid-toolbar {
43
+ color: var(--info-color);
44
+ }
45
+ .vtx-business-modal-wrap.dark .ant-card-head,
46
+ .vtx-business-modal-wrap.dark .ant-card-bordered {
47
+ border-color: rgba(255, 255, 255, 0.2);
48
+ }
49
+ .vtx-business-modal-wrap.dark .vtx-form-layout .vtx-form-card-expand-icon {
50
+ color: var(--arrow-icon-color);
51
+ }
52
+ .vtx-business-modal-wrap.dark .vtx-page--table {
53
+ background: none;
54
+ }
55
+ .vtx-business-modal-wrap.dark .vtx-table-search {
56
+ background: none;
57
+ }
58
+ .vtx-business-modal-wrap.dark .vtx-table-wrap {
59
+ background: none;
60
+ }
61
+ .vtx-business-modal-wrap.dark .vtx-search {
62
+ background: none;
63
+ }
64
+ .vtx-business-modal-wrap.dark .ant-card {
65
+ background: none;
66
+ }
67
+ .vtx-business-modal-wrap.dark .ant-picker-range,
68
+ .vtx-business-modal-wrap.dark .ant-picker {
69
+ --color: #a9d5d3ff;
70
+ --border: 1px solid #3c7073ff;
71
+ --bg-color: #0d1a1b;
72
+ --hover-color: white;
73
+ background-color: var(--bg-color) !important;
74
+ border: var(--border) !important;
75
+ }
76
+ .vtx-business-modal-wrap.dark .ant-picker-range .ant-picker-active-bar,
77
+ .vtx-business-modal-wrap.dark .ant-picker .ant-picker-active-bar {
78
+ background: #59ffe2;
79
+ }
80
+ .vtx-business-modal-wrap.dark .ant-picker-range .ant-picker-suffix,
81
+ .vtx-business-modal-wrap.dark .ant-picker .ant-picker-suffix {
82
+ color: var(--color);
83
+ }
84
+ .vtx-business-modal-wrap.dark .ant-picker-range:hover,
85
+ .vtx-business-modal-wrap.dark .ant-picker:hover {
86
+ border-color: var(--hover-color);
87
+ }
88
+ .vtx-business-modal-wrap.dark .ant-picker-range .ant-picker-input input,
89
+ .vtx-business-modal-wrap.dark .ant-picker .ant-picker-input input {
90
+ color: var(--color);
91
+ }
92
+ .vtx-business-modal-wrap.dark .ant-picker-range .ant-picker-separator,
93
+ .vtx-business-modal-wrap.dark .ant-picker .ant-picker-separator {
94
+ color: var(--color);
95
+ }
96
+ .vtx-business-modal-wrap.dark .ant-picker-range .ant-picker-clear,
97
+ .vtx-business-modal-wrap.dark .ant-picker .ant-picker-clear {
98
+ color: var(--color);
99
+ background: transparent;
100
+ }
101
+ .vtx-business-modal-wrap.dark .ant-descriptions-bordered .ant-descriptions-item-label {
102
+ background-color: inherit;
103
+ color: var(--label-color);
104
+ }
105
+ .vtx-business-modal-wrap.dark .ant-descriptions-bordered .ant-descriptions-item-content {
106
+ color: var(--info-color);
107
+ }
108
+ .vtx-business-modal-wrap.dark .ant-pagination {
109
+ color: white;
110
+ }
111
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item {
112
+ background-color: transparent;
113
+ border-color: #454847;
114
+ }
115
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item > a {
116
+ color: white;
117
+ }
118
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item.ant-pagination-item-active,
119
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item:hover {
120
+ border-color: #95fff9;
121
+ }
122
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item.ant-pagination-item-active > a,
123
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item:hover > a {
124
+ color: #95fff9;
125
+ }
126
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select-arrow {
127
+ color: white;
128
+ }
129
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item-link {
130
+ color: white;
131
+ background-color: transparent;
132
+ border-color: #454847;
133
+ }
134
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-item-link:hover :not(:disabled) {
135
+ color: #95fff9;
136
+ border-color: #95fff9;
137
+ }
138
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select-dropdown {
139
+ background: #0d1a1b;
140
+ }
141
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select-dropdown .ant-select-item {
142
+ color: white;
143
+ }
144
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
145
+ background-color: #2d575a;
146
+ }
147
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
148
+ background-color: #1c3436;
149
+ }
150
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
151
+ color: #ffffff40;
152
+ }
153
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-options-quick-jumper input {
154
+ color: white;
155
+ background: transparent;
156
+ border: 1px solid #3c7073;
157
+ }
158
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-pagination-options-quick-jumper input:hover {
159
+ border: 1px solid #6cc9ce;
160
+ }
161
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
162
+ background-color: transparent;
163
+ border: 1px solid #3c7073;
164
+ }
165
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
166
+ border: 1px solid #6cc9ce;
167
+ }
168
+ .vtx-business-modal-wrap.dark .ant-pagination .ant-select {
169
+ color: white;
170
+ }
171
+ .vtx-business-modal-wrap.dark .ant-table {
172
+ background: var(--table-bg);
173
+ }
174
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container {
175
+ border: none;
176
+ }
177
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container::before {
178
+ display: none;
179
+ }
180
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container::after {
181
+ display: none;
182
+ }
183
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container .ant-table-content {
184
+ padding-bottom: 10px;
185
+ }
186
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table {
187
+ border-collapse: collapse;
188
+ border: none !important;
189
+ }
190
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table thead tr th {
191
+ padding: 8px 8px;
192
+ color: var(--table-head-color);
193
+ white-space: nowrap;
194
+ background-color: var(--table-header-bg-color);
195
+ border: none !important;
196
+ }
197
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table thead tr th::before {
198
+ display: none;
199
+ }
200
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table tbody tr td {
201
+ padding: 8px 8px;
202
+ color: var(--table-color);
203
+ white-space: nowrap;
204
+ background-color: transparent;
205
+ border: none !important;
206
+ }
207
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table tbody tr:nth-child(odd) td {
208
+ background-color: var(--table-row-bg-color);
209
+ border-top: var(--table-row-border);
210
+ border-bottom: var(--table-row-border);
211
+ }
212
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table tbody tr:nth-child(odd) td:first-child {
213
+ border-left: var(--table-row-border);
214
+ }
215
+ .vtx-business-modal-wrap.dark .ant-table .ant-table-container table tbody tr:nth-child(odd) td:last-child {
216
+ border-right: var(--table-row-border);
217
+ }
218
+ .vtx-business-modal-wrap.dark .vtx-ztree-select .ant-input-affix-wrapper {
219
+ background-color: #0d1a1b !important;
220
+ border: 1px solid #3c7073 !important;
221
+ color: #a9d5d3;
222
+ }
223
+ .vtx-business-modal-wrap.dark .vtx-ztree-select .ant-input-affix-wrapper .ant-input {
224
+ background-color: #0d1a1b !important;
225
+ color: #a9d5d3;
226
+ }
227
+ .vtx-business-modal-wrap.dark .ant-select-selector {
228
+ background-color: #0d1a1b !important;
229
+ border: 1px solid #3c7073 !important;
230
+ }
231
+ .vtx-business-modal-wrap.dark .ant-select-selector .ant-select-selection-item {
232
+ color: #a9d5d3;
233
+ }
234
+ .vtx-business-modal-wrap.dark .ant-select-selector:hover {
235
+ border: 1px solid #6cc9ce !important;
236
+ }
237
+ .vtx-business-modal-wrap.dark .ant-select-clear,
238
+ .vtx-business-modal-wrap.dark .ant-select-arrow {
239
+ background-color: #0d1a1b !important;
240
+ color: #a9d5d3;
241
+ }
242
+ .vtx-business-modal-wrap.dark .ant-btn-primary {
243
+ background: #2bd8cf;
244
+ border-color: #2bd8cf;
245
+ }
246
+ .vtx-business-modal-wrap.dark .ant-btn-primary > span {
247
+ color: black;
248
+ }
249
+ .vtx-business-modal-wrap.dark .vtx-form-layout .vtx-form-item--view .ant-form-item-label > label {
250
+ color: var(--label-color);
251
+ }
252
+ .vtx-business-modal-wrap.dark .vtx-form-layout .vtx-form-item--view .ant-form-item-control {
253
+ color: var(--info-color);
254
+ }
255
+ .vtx-business-modal-wrap.dark .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) {
256
+ background: var(--table-row-bg-color);
257
+ }
258
+ .vtx-business-modal-wrap.dark .vtx-datagrid-fit .ant-table-tbody > tr:nth-child(odd) td {
259
+ background: var(--table-row-bg-color) !important;
260
+ }
261
+ .ant-select-dropdown.dark {
262
+ background: #0d1a1b;
263
+ }
264
+ .ant-select-dropdown.dark .ant-select-item {
265
+ color: white;
266
+ }
267
+ .ant-select-dropdown.dark .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
268
+ background-color: #2d575a;
269
+ }
270
+ .ant-select-dropdown.dark .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
271
+ background-color: #1c3436;
272
+ }
273
+ .ant-picker-dropdown-range.dark .ant-picker-range-arrow {
274
+ background: none;
275
+ }
276
+ .ant-picker-dropdown-range.dark .ant-picker-range-arrow::before {
277
+ background: #0d1a1be6;
278
+ }
279
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container {
280
+ background: #0d1a1be6;
281
+ -webkit-box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
282
+ box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
283
+ }
284
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-header button {
285
+ color: white;
286
+ }
287
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-header button:hover {
288
+ color: #95fff9;
289
+ }
290
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content th {
291
+ color: white;
292
+ }
293
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-inner {
294
+ color: white;
295
+ }
296
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
297
+ background: #6cff2340;
298
+ }
299
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
300
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
301
+ background: #6cff2340;
302
+ }
303
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
304
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
305
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
306
+ background: #52c41a;
307
+ }
308
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
309
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
310
+ background: #f5f5f55e;
311
+ }
312
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
313
+ border: 1px solid #52c41a;
314
+ }
315
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
316
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
317
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
318
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
319
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
320
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
321
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
322
+ background: #52c41abb;
323
+ }
324
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
325
+ .ant-picker-dropdown-range.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
326
+ background: #52c41abb !important;
327
+ }
328
+ .content-left {
329
+ width: 481px;
330
+ height: 693px;
331
+ overflow-y: auto;
332
+ padding: 24px;
333
+ background-color: var(--bg-color2);
334
+ border: 1px solid #fcc;
335
+ }
336
+ .content-right {
337
+ padding: 0 0 0 10px;
338
+ width: calc(100% - 481px - 12px);
339
+ height: 100%;
340
+ border: 1px solid #fcc;
341
+ }
342
+ .vtx-business-modal {
343
+ width: -webkit-fit-content;
344
+ width: -moz-fit-content;
345
+ width: fit-content;
346
+ min-height: 500px;
347
+ min-width: 1000px;
348
+ overflow: hidden;
349
+ position: absolute;
350
+ top: 60px;
351
+ left: 50%;
352
+ -webkit-transform: translateX(-50%);
353
+ -ms-transform: translateX(-50%);
354
+ transform: translateX(-50%);
355
+ z-index: 999;
356
+ background: var(--modal-content-bg);
357
+ border: 2px solid var(--modal-border-color);
358
+ border-radius: 8px;
359
+ }
360
+ .vtx-business-modal .background {
361
+ background-repeat: no-repeat;
362
+ background-size: 100% 100%;
363
+ }
364
+ .vtx-business-modal--head {
365
+ background: var(--head-bg);
366
+ height: 60px;
367
+ line-height: 60px;
368
+ margin: 3px 4px;
369
+ display: -webkit-box;
370
+ display: -ms-flexbox;
371
+ display: flex;
372
+ -webkit-box-pack: justify;
373
+ -ms-flex-pack: justify;
374
+ justify-content: space-between;
375
+ -webkit-box-align: center;
376
+ -ms-flex-align: center;
377
+ align-items: center;
378
+ font-size: 22px;
379
+ }
380
+ .vtx-business-modal--head-title {
381
+ position: relative;
382
+ height: 100%;
383
+ font-weight: bold;
384
+ }
385
+ .vtx-business-modal--head-title.blue {
386
+ padding-left: 58px;
387
+ font-family: DINAlternate-Bold, DINAlternate;
388
+ font-style: italic;
389
+ color: var(--title-color);
390
+ -webkit-text-stroke: 1px #034193c0;
391
+ }
392
+ .vtx-business-modal--head-title.dark {
393
+ padding-left: 58px;
394
+ font-family: DINAlternate-Bold, DINAlternate;
395
+ font-style: italic;
396
+ color: var(--title-color);
397
+ -webkit-text-stroke: 1px #034193c0;
398
+ }
399
+ .vtx-business-modal--head-title.light {
400
+ padding-left: 24px;
401
+ font-size: 18px;
402
+ color: #222;
403
+ }
404
+ .vtx-business-modal--head-title-bg.dark {
405
+ width: 400px;
406
+ height: 60px;
407
+ position: absolute;
408
+ top: 0;
409
+ left: 0;
410
+ background-repeat: no-repeat;
411
+ background-size: 100% 100%;
412
+ background-image: url('../imgs/title_bg.png');
413
+ }
414
+ .vtx-business-modal--head-title-bg.blue {
415
+ width: 400px;
416
+ height: 60px;
417
+ position: absolute;
418
+ top: 0;
419
+ left: 0;
420
+ background-repeat: no-repeat;
421
+ background-size: 100% 100%;
422
+ background-image: url('../imgs/title_bg_blue.png');
423
+ }
424
+ .vtx-business-modal--head-btns {
425
+ display: -webkit-box;
426
+ display: -ms-flexbox;
427
+ display: flex;
428
+ -webkit-box-pack: end;
429
+ -ms-flex-pack: end;
430
+ justify-content: end;
431
+ -webkit-box-align: center;
432
+ -ms-flex-align: center;
433
+ align-items: center;
434
+ }
435
+ .vtx-business-modal--head-btn {
436
+ color: var(--title-color2);
437
+ font-size: 16px;
438
+ margin-right: 15px;
439
+ cursor: pointer;
440
+ }
441
+ .vtx-business-modal--head-btn img {
442
+ width: 38px;
443
+ height: 42px;
444
+ margin-right: 8px;
445
+ }
446
+ .vtx-business-modal--head .close-btn {
447
+ cursor: pointer;
448
+ -webkit-transition: -webkit-transform 0.3s;
449
+ transition: -webkit-transform 0.3s;
450
+ transition: transform 0.3s;
451
+ transition: transform 0.3s, -webkit-transform 0.3s;
452
+ }
453
+ .vtx-business-modal--head .close-btn.blue {
454
+ margin-right: 10px;
455
+ }
456
+ .vtx-business-modal--head .close-btn:hover {
457
+ -webkit-transform: rotate(180deg);
458
+ -ms-transform: rotate(180deg);
459
+ transform: rotate(180deg);
460
+ }
461
+ .vtx-business-modal--content {
462
+ height: calc(100% - 60px);
463
+ background: var(--modal-content-bg);
464
+ display: -webkit-box;
465
+ display: -ms-flexbox;
466
+ display: flex;
467
+ -webkit-box-pack: justify;
468
+ -ms-flex-pack: justify;
469
+ justify-content: space-between;
470
+ gap: 0.1rem;
471
+ }
472
+ .vtx-business-modal--main {
473
+ width: calc(100% - 140px);
474
+ }
475
+ .vtx-business-modal--main-notab {
476
+ width: 100%;
477
+ }
478
+ .vtx-business-modal .vtx-modal-tabs {
479
+ --tabs-btn-color: #666;
480
+ --tabs-btn-active-color: #1890ff;
481
+ --border-left: #1890ff;
482
+ width: 140px;
483
+ font-size: 18px;
484
+ font-family: PingFangSC-Regular, PingFang SC;
485
+ color: var(--tabs-btn-color);
486
+ text-align: center;
487
+ background: var(--modal-content-bg);
488
+ border-left: 1px solid rgba(255, 255, 255, 0.2);
489
+ display: -webkit-box;
490
+ display: -ms-flexbox;
491
+ display: flex;
492
+ -webkit-box-orient: vertical;
493
+ -webkit-box-direction: normal;
494
+ -ms-flex-flow: column;
495
+ flex-flow: column;
496
+ -webkit-box-pack: center;
497
+ -ms-flex-pack: center;
498
+ justify-content: center;
499
+ }
500
+ .vtx-business-modal .vtx-modal-tabs.dark {
501
+ --tabs-btn-color: #9dbcbaff;
502
+ --tabs-btn-active-color: #fff;
503
+ --border-left: rgba(255, 255, 255, 0.2);
504
+ }
505
+ .vtx-business-modal .vtx-modal-tabs.blue {
506
+ --tabs-btn-color: #aaa;
507
+ --tabs-btn-active-color: #ffffff;
508
+ }
509
+ .vtx-business-modal .vtx-modal-tabs--tab {
510
+ width: 140px;
511
+ height: 64px;
512
+ line-height: 64px;
513
+ cursor: pointer;
514
+ color: var(--tabs-btn-color);
515
+ }
516
+ .vtx-business-modal .vtx-modal-tabs--tab_active {
517
+ color: var(--tabs-btn-active-color);
518
+ background-image: url('../imgs/tab_bg_light.png');
519
+ background-repeat: no-repeat;
520
+ background-size: 100% 100%;
521
+ }
522
+ .vtx-business-modal .vtx-modal-tabs--tab_active.dark {
523
+ background-image: url('../imgs/tab_bg.png');
524
+ }
525
+ .vtx-business-modal .vtx-modal-tabs--tab_active.blue {
526
+ background-image: url('../imgs/tab_bg_blue.png');
527
+ font-weight: bold;
528
+ }
529
+ .dark .ant-popover-inner {
530
+ background-color: #0d1a1b !important;
531
+ }
532
+ .dark .ant-popover-inner .ant-input {
533
+ background-color: #0d1a1b !important;
534
+ color: #a9d5d3;
535
+ }
536
+ .dark .ztree li a {
537
+ color: #a9d5d3 !important;
538
+ }
539
+ @media screen and (max-width: 1440px) and (max-height: 900px) {
540
+ .vtx-business-modal {
541
+ height: 100%;
542
+ top: 0;
543
+ }
544
+ .vtx-business-modal--content {
545
+ height: 100%;
546
+ }
547
+ }
548
+ @media screen and (max-width: 1366px) and (max-height: 768px) {
549
+ .vtx-business-modal {
550
+ width: 100%;
551
+ height: 100%;
552
+ top: 0;
553
+ }
554
+ .vtx-business-modal--content {
555
+ height: 100%;
556
+ }
557
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("./index.less");
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["require"],"sources":["vm-case-modal/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}