kmkf-work-order-service-component 0.4.10-alpha.7 → 0.5.0-alpha.1

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/PaymentFormModal/index.js

@@ -39,6 +39,8 @@ import { useAppSelector } from "../../../../../model/hooks";
 import { decodeAlipayInfo, editRemitOrder, addPaymentOrder, getThirdOpenUidByOrderNo, paymentReplaceCheck } from "../../../../../model/servers/api";
 import { selectPaymentFormModalVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
 import { setPaymentFormModalVisible } from "../../../../../model/paymentWorkOrder";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 function ModifyModal(props) {
   var afterSuccessUpdateWorkOrder = props.afterSuccessUpdateWorkOrder,
@@ -323,8 +325,8 @@ function ModifyModal(props) {
     };
   }();
 
-  return /*#__PURE__*/React.createElement(Drawer, {
-    closeIcon: /*#__PURE__*/React.createElement(LeftOutlined, null),
+  return /*#__PURE__*/_jsx(Drawer, {
+    closeIcon: /*#__PURE__*/_jsx(LeftOutlined, {}),
     open: visible,
     width: width,
     onClose: function onClose() {
@@ -333,71 +335,83 @@ function ModifyModal(props) {
     },
     title: "\u5F55\u5165\u5DE5\u5355",
     destroyOnClose: true,
-    footer: /*#__PURE__*/React.createElement(Space, {
+    footer: /*#__PURE__*/_jsxs(Space, {
       style: {
         float: 'right'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: handleCancel
-    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: debounce(handleOk, 300)
-    }, "\u786E\u5B9A"))
-  }, /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    labelCol: {
-      span: 6
-    },
-    wrapperCol: {
-      span: 18
-    }
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u6253\u6B3E\u91D1\u989D",
-    name: "workPayFee",
-    rules: [{
-      required: true,
-      message: '请输入打款金额'
-    }, {
-      pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/,
-      message: '打款金额最多2位小数'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u4E70\u5BB6\u6635\u79F0",
-    name: "buyerNick",
-    rules: [{
-      required: false,
-      message: '请输入买家昵称'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u8BA2\u5355\u7F16\u53F7",
-    name: "tid",
-    rules: [{
-      required: true,
-      message: '请输入订单编号'
-    }, {
-      pattern: /^[0-9a-zA-Z_-]{1,}$/,
-      message: '请输入正确的订单编号'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, {
-    onChange: TidChangeHandle,
-    onBlur: TidBlurHandle
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u652F\u4ED8\u5B9D\u59D3\u540D",
-    name: "accountNick"
-  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u652F\u4ED8\u5B9D\u8D26\u53F7",
-    name: "accountNo",
-    rules: [{
-      pattern: /^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/,
-      message: '请输入正确的支付宝账号格式'
-    }]
-  }, /*#__PURE__*/React.createElement(Input, null))), count > 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: '#e99d42'
-    }
-  }, "\u63D0\u793A\uFF1A\u8BE5\u8BA2\u5355\u53F7\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", count, "\u6761\u5DE5\u5355\uFF01")));
+      },
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: handleCancel,
+        children: "\u53D6\u6D88"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: debounce(handleOk, 300),
+        children: "\u786E\u5B9A"
+      })]
+    }),
+    children: /*#__PURE__*/_jsxs(Spin, {
+      spinning: loading,
+      children: [/*#__PURE__*/_jsxs(Form, {
+        form: form,
+        labelCol: {
+          span: 6
+        },
+        wrapperCol: {
+          span: 18
+        },
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          label: "\u6253\u6B3E\u91D1\u989D",
+          name: "workPayFee",
+          rules: [{
+            required: true,
+            message: '请输入打款金额'
+          }, {
+            pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/,
+            message: '打款金额最多2位小数'
+          }],
+          children: /*#__PURE__*/_jsx(Input, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u4E70\u5BB6\u6635\u79F0",
+          name: "buyerNick",
+          rules: [{
+            required: false,
+            message: '请输入买家昵称'
+          }],
+          children: /*#__PURE__*/_jsx(Input, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u8BA2\u5355\u7F16\u53F7",
+          name: "tid",
+          rules: [{
+            required: true,
+            message: '请输入订单编号'
+          }, {
+            pattern: /^[0-9a-zA-Z_-]{1,}$/,
+            message: '请输入正确的订单编号'
+          }],
+          children: /*#__PURE__*/_jsx(Input, {
+            onChange: TidChangeHandle,
+            onBlur: TidBlurHandle
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u652F\u4ED8\u5B9D\u59D3\u540D",
+          name: "accountNick",
+          children: /*#__PURE__*/_jsx(Input, {})
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u652F\u4ED8\u5B9D\u8D26\u53F7",
+          name: "accountNo",
+          rules: [{
+            pattern: /^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/,
+            message: '请输入正确的支付宝账号格式'
+          }],
+          children: /*#__PURE__*/_jsx(Input, {})
+        })]
+      }), count > 0 && /*#__PURE__*/_jsxs("div", {
+        style: {
+          color: '#e99d42'
+        },
+        children: ["\u63D0\u793A\uFF1A\u8BE5\u8BA2\u5355\u53F7\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", count, "\u6761\u5DE5\u5355\uFF01"]
+      })]
+    })
+  });
 }
 
 export default /*#__PURE__*/memo(ModifyModal);

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/PaymentWorkOrderCard/index.js

