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

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,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 { selectUnExamineModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { examinePaymentOrder } from "../../../model/servers/api";
+import { useDispatch, useSelector } from 'react-redux';
+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 () {

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 "src/model/hooks";
+import { fetchQueryPaymentWorkOrderList } from "src/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 "src/common/imgs/refresh.png";
+import emptyImg from "src/common/imgs/empty.png";
+import { PAY_STATUS } from "src/common/constant";
+import { setPaymentFormModalVisible, setCurrentPaymentRecord } from "src/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;

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

@@ -0,0 +1,247 @@
+.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;
+  }
+
+  .payment_box_main {
+    height: calc(100vh - 236px);
+    overflow: auto;
+    background-color: #fafafa;
+  }
+
+  .payment_box_main_fxg {
+    height: calc(100vh - 340px);
+  }
+
+  .payment_box_main_ks {
+    height: calc(100vh - 436px);
+  }
+
+  .custom_box_page {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    height: 40px;
+    padding: 0 16px;
+    background-color: #fff;
+  }
+}
+
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: 56px;
+  padding: 0 16px;
+  background-color: #fff;
+  border-top: 1px solid #f2f2f2;
+
+  .footer_button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: 80px;
+    height: 24px;
+    margin-left: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+    border-radius: 4px;
+    cursor: pointer;
+  }
+}
+
+.noData {
+  padding-top: 60px;
+  color: #999;
+  text-align: center;
+
+  & > div {
+    margin-bottom: 12px;
+
+    img {
+      vertical-align: middle;
+    }
+  }
+}
+
+.cardContainer {
+  margin: 4px;
+  padding: 8px 12px;
+  background: #fff;
+
+  .top {
+    display: flex;
+    justify-content: space-between;
+    font-size: 16px;
+  }
+
+  .label {
+    color: rgba(156, 156, 156, 1);
+  }
+}
+
+.wrap {
+  background: #f6f6f6;
+
+  .listContainer {
+    padding-bottom: 60px;
+    overflow-y: auto;
+  }
+}
+
+.red {
+  color: rgba(255, 88, 64, 1);
+}
+
+.green {
+  color: rgba(0, 153, 102, 1);
+}
+
+:global {
+  .ant-calendar-range {
+    width: 100%;
+  }
+}
+
+.foldBtn {
+  color: #3089dc;
+  text-align: center;
+
+  > span {
+    cursor: pointer;
+  }
+}
+
+.formExpand {
+  display: block;
+}
+
+.formDefault {
+  display: none;
+}

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

@@ -1,13 +1,6 @@
 /// <reference types="react" />
+import { PlatForm } from './types';
 import './index.less';
-export declare enum PlatForm {
-    TB = "tb",
-    FXG = "fxg",
-    KS = "ks",
-    PDD = "pdd",
-    JD = "jd",
-    XIAOZHI = "xiaozhi"
-}
 interface WorkOrderProps {
     platform?: PlatForm;
     shopId?: string;