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

package/dist/esm/WorkOrder/components/{RecordLog → CustomizeWorkOrderList/components/RecordLog}/index.js

@@ -33,15 +33,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React from 'react';
-import { useState, useImperativeHandle, forwardRef } from 'react';
+import { useState, useEffect, memo } from 'react';
 import { Drawer } from 'antd';
 import { LeftOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { get } from 'lodash';
-import { factory } from "../Widget";
-import { calcWorkOrderList, jsonParseSecurity } from "../../../common/utils/tools";
-import { reportLogs } from "../../../model/servers/api";
-import styles from "./index.module.less";
+import { useSelector, useDispatch } from 'react-redux';
+import { factory } from "../../../Widget";
+import { calcWorkOrderList, jsonParseSecurity } from "../../../../../common/utils/tools";
+import { reportLogs } from "../../../../../model/servers/api";
+import { selectorLogModalVisible, selectorCurrentCustomizeRecord } from "../../../../../model/customizeWorkOrder/selector";
+import { setLogModalVisible } from "../../../../../model/customizeWorkOrder";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var custom_word = {
@@ -55,36 +58,20 @@ var custom_word = {
   'QY-CHANGE_QY_WORK_ORDER_FLOW_STATUS': '状态更新'
 };
 
-var RecordLog = function RecordLog(props, ref) {
-  var _useState = useState(false),
+var RecordLog = function RecordLog(props) {
+  var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      list = _useState4[0],
-      setLogList = _useState4[1];
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      shopId = _useState6[0],
-      setShopId = _useState6[1];
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      templateColumns = _useState8[0],
-      setColumns = _useState8[1];
-
-  useImperativeHandle(ref, function () {
-    return {
-      open: function open(item) {
-        setShopId(item.shopId);
-        setColumns(item.templateDetailDto.componentDtoList);
-        getLog(item);
-      }
-    };
-  }, []); //获取日志
+      list = _useState2[0],
+      setLogList = _useState2[1];
+
+  var dispatch = useDispatch();
+  var visible = useSelector(selectorLogModalVisible);
+  var currentRecord = useSelector(selectorCurrentCustomizeRecord);
+  useEffect(function () {
+    if (visible) {
+      getLog(currentRecord);
+    }
+  }, [currentRecord, visible]); //获取日志
 
   var getLog = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record) {
@@ -106,9 +93,8 @@ var RecordLog = function RecordLog(props, ref) {
               _yield$reportLogs = _context.sent;
               result = _yield$reportLogs.data.result;
               setLogList(result);
-              setVisible(true);
 
-            case 6:
+            case 5:
             case "end":
               return _context.stop();
           }
@@ -127,9 +113,9 @@ var RecordLog = function RecordLog(props, ref) {
     width: props === null || props === void 0 ? void 0 : props.width,
     title: "\u64CD\u4F5C\u8BB0\u5F55",
     onClose: function onClose() {
-      return setVisible(false);
+      return dispatch(setLogModalVisible(false));
     },
-    children: list.map(function (item) {
+    children: list === null || list === void 0 ? void 0 : list.map(function (item) {
       var splitValue = get(item.operation.split(':'), '0', '');
       var record = JSON.parse(JSON.stringify(item));
       var value = item.content;
@@ -165,6 +151,8 @@ var RecordLog = function RecordLog(props, ref) {
         }
       } else if (/^(UPDATE|ADD)/.test(record.operation)) {
         if (/^\[.+\]$/.test(value)) {
+          var _currentRecord$templa, _currentRecord$templa2;
+
           var newContent = jsonParseSecurity(value, []).reduce(function (nxt, cur) {
             nxt[cur['uniqueKey']] = cur['content'];
             return nxt;
@@ -174,7 +162,7 @@ var RecordLog = function RecordLog(props, ref) {
             return nxt;
           }, {});
           var currentNeedContentId = Object.keys(newContent);
-          var newTemplateColumns = templateColumns.filter(function (item) {
+          var newTemplateColumns = currentRecord === null || currentRecord === void 0 ? void 0 : (_currentRecord$templa = currentRecord.templateDetailDto) === null || _currentRecord$templa === void 0 ? void 0 : (_currentRecord$templa2 = _currentRecord$templa.componentDtoList) === null || _currentRecord$templa2 === void 0 ? void 0 : _currentRecord$templa2.filter(function (item) {
             return currentNeedContentId.findIndex(function (id) {
               return id === null || id === void 0 ? void 0 : id.startsWith(item === null || item === void 0 ? void 0 : item.uniqueKey);
             }) > -1;
@@ -187,10 +175,10 @@ var RecordLog = function RecordLog(props, ref) {
           }], newTemplateColumns);
 
           var allContent = _objectSpread(_objectSpread({}, get(calcContent, "0", {})), {}, {
-            shopId: shopId
+            shopId: currentRecord.shopId
           });
 
-          context = newTemplateColumns.map(function (item) {
+          context = newTemplateColumns === null || newTemplateColumns === void 0 ? void 0 : newTemplateColumns.map(function (item) {
             var _record$operation2;
 
             var instance = factory(item.workOrderComponentType, {
@@ -221,7 +209,7 @@ var RecordLog = function RecordLog(props, ref) {
                     className: "value",
                     children: (_record$operation = record.operation) !== null && _record$operation !== void 0 && _record$operation.startsWith('UPDATE') && oldContent ? /*#__PURE__*/_jsxs("span", {
                       children: [child.render(oldContent, _objectSpread(_objectSpread({}, get(oldCalcContent, "0", {})), {}, {
-                        shopId: shopId
+                        shopId: currentRecord.shopId
                       })), '=>', child.render(newContent, allContent)]
                     }) : child.render(get(calcContent, "0.".concat(child === null || child === void 0 ? void 0 : child.dataIndex)), allContent)
                   })]
@@ -243,7 +231,7 @@ var RecordLog = function RecordLog(props, ref) {
                 className: "value",
                 children: (_record$operation2 = record.operation) !== null && _record$operation2 !== void 0 && _record$operation2.startsWith('UPDATE') && get(oldCalcContent, "0.".concat(item.uniqueKey)) ? /*#__PURE__*/_jsxs("span", {
                   children: [instance.render(get(oldCalcContent, "0.".concat(item.uniqueKey)), _objectSpread(_objectSpread({}, get(oldCalcContent, "0", {})), {}, {
-                    shopId: shopId
+                    shopId: currentRecord.shopId
                   })), /*#__PURE__*/_jsx("span", {
                     children: '=>'
                   }), instance.render(get(calcContent, "0.".concat(item.uniqueKey)), allContent)]
@@ -259,7 +247,7 @@ var RecordLog = function RecordLog(props, ref) {
       }
 
       return /*#__PURE__*/_jsxs("div", {
-        className: styles.log_item,
+        className: "log_item",
         children: [/*#__PURE__*/_jsxs("div", {
           children: ["\u8D26\u53F7\uFF1A", item.operationName]
         }), /*#__PURE__*/_jsxs("div", {
@@ -274,4 +262,4 @@ var RecordLog = function RecordLog(props, ref) {
   });
 };
 
-export default /*#__PURE__*/forwardRef(RecordLog);
+export default /*#__PURE__*/memo(RecordLog);

package/dist/esm/WorkOrder/components/{StatusSelectModal → CustomizeWorkOrderList/components/StatusSelectModal}/index.js

@@ -21,14 +21,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect } from 'react';
 import { Modal, Select, Form, message } from 'antd';
 import { useSelector, useDispatch } from 'react-redux';
-import { useAppSelector } from "../../../model/hooks";
-import { selectorModalVisible } from "../../../model/statusSelect/selector";
-import { setModalVisible } from "../../../model/statusSelect";
-import { selectCurrentRecord, fetchQueryWorkOrder } from "../../../model/workOrder";
-import { WAITING, HANDLING, STOPPING, COMPLETED } from "../../../common/constant";
+import { selectorModalVisible, selectorCurrentCustomizeRecord } from "../../../../../model/customizeWorkOrder/selector";
+import { setStatusSelectModalVisible, setCurrentCustomizeRecord } from "../../../../../model/customizeWorkOrder";
+import { fetchQueryWorkOrder } from "../../../../../model/workOrder";
+import { WAITING, HANDLING, STOPPING, COMPLETED } from "../../../../../common/constant";
 import every from 'lodash/every';
 import get from 'lodash/get';
-import { updateFlowStatus } from "../../../model/servers/api";
+import { updateFlowStatus } from "../../../../../model/servers/api";
 import { jsx as _jsx } from "react/jsx-runtime";
 var options = [{
   label: '待处理',
@@ -67,7 +66,7 @@ var StatusSelectModal = function StatusSelectModal() {
       setStatus = _useState2[1];
 
   var visible = useSelector(selectorModalVisible);
-  var record = useAppSelector(selectCurrentRecord);
+  var record = useSelector(selectorCurrentCustomizeRecord);
   useEffect(function () {
     var _record$jsonMap;
 
@@ -99,11 +98,8 @@ var StatusSelectModal = function StatusSelectModal() {
   };
 
   var handleCancel = function handleCancel() {
-    dispatch({
-      type: 'workOrder/setCurrentCustomizeRecord',
-      payload: {}
-    });
-    dispatch(setModalVisible(false));
+    dispatch(setCurrentCustomizeRecord({}));
+    dispatch(setStatusSelectModalVisible(false));
   };
 
   var handleAppointTo = /*#__PURE__*/function () {

package/dist/esm/WorkOrder/components/CustomizeWorkOrderList/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './index.less';
+declare type OrderListProps = {
+    tabActive: string;
+};
+declare const CustomizeWorkOrderList: ({ tabActive }: OrderListProps) => JSX.Element;
+export default CustomizeWorkOrderList;

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

@@ -0,0 +1,271 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useEffect, useCallback } from 'react';
+import { Tabs, Select, Pagination, Cascader, Space, Checkbox, message } from 'antd';
+import { useSelector } from 'react-redux';
+import { useAppSelector, useAppDispatch } from "../../../model/hooks";
+import { fetchQueryWorkOrder } from "../../../model/workOrder";
+import { fetchCompanyUserList, setFormModalVisible, setTemplateId, setCustomizeFormShopId, setCurrentCustomizeRecord } from "../../../model/customizeWorkOrder";
+import { selectorTemplateId, selectorCurrentShopId } from "../../../model/customizeWorkOrder/selector";
+import CustomizeWorkOrderCard from "./components/CustomizeWorkOrderCard";
+import DeleteCustomizeOrderModal from "./components/DeleteCustomizeOrderModal";
+import DealerSelectModal from "./components/DealerSelectModal";
+import StatusSelectModal from "./components/StatusSelectModal";
+import RecordLog from "./components/RecordLog";
+import CustomizeFormModal from "./components/CustomizeFormModal";
+import refreshImg from "../../../common/imgs/refresh.png";
+import emptyImg from "../../../common/imgs/empty.png";
+import { PlatForm } from "../../types";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Option = Select.Option; //工单列表
+
+var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref) {
+  var tabActive = _ref.tabActive;
+  var dispatch = useAppDispatch();
+  var groupAllList = useAppSelector(function (state) {
+    return state.workOrder.groupAllList;
+  });
+  var orderList = useAppSelector(function (state) {
+    return state.workOrder.orderList;
+  });
+  var total = useAppSelector(function (state) {
+    return state.workOrder.orderListTotal;
+  });
+  var shopList = useAppSelector(function (state) {
+    return state.workOrder.userInfo.shopList;
+  });
+  var customSearch = useAppSelector(function (state) {
+    return state.workOrder.customSearch;
+  });
+  var platformInfo = useAppSelector(function (state) {
+    return state.global.platformInfo;
+  });
+  var templateId = useSelector(selectorTemplateId);
+  var currentShopId = useAppSelector(selectorCurrentShopId);
+  var buyerNick = platformInfo.buyerNick,
+      buyerId = platformInfo.buyerId,
+      platform = platformInfo.platform,
+      orderNo = platformInfo.orderNo;
+  var dayList = [{
+    name: '今日',
+    value: 0
+  }, {
+    name: '近3天',
+    value: 2
+  }, {
+    name: '近7天',
+    value: 6
+  }, {
+    name: '近30天',
+    value: 29
+  }];
+  useEffect(function () {
+    dispatch(fetchCompanyUserList);
+  }, []);
+  useEffect(function () {
+    if (customSearch.tempSelect.length > 1) {
+      onSearch();
+    }
+  }, [customSearch, buyerNick, buyerId]); //搜索
+
+  var onSearch = function onSearch() {
+    dispatch(fetchQueryWorkOrder());
+  }; //修改筛选条件
+
+
+  var upDateState = function upDateState(type, val) {
+    var _objectSpread2;
+
+    dispatch({
+      type: 'workOrder/setState',
+      payload: {
+        customSearch: _objectSpread(_objectSpread({}, customSearch), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, type, val), _defineProperty(_objectSpread2, "pageNo", 1), _objectSpread2))
+      }
+    });
+  }; //分页
+
+
+  var onChangePage = function onChangePage(page, pageSize) {
+    dispatch({
+      type: 'workOrder/setState',
+      payload: {
+        customSearch: _objectSpread(_objectSpread({}, customSearch), {}, {
+          pageNo: page,
+          pageSize: pageSize
+        })
+      }
+    });
+  }; //选中工单录入
+
+
+  var onChangeSelect = function onChangeSelect(val) {
+    if (val && val.length) {
+      openCustomForm(val[1]);
+    }
+  }; //打开录入工单表单
+
+
+  var openCustomForm = function openCustomForm(id) {
+    dispatch(setCurrentCustomizeRecord({}));
+    dispatch(setFormModalVisible(true));
+    dispatch(setTemplateId(id));
+    dispatch(setCustomizeFormShopId(platformInfo.shopId));
+  };
+
+  var callBackFormOperation = useCallback(function (_ref2) {
+    var type = _ref2.type;
+    onSearch();
+
+    if (type === 'ADD') {
+      dispatch({
+        type: 'global/setState',
+        payload: {
+          platformInfo: _objectSpread(_objectSpread({}, platformInfo), {}, {
+            orderNo: ''
+          })
+        }
+      });
+    }
+  }, [dispatch, platformInfo]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "custom_box",
+    style: {
+      display: tabActive === 'custom' ? 'block' : 'none'
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "custom_box_header",
+      children: [/*#__PURE__*/_jsx(Cascader, {
+        className: "custom_box_header_cascader",
+        options: groupAllList,
+        placeholder: "\u8BF7\u8F93\u5165\u6A21\u7248\u540D\u79F0",
+        showSearch: true,
+        onChange: onChangeSelect
+      }), /*#__PURE__*/_jsx(Tabs, {
+        tabPosition: 'top',
+        items: groupAllList.map(function (item) {
+          return {
+            label: item.label,
+            key: item.value + '',
+            children: /*#__PURE__*/_jsx("div", {
+              className: "custom_temp_box",
+              children: /*#__PURE__*/_jsx("div", {
+                className: "custom_temp_list",
+                children: /*#__PURE__*/_jsx(Space, {
+                  size: [8, 8],
+                  wrap: true,
+                  children: item.children.map(function (t) {
+                    return /*#__PURE__*/_jsx("div", {
+                      className: "custom_temp_list_button",
+                      onClick: function onClick() {
+                        return openCustomForm(t.value);
+                      },
+                      children: t.label
+                    }, item.value + t.value + '');
+                  })
+                })
+              })
+            }, item.value)
+          };
+        }),
+        getPopupContainer: function getPopupContainer(triggerNode) {
+          return triggerNode.parentNode;
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "custom_box_search",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "custom_box_search_box",
+        children: [/*#__PURE__*/_jsx(Select, {
+          className: "custom_box_search_date",
+          value: customSearch.filterDay,
+          onChange: function onChange(val) {
+            return upDateState('filterDay', val);
+          },
+          children: dayList.map(function (item) {
+            return /*#__PURE__*/_jsx(Option, {
+              value: item.value,
+              children: item.name
+            }, item.name);
+          })
+        }), /*#__PURE__*/_jsx(Cascader, {
+          className: "custom_box_search_cascader",
+          options: groupAllList,
+          showSearch: true,
+          onChange: function onChange(val) {
+            return upDateState('tempSelect', val);
+          },
+          value: customSearch.tempSelect,
+          allowClear: false
+        }), /*#__PURE__*/_jsx(Checkbox, {
+          className: "custom_box_search_buyer",
+          checked: customSearch.isBuyer,
+          onChange: function onChange(e) {
+            if (!platformInfo.buyerId) {
+              return message.warning('请先选择买家，再查询工单!');
+            }
+
+            upDateState('isBuyer', e.target.checked);
+          },
+          children: "\u5F53\u524D\u4E70\u5BB6"
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "custom_box_search_refresh",
+        onClick: onSearch,
+        children: /*#__PURE__*/_jsx("img", {
+          src: refreshImg,
+          alt: ""
+        })
+      })]
+    }), /*#__PURE__*/_jsx("main", {
+      className: "custom_box_main custom_box_main_".concat(platform),
+      children: orderList.length ? orderList.map(function (item) {
+        return /*#__PURE__*/_jsx(CustomizeWorkOrderCard, {
+          item: item
+        }, item.id);
+      }) : /*#__PURE__*/_jsx("div", {
+        className: "custom_box_main_empty",
+        children: /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx("img", {
+            src: emptyImg,
+            alt: ""
+          }), /*#__PURE__*/_jsx("p", {
+            children: "\u6682\u65E0\u6570\u636E"
+          })]
+        })
+      })
+    }), total > 0 && /*#__PURE__*/_jsx("div", {
+      className: "custom_box_page",
+      children: /*#__PURE__*/_jsx(Pagination, {
+        showSizeChanger: false,
+        showQuickJumper: true,
+        showTotal: function showTotal(total) {
+          return "\u5171".concat(total, "\u6761");
+        },
+        current: customSearch.pageNo,
+        pageSize: customSearch.pageSize,
+        total: total,
+        onChange: onChangePage
+      })
+    }), /*#__PURE__*/_jsx(DeleteCustomizeOrderModal, {}), /*#__PURE__*/_jsx(DealerSelectModal, {}), /*#__PURE__*/_jsx(StatusSelectModal, {}), /*#__PURE__*/_jsx(RecordLog, {
+      width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
+    }), /*#__PURE__*/_jsx(CustomizeFormModal, {
+      shopList: shopList,
+      width: platform === PlatForm.XIAOZHI ? '100%' : '90%',
+      templateId: templateId,
+      shopId: currentShopId,
+      orderNo: orderNo,
+      buyerId: buyerId,
+      buyerNick: buyerNick,
+      platform: platform,
+      onSuccess: callBackFormOperation
+    })]
+  });
+};
+
+export default CustomizeWorkOrderList;

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,22 @@ 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 { 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 () {