@zgfe/modules-settings 2.0.0-zhongyuan.24 → 2.0.0-zhongyuan.26

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 (9) hide show
  1. package/es/constants/api.d.ts +5 -0
  2. package/es/constants/api.js +9 -0
  3. package/es/modules/createDemand/constants.d.ts +14 -1
  4. package/es/modules/createDemand/constants.js +54 -1
  5. package/es/modules/createDemand/index.js +663 -126
  6. package/es/modules/createDemand/styles/index.less +373 -277
  7. package/es/modules/demandManage/index.js +117 -168
  8. package/es/modules/demandManage/styles/index.less +8 -79
  9. package/package.json +2 -2
package/es/modules/createDemand/styles/index.less CHANGED
@@ -1,277 +1,373 @@
1
- .system-setting-create-demand {
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- padding: 0 16px 16px;
6
- background: #fafafb;
7
- .setting-point-map-page-content-img-select {
8
- position: relative;
9
- }
10
- .ant-image {
11
- position: static;
12
- }
13
- .ant-image .ant-image-mask {
14
- color: #fff;
15
- font-size: 24px;
16
- background: rgba(2, 20, 41, 0.5) !important;
17
- }
18
- &-row {
19
- display: flex;
20
- flex: 1;
21
- flex-direction: row;
22
- overflow-y: auto;
23
- }
24
- &-right {
25
- position: relative;
26
- display: flex;
27
- flex: 288;
28
- overflow: hidden;
29
- background: #f2f3f4;
30
- border: 1px solid #e6e7ea;
31
- border-bottom: 0;
32
- border-top-right-radius: 8px;
33
- // border-bottom-right-radius: 8px;
34
- .setting-graph-panel {
35
- right: 14px;
36
- left: auto;
37
- transform: none;
38
- }
39
- &-end {
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- width: 100%;
44
- }
45
- &-title {
46
- position: absolute;
47
- top: 16px;
48
- left: 16px;
49
- color: var(--io-N-, #021429);
50
- font-weight: 400;
51
- font-size: 14px;
52
- font-family: 'PingFang SC';
53
- font-style: normal;
54
- line-height: 22px; /* 157.143% */
55
- text-align: right;
56
- }
57
- }
58
- &-header {
59
- display: flex;
60
- flex-direction: row;
61
- gap: 16px;
62
- align-items: center;
63
- padding: 12px 0;
64
- color: var(--io-N6-, #67727f);
65
- font-weight: 400;
66
- font-size: 14px;
67
- &-back {
68
- cursor: pointer;
69
- }
70
- }
71
- &-footer {
72
- display: flex;
73
- gap: 16px;
74
- align-items: center;
75
- padding: 18px 24px;
76
- background: #fff;
77
- border-top: 1px solid var(--io-N1-, #e6e7ea);
78
- border-bottom-right-radius: 8px;
79
- border-bottom-left-radius: 8px;
80
- .button:not(.disabled) {
81
- color: #1454e5;
82
- border: 1px solid #1454e5;
83
- }
84
- }
85
- &-info {
86
- display: flex;
87
- flex: 912;
88
- flex-direction: column;
89
- gap: 24px;
90
- align-items: flex-start;
91
- padding: 0 0 24px;
92
- overflow: hidden;
93
- overflow-y: auto;
94
- background: #fff;
95
- border-top-left-radius: 8px;
96
- // border-bottom-left-radius: 8px;
97
- &-img {
98
- display: flex;
99
- flex-direction: column;
100
- gap: 24px;
101
- align-items: flex-start;
102
- width: 100%;
103
- padding: 24px 24px 0;
104
- background: #fff;
105
- }
106
- &-item {
107
- display: flex;
108
- flex-direction: row;
109
- // align-items: center;
110
- gap: 12px;
111
- width: 100%;
112
- &-yasuobao {
113
- width: 24px;
114
- height: 24px;
115
- background: url('./../images/yasuobao.png') no-repeat;
116
- background-size: contain;
117
- &-txt:hover {
118
- text-decoration: underline;
119
- }
120
- }
121
- &-txt {
122
- width: 96px;
123
- margin-top: 6px;
124
- color: var(----3, #5f6085);
125
- font-weight: 400;
126
- font-size: 14px;
127
- text-align: right;
128
- span {
129
- margin-right: 4px;
130
- color: var(--io-Error-E-, #fb5547);
131
- font-weight: 400;
132
- font-size: 14px;
133
- }
134
- }
135
- &-content {
136
- position: relative;
137
- flex: 1;
138
- width: calc(100% - 108px);
139
- input,
140
- textarea {
141
- border-color: #fafafb;
142
- }
143
- &-input-num {
144
- position: absolute;
145
- right: 12px;
146
- bottom: 6px;
147
- color: var(--io-N4-, #9aa1a9);
148
- font-weight: 400;
149
- font-size: 14px;
150
- }
151
- &-picker {
152
- width: 100%;
153
- background-color: #fafafb;
154
- }
155
- .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
156
- color: #ccd0d4;
157
- }
158
- &-btn {
159
- display: flex;
160
- gap: 8px;
161
- align-items: center;
162
- height: 32px;
163
- padding: 10px 16px;
164
- color: var(--io-N-, #021429);
165
- font-weight: 400;
166
- font-size: 14px;
167
- font-family: 'PingFang SC';
168
- font-style: normal;
169
- line-height: normal;
170
- background: var(--io-n-05, #f2f3f4);
171
- border: 1px dashed var(--io-N1-, #e6e7ea);
172
- border-radius: 4px;
173
- }
174
- &-tip {
175
- color: var(--io-N4-, #9aa1a9);
176
- font-weight: 400;
177
- font-size: 14px;
178
- font-family: 'PingFang SC';
179
- font-style: normal;
180
- line-height: normal;
181
- }
182
- &-row {
183
- display: flex;
184
- flex-direction: row;
185
- gap: 12px;
186
- align-items: center;
187
- height: 34px;
188
- .qingchu {
189
- font-size: 16px;
190
- cursor: pointer;
191
- }
192
- .icon-yasuobao {
193
- font-size: 24px;
194
- }
195
- }
196
- &-tab {
197
- display: flex;
198
- flex: 1 0 0;
199
- gap: 24px;
200
- align-items: flex-start;
201
- padding: 12px 24px 0px 24px;
202
- background: var(--io-n-02, #fafafb);
203
- border-bottom: 1px solid var(--io-N1-, #e6e7ea);
204
- &-item {
205
- display: flex;
206
- flex-direction: column;
207
- align-items: flex-start;
208
- padding-bottom: 10px;
209
- color: #021429;
210
- font-size: 16px;
211
- line-height: 20px; /* 125% */
212
- border-bottom: 2px solid transparent;
213
- cursor: pointer;
214
- }
215
- &-item-select {
216
- display: flex;
217
- flex-direction: column;
218
- align-items: flex-start;
219
- padding-bottom: 10px;
220
- color: #165dff;
221
- font-size: 16px;
222
- line-height: 20px; /* 125% */
223
- border-bottom: 2px solid #165dff;
224
- cursor: pointer;
225
- }
226
- }
227
- &-filter {
228
- display: flex;
229
- flex-direction: row;
230
- gap: 16px;
231
- padding: 1px 0 16px;
232
- .button:not(.disabled) {
233
- color: #1454e5;
234
- border: 1px solid #1454e5;
235
- }
236
- }
237
- }
238
- }
239
- }
240
- &-drawer {
241
- .ant-drawer-header-title .ant-drawer-close {
242
- position: absolute;
243
- right: 6px;
244
- }
245
- }
246
-
247
- &-content-img-select {
248
- position: relative;
249
- display: flex;
250
- align-items: center;
251
- align-self: stretch;
252
- justify-content: center;
253
- width: 80px;
254
- height: 80px;
255
- background: var(--io-n-05, #f2f3f4);
256
- border: 1px solid var(--io-N1-, #e6e7ea);
257
- border-radius: 4px;
258
- img {
259
- max-width: 78px;
260
- max-height: 78px;
261
- }
262
- }
263
- }
264
- #system-setting-demand {
265
- position: fixed;
266
- z-index: -1000;
267
- width: 100%;
268
- height: 100vh;
269
- margin: 50px;
270
- .x6-graph-background,
271
- .x6-graph-grid,
272
- .x6-graph-svg {
273
- position: relative;
274
- width: 100%;
275
- height: 100vh;
276
- }
277
- }
1
+ .system-setting-create-demand {
2
+ display: flex;
3
+ flex-direction: column;
4
+ height: 100%;
5
+ padding: 0 16px 16px;
6
+ background: #fafafb;
7
+ .forbiddenColor {
8
+ background-color: #f2f3f4;
9
+ }
10
+ .setting-point-map-page-content-img-select {
11
+ position: relative;
12
+ }
13
+ .ant-image {
14
+ position: static;
15
+ }
16
+ .ant-image .ant-image-mask {
17
+ color: #fff;
18
+ font-size: 24px;
19
+ background: rgba(2, 20, 41, 0.5) !important;
20
+ }
21
+ &-row {
22
+ display: flex;
23
+ flex: 1;
24
+ flex-direction: row;
25
+ overflow-y: auto;
26
+ }
27
+ &-right {
28
+ position: relative;
29
+ display: flex;
30
+ flex: 288;
31
+ overflow: hidden;
32
+ background: #f2f3f4;
33
+ border: 1px solid #e6e7ea;
34
+ border-bottom: 0;
35
+ border-top-right-radius: 8px;
36
+ // border-bottom-right-radius: 8px;
37
+ .setting-graph-panel {
38
+ right: 14px;
39
+ left: auto;
40
+ transform: none;
41
+ }
42
+ &-end {
43
+ display: flex;
44
+ align-items: center;
45
+ justify-content: center;
46
+ width: 100%;
47
+ }
48
+ &-title {
49
+ position: absolute;
50
+ top: 16px;
51
+ left: 16px;
52
+ color: var(--io-N-, #021429);
53
+ font-weight: 400;
54
+ font-size: 14px;
55
+ font-family: 'PingFang SC';
56
+ font-style: normal;
57
+ line-height: 22px; /* 157.143% */
58
+ text-align: right;
59
+ }
60
+ }
61
+ &-header {
62
+ display: flex;
63
+ flex-direction: row;
64
+ gap: 16px;
65
+ align-items: center;
66
+ padding: 12px 0;
67
+ color: var(--io-N6-, #67727f);
68
+ font-weight: 400;
69
+ font-size: 14px;
70
+ &-back {
71
+ cursor: pointer;
72
+ }
73
+ }
74
+ &-footer {
75
+ display: flex;
76
+ gap: 16px;
77
+ align-items: center;
78
+ padding: 18px 24px;
79
+ background: #fff;
80
+ border-top: 1px solid var(--io-N1-, #e6e7ea);
81
+ border-bottom-right-radius: 8px;
82
+ border-bottom-left-radius: 8px;
83
+ .button:not(.disabled) {
84
+ color: #1454e5;
85
+ border: 1px solid #1454e5;
86
+ }
87
+ &-btnRight {
88
+ display: flex;
89
+ align-items: center;
90
+ margin-right: 310px;
91
+ margin-left: auto;
92
+ .commentBtn {
93
+ margin-left: 10px;
94
+ }
95
+ }
96
+ }
97
+ &-info {
98
+ display: flex;
99
+ flex: 912;
100
+ flex-direction: column;
101
+ gap: 24px;
102
+ align-items: flex-start;
103
+ padding: 0 0 24px;
104
+ overflow: hidden;
105
+ overflow-y: auto;
106
+ background: #fff;
107
+ border-top-left-radius: 8px;
108
+ // border-bottom-left-radius: 8px;
109
+ &-img {
110
+ display: flex;
111
+ flex-direction: column;
112
+ gap: 24px;
113
+ align-items: flex-start;
114
+ width: 100%;
115
+ padding: 24px 24px 0;
116
+ background: #fff;
117
+ }
118
+ &-item {
119
+ display: flex;
120
+ flex-direction: row;
121
+ // align-items: center;
122
+ gap: 12px;
123
+ width: 100%;
124
+ &-yasuobao {
125
+ width: 24px;
126
+ height: 24px;
127
+ background: url('./../images/yasuobao.png') no-repeat;
128
+ background-size: contain;
129
+ &-txt:hover {
130
+ text-decoration: underline;
131
+ }
132
+ }
133
+ &-txt {
134
+ width: 96px;
135
+ margin-top: 6px;
136
+ color: var(----3, #5f6085);
137
+ font-weight: 400;
138
+ font-size: 14px;
139
+ text-align: right;
140
+ span {
141
+ margin-right: 4px;
142
+ color: var(--io-Error-E-, #fb5547);
143
+ font-weight: 400;
144
+ font-size: 14px;
145
+ }
146
+ }
147
+ &-content {
148
+ position: relative;
149
+ flex: 1;
150
+ width: calc(100% - 108px);
151
+ input,
152
+ textarea {
153
+ border-color: #fafafb;
154
+ }
155
+ &-input-num {
156
+ position: absolute;
157
+ right: 12px;
158
+ bottom: 6px;
159
+ color: var(--io-N4-, #9aa1a9);
160
+ font-weight: 400;
161
+ font-size: 14px;
162
+ }
163
+ &-picker {
164
+ width: 100%;
165
+ background-color: #fafafb;
166
+ }
167
+ .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
168
+ color: #ccd0d4;
169
+ }
170
+ &-btn {
171
+ display: flex;
172
+ gap: 8px;
173
+ align-items: center;
174
+ height: 32px;
175
+ padding: 10px 16px;
176
+ color: var(--io-N-, #021429);
177
+ font-weight: 400;
178
+ font-size: 14px;
179
+ font-family: 'PingFang SC';
180
+ font-style: normal;
181
+ line-height: normal;
182
+ background: var(--io-n-05, #f2f3f4);
183
+ border: 1px dashed var(--io-N1-, #e6e7ea);
184
+ border-radius: 4px;
185
+ }
186
+ &-tip {
187
+ color: var(--io-N4-, #9aa1a9);
188
+ font-weight: 400;
189
+ font-size: 14px;
190
+ font-family: 'PingFang SC';
191
+ font-style: normal;
192
+ line-height: normal;
193
+ }
194
+ &-row {
195
+ display: flex;
196
+ flex-direction: row;
197
+ gap: 12px;
198
+ align-items: center;
199
+ height: 34px;
200
+ .qingchu {
201
+ font-size: 16px;
202
+ cursor: pointer;
203
+ }
204
+ .icon-yasuobao {
205
+ font-size: 24px;
206
+ }
207
+ }
208
+ &-tab {
209
+ display: flex;
210
+ flex: 1 0 0;
211
+ gap: 24px;
212
+ align-items: flex-start;
213
+ padding: 12px 24px 0px 24px;
214
+ background: var(--io-n-02, #fafafb);
215
+ border-bottom: 1px solid var(--io-N1-, #e6e7ea);
216
+ &-item {
217
+ display: flex;
218
+ flex-direction: column;
219
+ align-items: flex-start;
220
+ padding-bottom: 10px;
221
+ color: #021429;
222
+ font-size: 16px;
223
+ line-height: 20px; /* 125% */
224
+ border-bottom: 2px solid transparent;
225
+ cursor: pointer;
226
+ }
227
+ &-item-select {
228
+ display: flex;
229
+ flex-direction: column;
230
+ align-items: flex-start;
231
+ padding-bottom: 10px;
232
+ color: #165dff;
233
+ font-size: 16px;
234
+ line-height: 20px; /* 125% */
235
+ border-bottom: 2px solid #165dff;
236
+ cursor: pointer;
237
+ }
238
+ }
239
+ &-filter {
240
+ display: flex;
241
+ flex-direction: row;
242
+ gap: 16px;
243
+ padding: 1px 0 16px;
244
+ .button:not(.disabled) {
245
+ color: #1454e5;
246
+ border: 1px solid #1454e5;
247
+ }
248
+ }
249
+ }
250
+ }
251
+ &-right {
252
+ margin-left: auto;
253
+ &-button {
254
+ margin-left: 10px;
255
+ }
256
+ }
257
+ &-tabList {
258
+ display: flex;
259
+ align-items: center;
260
+ color: #9aa1a9;
261
+ border-radius: 5px;
262
+ // outline: 1px solid #9aa1a9;
263
+ &-item {
264
+ box-sizing: border-box;
265
+ width: 90px;
266
+ height: 32px;
267
+ line-height: 32px;
268
+ text-align: center;
269
+ cursor: pointer;
270
+ }
271
+ &-item:nth-child(1) {
272
+ border-top: 1px solid #9aa1a9;
273
+ border-bottom: 1px solid #9aa1a9;
274
+ border-left: 1px solid #9aa1a9;
275
+ border-radius: 2px 0 0 2px;
276
+ }
277
+ &-item:nth-child(2) {
278
+ border-top: 1px solid #9aa1a9;
279
+ border-right: 1px solid #9aa1a9;
280
+ border-bottom: 1px solid #9aa1a9;
281
+ border-radius: 0 2px 2px 0;
282
+ }
283
+ &-active {
284
+ color: #fff;
285
+ background-color: #165dff;
286
+ border: none !important;
287
+ }
288
+ }
289
+ }
290
+ &-drawer {
291
+ .ant-drawer-header-title .ant-drawer-close {
292
+ position: absolute;
293
+ right: 6px;
294
+ }
295
+ }
296
+ &-content-img-select {
297
+ position: relative;
298
+ display: flex;
299
+ align-items: center;
300
+ align-self: stretch;
301
+ justify-content: center;
302
+ width: 80px;
303
+ height: 80px;
304
+ background: var(--io-n-05, #f2f3f4);
305
+ border: 1px solid var(--io-N1-, #e6e7ea);
306
+ border-radius: 4px;
307
+ img {
308
+ max-width: 78px;
309
+ max-height: 78px;
310
+ }
311
+ }
312
+ &-comment {
313
+ width: 100%;
314
+ margin-top: 20px;
315
+ &-tab {
316
+ display: flex;
317
+ align-items: center;
318
+ margin: 0 10px 0 20px;
319
+ padding-bottom: 10px;
320
+ font-size: 16px;
321
+ border-bottom: 1px solid #e6e7ea;
322
+
323
+ &-btn {
324
+ color: #9aa1a9;
325
+ font-size: 16px;
326
+ cursor: pointer;
327
+ }
328
+ &-btnActive {
329
+ color: #116acc;
330
+ font-weight: bold;
331
+ }
332
+ &-btn + &-btn::before {
333
+ display: inline-block;
334
+ margin: 0 10px;
335
+ color: #9aa1a9;
336
+ font-weight: bold;
337
+ transform: translateY(-2px);
338
+ content: '|';
339
+ }
340
+ }
341
+ &-list {
342
+ margin: 0 10px 0 20px;
343
+ padding: 10px 0;
344
+ border-bottom: 1px solid #e6e7ea;
345
+ }
346
+ }
347
+ &-history {
348
+ &-list {
349
+ margin: 0 10px 0 20px;
350
+ padding: 10px 0;
351
+ border-bottom: 1px solid #e6e7ea;
352
+ span {
353
+ margin: 0 5px;
354
+ color: #116acc;
355
+ }
356
+ }
357
+ }
358
+ }
359
+
360
+ #system-setting-demand {
361
+ position: fixed;
362
+ z-index: -1000;
363
+ width: 100%;
364
+ height: 100vh;
365
+ margin: 50px;
366
+ .x6-graph-background,
367
+ .x6-graph-grid,
368
+ .x6-graph-svg {
369
+ position: relative;
370
+ width: 100%;
371
+ height: 100vh;
372
+ }
373
+ }