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

package/dist/esm/WorkOrder/components/{ExamineModal → PaymentWorkOrderList/components/ExamineModal}/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 { selectExamineModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { examinePaymentOrder } from "../../../model/servers/api";
+import { useSelector, useDispatch } from 'react-redux';
+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,7 +87,7 @@ 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,

package/dist/esm/WorkOrder/components/{FlagPayModal → PaymentWorkOrderList/components/FlagPayModal}/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 { selectFlagPayModalVisible, selectCurrentRecord, fetchQueryPaymentWorkOrderList } from "../../../model/workOrder";
-import { paymentOrder } from "../../../model/servers/api";
+import { useDispatch, useSelector } from 'react-redux';
+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 () {

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 { 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,9 +290,7 @@ 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",
@@ -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;

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;