kmkf-work-order-service-component 0.5.0-alpha.11 → 0.5.0-alpha.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -4,11 +4,8 @@
4
4
  max-height: 78px;
5
5
  margin-bottom: 4px;
6
6
  overflow-y: auto;
7
- background-color: #fff;
8
7
  &:hover {
9
- position: absolute;
10
- z-index: 1;
11
- max-height: 160px;
8
+ max-height: 130px;
12
9
  }
13
10
  .template-button {
14
11
  margin-right: 8px;
@@ -139,7 +139,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref4) {
139
139
  var tabActive = _ref4.tabActive;
140
140
  var dispatch = useAppDispatch();
141
141
 
142
- var _useState = useState(false),
142
+ var _useState = useState(true),
143
143
  _useState2 = _slicedToArray(_useState, 2),
144
144
  open = _useState2[0],
145
145
  setOpen = _useState2[1];
@@ -246,9 +246,6 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref4) {
246
246
  };
247
247
 
248
248
  var searchForm = /*#__PURE__*/_jsxs("div", {
249
- style: {
250
- marginTop: '8px'
251
- },
252
249
  children: [/*#__PURE__*/_jsx(Form, {
253
250
  form: form,
254
251
  className: "customizeSearch ".concat(open ? 'open' : 'close'),
@@ -377,8 +374,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref4) {
377
374
  children: /*#__PURE__*/_jsxs("div", {
378
375
  className: "custom_box",
379
376
  style: {
380
- display: tabActive === 'custom' ? 'flex' : 'none',
381
- flexDirection: 'column'
377
+ display: tabActive === 'custom' ? 'block' : 'none'
382
378
  },
383
379
  children: [/*#__PURE__*/_jsxs("div", {
384
380
  className: "custom-top",
@@ -387,17 +383,14 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref4) {
387
383
  children: /*#__PURE__*/_jsx("span", {
388
384
  children: "\u9ED8\u8BA4\u8FD130\u5929\u7684\u5168\u90E8\u5DE5\u5355"
389
385
  })
390
- }), /*#__PURE__*/_jsx("div", {
391
- className: "template-list-flex-height",
392
- children: /*#__PURE__*/_jsx(TemplateList, {
393
- templateList: allTempLateList,
394
- handleCreateWorkOrder: handleCreateWorkOrder
395
- })
386
+ }), /*#__PURE__*/_jsx(TemplateList, {
387
+ templateList: allTempLateList,
388
+ handleCreateWorkOrder: handleCreateWorkOrder
396
389
  })]
397
390
  }), searchForm, /*#__PURE__*/_jsxs("div", {
398
391
  className: "custom_box_main_layout",
399
392
  children: [/*#__PURE__*/_jsx("main", {
400
- className: "custom_box_main",
393
+ className: "custom_box_main custom_box_main_".concat(platform),
401
394
  children: dataSource.length > 0 ? dataSource.map(function (item) {
402
395
  return /*#__PURE__*/_jsx(CustomizeWorkOrderCard, {
403
396
  item: item,
@@ -1,5 +1,6 @@
1
1
  .custom_box {
2
- overflow: hidden;
2
+ // height: calc(100vh - 58px);
3
+ overflow-x: hidden;
3
4
  :global(.ant-row) {
4
5
  margin: 0 !important;
5
6
  }
@@ -18,9 +19,6 @@
18
19
  justify-content: space-between;
19
20
  margin-bottom: 4px;
20
21
  }
21
- .template-list-flex-height {
22
- height: 78px;
23
- }
24
22
  .custom_box_header {
25
23
  padding: 0 16px 16px 16px;
26
24
  border-bottom: 1px solid #f2f2f2;
@@ -127,19 +125,28 @@
127
125
 
128
126
  .custom_box_main_layout {
129
127
  display: flex;
130
- flex: 1 1 auto;
131
128
  flex-direction: column;
132
129
  justify-content: space-between;
133
- overflow: auto;
134
130
  }
135
131
 
136
132
  .custom_box_main {
133
+ height: calc(100vh - 338px);
137
134
  margin-top: 8px;
138
- margin-bottom: 40px;
139
135
  overflow: auto;
140
136
  background-color: #fafafa;
141
137
  }
142
138
 
139
+ .custom_box_main_fxg {
140
+ height: calc(100vh - 412px);
141
+ }
142
+ .custom_box_main_xiaozhi {
143
+ height: calc(100vh - 228px);
144
+ }
145
+
146
+ .custom_box_main_ks {
147
+ height: calc(100vh - 538px); // TODO: ks顶部多144px
148
+ }
149
+
143
150
  .custom_box_main_empty {
144
151
  display: flex;
145
152
  align-items: center;
@@ -151,14 +158,11 @@
151
158
  }
152
159
 
153
160
  .custom_box_page {
154
- position: absolute;
155
- bottom: 0;
156
161
  display: flex;
157
- flex: 1;
158
- align-items: center;
162
+ flex-basis: 40px;
159
163
  justify-content: flex-end;
160
164
  width: 100%;
161
- height: 40px;
165
+ padding: 0 16px;
162
166
  background-color: #fff;
163
167
  }
164
168
  .bottom-actions {
@@ -175,7 +179,7 @@
175
179
  cursor: pointer;
176
180
  }
177
181
  .customizeSearch {
178
- padding: 8px 8px 0px 8px;
182
+ padding: 8px;
179
183
  background-color: #fff;
180
184
  transition: all 0.3s linear;
181
185
  .ant-form-item {
@@ -318,13 +318,13 @@ function PaymentWorkOrderCard(props) {
318
318
  }), /*#__PURE__*/_jsx("div", {
319
319
  className: "workOrderInfo",
320
320
  children: renderFormItem([{
321
- label: '提交时间:',
321
+ label: '提交时间:',
322
322
  value: moment(operateTime).format('YYYY-MM-DD HH:mm:ss')
323
323
  }, {
324
- label: '提交客服:',
324
+ label: '提交客服:',
325
325
  value: operateNick
326
326
  }, {
327
- label: '打款时间:',
327
+ label: '打款时间:',
328
328
  value: remitTime ? moment(remitTime).format('YYYY-MM-DD HH:mm:ss') : ''
329
329
  }])
330
330
  }), /*#__PURE__*/_jsx(Divider, {
@@ -335,22 +335,22 @@ function PaymentWorkOrderCard(props) {
335
335
  }), /*#__PURE__*/_jsxs("div", {
336
336
  className: "paymentInfo",
337
337
  children: [renderFormItem([{
338
- label: '打款金额:',
338
+ label: '打款金额:',
339
339
  value: "\xA5 ".concat(workPayFee)
340
340
  }, {
341
- label: '店铺名称:',
341
+ label: '店铺名称:',
342
342
  value: shopName
343
343
  }, {
344
- label: '买家昵称:',
344
+ label: '买家昵称:',
345
345
  value: buyerNick
346
346
  }, {
347
- label: '订单编号:',
347
+ label: '订单编号:',
348
348
  value: tid
349
349
  }, {
350
- label: '支付宝名称:',
350
+ label: '支付宝名称:',
351
351
  value: accountNickMix
352
352
  }, {
353
- label: '支付宝账号:',
353
+ label: '支付宝账号:',
354
354
  value: accountNoMix
355
355
  }]), /*#__PURE__*/_jsx(WorkOrderId, {
356
356
  label: "\u5DE5\u5355\u7F16\u53F7\uFF1A",
@@ -259,8 +259,7 @@ var PaymentWorkOrderList = function PaymentWorkOrderList(_ref) {
259
259
  return /*#__PURE__*/_jsxs("div", {
260
260
  className: "custom_box",
261
261
  style: {
262
- display: tabActive === 'payment' ? 'flex' : 'none',
263
- flexDirection: 'column'
262
+ display: tabActive === 'payment' ? 'block' : 'none'
264
263
  },
265
264
  children: [/*#__PURE__*/_jsxs("div", {
266
265
  className: "bottom-actions",
@@ -276,9 +275,9 @@ var PaymentWorkOrderList = function PaymentWorkOrderList(_ref) {
276
275
  onClick: handleAddPaymentWorkOrder,
277
276
  children: "+\u65B0\u5EFA\u5DE5\u5355"
278
277
  })]
279
- }), searchForm, /*#__PURE__*/_jsxs("div", {
280
- className: "payment_box_main",
281
- children: [payOrderList.length ? payOrderList.map(function (item) {
278
+ }), searchForm, /*#__PURE__*/_jsx("div", {
279
+ className: "payment_box_main payment_box_main_".concat(platform),
280
+ children: payOrderList.length ? payOrderList.map(function (item) {
282
281
  return /*#__PURE__*/_jsx(PaymentWorkOrderCard, {
283
282
  record: item
284
283
  }, item.id);
@@ -292,21 +291,21 @@ var PaymentWorkOrderList = function PaymentWorkOrderList(_ref) {
292
291
  children: "\u6682\u65E0\u6570\u636E"
293
292
  })]
294
293
  })
295
- }), /*#__PURE__*/_jsx("div", {
296
- className: "payment_box_page",
297
- children: /*#__PURE__*/_jsx(Pagination, {
298
- size: "small",
299
- showQuickJumper: true,
300
- showSizeChanger: false,
301
- showTotal: function showTotal(total) {
302
- return "\u5171".concat(total, "\u6761");
303
- },
304
- current: paySearch.pageNo,
305
- pageSize: paySearch.pageSize,
306
- total: total,
307
- onChange: onChangePage
308
- })
309
- })]
294
+ })
295
+ }), /*#__PURE__*/_jsx("div", {
296
+ className: "custom_box_page",
297
+ children: /*#__PURE__*/_jsx(Pagination, {
298
+ size: "small",
299
+ showQuickJumper: true,
300
+ showSizeChanger: false,
301
+ showTotal: function showTotal(total) {
302
+ return "\u5171".concat(total, "\u6761");
303
+ },
304
+ current: paySearch.pageNo,
305
+ pageSize: paySearch.pageSize,
306
+ total: total,
307
+ onChange: onChangePage
308
+ })
310
309
  }), /*#__PURE__*/_jsx(ExamineModal, {}), /*#__PURE__*/_jsx(UnExamineModal, {}), /*#__PURE__*/_jsx(DeletePaymentWorkOrderModal, {}), /*#__PURE__*/_jsx(FlagPayModal, {}), /*#__PURE__*/_jsx(RecordModal, {
311
310
  width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
312
311
  }), /*#__PURE__*/_jsx(PaymentFormModal, {
@@ -103,6 +103,12 @@
103
103
  }
104
104
  }
105
105
 
106
+ .custom_box_main {
107
+ height: calc(100vh - 338px);
108
+ overflow: auto;
109
+ background-color: #fafafa;
110
+ }
111
+
106
112
  .custom_box_main_fxg {
107
113
  height: calc(100vh - 446px);
108
114
  }
@@ -122,22 +128,21 @@
122
128
  }
123
129
 
124
130
  .payment_box_main {
125
- display: flex;
126
- flex: 1 1 auto;
127
- flex-direction: column;
128
- justify-content: space-between;
129
- margin-top: 8px;
130
- margin-bottom: 40px;
131
- overflow: auto;
131
+ height: calc(100vh - 236px);
132
132
  overflow: auto;
133
133
  background-color: #fafafa;
134
134
  }
135
135
 
136
- .payment_box_page {
137
- position: absolute;
138
- bottom: 0;
136
+ .payment_box_main_fxg {
137
+ height: calc(100vh - 340px);
138
+ }
139
+
140
+ .payment_box_main_ks {
141
+ height: calc(100vh - 436px);
142
+ }
143
+
144
+ .custom_box_page {
139
145
  display: flex;
140
- align-items: center;
141
146
  justify-content: flex-end;
142
147
  width: 100%;
143
148
  height: 40px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kmkf-work-order-service-component",
3
- "version": "0.5.0-alpha.11",
3
+ "version": "0.5.0-alpha.2",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",