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

package/dist/esm/WorkOrder/index.js

@@ -26,48 +26,21 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  *
  * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
  */
-import React, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { Tabs, Select, Pagination, Cascader, DatePicker, Space, Checkbox, Spin, message } from 'antd';
+import React, { useState, useEffect, useLayoutEffect, useMemo } from 'react';
+import { Spin } from 'antd';
+import { Provider } from 'react-redux';
 import { useAppSelector, useAppDispatch } from "../model/hooks";
-import { fetchQueryGroupCustomTemplate, fetchQueryWorkOrder, fetchQueryCurrentCompanyUser, fetchQueryPaymentWorkOrderList } from "../model/workOrder";
-import { fetchCompanyUserList } from "../model/selectDealer";
-import CustomizeFormModal from "./components/CustomizeFormModal";
-import PayOrderModal from "./components/PayListOrderItem/ModifyModal";
+import { fetchQueryGroupCustomTemplate, fetchQueryCurrentCompanyUser } from "../model/workOrder";
 import express from "../common/utils/express";
 import formatAddrData from "../common/utils/formatAddrData";
-import ListOrderItem from "./components/ListOrderItem";
-import PayListOrderItem from "./components/PayListOrderItem";
-import RecordModal from "./components/PayListOrderItem/RecordModal";
-import DeleteCustomizeOrderModal from "./components/DeleteCustomizeOrderModal";
-import DealerSelectModal from "./components/DealerSelectModal";
-import StatusSelectModal from "./components/StatusSelectModal";
-import ExamineModal from "./components/ExamineModal";
-import UnExamineModal from "./components/UnExamineModal";
-import DeletePaymentWorkOrderModal from "./components/DeletePaymentWorkOrderModal";
-import FlagPayModal from "./components/FlagPayModal";
-import RecordLog from "./components/RecordLog";
-import Reminder from "./components/Reminder";
 import store from "../model/store";
-import { Provider } from 'react-redux';
-import refreshImg from "../common/imgs/refresh.png";
-import emptyImg from "../common/imgs/empty.png";
-import moment from 'moment';
+import OrderList from "./components/CustomizeWorkOrderList";
+import PaymentWorkOrderList from "./components/PaymentWorkOrderList";
+import Reminder from "./components/Reminder";
+import { PlatForm } from "./types";
 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 Option = Select.Option;