@@ -9,10 +9,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import React from 'react';
 import { Divider, Modal } from 'antd';
 import moment from 'moment';
+import { useDispatch } from 'react-redux';
 import { useAppDispatch } from "../../../../../model/hooks";
-import { setPaymentWorkOrderExamineModalVisible, setCurrentPaymentRecord, setPaymentWorkOrderUnExamineModalVisible, setDeletePaymentWorkOrderVisible, setFlagPayModalVisible, setLogModalVisible, setPaymentFormModalVisible } from "../../../../../model/paymentWorkOrder";
+import { setPaymentWorkOrderExamineModalVisible, setCurrentPaymentRecord, setPaymentWorkOrderUnExamineModalVisible, setDeletePaymentWorkOrderVisible, setFlagPayModalVisible, setLogModalVisible, setPaymentFormModalVisible, setRepeatModalVisible, setRepeatWorkOrderList } from "../../../../../model/paymentWorkOrder";
 import { getAlipayBillReceipt } from "../../../../../model/servers/api";
+import repeatPng from "../../../../../assets/repeat.png";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var workPayStatusFuncMap = {
   WAITING_EXAMINE: ['examine', 'edit', 'deleteHandle', 'recordHandle'],
   EXAMINED: ['waitingExamine', 'pay', 'recordHandle'],
@@ -69,6 +73,37 @@ var PAY_STATUS_ICON = {
   EXAMINED: '#43BF0A'
 };
 
+var WorkOrderId = function WorkOrderId(props) {
+  var _props$tidRepeatPayme;
+
+  var dispatch = useDispatch();
+
+  var handleOpenRepeatModal = function handleOpenRepeatModal(list) {
+    dispatch(setRepeatModalVisible(true));
+    dispatch(setRepeatWorkOrderList(list));
+  };
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "orderItemView",
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "itemViewLeft",
+      children: props.label
+    }), /*#__PURE__*/_jsxs("span", {
+      className: "itemViewRight",
+      children: [((_props$tidRepeatPayme = props.tidRepeatPaymentUks) === null || _props$tidRepeatPayme === void 0 ? void 0 : _props$tidRepeatPayme.length) > 1 && /*#__PURE__*/_jsx("img", {
+        src: repeatPng,
+        style: {
+          width: '16px'
+        },
+        alt: "",
+        onClick: function onClick() {
+          return handleOpenRepeatModal(props.tidRepeatPaymentUks);
+        }
+      }), props.value]
+    })]
+  });
+};
+
 function PaymentWorkOrderCard(props) {
   var _props$record = props.record,
       record = _props$record === void 0 ? {} : _props$record;
@@ -78,21 +113,23 @@ function PaymentWorkOrderCard(props) {
       operateTime = record.operateTime,
       operateNick = record.operateNick,
       paymentOrderKey = record.paymentOrderKey,
+      workOrderId = record.workOrderId,
       workPayFee = record.workPayFee,
       shopName = record.shopName,
       buyerNick = record.buyerNick,
       tid = record.tid,
       accountNickMix = record.accountNickMix,
       accountNoMix = record.accountNoMix,
+      tidRepeatPaymentUks = record.tidRepeatPaymentUks,
       remitTime = record.remitTime;
   var btnList = workPayStatusFuncMap[workPayStatus].map(function (id) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: "orderItemOperate",
-      key: id,
       onClick: function onClick() {
         return handleClick(id, record);
-      }
-    }, payStatusMap[id]);
+      },
+      children: payStatusMap[id]
+    }, id);
   });
 
   var handleClick = function handleClick(id, record) {
@@ -213,85 +250,96 @@ function PaymentWorkOrderCard(props) {
   var renderFormItem = function renderFormItem(items) {
     return items.map(function (item, index) {
       if (item.value) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_jsxs("div", {
           className: "orderItemView",
-          key: index
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "itemViewLeft"
-        }, item.label), /*#__PURE__*/React.createElement("span", {
-          className: "itemViewRight"
-        }, item.value));
+          children: [/*#__PURE__*/_jsx("span", {
+            className: "itemViewLeft",
+            children: item.label
+          }), /*#__PURE__*/_jsx("span", {
+            className: "itemViewRight",
+            children: item.value
+          })]
+        }, index);
       }
 
       return null;
     });
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: "listOrderItemBox"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "orderItem"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "orderItemLeft"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "orderItemType"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "orderItemLeftIcon",
-    style: {
-      backgroundColor: PAY_STATUS_ICON[workPayStatus] ? PAY_STATUS_ICON[workPayStatus] : '#1966FF'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "orderItemLeftName",
-    style: {
-      color: getColor(workPayStatus) || 'rgba(156,156,156)'
-    }
-  }, workPayStatusDesc)))), /*#__PURE__*/React.createElement("div", {
-    className: "workOrderInfo"
-  }, renderFormItem([{
-    label: '提交时间：',
-    value: moment(operateTime).format('YYYY-MM-DD HH:mm:ss')
-  }, {
-    label: '提交客服：',
-    value: operateNick
-  }, {
-    label: '打款时间：',
-    value: remitTime ? moment(remitTime).format('YYYY-MM-DD HH:mm:ss') : ''
-  }])), /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    style: {
-      margin: '12px 0'
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "paymentInfo"
-  }, renderFormItem([{
-    label: '打款金额：',
-    value: "\xA5 ".concat(workPayFee)
-  }, {
-    label: '店铺名称：',
-    value: shopName
-  }, {
-    label: '买家昵称：',
-    value: buyerNick
-  }, {
-    label: '订单编号：',
-    value: tid
-  }, {
-    label: '支付宝名称：',
-    value: accountNickMix
-  }, {
-    label: '支付宝账号：',
-    value: accountNoMix
-  }, {
-    label: '工单编号：',
-    value: paymentOrderKey
-  }])), /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    style: {
-      margin: '12px 0'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "orderItemRight"
-  }, btnList));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "listOrderItemBox",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "orderItem",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "orderItemLeft",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "orderItemType",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "orderItemLeftIcon",
+            style: {
+              backgroundColor: PAY_STATUS_ICON[workPayStatus] ? PAY_STATUS_ICON[workPayStatus] : '#1966FF'
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            className: "orderItemLeftName",
+            style: {
+              color: getColor(workPayStatus) || 'rgba(156,156,156)'
+            },
+            children: workPayStatusDesc
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "workOrderInfo",
+      children: renderFormItem([{
+        label: '提交时间：',
+        value: moment(operateTime).format('YYYY-MM-DD HH:mm:ss')
+      }, {
+        label: '提交客服：',
+        value: operateNick
+      }, {
+        label: '打款时间：',
+        value: remitTime ? moment(remitTime).format('YYYY-MM-DD HH:mm:ss') : ''
+      }])
+    }), /*#__PURE__*/_jsx(Divider, {
+      dashed: true,
+      style: {
+        margin: '12px 0'
+      }
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "paymentInfo",
+      children: [renderFormItem([{
+        label: '打款金额：',
+        value: "\xA5 ".concat(workPayFee)
+      }, {
+        label: '店铺名称：',
+        value: shopName
+      }, {
+        label: '买家昵称：',
+        value: buyerNick
+      }, {
+        label: '订单编号：',
+        value: tid
+      }, {
+        label: '支付宝名称：',
+        value: accountNickMix
+      }, {
+        label: '支付宝账号：',
+        value: accountNoMix
+      }]), /*#__PURE__*/_jsx(WorkOrderId, {
+        label: "\u5DE5\u5355\u7F16\u53F7\uFF1A",
+        value: workOrderId || paymentOrderKey,
+        tidRepeatPaymentUks: tidRepeatPaymentUks
+      })]
+    }), /*#__PURE__*/_jsx(Divider, {
+      dashed: true,
+      style: {
+        margin: '12px 0'
+      }
+    }), /*#__PURE__*/_jsx("span", {
+      className: "orderItemRight",
+      children: btnList
+    })]
+  });
 }
 
 export default PaymentWorkOrderCard;

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/PaymentWorkOrderCard/index.less

