kmkf-work-order-service-component 0.3.0-alpha.6 → 0.3.0-alpha.8

package/dist/esm/WorkOrder/components/CustomizeWorkOrderList/index.less

@@ -0,0 +1,140 @@
+.custom_box {
+  // height: calc(100% - 58px);
+
+  .custom_box_header {
+    padding: 0 16px 16px 16px;
+    border-bottom: 1px solid #f2f2f2;
+  }
+
+  .custom_box_header_cascader {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+
+  .custom_temp_box {
+    position: relative;
+    height: 70px;
+    background-color: #fff;
+  }
+
+  .custom_temp_list {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 3;
+    height: 70px;
+    padding: 4px;
+    overflow: auto;
+    background-color: #fff;
+
+    &:hover {
+      height: 200px;
+      box-shadow: 3px 3px 5px #eee;
+    }
+  }
+
+  .custom_temp_list_button {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 4px 6px;
+    color: rgba(0, 0, 0, 0.85);
+    font-weight: normal;
+    font-size: 12px;
+    background: rgba(0, 0, 0, 0.04);
+    border: 1px solid #eeeff0;
+    border-radius: 2px;
+    cursor: pointer;
+  }
+
+  .custom_box_search {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: 49px;
+    padding-left: 16px;
+    background: #fafafa;
+
+    &.pay_search {
+      align-items: inherit;
+      height: 90px;
+    }
+
+    .custom_box_search_box {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    .pay_search_box {
+      flex-wrap: wrap;
+      align-items: center;
+    }
+
+    .custom_box_search_date {
+      width: 106px;
+      margin-right: 8px;
+    }
+
+    .custom_box_search_cascader {
+      flex-grow: 1;
+      width: 130px;
+      margin-right: 8px;
+    }
+
+    .custom_box_search_buyer {
+      flex: none;
+    }
+
+    .custom_box_search_refresh {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 44px;
+      height: 48px;
+      border-left: 1px solid #f2f2f2;
+
+      img {
+        width: 24px;
+        height: 24px;
+        object-fit: contain;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .custom_box_main {
+    height: calc(100vh - 338px);
+    overflow: auto;
+    background-color: #fafafa;
+  }
+
+  .custom_box_main_fxg {
+    height: calc(100vh - 446px);
+  }
+
+  .custom_box_main_ks {
+    height: calc(100vh - 538px); // TODO: ks顶部多144px
+  }
+
+  .custom_box_main_empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: rgba(0, 0, 0, 0.4);
+    text-align: center;
+  }
+
+  .custom_box_page {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    height: 40px;
+    padding: 0 16px;
+    background-color: #fff;
+  }
+}

package/dist/esm/WorkOrder/components/{DeletePaymentWorkOrderModal → PaymentWorkOrderList/components/DeletePaymentWorkOrderModal}/index.js

@@ -18,26 +18,23 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 import React, { useCallback } from 'react';
 import { Modal, message } from 'antd';
-import { useAppSelector, useAppDispatch } from "../../../model/hooks";
-import { selectDeletePaymentWorkOrderModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { deletePaymentOrder } from "../../../model/servers/api";
+import { useDispatch, useSelector } from 'react-redux';
+import { debounce } from 'lodash';
+import { fetchQueryPaymentWorkOrderList } from "../../../../../model/workOrder";
+import { setCurrentPaymentRecord, setDeletePaymentWorkOrderVisible } from "../../../../../model/paymentWorkOrder";
+import { selectDeletePaymentWorkOrderVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
+import { deletePaymentOrder } from "../../../../../model/servers/api";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var DeletePaymentWorkOrderModal = function DeletePaymentWorkOrderModal() {
-  var dispatch = useAppDispatch();
-  var visible = useAppSelector(selectDeletePaymentWorkOrderModalVisible);
-  var record = useAppSelector(selectCurrentRecord);
+  var dispatch = useDispatch();
+  var visible = useSelector(selectDeletePaymentWorkOrderVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
 
   var handleCancel = function handleCancel() {
-    dispatch({
-      type: 'workOrder/setCurrentCustomizeRecord',
-      payload: {}
-    });
-    dispatch({
-      type: 'workOrder/setDeletePaymentWorkOrder',
-      payload: false
-    });
+    dispatch(setCurrentPaymentRecord({}));
+    dispatch(setDeletePaymentWorkOrderVisible(false));
   };
 
   var fetchDeletePaymentOrder = /*#__PURE__*/function () {
@@ -93,7 +90,7 @@ var DeletePaymentWorkOrderModal = function DeletePaymentWorkOrderModal() {
     open: visible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
-    onOk: handleOk,
+    onOk: debounce(handleOk, 300),
     onCancel: handleCancel,
     children: /*#__PURE__*/_jsxs("div", {
       children: [/*#__PURE__*/_jsx("span", {

package/dist/esm/WorkOrder/components/{ExamineModal → PaymentWorkOrderList/components/ExamineModal}/index.js

@@ -18,26 +18,23 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 import React, { useCallback } from 'react';
 import { Modal, message } from 'antd';
-import { useAppSelector, useAppDispatch } from "../../../model/hooks";
-import { selectExamineModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { examinePaymentOrder } from "../../../model/servers/api";
+import { useSelector, useDispatch } from 'react-redux';
+import { debounce } from 'lodash';
+import { fetchQueryPaymentWorkOrderList } from "../../../../../model/workOrder";
+import { setPaymentWorkOrderExamineModalVisible, setCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder";
+import { selectPaymentWorkOrderExamineModalVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
+import { examinePaymentOrder } from "../../../../../model/servers/api";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var ExamineModal = function ExamineModal() {
-  var dispatch = useAppDispatch();
-  var deleteCustomizeWorkOrderModalVisible = useAppSelector(selectExamineModalVisible);
-  var record = useAppSelector(selectCurrentRecord);
+  var dispatch = useDispatch();
+  var paymentWorkOrderModalVisible = useSelector(selectPaymentWorkOrderExamineModalVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
 
   var handleCancel = function handleCancel() {
-    dispatch({
-      type: 'workOrder/setCurrentCustomizeRecord',
-      payload: {}
-    });
-    dispatch({
-      type: 'workOrder/setExamineModalVisible',
-      payload: false
-    });
+    dispatch(setCurrentPaymentRecord({}));
+    dispatch(setPaymentWorkOrderExamineModalVisible(false));
   };
 
   var examineRemitOrder = /*#__PURE__*/function () {
@@ -91,10 +88,10 @@ var ExamineModal = function ExamineModal() {
   }, [record]);
   return /*#__PURE__*/_jsx(Modal, {
     title: "\u5BA1\u6838\u6253\u6B3E\u5DE5\u5355",
-    open: deleteCustomizeWorkOrderModalVisible,
+    open: paymentWorkOrderModalVisible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
-    onOk: handleOk,
+    onOk: debounce(handleOk, 300),
     onCancel: handleCancel,
     children: /*#__PURE__*/_jsxs("div", {
       children: [/*#__PURE__*/_jsx("span", {

package/dist/esm/WorkOrder/components/{FlagPayModal → PaymentWorkOrderList/components/FlagPayModal}/index.js

@@ -18,26 +18,23 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 import React, { useCallback } from 'react';
 import { Modal, message } from 'antd';
-import { useAppSelector, useAppDispatch } from "../../../model/hooks";
-import { selectFlagPayModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { paymentOrder } from "../../../model/servers/api";
+import { useDispatch, useSelector } from 'react-redux';
+import { debounce } from 'lodash';
+import { fetchQueryPaymentWorkOrderList } from "../../../../../model/workOrder";
+import { paymentOrder } from "../../../../../model/servers/api";
+import { selectFlagPayModalVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
+import { setFlagPayModalVisible, setCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var FlagPayModal = function FlagPayModal() {
-  var dispatch = useAppDispatch();
-  var visible = useAppSelector(selectFlagPayModalVisible);
-  var record = useAppSelector(selectCurrentRecord);
+  var dispatch = useDispatch();
+  var visible = useSelector(selectFlagPayModalVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
 
   var handleCancel = function handleCancel() {
-    dispatch({
-      type: 'workOrder/setCurrentCustomizeRecord',
-      payload: {}
-    });
-    dispatch({
-      type: 'workOrder/setFlagPayModalVisible',
-      payload: false
-    });
+    dispatch(setCurrentPaymentRecord({}));
+    dispatch(setFlagPayModalVisible(false));
   };
 
   var fetchFlagPaymentOrder = /*#__PURE__*/function () {
@@ -94,7 +91,7 @@ var FlagPayModal = function FlagPayModal() {
     open: visible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
-    onOk: handleOk,
+    onOk: debounce(handleOk, 300),
     onCancel: handleCancel,
     children: /*#__PURE__*/_jsxs("div", {
       children: [/*#__PURE__*/_jsx("span", {

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare type RecordModal = {
+    width?: string;
+};
+declare function RecordModal(props: RecordModal): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof RecordModal>;
+export default _default;

package/dist/esm/WorkOrder/components/{PayListOrderItem/RecordModal.js → PaymentWorkOrderList/components/LogModal/index.js}

@@ -25,12 +25,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * @LastEditors: litian
  * @LastEditTime: 2022-11-24 14:13:33
  */
-import React, { useImperativeHandle, forwardRef, useState } from 'react';
+import React, { memo, useState, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import { Drawer } from 'antd';
 import { LeftOutlined } from '@ant-design/icons';
 import moment from 'moment';
-import { reportLogs } from "../../../model/servers/api";
-import styles from "./record.module.less";
+import { reportLogs } from "../../../../../model/servers/api";
+import { selectLogModalVisible, selectCurrentPaymentRecord } from "../../../../../model/paymentWorkOrder/selector";
+import { setLogModalVisible } from "../../../../../model/paymentWorkOrder";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var map = {
@@ -51,25 +54,21 @@ var map = {
   CANCEL_AUDIT: '取消审核'
 };
 
-function RecordModal(props, ref) {
-  useImperativeHandle(ref, function () {
-    return {
-      openModal: function openModal(value) {
-        getLogs(value);
-        setVisible(true);
-      }
-    };
-  });
+function RecordModal(props) {
+  var dispatch = useDispatch();
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
       logList = _useState2[0],
       setLogList = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
+  var visible = useSelector(selectLogModalVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
+  useEffect(function () {
+    if (visible) {
+      getLogs(record);
+    }
+  }, [visible, record]);
 
   var getLogs = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
@@ -111,20 +110,19 @@ function RecordModal(props, ref) {
     width: props === null || props === void 0 ? void 0 : props.width,
     open: visible,
     onClose: function onClose() {
-      return setVisible(false);
+      return dispatch(setLogModalVisible(false));
     },
     children: /*#__PURE__*/_jsx("div", {
-      className: styles.payLog,
       children: logList.map(function (item) {
         return /*#__PURE__*/_jsxs("div", {
-          className: styles.payLog_item,
+          className: "payLog_item",
           children: [/*#__PURE__*/_jsxs("div", {
-            className: styles.title,
+            className: "title",
             children: [/*#__PURE__*/_jsx("span", {
-              className: styles.dot
+              className: "dot"
             }), map[item.operation]]
           }), /*#__PURE__*/_jsx("div", {
-            className: styles.content,
+            className: "content",
             children: item.content
           }), /*#__PURE__*/_jsxs("div", {
             children: [item.created ? moment(item.created).format('YYYY-MM-DD HH:mm:ss') : '', ' ', item.operationName]
@@ -135,4 +133,4 @@ function RecordModal(props, ref) {
   });
 }
 
-export default /*#__PURE__*/forwardRef(RecordModal);
+export default /*#__PURE__*/memo(RecordModal);

package/dist/esm/WorkOrder/components/{PayListOrderItem/record.module.less → PaymentWorkOrderList/components/LogModal/index.less}

@@ -1,6 +1,3 @@
-.payLog {
-}
-
 .payLog_item {
   padding: 16px 0;
   color: rgba(0, 0, 0, 0.55);

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type ModifyModalProps = {
+    shopList: any;
+    afterSuccessUpdateWorkOrder: (s: string) => void;
+    width?: string;
+};
+declare function ModifyModal(props: ModifyModalProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ModifyModal>;
+export default _default;

package/dist/esm/WorkOrder/components/{PayListOrderItem/ModifyModal.js → PaymentWorkOrderList/components/PaymentFormModal/index.js}

@@ -30,34 +30,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useImperativeHandle, forwardRef, useRef } from 'react';
+import React, { useState, memo, useRef, useEffect } from 'react';
 import { Drawer, Form, Spin, Input, Space, Button, message } from 'antd';
 import { LeftOutlined } from '@ant-design/icons';
-import { get } from 'lodash';
-import { useAppSelector } from "../../../model/hooks";
-import { decodeAlipayInfo, editRemitOrder, addPaymentOrder, getThirdOpenUidByOrderNo } from "../../../model/servers/api";
+import { get, debounce } from 'lodash';
+import { useDispatch, useSelector } from 'react-redux';
+import { useAppSelector } from "../../../../../model/hooks";
+import { decodeAlipayInfo, editRemitOrder, addPaymentOrder, getThirdOpenUidByOrderNo } 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, ref) {
+function ModifyModal(props) {
   var afterSuccessUpdateWorkOrder = props.afterSuccessUpdateWorkOrder,
-      width = props.width;
-  useImperativeHandle(ref, function () {
-    return {
-      openModal: function openModal(val, type) {
-        setRecord(val);
-        setType(type);
-        setShopList(val === null || val === void 0 ? void 0 : val.shopList);
-        form.setFieldsValue(val);
-        type === 'edit' && decodeAlipayInfoHandle(val);
-        type === 'add' && setShopInfo({
-          shopId: val === null || val === void 0 ? void 0 : val.shopId,
-          shopName: val === null || val === void 0 ? void 0 : val.shopName
-        });
-        setVisible(true);
-      }
-    };
-  });
+      width = props.width,
+      shopList = props.shopList;
   var platformInfo = useAppSelector(function (state) {
     return state.global.platformInfo;
   });
@@ -69,34 +57,39 @@ function ModifyModal(props, ref) {
 
   var _useState3 = useState({}),
       _useState4 = _slicedToArray(_useState3, 2),
-      record = _useState4[0],
-      setRecord = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      visible = _useState6[0],
-      setVisible = _useState6[1];
-
-  var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      type = _useState8[0],
-      setType = _useState8[1];
-
-  var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      shopInfo = _useState10[0],
-      setShopInfo = _useState10[1];
-
-  var _useState11 = useState([]),
-      _useState12 = _slicedToArray(_useState11, 2),
-      shopList = _useState12[0],
-      setShopList = _useState12[1];
+      shopInfo = _useState4[0],
+      setShopInfo = _useState4[1];
 
   var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
   var time = useRef(null);
+  var dispatch = useDispatch();
+  var visible = useSelector(selectPaymentFormModalVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
+  var type = record !== null && record !== void 0 && record.id ? 'edit' : 'add';
+  useEffect(function () {
+    if (type === 'edit' && visible) {
+      decodeAlipayInfoHandle(record === null || record === void 0 ? void 0 : record.id);
+    }
+
+    if (type === 'add' && visible) {
+      setShopInfo({
+        shopId: record === null || record === void 0 ? void 0 : record.shopId,
+        shopName: record === null || record === void 0 ? void 0 : record.shopName
+      });
+    }
+  }, [type, record, visible]);
+  useEffect(function () {
+    if (visible) {
+      form.setFieldsValue(record);
+    }
+  }, [visible]);
+
+  var handleCancel = function handleCancel() {
+    dispatch(setPaymentFormModalVisible(false));
+  };
 
   var handleOk = function handleOk() {
     form.validateFields().then( /*#__PURE__*/function () {
@@ -148,7 +141,7 @@ function ModifyModal(props, ref) {
                   form.resetFields();
                   afterSuccessUpdateWorkOrder && afterSuccessUpdateWorkOrder(type); // 重新查询表格
 
-                  setVisible(false);
+                  handleCancel();
                 }
 
               case 13:
@@ -178,7 +171,7 @@ function ModifyModal(props, ref) {
   };
 
   var decodeAlipayInfoHandle = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(record) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(id) {
       var res, _res$success, success, _res$data, data;
 
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -188,7 +181,7 @@ function ModifyModal(props, ref) {
               setLoading(true);
               _context2.next = 3;
               return decodeAlipayInfo({
-                jobId: record === null || record === void 0 ? void 0 : record.id
+                jobId: id
               });
 
             case 3:
@@ -207,7 +200,7 @@ function ModifyModal(props, ref) {
                 break;
               }
 
-              return _context2.abrupt("return", message.warning("jobId:".concat(record === null || record === void 0 ? void 0 : record.id, "\u67E5\u8BE2\u6682\u65E0\u6570\u636E")));
+              return _context2.abrupt("return", message.warning("jobId:".concat(id, "\u67E5\u8BE2\u6682\u65E0\u6570\u636E")));
 
             case 8:
               setLoading(false);
@@ -288,7 +281,7 @@ function ModifyModal(props, ref) {
     width: width,
     onClose: function onClose() {
       form.resetFields();
-      setVisible(false);
+      handleCancel();
     },
     title: "\u5F55\u5165\u5DE5\u5355",
     destroyOnClose: true,
@@ -297,13 +290,11 @@ function ModifyModal(props, ref) {
         float: 'right'
       },
       children: [/*#__PURE__*/_jsx(Button, {
-        onClick: function onClick() {
-          return setVisible(false);
-        },
+        onClick: handleCancel,
         children: "\u53D6\u6D88"
       }), /*#__PURE__*/_jsx(Button, {
         type: "primary",
-        onClick: handleOk,
+        onClick: debounce(handleOk, 300),
         children: "\u786E\u5B9A"
       })]
     }),
@@ -367,4 +358,4 @@ function ModifyModal(props, ref) {
   });
 }
 
-export default /*#__PURE__*/forwardRef(ModifyModal);
+export default /*#__PURE__*/memo(ModifyModal);

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

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