@zgfe/modules-settings 2.0.0-zhongyuan.9 → 2.1.0-zhongyuan.0

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