@@ -116,9 +116,14 @@
   }
 
   .itemViewRight {
+    display: flex;
     flex-grow: 1;
+    align-items: center;
     min-width: 0;
     color: rgba(0, 0, 0, 0.85);
     word-break: break-all;
+    img {
+      margin-right: 8px;
+    }
   }
 }

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/RepeatWorkOrderListModal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const RepeatWorkOrderListModal: () => JSX.Element;
+export default RepeatWorkOrderListModal;

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/RepeatWorkOrderListModal/index.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { Modal, message, Button } from 'antd';
+import { useDispatch, useSelector } from 'react-redux';
+import copy from 'copy-to-clipboard';
+import { setRepeatModalVisible, setRepeatWorkOrderList } from "../../../../../model/paymentWorkOrder/index";
+import { selectRepeatVisible, selectRepeatWorkOrderList } from "../../../../../model/paymentWorkOrder/selector";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
+var RepeatWorkOrderListModal = function RepeatWorkOrderListModal() {
+  var dispatch = useDispatch();
+  var visible = useSelector(selectRepeatVisible);
+  var repeatWorkOrderList = useSelector(selectRepeatWorkOrderList);
+
+  var handleCancel = function handleCancel() {
+    dispatch(setRepeatModalVisible(false));
+    dispatch(setRepeatWorkOrderList([]));
+  };
+
+  var copyHandle = function copyHandle(text) {
+    copy(text);
+    message.success('复制成功');
+  };
+
+  return /*#__PURE__*/_jsx(Modal, {
+    title: "\u91CD\u590D\u63D0\u4EA4\u5DE5\u5355\u7F16\u53F7",
+    visible: visible,
+    onCancel: handleCancel,
+    footer: null,
+    bodyStyle: {
+      maxHeight: '500px',
+      overflowY: 'auto'
+    },
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "repeat-trade-id",
+        children: "\u8BA2\u5355\u53F7\u91CD\u590D"
+      }), /*#__PURE__*/_jsx("ol", {
+        className: "repeat-workOrder",
+        children: repeatWorkOrderList === null || repeatWorkOrderList === void 0 ? void 0 : repeatWorkOrderList.map(function (item) {
+          return /*#__PURE__*/_jsxs("li", {
+            children: [/*#__PURE__*/_jsx("span", {
+              className: "workOrderId",
+              children: item
+            }), /*#__PURE__*/_jsx(Button, {
+              type: "link",
+              onClick: function onClick() {
+                return copyHandle(item);
+              },
+              children: "\u590D\u5236"
+            })]
+          });
+        })
+      })]
+    })
+  });
+};
+
+export default RepeatWorkOrderListModal;

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/RepeatWorkOrderListModal/index.less

