@zgfe/modules-settings 2.1.0-zhongyuan-set.1 → 2.1.0-zhongyuan-set.4

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 (79) hide show
  1. package/README.md +33 -33
  2. package/es/components/card/index.less +87 -87
  3. package/es/components/importMetaDialog/styles/index.less +115 -115
  4. package/es/components/pageLoading/index.less +7 -7
  5. package/es/components/picCircleSelect/bak/index copy 2.tsx.bak +92 -92
  6. package/es/components/picCircleSelect/bak/index copy 3.tsx.bak +58 -58
  7. package/es/components/picCircleSelect/bak/index copy 4.tsx.bak +66 -66
  8. package/es/components/picCircleSelect/bak/index copy 5.tsx.bak +116 -116
  9. package/es/components/picCircleSelect/bak/index copy 6.tsx.bak +116 -116
  10. package/es/components/picCircleSelect/bak/index copy.tsx.bak +41 -41
  11. package/es/components/picCircleSelect/bak/index.tsx.bak +48 -48
  12. package/es/components/picCircleSelect/bak/index1.tsx.bak +46 -46
  13. package/es/components/picCircleSelect/bak/index2.tsx.bak +104 -104
  14. package/es/components/picCircleSelect/index.less +37 -37
  15. package/es/components/processCanvas/styles/customNode.less +149 -149
  16. package/es/components/processCanvas/styles/index.less +34 -34
  17. package/es/components/settingTabs/index.less +51 -51
  18. package/es/constants/icons/demo.css +539 -539
  19. package/es/constants/icons/demo_index.html +9871 -9871
  20. package/es/constants/icons/iconfont.css +1699 -1699
  21. package/es/constants/icons/iconfont.json +2956 -2956
  22. package/es/global.d.ts +4 -4
  23. package/es/modules/appSettings/dataAccessFilter/index.less +5 -5
  24. package/es/modules/appSettings/virtualSource/styles/index.less +28 -28
  25. package/es/modules/appSettings/virtualSource/styles/table.less +51 -51
  26. package/es/modules/companySetting/appList/index.less +126 -126
  27. package/es/modules/companySetting/application/index.less +144 -144
  28. package/es/modules/companySetting/business/index.less +92 -92
  29. package/es/modules/companySetting/cost/index.less +38 -38
  30. package/es/modules/companySetting/department/index.less +157 -157
  31. package/es/modules/companySetting/edit/styles/authConfig.less +3 -3
  32. package/es/modules/companySetting/edit/styles/authGroup.less +10 -10
  33. package/es/modules/companySetting/edit/styles/authModule.less +82 -82
  34. package/es/modules/companySetting/edit/styles/user.less +54 -54
  35. package/es/modules/companySetting/edit/styles/userGroup.less +44 -44
  36. package/es/modules/companySetting/index.less +90 -90
  37. package/es/modules/companySetting/info/index.less +42 -42
  38. package/es/modules/companySetting/mainPart/images/img2.svg +12 -12
  39. package/es/modules/companySetting/mainPart/index.less +239 -239
  40. package/es/modules/companySetting/operationLog/index.less +33 -33
  41. package/es/modules/companySetting/role/index.less +296 -296
  42. package/es/modules/companySetting/role/setDataRangeDialog/index.less +37 -37
  43. package/es/modules/companySetting/style/common.less +79 -79
  44. package/es/modules/companySetting/style/reset.less +117 -117
  45. package/es/modules/companySetting/user/index.less +363 -363
  46. package/es/modules/companySetting/virtualApp/styles/config.less +37 -37
  47. package/es/modules/companySetting/virtualApp/styles/index.less +21 -21
  48. package/es/modules/companySetting/virtualApp/styles/list.less +28 -28
  49. package/es/modules/companySetting/virtualApp/styles/sourceItem.less +33 -33
  50. package/es/modules/companySetting/virtualApp/styles/table.less +44 -44
  51. package/es/modules/companySetting/wechatBinding/index.less +58 -58
  52. package/es/modules/createDemand/styles/index.less +403 -403
  53. package/es/modules/createDemand_bf/styles/index.less +222 -222
  54. package/es/modules/createProcess/components/index.less +52 -52
  55. package/es/modules/createProcess/index.less +114 -114
  56. package/es/modules/createProcess/title/index.less +53 -53
  57. package/es/modules/dealDemand/styles/index.less +265 -265
  58. package/es/modules/demandManage/styles/index.less +155 -155
  59. package/es/modules/getPassword/index.less +122 -122
  60. package/es/modules/messageList/index.less +81 -81
  61. package/es/modules/personalSetting/securityLog/index.less +11 -11
  62. package/es/modules/personalSetting/styles/unbinding.less +73 -73
  63. package/es/modules/pointMap/ImportModal/styles/index.less +91 -91
  64. package/es/modules/pointMap/createMetaDrawer.js +14 -26
  65. package/es/modules/pointMap/editTxt/index.less +55 -55
  66. package/es/modules/pointMap/index.js +3 -1
  67. package/es/modules/pointMap/styles/index.less +165 -165
  68. package/es/modules/pointMap/styles/pageInfo.less +439 -439
  69. package/es/modules/pointMap/tree.js +3 -1
  70. package/es/modules/systemSetting/approvalmanage/approvalStrategy/index.less +14 -14
  71. package/es/modules/systemSetting/approvalmanage/index.less +5 -5
  72. package/es/modules/systemSetting/approvalmanage/processManage/index.less +39 -39
  73. package/es/modules/systemSetting/dictionaryItem/dictionaryManagement/css/index.less +48 -48
  74. package/es/modules/systemSetting/dictionaryItem/eventTagManagement/css/index.less +32 -32
  75. package/es/modules/systemSetting/index.css +161 -161
  76. package/es/modules/systemSetting/index.less +169 -169
  77. package/es/modules/systemSetting/notice/configItem/index.less +21 -21
  78. package/es/modules/systemSetting/notice/edit/index.less +26 -26
  79. package/package.json +2 -2