-var RangePicker = DatePicker.RangePicker;
-export var PlatForm;
-
-(function (PlatForm) {
-  PlatForm["TB"] = "tb";
-  PlatForm["FXG"] = "fxg";
-  PlatForm["KS"] = "ks";
-  PlatForm["PDD"] = "pdd";
-  PlatForm["JD"] = "jd";
-  PlatForm["XIAOZHI"] = "xiaozhi";
-})(PlatForm || (PlatForm = {}));
 
 var WorkOrder = function WorkOrder(props) {
   var platform = props.platform,
@@ -146,559 +119,37 @@ var WorkOrder = function WorkOrder(props) {
       return item.shopId == shopId;
     });
   }, [shopList]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Spin, {
-      spinning: loading,
-      children: /*#__PURE__*/_jsxs("div", {
-        id: "customize-work-order-component",
-        className: "order_container ".concat(platform === PlatForm.FXG ? '' : 'order_container_padding_bottom'),
-        children: [/*#__PURE__*/_jsx("header", {
-          className: "order_header",
-          children: /*#__PURE__*/_jsxs("div", {
-            className: "order_header_tabs",
-            children: [/*#__PURE__*/_jsx("div", {
-              className: "order_header_tabs_button ".concat(tabActive === 'custom' ? 'active' : ''),
-              onClick: function onClick() {
-                return setTabActive('custom');
-              },
-              children: "\u81EA\u5B9A\u4E49\u5DE5\u5355"
-            }), /*#__PURE__*/_jsx("div", {
-              className: "order_header_tabs_button border_left ".concat(tabActive === 'payment' ? 'active' : ''),
-              onClick: function onClick() {
-                return setTabActive('payment');
-              },
-              children: "\u6253\u6B3E\u5DE5\u5355"
-            })]
-          })
-        }), /*#__PURE__*/_jsx(OrderList, {
-          tabActive: tabActive
-        }), /*#__PURE__*/_jsx(PayOrderList, {
-          tabActive: tabActive
-        })]
-      })
-    }), !isEmpower && Reminder({
-      callback: onEmpowerCallback
-    })]
-  });
-};
-
-//工单列表
-var OrderList = function OrderList(_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 buyerNick = platformInfo.buyerNick,
-      buyerId = platformInfo.buyerId,
-      platform = platformInfo.platform;
-  var recordLogRef = useRef();
-  var customizeFormRef = useRef();
-  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) {
-    console.log('platformInfo', platformInfo, shopList);
-    customizeFormRef.current.openModal({
-      templateId: id,
-      shopId: platformInfo.shopId + '',
-      shopList: shopList,
-      orderNo: platformInfo.orderNo,
-      buyerId: platformInfo.buyerId,
-      buyerNick: platformInfo.buyerNick
-    });
-  }; //编辑
-
-
-  var onEdit = function onEdit(item) {
-    customizeFormRef.current.openModal({
-      templateId: item.templateDetailDto.uniqueKey,
-      record: item,
-      shopId: item.shopId,
-      shopList: shopList,
-      workOrderId: item.id,
-      buyerNick: platformInfo.buyerNick
-    });
-  }; //记录
-
-
-  var onLog = function onLog(item) {
-    recordLogRef.current.open(item);
-  };
-
-  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(ListOrderItem, {
-          item: item,
-          onEdit: onEdit,
-          onLog: onLog,
-          onRefresh: onSearch
-        }, item.id);
-      }) : /*#__PURE__*/_jsx("div", {
-        className: "custom_box_main_empty",
+  return /*#__PURE__*/_jsx(Spin, {
+    spinning: loading,
+    children: /*#__PURE__*/_jsxs("div", {
+      id: "customize-work-order-component",
+      className: "order_container ".concat(platform === PlatForm.FXG ? '' : 'order_container_padding_bottom'),
+      children: [/*#__PURE__*/_jsx("header", {
+        className: "order_header",
         children: /*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx("img", {
-            src: emptyImg,
-            alt: ""
-          }), /*#__PURE__*/_jsx("p", {
-            children: "\u6682\u65E0\u6570\u636E"
+          className: "order_header_tabs",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "order_header_tabs_button ".concat(tabActive === 'custom' ? 'active' : ''),
+            onClick: function onClick() {
+              return setTabActive('custom');
+            },
+            children: "\u81EA\u5B9A\u4E49\u5DE5\u5355"
+          }), /*#__PURE__*/_jsx("div", {
+            className: "order_header_tabs_button border_left ".concat(tabActive === 'payment' ? 'active' : ''),
+            onClick: function onClick() {
+              return setTabActive('payment');
+            },
+            children: "\u6253\u6B3E\u5DE5\u5355"
           })]
         })
-      })
-    }), 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(RecordLog, {
-      ref: recordLogRef,
-      width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
-    }), /*#__PURE__*/_jsx(CustomizeFormModal, {
-      ref: customizeFormRef,
-      shopList: shopList,
-      width: platform === PlatForm.XIAOZHI ? '100%' : '90%',
-      onSuccess: function onSuccess(_ref2) {
-        var type = _ref2.type;
-        onSearch();
-
-        if (type === 'ADD') {
-          dispatch({
-            type: 'global/setState',
-            payload: {
-              platformInfo: _objectSpread(_objectSpread({}, platformInfo), {}, {
-                orderNo: ''
-              })
-            }
-          });
-        }
-      }
-    }), /*#__PURE__*/_jsx(DeleteCustomizeOrderModal, {}), /*#__PURE__*/_jsx(DealerSelectModal, {}), /*#__PURE__*/_jsx(StatusSelectModal, {})]
-  });
-};
-
-//打款工单列表
-var PayOrderList = function PayOrderList(_ref3) {
-  var _paySearch$time;
-
-  var tabActive = _ref3.tabActive;
-  var dispatch = useAppDispatch();
-  var payOrderList = useAppSelector(function (state) {
-    return state.workOrder.payOrderList;
-  });
-  var total = useAppSelector(function (state) {
-    return state.workOrder.payOrderListTotal;
-  });
-  var paySearch = useAppSelector(function (state) {
-    return state.workOrder.paySearch;
-  });
-  var platformInfo = useAppSelector(function (state) {
-    var _state$global;
-
-    return (_state$global = state.global) === null || _state$global === void 0 ? void 0 : _state$global.platformInfo;
-  });
-  var shopList = useAppSelector(function (state) {
-    return state.workOrder.userInfo.shopList;
-  });
-  var buyerNick = platformInfo.buyerNick,
-      buyerId = platformInfo.buyerId,
-      platform = platformInfo.platform;
-  var logRef = useRef();
-  var payOrderRef = useRef();
-  var PAY_STATUS = [{
-    value: '',
-    label: '全部'
-  }, {
-    value: 'WAITING_EXAMINE',
-    label: '未打款',
-    color: 'rgba(0,0,0,.85)'
-  }, {
-    value: 'EXAMINED',
-    label: '审核通过',
-    color: 'rgba(0,0,0,.85)'
-  }, {
-    value: 'ALI_PAY_WAITING',
-    label: '支付宝待付款',
-    color: 'rgba(0,0,0,.85)'
-  }, {
-    value: 'FLAG_PAID',
-    label: '已打款',
-    color: 'rgba(0,153,102)'
-  }, {
-    value: 'ALI_PAY_SUCCESS',
-    label: '打款成功',
-    color: 'rgba(0,153,102)'
-  }, {
-    value: 'ALI_PAY_FAIL',
-    label: '打款失败',
-    color: 'rgba(255,88,64)'
-  }, {
-    value: 'ALI_PAY_CLOSE',
-    label: '打款关闭',
-    color: 'rgba(156,156,156)'
-  }];
-  useEffect(function () {
-    setTimeout(onSearch, 0); // TODO: 让请求在下一个任务中执行，前一个任务获取不到redux中的数据
-  }, [paySearch, buyerNick, buyerId]);
-
-  var onSearch = function onSearch() {
-    dispatch(fetchQueryPaymentWorkOrderList());
-  }; //分页搜索
-
-
-  var onChangePage = function onChangePage(page, pageSize) {
-    dispatch({
-      type: 'workOrder/setState',
-      payload: {
-        paySearch: _objectSpread(_objectSpread({}, paySearch), {}, {
-          pageNo: page,
-          pageSize: pageSize
-        })
-      }
-    });
-  };
-
-  var handleOpenModify = function handleOpenModify(record, type) {
-    payOrderRef.current.openModal(record, type);
-  }; //记录
-
-
-  var handleOpenLog = function handleOpenLog(record) {
-    logRef.current.openModal(record);
-  }; //修改筛选值
-
-
-  var upDateState = function upDateState(type, value) {
-    var _objectSpread3;
-
-    dispatch({
-      type: 'workOrder/setState',
-      payload: {
-        paySearch: _objectSpread(_objectSpread({}, paySearch), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, type, value), _defineProperty(_objectSpread3, "pageNo", 1), _objectSpread3))
-      }
-    });
-  };
-
-  return /*#__PURE__*/_jsxs("div", {
-    className: "custom_box",
-    style: {
-      display: tabActive === 'payment' ? 'block' : 'none'
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "custom_box_header",
-      children: /*#__PURE__*/_jsx(Space, {
-        size: [8, 8],
-        wrap: true,
-        children: /*#__PURE__*/_jsx("span", {
-          className: "custom_temp_list_button",
-          onClick: function onClick() {
-            var _shopList$find;
-
-            return handleOpenModify({
-              buyerNick: platformInfo.buyerNick,
-              buyerOpenUid: platformInfo.buyerId,
-              shopId: platformInfo.shopId,
-              tid: platformInfo.orderNo,
-              shopName: (_shopList$find = shopList.find(function (item) {
-                return item.shopId == platformInfo.shopId;
-              })) === null || _shopList$find === void 0 ? void 0 : _shopList$find.shopName,
-              shopList: shopList
-            }, 'add');
-          },
-          children: "\u6253\u6B3E\u5DE5\u5355"
-        })
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "custom_box_search pay_search",
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "custom_box_search_box pay_search_box",
-        children: [/*#__PURE__*/_jsxs(Select, {
-          className: "custom_box_search_date",
-          value: paySearch.timeType,
-          onChange: function onChange(val) {
-            return upDateState('timeType', val);
-          },
-          children: [/*#__PURE__*/_jsx(Select.Option, {
-            value: "submitTime",
-            children: "\u63D0\u4EA4\u65F6\u95F4"
-          }), /*#__PURE__*/_jsx(Select.Option, {
-            value: "auditTime",
-            children: "\u5BA1\u6838\u65F6\u95F4"
-          }), /*#__PURE__*/_jsx(Select.Option, {
-            value: "playWithTime",
-            children: "\u6253\u6B3E\u65F6\u95F4"
-          })]
-        }), /*#__PURE__*/_jsx(Select, {
-          className: "custom_box_search_cascader",
-          value: paySearch.workPayStatus,
-          onChange: function onChange(val) {
-            return upDateState('workPayStatus', val);
-          },
-          children: PAY_STATUS.map(function (item) {
-            return /*#__PURE__*/_jsx(Select.Option, {
-              value: item.value,
-              children: item.label
-            }, item.value);
-          })
-        }), /*#__PURE__*/_jsx(Checkbox, {
-          className: "custom_box_search_buyer",
-          checked: paySearch.isBuyer,
-          onChange: function onChange(e) {
-            if (!platformInfo.buyerId) {
-              return message.warning('请先选择买家，再查询工单!');
-            }
-
-            upDateState('isBuyer', e.target.checked);
-          },
-          children: "\u5F53\u524D\u4E70\u5BB6"
-        }), /*#__PURE__*/_jsx(RangePicker, {
-          allowClear: false,
-          value: (_paySearch$time = paySearch.time) === null || _paySearch$time === void 0 ? void 0 : _paySearch$time.map(function (item) {
-            return moment(item);
-          }),
-          showTime: true,
-          onChange: function onChange(dates) {
-            return upDateState('time', dates.map(function (item) {
-              return item.format('YYYY-MM-DD HH:mm:ss');
-            }));
-          }
-        })]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "custom_box_search_refresh",
-        onClick: function onClick() {
-          return onSearch();
-        },
-        children: /*#__PURE__*/_jsx("img", {
-          src: refreshImg,
-          alt: ""
-        })
+      }), /*#__PURE__*/_jsx(OrderList, {
+        tabActive: tabActive
+      }), /*#__PURE__*/_jsx(PaymentWorkOrderList, {
+        tabActive: tabActive
+      }), !isEmpower && /*#__PURE__*/_jsx(Reminder, {
+        callback: onEmpowerCallback
       })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "payment_box_main payment_box_main_".concat(platform),
-      children: payOrderList.length ? payOrderList.map(function (item) {
-        return /*#__PURE__*/_jsx(PayListOrderItem, {
-          record: item,
-          onRefresh: onSearch,
-          onEdit: function onEdit(record, type) {
-            return handleOpenModify(_objectSpread(_objectSpread({}, record), {}, {
-              shopList: shopList
-            }), type);
-          },
-          onLog: handleOpenLog
-        }, 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"
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "custom_box_page",
-      children: /*#__PURE__*/_jsx(Pagination, {
-        showQuickJumper: true,
-        showSizeChanger: false,
-        showTotal: function showTotal(total) {
-          return "\u5171".concat(total, "\u6761");
-        },
-        current: paySearch.pageNo,
-        pageSize: paySearch.pageSize,
-        total: total,
-        onChange: onChangePage
-      })
-    }), /*#__PURE__*/_jsx(RecordModal, {
-      ref: logRef,
-      width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
-    }), /*#__PURE__*/_jsx(PayOrderModal, {
-      ref: payOrderRef,
-      afterSuccessUpdateWorkOrder: function afterSuccessUpdateWorkOrder(type) {
-        if (type === 'add') {
-          dispatch({
-            type: 'global/setState',
-            payload: {
-              platformInfo: _objectSpread(_objectSpread({}, platformInfo), {}, {
-                orderNo: ''
-              })
-            }
-          });
-        }
-
-        onSearch();
-      },
-      width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
-    }), /*#__PURE__*/_jsx(ExamineModal, {}), /*#__PURE__*/_jsx(UnExamineModal, {}), /*#__PURE__*/_jsx(DeletePaymentWorkOrderModal, {}), /*#__PURE__*/_jsx(FlagPayModal, {})]
+    })
   });
 };