@@ -0,0 +1,21 @@
+.repeat-trade-id {
+  font-weight: 600;
+}
+.repeat-workOrder {
+  padding-left: 16px;
+  li {
+    padding: 4px 0px;
+    list-style: decimal;
+    .workOrderId {
+      display: inline-flex;
+      width: 300px;
+      margin-right: 16px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .text-repeat {
+      cursor: pointer;
+    }
+  }
+}

package/dist/esm/WorkOrder/components/PaymentWorkOrderList/components/UnExamineModal/index.js

@@ -24,6 +24,8 @@ import { fetchQueryPaymentWorkOrderList } from "../../../../../model/workOrder";
 import { examinePaymentOrder } from "../../../../../model/servers/api";
 import { setCurrentPaymentRecord, setPaymentWorkOrderUnExamineModalVisible } from "../../../../../model/paymentWorkOrder";
 import { selectPaymentWorkOrderUnExamineModalVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var UnExamineModal = function UnExamineModal() {
   var dispatch = useDispatch();
@@ -84,16 +86,20 @@ var UnExamineModal = function UnExamineModal() {
       ids: [record.id]
     });
   }, [record]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: "\u53D6\u6D88\u5BA1\u6838",
     open: visible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
     onOk: debounce(handleOk, 300),
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: "red"
-  }, "\u53D6\u6D88\u5BA1\u6838\u540E\uFF0C\u5DE5\u5355\u72B6\u6001\u53D8\u66F4\u4E3A\u672A\u6253\u6B3E\u72B6\u6001"), "\uFF0C \u4F60\u8FD8\u8981\u7EE7\u7EED\u5417\uFF1F"));
+    onCancel: handleCancel,
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "red",
+        children: "\u53D6\u6D88\u5BA1\u6838\u540E\uFF0C\u5DE5\u5355\u72B6\u6001\u53D8\u66F4\u4E3A\u672A\u6253\u6B3E\u72B6\u6001"
+      }), "\uFF0C \u4F60\u8FD8\u8981\u7EE7\u7EED\u5417\uFF1F"]
+    })
+  });
 };
 
 export default UnExamineModal;