@@ -1,439 +1,439 @@
1
- .setting-point-map-page {
2
- width: 100%;
3
- height: 100%;
4
- background-color: #fff;
5
- border-radius: 8px;
6
- > .ant-spin-nested-loading {
7
- height: 100%;
8
- .ant-spin-container {
9
- height: 100%;
10
- }
11
- }
12
- .bianji1-button:hover {
13
- background: rgba(22, 93, 255, 0.04);
14
- border: 1px solid #1454e5;
15
- border-radius: 4px;
16
- }
17
- &-confirm {
18
- .ant-modal-confirm .ant-modal-body {
19
- padding: 24px;
20
- }
21
- .ant-modal-confirm-title {
22
- font-size: 24px !important;
23
- }
24
- .ant-modal-confirm-content {
25
- margin-top: 16px;
26
- }
27
- }
28
- &-header {
29
- display: flex;
30
- flex-direction: row;
31
- align-items: center;
32
- justify-content: space-between;
33
- padding: 16px 24px 16px 0;
34
- border-bottom: 1px solid var(--io-n-05, #f2f3f4);
35
- &-left {
36
- display: flex;
37
- flex: 1 0 0;
38
- gap: 8px;
39
- align-items: center;
40
- height: 24px;
41
- padding: 10px 16px;
42
- color: var(--io-N-, #021429);
43
- font-weight: 400;
44
- font-size: 14px;
45
- font-family: 'PingFang SC';
46
- font-style: normal;
47
- line-height: 22px; /* 157.143% */
48
- border-left: 2px solid var(--io-i-, #165dff);
49
- }
50
- .button:not(.disabled):not(.ant-btn-primary) {
51
- // float: right;
52
- padding: 0 16px;
53
- color: #1454e5;
54
- border: 1px solid #1454e5;
55
- }
56
- }
57
- &-content {
58
- display: flex;
59
- flex-direction: column;
60
- gap: 24px;
61
- height: calc(100% - 65px);
62
- padding: 24px 28px 24px 0;
63
- overflow-y: auto;
64
- &-states-color-icon {
65
- display: inline-block;
66
- width: 6px;
67
- height: 6px;
68
- margin-right: 8px;
69
- margin-bottom: 2px;
70
- border-radius: 3px;
71
- }
72
- &-img-select {
73
- position: relative;
74
- display: flex;
75
- align-items: center;
76
- justify-content: center;
77
- width: 80px;
78
- height: 80px;
79
- color: #9aa1a9;
80
- font-size: 24px;
81
- background: var(--io-n-05, #f2f3f4);
82
- border: 1px solid var(--io-N1-, #e6e7ea);
83
- border-radius: 4px;
84
- img {
85
- max-width: 78px;
86
- max-height: 78px;
87
- }
88
- .ant-image-mask {
89
- border-radius: 4px !important;
90
- }
91
- &-btn {
92
- position: absolute;
93
- right: 0;
94
- bottom: 0;
95
- left: 0;
96
- display: flex;
97
- gap: 8px;
98
- align-items: center;
99
- justify-content: center;
100
- height: 24px;
101
- color: var(--io-W, #fff);
102
- font-size: 14px;
103
- background: rgba(2, 20, 41, 0.5);
104
- border-bottom-right-radius: 4px;
105
- border-bottom-left-radius: 4px;
106
- cursor: pointer;
107
- }
108
- }
109
- &-popoverTag {
110
- &-item + &-item {
111
- margin-top: 10px;
112
- }
113
- &-item {
114
- display: flex;
115
- align-items: center;
116
- }
117
- &-label {
118
- margin-right: 10px;
119
- color: #67727f;
120
- }
121
- }
122
- }
123
- &-info {
124
- display: flex;
125
- flex-direction: row;
126
- gap: 12px;
127
- align-items: center;
128
- height: 32px;
129
- &-title {
130
- display: flex;
131
- flex-direction: row;
132
- gap: 4px;
133
- justify-content: flex-end;
134
- width: 92px;
135
- color: var(--io-N6-, #67727f);
136
- color: #354354;
137
- font-weight: 400;
138
- font-size: 14px;
139
- line-height: 32px;
140
- text-align: right;
141
- }
142
- &-input {
143
- position: relative;
144
- flex: 1;
145
- .button:not(.disabled):not(.ant-btn-primary) {
146
- // float: right;
147
- padding: 0 16px;
148
- color: #1454e5;
149
- border: 1px solid #1454e5;
150
- }
151
- &-num {
152
- position: absolute;
153
- right: 12px;
154
- bottom: 6px;
155
- color: var(--io-N4-, #9aa1a9);
156
- font-weight: 400;
157
- font-size: 14px;
158
- font-family: 'PingFang SC';
159
- font-style: normal;
160
- line-height: 20px;
161
- }
162
- }
163
- .ant-upload.ant-upload-disabled {
164
- .setting-point-map-page-info-upload {
165
- cursor: not-allowed;
166
- }
167
- }
168
- &-upload {
169
- position: relative;
170
- display: flex;
171
- align-items: center;
172
- justify-content: center;
173
- width: 80px;
174
- height: 80px;
175
- color: #9aa1a9;
176
- background: var(--io-n-05, #f2f3f4);
177
- border: 1px solid var(--io-N1-, #e6e7ea);
178
- border-radius: 4px;
179
- cursor: pointer;
180
- img {
181
- max-width: 78px;
182
- max-height: 78px;
183
- }
184
- .ant-image-mask {
185
- border-radius: 4px !important;
186
- }
187
- .cuowu {
188
- position: absolute;
189
- top: -10px;
190
- right: -10px;
191
- cursor: pointer;
192
- }
193
- .cuowu:hover {
194
- color: #fb5547;
195
- }
196
- .cuowu:before {
197
- background: #fff;
198
- border-radius: 50%;
199
- }
200
- &-tip {
201
- margin-top: 8px;
202
- overflow: hidden;
203
- color: var(--io-N4-, #9aa1a9);
204
- font-weight: 400;
205
- font-size: 14px;
206
- font-family: 'PingFang SC';
207
- font-style: normal;
208
- line-height: 22px; /* 157.143% */
209
- text-overflow: ellipsis;
210
- }
211
- }
212
- &-nav {
213
- display: flex;
214
- align-items: center;
215
- width: 100%;
216
- margin-left: 23px;
217
- padding: 10px;
218
- background-color: #f2f3f4;
219
- border-radius: 5px;
220
- &-item {
221
- position: relative;
222
- cursor: pointer;
223
- }
224
- &-item:hover,
225
- &-itemActive {
226
- color: #1454e5;
227
- text-decoration: underline;
228
- }
229
- &-item + &-item {
230
- margin-left: 20px;
231
- &::before {
232
- position: absolute;
233
- top: 4px;
234
- left: -10px;
235
- display: block;
236
- width: 2px;
237
- height: 15px;
238
- background-color: #021429;
239
- content: '';
240
- }
241
- }
242
- }
243
- }
244
- &-table {
245
- margin-left: 24px;
246
- .ant-table-cell {
247
- height: 50px !important;
248
- // padding: 8px !important;
249
- }
250
- .isShowF2F3F4 td {
251
- background-color: #f2f3f4;
252
- }
253
- }
254
- &-circle-select {
255
- margin-top: -16px;
256
- &-btn {
257
- display: flex;
258
- flex-direction: row;
259
- gap: 16px;
260
- align-items: center;
261
- margin-bottom: 16px;
262
- color: var(--io-N8-, #354354);
263
- font-size: 14px;
264
- }
265
- &-content {
266
- width: 672px;
267
- height: 350px;
268
- overflow-x: auto;
269
- overflow-y: auto;
270
- background: var(--io-n-02, #fafafb);
271
- border: 1px solid var(--io-N1-, #e6e7ea);
272
- border-radius: 4px;
273
- }
274
- }
275
- &-pop {
276
- display: flex;
277
- flex-direction: column;
278
- gap: 15px;
279
- width: 200px;
280
- &-header {
281
- color: var(--io-N-, #021429);
282
- font-weight: 400;
283
- font-size: 14px;
284
- line-height: 22px; /* 157.143% */
285
- }
286
- &-footer {
287
- display: flex;
288
- flex-direction: row;
289
- gap: 8px;
290
- align-items: center;
291
- justify-content: flex-end;
292
- }
293
- }
294
- }
295
- .setting-point-map-record {
296
- &-content {
297
- &-timeList {
298
- position: relative;
299
- display: grid;
300
- grid-template-columns: repeat(5, 1fr);
301
- align-items: flex-end;
302
- padding-left: 60px;
303
- &-box {
304
- position: relative;
305
- height: fit-content;
306
- }
307
- &-nav {
308
- display: flex;
309
- align-items: center;
310
- font-size: 16px;
311
- &::before {
312
- position: absolute;
313
- top: 24px;
314
- left: 5px;
315
- width: 1px;
316
- height: calc(100% - 20px);
317
- background-color: #e0e0e0;
318
- content: '';
319
- }
320
- &-icon {
321
- box-sizing: content-box;
322
- width: 10px;
323
- height: 10px;
324
- margin-right: 20px;
325
- border-radius: 50%;
326
- }
327
- &-name {
328
- color: #5f6085;
329
- font-size: 16px;
330
- transform: translateY(-2px);
331
- }
332
- }
333
- &-list {
334
- margin: 20px 0 20px 30px;
335
- &-item {
336
- display: flex;
337
- align-items: center;
338
- &-icon {
339
- width: 4px;
340
- height: 4px;
341
- margin-right: 5px;
342
- border-radius: 50%;
343
- }
344
- &-text {
345
- color: #5f6085;
346
- font-size: 14px;
347
- &:hover {
348
- color: #165dff;
349
- cursor: pointer;
350
- }
351
- }
352
- }
353
- &-item + &-item {
354
- margin-top: 5px;
355
- }
356
- }
357
- &-popoverList {
358
- display: flex;
359
- align-items: center;
360
- font-size: 14px;
361
- &-label {
362
- color: #242541;
363
- }
364
- &-value {
365
- margin-left: 5px;
366
- color: #4080ff;
367
- }
368
- }
369
- }
370
- &-name {
371
- margin-top: 4px;
372
- padding-top: 4px;
373
- color: #5f6085;
374
- font-size: 16px;
375
- border-top: 1px solid #e0e0e0;
376
- }
377
- }
378
- &-update {
379
- margin-top: 50px;
380
- &-nav {
381
- display: flex;
382
- align-items: center;
383
- margin-bottom: 20px;
384
- font-size: 16px;
385
- &-icon {
386
- width: 2px;
387
- height: 16px;
388
- margin-right: 4px;
389
- background-color: #1454e5;
390
- }
391
- &-title {
392
- color: #021429;
393
- }
394
- &-name {
395
- margin-left: 20px;
396
- color: #9aa1a9;
397
- }
398
- }
399
- &-tabList {
400
- display: flex;
401
- align-items: center;
402
- color: #9aa1a9;
403
- border-radius: 5px;
404
- &-item {
405
- box-sizing: border-box;
406
- width: 90px;
407
- height: 32px;
408
- line-height: 32px;
409
- text-align: center;
410
- cursor: pointer;
411
- }
412
- &-item:nth-child(1) {
413
- border-top: 1px solid #9aa1a9;
414
- border-bottom: 1px solid #9aa1a9;
415
- border-left: 1px solid #9aa1a9;
416
- border-radius: 2px 0 0 2px;
417
- }
418
- &-item:nth-child(2) {
419
- border-top: 1px solid #9aa1a9;
420
- border-right: 1px solid #9aa1a9;
421
- border-bottom: 1px solid #9aa1a9;
422
- border-radius: 0 2px 2px 0;
423
- }
424
- &-active {
425
- color: #fff;
426
- background-color: #165dff;
427
- border: none !important;
428
- }
429
- }
430
- &-text {
431
- overflow: hidden;
432
- white-space: nowrap;
433
- text-overflow: ellipsis;
434
- }
435
- }
436
- &-table {
437
- margin-top: 10px;
438
- }
439
- }
1
+ .setting-point-map-page {
2
+ width: 100%;
3
+ height: 100%;
4
+ background-color: #fff;
5
+ border-radius: 8px;
6
+ > .ant-spin-nested-loading {
7
+ height: 100%;
8
+ .ant-spin-container {
9
+ height: 100%;
10
+ }
11
+ }
12
+ .bianji1-button:hover {
13
+ background: rgba(22, 93, 255, 0.04);
14
+ border: 1px solid #1454e5;
15
+ border-radius: 4px;
16
+ }
17
+ &-confirm {
18
+ .ant-modal-confirm .ant-modal-body {
19
+ padding: 24px;
20
+ }
21
+ .ant-modal-confirm-title {
22
+ font-size: 24px !important;
23
+ }
24
+ .ant-modal-confirm-content {
25
+ margin-top: 16px;
26
+ }
27
+ }
28
+ &-header {
29
+ display: flex;
30
+ flex-direction: row;
31
+ align-items: center;
32
+ justify-content: space-between;
33
+ padding: 16px 24px 16px 0;
34
+ border-bottom: 1px solid var(--io-n-05, #f2f3f4);
35
+ &-left {
36
+ display: flex;
37
+ flex: 1 0 0;
38
+ gap: 8px;
39
+ align-items: center;
40
+ height: 24px;
41
+ padding: 10px 16px;
42
+ color: var(--io-N-, #021429);
43
+ font-weight: 400;
44
+ font-size: 14px;
45
+ font-family: 'PingFang SC';
46
+ font-style: normal;
47
+ line-height: 22px; /* 157.143% */
48
+ border-left: 2px solid var(--io-i-, #165dff);
49
+ }
50
+ .button:not(.disabled):not(.ant-btn-primary) {
51
+ // float: right;
52
+ padding: 0 16px;
53
+ color: #1454e5;
54
+ border: 1px solid #1454e5;
55
+ }
56
+ }
57
+ &-content {
58
+ display: flex;
59
+ flex-direction: column;
60
+ gap: 24px;
61
+ height: calc(100% - 65px);
62
+ padding: 24px 28px 24px 0;
63
+ overflow-y: auto;
64
+ &-states-color-icon {
65
+ display: inline-block;
66
+ width: 6px;
67
+ height: 6px;
68
+ margin-right: 8px;
69
+ margin-bottom: 2px;
70
+ border-radius: 3px;
71
+ }
72
+ &-img-select {
73
+ position: relative;
74
+ display: flex;
75
+ align-items: center;
76
+ justify-content: center;
77
+ width: 80px;
78
+ height: 80px;
79
+ color: #9aa1a9;
80
+ font-size: 24px;
81
+ background: var(--io-n-05, #f2f3f4);
82
+ border: 1px solid var(--io-N1-, #e6e7ea);
83
+ border-radius: 4px;
84
+ img {
85
+ max-width: 78px;
86
+ max-height: 78px;
87
+ }
88
+ .ant-image-mask {
89
+ border-radius: 4px !important;
90
+ }
91
+ &-btn {
92
+ position: absolute;
93
+ right: 0;
94
+ bottom: 0;
95
+ left: 0;
96
+ display: flex;
97
+ gap: 8px;
98
+ align-items: center;
99
+ justify-content: center;
100
+ height: 24px;
101
+ color: var(--io-W, #fff);
102
+ font-size: 14px;
103
+ background: rgba(2, 20, 41, 0.5);
104
+ border-bottom-right-radius: 4px;
105
+ border-bottom-left-radius: 4px;
106
+ cursor: pointer;
107
+ }
108
+ }
109
+ &-popoverTag {
110
+ &-item + &-item {
111
+ margin-top: 10px;
112
+ }
113
+ &-item {
114
+ display: flex;
115
+ align-items: center;
116
+ }
117
+ &-label {
118
+ margin-right: 10px;
119
+ color: #67727f;
120
+ }
121
+ }
122
+ }
123
+ &-info {
124
+ display: flex;
125
+ flex-direction: row;
126
+ gap: 12px;
127
+ align-items: center;
128
+ height: 32px;
129
+ &-title {
130
+ display: flex;
131
+ flex-direction: row;
132
+ gap: 4px;
133
+ justify-content: flex-end;
134
+ width: 92px;
135
+ color: var(--io-N6-, #67727f);
136
+ color: #354354;
137
+ font-weight: 400;
138
+ font-size: 14px;
139
+ line-height: 32px;
140
+ text-align: right;
141
+ }
142
+ &-input {
143
+ position: relative;
144
+ flex: 1;
145
+ .button:not(.disabled):not(.ant-btn-primary) {
146
+ // float: right;
147
+ padding: 0 16px;
148
+ color: #1454e5;
149
+ border: 1px solid #1454e5;
150
+ }
151
+ &-num {
152
+ position: absolute;
153
+ right: 12px;
154
+ bottom: 6px;
155
+ color: var(--io-N4-, #9aa1a9);
156
+ font-weight: 400;
157
+ font-size: 14px;
158
+ font-family: 'PingFang SC';
159
+ font-style: normal;
160
+ line-height: 20px;
161
+ }
162
+ }
163
+ .ant-upload.ant-upload-disabled {
164
+ .setting-point-map-page-info-upload {
165
+ cursor: not-allowed;
166
+ }
167
+ }
168
+ &-upload {
169
+ position: relative;
170
+ display: flex;
171
+ align-items: center;
172
+ justify-content: center;
173
+ width: 80px;
174
+ height: 80px;
175
+ color: #9aa1a9;
176
+ background: var(--io-n-05, #f2f3f4);
177
+ border: 1px solid var(--io-N1-, #e6e7ea);
178
+ border-radius: 4px;
179
+ cursor: pointer;
180
+ img {
181
+ max-width: 78px;
182
+ max-height: 78px;
183
+ }
184
+ .ant-image-mask {
185
+ border-radius: 4px !important;
186
+ }
187
+ .cuowu {
188
+ position: absolute;
189
+ top: -10px;
190
+ right: -10px;
191
+ cursor: pointer;
192
+ }
193
+ .cuowu:hover {
194
+ color: #fb5547;
195
+ }
196
+ .cuowu:before {
197
+ background: #fff;
198
+ border-radius: 50%;
199
+ }
200
+ &-tip {
201
+ margin-top: 8px;
202
+ overflow: hidden;
203
+ color: var(--io-N4-, #9aa1a9);
204
+ font-weight: 400;
205
+ font-size: 14px;
206
+ font-family: 'PingFang SC';
207
+ font-style: normal;
208
+ line-height: 22px; /* 157.143% */
209
+ text-overflow: ellipsis;
210
+ }
211
+ }
212
+ &-nav {
213
+ display: flex;
214
+ align-items: center;
215
+ width: 100%;
216
+ margin-left: 23px;
217
+ padding: 10px;
218
+ background-color: #f2f3f4;
219
+ border-radius: 5px;
220
+ &-item {
221
+ position: relative;
222
+ cursor: pointer;
223
+ }
224
+ &-item:hover,
225
+ &-itemActive {
226
+ color: #1454e5;
227
+ text-decoration: underline;
228
+ }
229
+ &-item + &-item {
230
+ margin-left: 20px;
231
+ &::before {
232
+ position: absolute;
233
+ top: 4px;
234
+ left: -10px;
235
+ display: block;
236
+ width: 2px;
237
+ height: 15px;
238
+ background-color: #021429;
239
+ content: '';
240
+ }
241
+ }
242
+ }
243
+ }
244
+ &-table {
245
+ margin-left: 24px;
246
+ .ant-table-cell {
247
+ height: 50px !important;
248
+ // padding: 8px !important;
249
+ }
250
+ .isShowF2F3F4 td {
251
+ background-color: #f2f3f4;
252
+ }
253
+ }
254
+ &-circle-select {
255
+ margin-top: -16px;
256
+ &-btn {
257
+ display: flex;
258
+ flex-direction: row;
259
+ gap: 16px;
260
+ align-items: center;
261
+ margin-bottom: 16px;
262
+ color: var(--io-N8-, #354354);
263
+ font-size: 14px;
264
+ }
265
+ &-content {
266
+ width: 672px;
267
+ height: 350px;
268
+ overflow-x: auto;
269
+ overflow-y: auto;
270
+ background: var(--io-n-02, #fafafb);
271
+ border: 1px solid var(--io-N1-, #e6e7ea);
272
+ border-radius: 4px;
273
+ }
274
+ }
275
+ &-pop {
276
+ display: flex;
277
+ flex-direction: column;
278
+ gap: 15px;
279
+ width: 200px;
280
+ &-header {
281
+ color: var(--io-N-, #021429);
282
+ font-weight: 400;
283
+ font-size: 14px;
284
+ line-height: 22px; /* 157.143% */
285
+ }
286
+ &-footer {
287
+ display: flex;
288
+ flex-direction: row;
289
+ gap: 8px;
290
+ align-items: center;
291
+ justify-content: flex-end;
292
+ }
293
+ }
294
+ }
295
+ .setting-point-map-record {
296
+ &-content {
297
+ &-timeList {
298
+ position: relative;
299
+ display: grid;
300
+ grid-template-columns: repeat(5, 1fr);
301
+ align-items: flex-end;
302
+ padding-left: 60px;
303
+ &-box {
304
+ position: relative;
305
+ height: fit-content;
306
+ }
307
+ &-nav {
308
+ display: flex;
309
+ align-items: center;
310
+ font-size: 16px;
311
+ &::before {
312
+ position: absolute;
313
+ top: 24px;
314
+ left: 5px;
315
+ width: 1px;
316
+ height: calc(100% - 20px);
317
+ background-color: #e0e0e0;
318
+ content: '';
319
+ }
320
+ &-icon {
321
+ box-sizing: content-box;
322
+ width: 10px;
323
+ height: 10px;
324
+ margin-right: 20px;
325
+ border-radius: 50%;
326
+ }
327
+ &-name {
328
+ color: #5f6085;
329
+ font-size: 16px;
330
+ transform: translateY(-2px);
331
+ }
332
+ }
333
+ &-list {
334
+ margin: 20px 0 20px 30px;
335
+ &-item {
336
+ display: flex;
337
+ align-items: center;
338
+ &-icon {
339
+ width: 4px;
340
+ height: 4px;
341
+ margin-right: 5px;
342
+ border-radius: 50%;
343
+ }
344
+ &-text {
345
+ color: #5f6085;
346
+ font-size: 14px;
347
+ &:hover {
348
+ color: #165dff;
349
+ cursor: pointer;
350
+ }
351
+ }
352
+ }
353
+ &-item + &-item {
354
+ margin-top: 5px;
355
+ }
356
+ }
357
+ &-popoverList {
358
+ display: flex;
359
+ align-items: center;
360
+ font-size: 14px;
361
+ &-label {
362
+ color: #242541;
363
+ }
364
+ &-value {
365
+ margin-left: 5px;
366
+ color: #4080ff;
367
+ }
368
+ }
369
+ }
370
+ &-name {
371
+ margin-top: 4px;
372
+ padding-top: 4px;
373
+ color: #5f6085;
374
+ font-size: 16px;
375
+ border-top: 1px solid #e0e0e0;
376
+ }
377
+ }
378
+ &-update {
379
+ margin-top: 50px;
380
+ &-nav {
381
+ display: flex;
382
+ align-items: center;
383
+ margin-bottom: 20px;
384
+ font-size: 16px;
385
+ &-icon {
386
+ width: 2px;
387
+ height: 16px;
388
+ margin-right: 4px;
389
+ background-color: #1454e5;
390
+ }
391
+ &-title {
392
+ color: #021429;
393
+ }
394
+ &-name {
395
+ margin-left: 20px;
396
+ color: #9aa1a9;
397
+ }
398
+ }
399
+ &-tabList {
400
+ display: flex;
401
+ align-items: center;
402
+ color: #9aa1a9;
403
+ border-radius: 5px;
404
+ &-item {
405
+ box-sizing: border-box;
406
+ width: 90px;
407
+ height: 32px;
408
+ line-height: 32px;
409
+ text-align: center;
410
+ cursor: pointer;
411
+ }
412
+ &-item:nth-child(1) {
413
+ border-top: 1px solid #9aa1a9;
414
+ border-bottom: 1px solid #9aa1a9;
415
+ border-left: 1px solid #9aa1a9;
416
+ border-radius: 2px 0 0 2px;
417
+ }
418
+ &-item:nth-child(2) {
419
+ border-top: 1px solid #9aa1a9;
420
+ border-right: 1px solid #9aa1a9;
421
+ border-bottom: 1px solid #9aa1a9;
422
+ border-radius: 0 2px 2px 0;
423
+ }
424
+ &-active {
425
+ color: #fff;
426
+ background-color: #165dff;
427
+ border: none !important;
428
+ }
429
+ }
430
+ &-text {
431
+ overflow: hidden;
432
+ white-space: nowrap;
433
+ text-overflow: ellipsis;
434
+ }
435
+ }
436
+ &-table {
437
+ margin-top: 10px;
438
+ }
439
+ }