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

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

@@ -0,0 +1,242 @@
+import React from 'react';
+import { Divider } from 'antd';
+import moment from 'moment';
+import { useAppDispatch } from "../../../../../model/hooks";
+import { setPaymentWorkOrderExamineModalVisible, setCurrentPaymentRecord, setPaymentWorkOrderUnExamineModalVisible, setDeletePaymentWorkOrderVisible, setFlagPayModalVisible, setLogModalVisible, setPaymentFormModalVisible } from "../../../../../model/paymentWorkOrder";
+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'],
+  FLAG_PAID: ['recordHandle'],
+  ALI_PAY_WAITING: ['recordHandle'],
+  ALI_PAY_SUCCESS: ['recordHandle'],
+  ALI_PAY_FAIL: ['recordHandle'],
+  ALI_PAY_CLOSE: ['recordHandle'],
+  ALI_PAY_EXPIRED: ['recordHandle']
+};
+var payStatusMap = {
+  examine: '审核',
+  edit: '修改',
+  deleteHandle: '删除',
+  recordHandle: '记录',
+  waitingExamine: '取消审核',
+  pay: '打款'
+};
+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)'
+}];
+var PAY_STATUS_ICON = {
+  WAITING_EXAMINE: '#FF4050',
+  EXAMINED: '#43BF0A'
+};
+
+function PaymentWorkOrderCard(props) {
+  var _props$record = props.record,
+      record = _props$record === void 0 ? {} : _props$record;
+  var dispatch = useAppDispatch();
+  var workPayStatusDesc = record.workPayStatusDesc,
+      workPayStatus = record.workPayStatus,
+      operateTime = record.operateTime,
+      operateNick = record.operateNick,
+      workPayFee = record.workPayFee,
+      shopName = record.shopName,
+      buyerNick = record.buyerNick,
+      tid = record.tid,
+      accountNickMix = record.accountNickMix,
+      accountNoMix = record.accountNoMix;
+  var btnList = workPayStatusFuncMap[workPayStatus].map(function (id) {
+    return /*#__PURE__*/_jsx("div", {
+      className: "orderItemOperate",
+      onClick: function onClick() {
+        return handleClick(id, record);
+      },
+      children: payStatusMap[id]
+    }, id);
+  });
+
+  var handleClick = function handleClick(id, record) {
+    switch (id) {
+      case 'examine':
+        examine(record);
+        break;
+
+      case 'edit':
+        edit(record);
+        break;
+
+      case 'deleteHandle':
+        deleteHandle(record);
+        break;
+
+      case 'recordHandle':
+        recordHandle(record);
+        break;
+
+      case 'waitingExamine':
+        waitingExamine(record);
+        break;
+
+      case 'pay':
+        pay(record);
+        break;
+    }
+  };
+
+  var recordHandle = function recordHandle(params) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setLogModalVisible(true));
+  }; // 审核
+
+
+  var examine = function examine(record) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setPaymentWorkOrderExamineModalVisible(true));
+  }; // 取消审核
+
+
+  var waitingExamine = function waitingExamine(record) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setPaymentWorkOrderUnExamineModalVisible(true));
+  }; // 删除
+
+
+  var deleteHandle = function deleteHandle(record) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setDeletePaymentWorkOrderVisible(true));
+  }; // 打款状态修改
+
+
+  var pay = function pay(record) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setFlagPayModalVisible(true));
+  }; //修改
+
+
+  var edit = function edit(record) {
+    dispatch(setCurrentPaymentRecord(record));
+    dispatch(setPaymentFormModalVisible(true));
+  };
+
+  var getColor = function getColor(flag) {
+    var currentObj = PAY_STATUS.find(function (item) {
+      return item.value === flag;
+    });
+    return currentObj === null || currentObj === void 0 ? void 0 : currentObj.color;
+  };
+
+  var renderFormItem = function renderFormItem(items) {
+    return items.map(function (item, index) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "orderItemView",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "itemViewLeft",
+          children: item.label
+        }), /*#__PURE__*/_jsx("span", {
+          className: "itemViewRight",
+          children: item.value
+        })]
+      }, index);
+    });
+  };
+
+  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
+      }])
+    }), /*#__PURE__*/_jsx(Divider, {
+      dashed: true,
+      style: {
+        margin: '12px 0'
+      }
+    }), /*#__PURE__*/_jsx("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(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

@@ -0,0 +1,123 @@
+.listOrderItemBox {
+  margin-bottom: 8px;
+  padding: 14px 16px;
+  background-color: #fff;
+  border: 1px solid #f2f2f2;
+}
+
+.orderItem {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 2px;
+
+  .orderItemLeft {
+    display: flex;
+    align-items: center;
+
+    .orderItemType {
+      display: flex;
+      align-items: center;
+      // align-items: center;
+      color: rgba(0, 0, 0, 0.85);
+      font-weight: normal;
+      font-size: 14px;
+      font-family: 'PingFangSC-Medium';
+
+      .orderItemLeftIcon {
+        width: 2px;
+        height: 16px;
+        margin-right: 8px;
+        background: #1966ff;
+      }
+
+      .orderItemLeftName {
+        // width: 115px;
+        line-height: 16px;
+      }
+
+      .status {
+        margin-left: 8px;
+        padding: 2px 4px;
+        font-size: 12px;
+        line-height: 16px;
+        border-radius: 4px;
+      }
+    }
+
+    .orderItemStatus {
+      display: inline-block;
+      box-sizing: border-box;
+      height: 24px;
+      margin-left: 8px;
+      padding: 0px 4px;
+      line-height: 23px;
+      white-space: nowrap;
+      // align-items: center;
+      // justify-content: center;
+      text-align: center;
+      border-radius: 4px;
+    }
+
+    .undo {
+      color: #ff4050;
+      background: #fff6f5;
+      border: 1px solid #ffeceb;
+    }
+
+    .done {
+      color: #43bf0a;
+      background: #f6fff0;
+      border: 1px solid #dffacd;
+    }
+  }
+}
+
+.orderItemRight {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.orderItemOperate {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  height: 24px;
+  margin: 0 4px;
+  // width: 48px;
+  padding: 0 8px;
+  color: #1966ff;
+  font-weight: normal;
+  white-space: nowrap;
+  border: 1px solid #1966ff;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.orderLine {
+  display: block;
+  width: 100%;
+  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
+}
+
+.orderItemView {
+  display: flex;
+  align-items: center;
+  margin: 6px 0;
+
+  .itemViewLeft {
+    min-width: 48px;
+    margin-right: 8px;
+    color: rgba(0, 0, 0, 0.4);
+    font-weight: normal;
+    font-size: 12px;
+  }
+
+  .itemViewRight {
+    flex-grow: 1;
+    color: rgba(0, 0, 0, 0.85);
+    word-break: break-all;
+  }
+}

package/dist/esm/WorkOrder/components/{UnExamineModal → PaymentWorkOrderList/components/UnExamineModal}/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 { selectUnExamineModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { examinePaymentOrder } from "../../../model/servers/api";
+import { useDispatch, useSelector } from 'react-redux';
+import { debounce } from 'lodash';
+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 = useAppDispatch();
-  var visible = useAppSelector(selectUnExamineModalVisible);
-  var record = useAppSelector(selectCurrentRecord);
+  var dispatch = useDispatch();
+  var visible = useSelector(selectPaymentWorkOrderUnExamineModalVisible);
+  var record = useSelector(selectCurrentPaymentRecord);
 
   var handleCancel = function handleCancel() {
-    dispatch({
-      type: 'workOrder/setCurrentCustomizeRecord',
-      payload: {}
-    });
-    dispatch({
-      type: 'workOrder/setUnExamineModalVisible',
-      payload: false
-    });
+    dispatch(setCurrentPaymentRecord({}));
+    dispatch(setPaymentWorkOrderUnExamineModalVisible(false));
   };
 
   var examineRemitOrder = /*#__PURE__*/function () {
@@ -94,7 +91,7 @@ var UnExamineModal = function UnExamineModal() {
     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/index.d.ts

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

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

@@ -0,0 +1,238 @@
+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 } from 'react';
+import { Select, Pagination, DatePicker, Space, Checkbox, message } from 'antd';
+import { useAppSelector, useAppDispatch } from "../../../model/hooks";
+import { fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
+import PaymentWorkOrderCard from "./components/PaymentWorkOrderCard";
+import RecordModal from "./components/LogModal";
+import ExamineModal from "./components/ExamineModal";
+import UnExamineModal from "./components/UnExamineModal";
+import DeletePaymentWorkOrderModal from "./components/DeletePaymentWorkOrderModal";
+import FlagPayModal from "./components/FlagPayModal";
+import PaymentFormModal from "./components/PaymentFormModal";
+import refreshImg from "../../../common/imgs/refresh.png";
+import emptyImg from "../../../common/imgs/empty.png";
+import { PAY_STATUS } from "../../../common/constant";
+import { setPaymentFormModalVisible, setCurrentPaymentRecord } from "../../../model/paymentWorkOrder";
+import moment from 'moment';
+import { PlatForm } from "../../types";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var RangePicker = DatePicker.RangePicker;
+
+//打款工单列表
+var PaymentWorkOrderList = function PaymentWorkOrderList(_ref) {
+  var _paySearch$time;
+
+  var tabActive = _ref.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;
+  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 handleAddPaymentWorkOrder = function handleAddPaymentWorkOrder() {
+    var _shopList$find;
+
+    dispatch(setPaymentFormModalVisible(true));
+    dispatch(setCurrentPaymentRecord({
+      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
+    }));
+  }; //修改筛选值
+
+
+  var upDateState = function upDateState(type, value) {
+    var _objectSpread2;
+
+    dispatch({
+      type: 'workOrder/setState',
+      payload: {
+        paySearch: _objectSpread(_objectSpread({}, paySearch), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, type, value), _defineProperty(_objectSpread2, "pageNo", 1), _objectSpread2))
+      }
+    });
+  };
+
+  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: handleAddPaymentWorkOrder,
+          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("div", {
+      className: "payment_box_main payment_box_main_".concat(platform),
+      children: payOrderList.length ? payOrderList.map(function (item) {
+        return /*#__PURE__*/_jsx(PaymentWorkOrderCard, {
+          record: 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"
+          })]
+        })
+      })
+    }), /*#__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(ExamineModal, {}), /*#__PURE__*/_jsx(UnExamineModal, {}), /*#__PURE__*/_jsx(DeletePaymentWorkOrderModal, {}), /*#__PURE__*/_jsx(FlagPayModal, {}), /*#__PURE__*/_jsx(RecordModal, {
+      width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
+    }), /*#__PURE__*/_jsx(PaymentFormModal, {
+      width: platform === PlatForm.XIAOZHI ? '100%' : '90%',
+      shopList: shopList,
+      afterSuccessUpdateWorkOrder: function afterSuccessUpdateWorkOrder(type) {
+        if (type === 'add') {
+          dispatch({
+            type: 'global/setState',
+            payload: {
+              platformInfo: _objectSpread(_objectSpread({}, platformInfo), {}, {
+                orderNo: ''
+              })
+            }
+          });
+        }
+
+        onSearch();
+      }
+    })]
+  });
+};
+
+export default PaymentWorkOrderList;