@zgfe/modules-settings 2.0.0-zhongyuan.7 → 2.0.0-zhongyuan.9

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.
@@ -315,6 +315,25 @@ var UserGroup = function UserGroup(props) {
315
315
  },
316
316
  maxLength: 10,
317
317
  placeholder: '请输入姓名'
318
+ })), /*#__PURE__*/React.createElement(Form.Item, {
319
+ name: 'telphone',
320
+ label: "\u624B\u673A\u53F7",
321
+ rules: [{
322
+ required: true,
323
+ message: '请输入手机号'
324
+ }, {
325
+ pattern: /^[0-9]{11}$/,
326
+ message: '请输入正确的手机号'
327
+ }]
328
+ }, /*#__PURE__*/React.createElement(Input, {
329
+ onBlur: function onBlur(event) {
330
+ var _event$target2, _event$target2$value;
331
+ form.setFieldsValue({
332
+ telphone: event === null || event === void 0 ? void 0 : (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : (_event$target2$value = _event$target2.value) === null || _event$target2$value === void 0 ? void 0 : _event$target2$value.replace(/^[0-9]{11}$/g, '')
333
+ });
334
+ },
335
+ maxLength: 11,
336
+ placeholder: '请输入手机号'
318
337
  })), /*#__PURE__*/React.createElement(Form.Item, {
319
338
  name: 'roleIds',
320
339
  label: "\u89D2\u8272",
@@ -46,7 +46,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
46
46
  _useState6 = _slicedToArray(_useState5, 2),
47
47
  demandName = _useState6[0],
48
48
  setDemandName = _useState6[1];
49
- // 状态:1-待处理, 2-处理中,3-已驳回,4-已结束
49
+ // 状态:1-待处理, 2-处理中,3-已驳回,4-已结束,5-已超时
50
50
  var _useState7 = useState(0),
51
51
  _useState8 = _slicedToArray(_useState7, 2),
52
52
  demandStatus = _useState8[0],
@@ -181,7 +181,7 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
181
181
  dataIndex: 'demandStatus',
182
182
  width: 160,
183
183
  render: function render(demandStatus) {
184
- var status = ['', '待处理', '处理中', '已驳回', '已结束'];
184
+ var status = ['', '待处理', '处理中', '已驳回', '已超时', '已结束'];
185
185
  return /*#__PURE__*/React.createElement("div", {
186
186
  style: {
187
187
  display: 'flex'
@@ -367,6 +367,18 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
367
367
  }
368
368
  }, demandInfo ? (demandInfo === null || demandInfo === void 0 ? void 0 : demandInfo.rejectedSum) || 0 : '-')), /*#__PURE__*/React.createElement("div", {
369
369
  className: "".concat(classPrefix, "-panel-status-item")
370
+ }, /*#__PURE__*/React.createElement("div", {
371
+ className: "".concat(classPrefix, "-panel-status-item-txt"),
372
+ onClick: function onClick() {
373
+ return setDemandStatus(5);
374
+ }
375
+ }, "\u5DF2\u8D85\u65F6"), /*#__PURE__*/React.createElement("div", {
376
+ className: "".concat(classPrefix, "-panel-status-item-num"),
377
+ onClick: function onClick() {
378
+ return setDemandStatus(5);
379
+ }
380
+ }, demandInfo ? (demandInfo === null || demandInfo === void 0 ? void 0 : demandInfo.OverTimeSum) || 0 : '-')), /*#__PURE__*/React.createElement("div", {
381
+ className: "".concat(classPrefix, "-panel-status-item")
370
382
  }, /*#__PURE__*/React.createElement("div", {
371
383
  className: "".concat(classPrefix, "-panel-status-item-txt"),
372
384
  onClick: function onClick() {
@@ -423,6 +435,9 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
423
435
  }, {
424
436
  value: 4,
425
437
  label: '已结束'
438
+ }, {
439
+ value: 5,
440
+ label: '已超时'
426
441
  }]
427
442
  }), /*#__PURE__*/React.createElement("div", {
428
443
  className: "top-total"
@@ -1,210 +1,215 @@
1
- // @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
- .system-setting-demand {
3
- padding: 24px;
4
- background-color: #fff;
5
-
6
- &-title {
7
- padding: 16px 0;
8
- color: #021429;
9
- font-weight: 500;
10
- font-size: 20px;
11
- }
12
-
13
- &-panel {
14
- display: flex;
15
- flex-direction: row;
16
- gap: 16px;
17
- &-all {
18
- display: flex;
19
- flex-direction: row;
20
- gap: 16px;
21
- align-items: center;
22
- width: 256px;
23
- padding: 24px;
24
- color: var(--io-N8-, #354354);
25
- font-weight: 400;
26
- font-size: 16px;
27
- background: var(--io-n-02, #fafafb);
28
- border-radius: 8px;
29
- &-img {
30
- width: 64px;
31
- height: 64px;
32
- background: url('./../images/title-bg.png') no-repeat;
33
- background-size: contain;
34
- }
35
- &-num {
36
- color: var(--io-N-, #021429);
37
- font-weight: 700;
38
- font-size: 32px;
39
- line-height: 40px; /* 125% */
40
- cursor: pointer;
41
- }
42
- }
43
- &-status {
44
- display: flex;
45
- flex: 1;
46
- flex-direction: row;
47
- color: var(--io-N8-, #354354);
48
- font-weight: 400;
49
- font-size: 16px;
50
- font-family: 'PingFang SC';
51
- font-style: normal;
52
- line-height: normal;
53
- background: var(--io-n-02, #fafafb);
54
- border-radius: 8px;
55
- &-item {
56
- display: flex;
57
- flex: 1;
58
- // align-items: center;
59
- flex-direction: column;
60
- padding: 24px;
61
- &-txt {
62
- display: flex;
63
- flex-direction: row;
64
- gap: 4px;
65
- align-items: center;
66
- cursor: pointer;
67
- &::before {
68
- display: block;
69
- width: 8px;
70
- height: 8px;
71
- border-radius: 4px;
72
- content: '';
73
- }
74
- }
75
- &-num {
76
- margin-top: 4px;
77
- margin-left: 12px;
78
- color: var(--io-N-, #021429);
79
- font-weight: 700;
80
- font-size: 32px;
81
- font-family: Arial;
82
- font-style: normal;
83
- line-height: 40px; /* 125% */
84
- cursor: pointer;
85
- }
86
- }
87
- &-item:nth-child(1) {
88
- .system-setting-demand-panel-status-item-txt::before {
89
- background-color: #fd9f41;
90
- }
91
- }
92
- &-item:nth-child(2) {
93
- .system-setting-demand-panel-status-item-txt::before {
94
- background-color: #165dff;
95
- }
96
- }
97
- &-item:nth-child(3) {
98
- .system-setting-demand-panel-status-item-txt::before {
99
- background-color: #fb5547;
100
- }
101
- }
102
- &-item:nth-child(4) {
103
- .system-setting-demand-panel-status-item-txt::before {
104
- background-color: #ccd0d4;
105
- }
106
- }
107
- }
108
- }
109
- &-filter {
110
- display: flex;
111
- flex-direction: row;
112
- align-items: center;
113
- padding: 16px 0;
114
- &-left {
115
- display: flex;
116
- flex: 1;
117
- flex-direction: row;
118
- gap: 16px;
119
- align-items: center;
120
- }
121
- &-right {
122
- display: flex;
123
- flex-direction: row;
124
- gap: 16px;
125
- align-items: center;
126
- .button:not(.disabled):not(.ant-btn-primary) {
127
- color: #1454e5;
128
- border: 1px solid #1454e5;
129
- }
130
- }
131
- }
132
-
133
- &-table {
134
- &-status2 {
135
- display: flex;
136
- align-items: center;
137
- padding: 1px 8px;
138
- color: var(--io-i-, #165dff);
139
- font-weight: 400;
140
- font-size: 14px;
141
- line-height: 22px; /* 157.143% */
142
- background: var(--io-i1-, #e8efff);
143
- border-radius: 2px;
144
- }
145
- &-status1 {
146
- display: flex;
147
- align-items: center;
148
- padding: 1px 8px;
149
- color: var(--io-i-, #fd9f41);
150
- font-weight: 400;
151
- font-size: 14px;
152
- line-height: 22px; /* 157.143% */
153
- background: var(--io-i1-, #ffecd9);
154
- border-radius: 2px;
155
- }
156
- &-status3 {
157
- display: flex;
158
- align-items: center;
159
- padding: 1px 8px;
160
- color: var(--io-i-, #fb5547);
161
- font-weight: 400;
162
- font-size: 14px;
163
- line-height: 22px; /* 157.143% */
164
- background: var(--io-i1-, #ffece8);
165
- border-radius: 2px;
166
- }
167
- &-status4 {
168
- display: flex;
169
- align-items: center;
170
- padding: 1px 8px;
171
- color: var(--io-i-, #5f6085);
172
- font-weight: 400;
173
- font-size: 14px;
174
- line-height: 22px; /* 157.143% */
175
- background: var(--io-i1-, #f2f3f4);
176
- border-radius: 2px;
177
- }
178
- }
179
- }
180
- .system-setting-demand-pop {
181
- display: flex;
182
- flex-direction: column;
183
- gap: 8px;
184
- width: 136px;
185
- &-header {
186
- display: flex;
187
- flex-direction: row;
188
- align-items: flex-start;
189
- justify-content: space-between;
190
- color: var(--io-N-, #021429);
191
- font-weight: 400;
192
- font-size: 16px;
193
- line-height: 24px; /* 150% */
194
- .qingchu {
195
- color: #9aa1a9;
196
- cursor: pointer;
197
- }
198
- }
199
- &-footer {
200
- display: flex;
201
- flex-direction: row;
202
- align-items: center;
203
- justify-content: space-between;
204
- .ant-btn-primary {
205
- height: 24px;
206
- padding-top: 0;
207
- padding-bottom: 0;
208
- }
209
- }
210
- }
1
+ // @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
+ .system-setting-demand {
3
+ padding: 24px;
4
+ background-color: #fff;
5
+
6
+ &-title {
7
+ padding: 16px 0;
8
+ color: #021429;
9
+ font-weight: 500;
10
+ font-size: 20px;
11
+ }
12
+
13
+ &-panel {
14
+ display: flex;
15
+ flex-direction: row;
16
+ gap: 16px;
17
+ &-all {
18
+ display: flex;
19
+ flex-direction: row;
20
+ gap: 16px;
21
+ align-items: center;
22
+ width: 256px;
23
+ padding: 24px;
24
+ color: var(--io-N8-, #354354);
25
+ font-weight: 400;
26
+ font-size: 16px;
27
+ background: var(--io-n-02, #fafafb);
28
+ border-radius: 8px;
29
+ &-img {
30
+ width: 64px;
31
+ height: 64px;
32
+ background: url('./../images/title-bg.png') no-repeat;
33
+ background-size: contain;
34
+ }
35
+ &-num {
36
+ color: var(--io-N-, #021429);
37
+ font-weight: 700;
38
+ font-size: 32px;
39
+ line-height: 40px; /* 125% */
40
+ cursor: pointer;
41
+ }
42
+ }
43
+ &-status {
44
+ display: flex;
45
+ flex: 1;
46
+ flex-direction: row;
47
+ color: var(--io-N8-, #354354);
48
+ font-weight: 400;
49
+ font-size: 16px;
50
+ font-family: 'PingFang SC';
51
+ font-style: normal;
52
+ line-height: normal;
53
+ background: var(--io-n-02, #fafafb);
54
+ border-radius: 8px;
55
+ &-item {
56
+ display: flex;
57
+ flex: 1;
58
+ // align-items: center;
59
+ flex-direction: column;
60
+ padding: 24px;
61
+ &-txt {
62
+ display: flex;
63
+ flex-direction: row;
64
+ gap: 4px;
65
+ align-items: center;
66
+ cursor: pointer;
67
+ &::before {
68
+ display: block;
69
+ width: 8px;
70
+ height: 8px;
71
+ border-radius: 4px;
72
+ content: '';
73
+ }
74
+ }
75
+ &-num {
76
+ margin-top: 4px;
77
+ margin-left: 12px;
78
+ color: var(--io-N-, #021429);
79
+ font-weight: 700;
80
+ font-size: 32px;
81
+ font-family: Arial;
82
+ font-style: normal;
83
+ line-height: 40px; /* 125% */
84
+ cursor: pointer;
85
+ }
86
+ }
87
+ &-item:nth-child(1) {
88
+ .system-setting-demand-panel-status-item-txt::before {
89
+ background-color: #fd9f41;
90
+ }
91
+ }
92
+ &-item:nth-child(2) {
93
+ .system-setting-demand-panel-status-item-txt::before {
94
+ background-color: #165dff;
95
+ }
96
+ }
97
+ &-item:nth-child(3) {
98
+ .system-setting-demand-panel-status-item-txt::before {
99
+ background-color: #fb5547;
100
+ }
101
+ }
102
+ &-item:nth-child(4) {
103
+ .system-setting-demand-panel-status-item-txt::before {
104
+ background-color: #e1f703;
105
+ }
106
+ }
107
+ &-item:nth-child(5) {
108
+ .system-setting-demand-panel-status-item-txt::before {
109
+ background-color: #ccd0d4;
110
+ }
111
+ }
112
+ }
113
+ }
114
+ &-filter {
115
+ display: flex;
116
+ flex-direction: row;
117
+ align-items: center;
118
+ padding: 16px 0;
119
+ &-left {
120
+ display: flex;
121
+ flex: 1;
122
+ flex-direction: row;
123
+ gap: 16px;
124
+ align-items: center;
125
+ }
126
+ &-right {
127
+ display: flex;
128
+ flex-direction: row;
129
+ gap: 16px;
130
+ align-items: center;
131
+ .button:not(.disabled):not(.ant-btn-primary) {
132
+ color: #1454e5;
133
+ border: 1px solid #1454e5;
134
+ }
135
+ }
136
+ }
137
+
138
+ &-table {
139
+ &-status2 {
140
+ display: flex;
141
+ align-items: center;
142
+ padding: 1px 8px;
143
+ color: var(--io-i-, #165dff);
144
+ font-weight: 400;
145
+ font-size: 14px;
146
+ line-height: 22px; /* 157.143% */
147
+ background: var(--io-i1-, #e8efff);
148
+ border-radius: 2px;
149
+ }
150
+ &-status1 {
151
+ display: flex;
152
+ align-items: center;
153
+ padding: 1px 8px;
154
+ color: var(--io-i-, #fd9f41);
155
+ font-weight: 400;
156
+ font-size: 14px;
157
+ line-height: 22px; /* 157.143% */
158
+ background: var(--io-i1-, #ffecd9);
159
+ border-radius: 2px;
160
+ }
161
+ &-status3 {
162
+ display: flex;
163
+ align-items: center;
164
+ padding: 1px 8px;
165
+ color: var(--io-i-, #fb5547);
166
+ font-weight: 400;
167
+ font-size: 14px;
168
+ line-height: 22px; /* 157.143% */
169
+ background: var(--io-i1-, #ffece8);
170
+ border-radius: 2px;
171
+ }
172
+ &-status4 {
173
+ display: flex;
174
+ align-items: center;
175
+ padding: 1px 8px;
176
+ color: var(--io-i-, #5f6085);
177
+ font-weight: 400;
178
+ font-size: 14px;
179
+ line-height: 22px; /* 157.143% */
180
+ background: var(--io-i1-, #f2f3f4);
181
+ border-radius: 2px;
182
+ }
183
+ }
184
+ }
185
+ .system-setting-demand-pop {
186
+ display: flex;
187
+ flex-direction: column;
188
+ gap: 8px;
189
+ width: 136px;
190
+ &-header {
191
+ display: flex;
192
+ flex-direction: row;
193
+ align-items: flex-start;
194
+ justify-content: space-between;
195
+ color: var(--io-N-, #021429);
196
+ font-weight: 400;
197
+ font-size: 16px;
198
+ line-height: 24px; /* 150% */
199
+ .qingchu {
200
+ color: #9aa1a9;
201
+ cursor: pointer;
202
+ }
203
+ }
204
+ &-footer {
205
+ display: flex;
206
+ flex-direction: row;
207
+ align-items: center;
208
+ justify-content: space-between;
209
+ .ant-btn-primary {
210
+ height: 24px;
211
+ padding-top: 0;
212
+ padding-bottom: 0;
213
+ }
214
+ }
215
+ }