@zgfe/modules-settings 2.0.0-zhongyuan.31 → 2.0.0-zhongyuan.32

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 (7) hide show
  1. package/es/modules/companySetting/application/index.less +144 -144
  2. package/es/modules/createDemand/constants.js +1 -1
  3. package/es/modules/createDemand/index.js +73 -43
  4. package/es/modules/createDemand/styles/index.less +397 -390
  5. package/es/modules/demandManage/index.js +3 -3
  6. package/es/modules/demandManage/styles/index.less +155 -155
  7. package/package.json +2 -2
package/es/modules/createDemand/styles/index.less CHANGED
@@ -1,390 +1,397 @@
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
- &-empty {
342
- min-height: 200px;
343
- color: #9aa1a9;
344
- font-size: 16px;
345
- line-height: 200px;
346
- text-align: center;
347
- }
348
- &-list {
349
- margin: 0 10px 0 20px;
350
- padding: 10px 0;
351
- border-bottom: 1px solid #e6e7ea;
352
- &-time {
353
- margin-left: 10px;
354
- color: #9aa1a9;
355
- font-size: 12px;
356
- }
357
- &-text {
358
- margin-top: 10px;
359
- color: #9aa1a9;
360
- font-size: 12px;
361
- }
362
- }
363
- }
364
- &-history {
365
- &-list {
366
- margin: 0 10px 0 20px;
367
- padding: 10px 0;
368
- border-bottom: 1px solid #e6e7ea;
369
- span {
370
- margin: 0 5px;
371
- color: #116acc;
372
- }
373
- }
374
- }
375
- }
376
-
377
- #system-setting-demand {
378
- position: fixed;
379
- z-index: -1000;
380
- width: 100%;
381
- height: 100vh;
382
- margin: 50px;
383
- .x6-graph-background,
384
- .x6-graph-grid,
385
- .x6-graph-svg {
386
- position: relative;
387
- width: 100%;
388
- height: 100vh;
389
- }
390
- }
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
+ &-ptxt {
195
+ display: block;
196
+ transform: translateY(6px);
197
+ }
198
+ &-row {
199
+ display: flex;
200
+ flex-direction: row;
201
+ gap: 12px;
202
+ align-items: center;
203
+ height: 34px;
204
+ .qingchu {
205
+ font-size: 16px;
206
+ cursor: pointer;
207
+ }
208
+ .icon-yasuobao {
209
+ font-size: 24px;
210
+ }
211
+ }
212
+ &-tab {
213
+ display: flex;
214
+ flex: 1 0 0;
215
+ gap: 24px;
216
+ align-items: flex-start;
217
+ padding: 12px 24px 0px 24px;
218
+ background: var(--io-n-02, #fafafb);
219
+ border-bottom: 1px solid var(--io-N1-, #e6e7ea);
220
+ &-item {
221
+ display: flex;
222
+ flex-direction: column;
223
+ align-items: flex-start;
224
+ padding-bottom: 10px;
225
+ color: #021429;
226
+ font-size: 16px;
227
+ line-height: 20px; /* 125% */
228
+ border-bottom: 2px solid transparent;
229
+ cursor: pointer;
230
+ }
231
+ &-item-select {
232
+ display: flex;
233
+ flex-direction: column;
234
+ align-items: flex-start;
235
+ padding-bottom: 10px;
236
+ color: #165dff;
237
+ font-size: 16px;
238
+ line-height: 20px; /* 125% */
239
+ border-bottom: 2px solid #165dff;
240
+ cursor: pointer;
241
+ }
242
+ }
243
+ &-filter {
244
+ display: flex;
245
+ flex-direction: row;
246
+ gap: 16px;
247
+ padding: 1px 0 16px;
248
+ .button:not(.disabled) {
249
+ color: #1454e5;
250
+ border: 1px solid #1454e5;
251
+ }
252
+ }
253
+ &-content {
254
+ min-height: 300px;
255
+ }
256
+ }
257
+ }
258
+ &-right {
259
+ margin-left: auto;
260
+ &-button {
261
+ margin-left: 10px;
262
+ }
263
+ }
264
+ &-tabList {
265
+ display: flex;
266
+ align-items: center;
267
+ color: #9aa1a9;
268
+ border-radius: 5px;
269
+ // outline: 1px solid #9aa1a9;
270
+ &-item {
271
+ box-sizing: border-box;
272
+ width: 90px;
273
+ height: 32px;
274
+ line-height: 32px;
275
+ text-align: center;
276
+ cursor: pointer;
277
+ }
278
+ &-item:nth-child(1) {
279
+ border-top: 1px solid #9aa1a9;
280
+ border-bottom: 1px solid #9aa1a9;
281
+ border-left: 1px solid #9aa1a9;
282
+ border-radius: 2px 0 0 2px;
283
+ }
284
+ &-item:nth-child(2) {
285
+ border-top: 1px solid #9aa1a9;
286
+ border-right: 1px solid #9aa1a9;
287
+ border-bottom: 1px solid #9aa1a9;
288
+ border-radius: 0 2px 2px 0;
289
+ }
290
+ &-active {
291
+ color: #fff;
292
+ background-color: #165dff;
293
+ border: none !important;
294
+ }
295
+ }
296
+ }
297
+ &-drawer {
298
+ .ant-drawer-header-title .ant-drawer-close {
299
+ position: absolute;
300
+ right: 6px;
301
+ }
302
+ }
303
+ &-content-img-select {
304
+ position: relative;
305
+ display: flex;
306
+ align-items: center;
307
+ align-self: stretch;
308
+ justify-content: center;
309
+ width: 80px;
310
+ height: 80px;
311
+ background: var(--io-n-05, #f2f3f4);
312
+ border: 1px solid var(--io-N1-, #e6e7ea);
313
+ border-radius: 4px;
314
+ img {
315
+ max-width: 78px;
316
+ max-height: 78px;
317
+ }
318
+ }
319
+ &-comment {
320
+ width: 100%;
321
+ margin-top: 20px;
322
+ &-tab {
323
+ display: flex;
324
+ align-items: center;
325
+ margin: 0 10px 0 20px;
326
+ padding-bottom: 10px;
327
+ font-size: 16px;
328
+ border-bottom: 1px solid #e6e7ea;
329
+
330
+ &-btn {
331
+ color: #9aa1a9;
332
+ font-size: 16px;
333
+ cursor: pointer;
334
+ }
335
+ &-btnActive {
336
+ color: #116acc;
337
+ font-weight: bold;
338
+ }
339
+ &-btn + &-btn::before {
340
+ display: inline-block;
341
+ margin: 0 10px;
342
+ color: #9aa1a9;
343
+ font-weight: bold;
344
+ transform: translateY(-2px);
345
+ content: '|';
346
+ }
347
+ }
348
+ &-empty {
349
+ min-height: 200px;
350
+ color: #9aa1a9;
351
+ font-size: 16px;
352
+ line-height: 200px;
353
+ text-align: center;
354
+ }
355
+ &-list {
356
+ margin: 0 10px 0 20px;
357
+ padding: 10px 0;
358
+ border-bottom: 1px solid #e6e7ea;
359
+ &-time {
360
+ margin-left: 10px;
361
+ color: #9aa1a9;
362
+ font-size: 12px;
363
+ }
364
+ &-text {
365
+ margin-top: 5px;
366
+ color: #9aa1a9;
367
+ font-size: 12px;
368
+ }
369
+ }
370
+ }
371
+ &-history {
372
+ &-list {
373
+ margin: 0 10px 0 20px;
374
+ padding: 10px 0;
375
+ border-bottom: 1px solid #e6e7ea;
376
+ span {
377
+ margin: 0 5px;
378
+ color: #116acc;
379
+ }
380
+ }
381
+ }
382
+ }
383
+
384
+ #system-setting-demand {
385
+ position: fixed;
386
+ z-index: -1000;
387
+ width: 100%;
388
+ height: 100vh;
389
+ margin: 50px;
390
+ .x6-graph-background,
391
+ .x6-graph-grid,
392
+ .x6-graph-svg {
393
+ position: relative;
394
+ width: 100%;
395
+ height: 100vh;
396
+ }
397
+ }