kmkf-work-order-service-component 0.3.9 → 0.4.0-alpha.1

package/dist/esm/SingleShopWorkOrder/components/DeleteCustomizeOrderModal/index.js

@@ -22,6 +22,8 @@ import { useSelector, useDispatch } from 'react-redux';
 import { debounce } from 'lodash';
 import { fetchDeleteWorkOrder, setCurrentCustomizeRecord } from "../../../model/singleShopWorkOrder";
 import { selectDeleteCustomizeWorkOrderModalVisible, selectorCurrentCustomizeRecord } from "../../../model/singleShopWorkOrder/selector";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var DeleteCustomizeOrderModal = function DeleteCustomizeOrderModal(_ref) {
   var submit = _ref.submit;
@@ -69,16 +71,20 @@ var DeleteCustomizeOrderModal = function DeleteCustomizeOrderModal(_ref) {
       }
     }, _callee, null, [[0, 7]]);
   })), [record]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: "\u5220\u9664\u5DE5\u5355",
     open: deleteCustomizeWorkOrderModalVisible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
     onOk: debounce(onDelete, 300),
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: "red"
-  }, "\u5220\u9664\u540E\u7684\u5DE5\u5355\u65E0\u6CD5\u6062\u590D"), "\uFF0C \u786E\u8BA4\u8981\u5220\u9664\u8BE5\u6761\u6570\u636E\u5417\uFF1F"));
+    onCancel: handleCancel,
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "red",
+        children: "\u5220\u9664\u540E\u7684\u5DE5\u5355\u65E0\u6CD5\u6062\u590D"
+      }), "\uFF0C \u786E\u8BA4\u8981\u5220\u9664\u8BE5\u6761\u6570\u636E\u5417\uFF1F"]
+    })
+  });
 };
 
 export default DeleteCustomizeOrderModal;

package/dist/esm/SingleShopWorkOrder/components/OrderList/index.js

@@ -1,14 +1,16 @@
 import React from 'react';
 import Card from "../Card";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var OrderList = function OrderList(_ref) {
   var list = _ref.list;
-  return /*#__PURE__*/React.createElement("div", null, list.map(function (item) {
-    return /*#__PURE__*/React.createElement(Card, {
-      key: item.id,
-      item: item
-    });
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    children: list.map(function (item) {
+      return /*#__PURE__*/_jsx(Card, {
+        item: item
+      }, item.id);
+    })
+  });
 };
 
 export default OrderList;

package/dist/esm/SingleShopWorkOrder/index.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
@@ -31,6 +29,8 @@ import { fetchTemplateList, setCurrentCustomizeRecord, setFormModalVisible, setT
 import { selectorSingleTemplateList, selectorTemplateId } from "../model/singleShopWorkOrder/selector";
 import { queryWorkOrderList } from "../model/servers/api";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var RangePicker = DatePicker.RangePicker;
 
 var getTableData = function getTableData(_ref, formData) {
@@ -100,75 +100,83 @@ var SingleShopWorkOrder = function SingleShopWorkOrder() {
     }));
   };
 
-  return /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, (templateList === null || templateList === void 0 ? void 0 : templateList.length) === 0 ? /*#__PURE__*/React.createElement(Empty, null) : /*#__PURE__*/React.createElement("div", {
-    className: "single-shop-template-list"
-  }, templateList === null || templateList === void 0 ? void 0 : templateList.map(function (t) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "template-button",
-      onClick: function onClick() {
-        return openCustomForm(t.value);
-      }
-    }, t.label);
-  })), (templateList === null || templateList === void 0 ? void 0 : templateList.length) > 0 && /*#__PURE__*/React.createElement("main", {
-    className: "list-container"
-  }, /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    initialValues: {
-      startEndDate: [moment().add(-30, 'd'), moment()]
-    },
-    className: "form-container"
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u63D0\u4EA4\u65F6\u95F4",
-    name: "startEndDate"
-  }, /*#__PURE__*/React.createElement(RangePicker, {
-    onChange: function onChange() {
-      return submit();
-    },
-    style: {
-      width: '100%'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u6A21\u677F\u540D\u79F0",
-    name: "uniqueKey",
-    rules: [{
-      required: true,
-      message: '模板必填'
-    }]
-  }, /*#__PURE__*/React.createElement(Select, {
-    options: templateList,
-    showSearch: true,
-    placeholder: "\u8BF7\u9009\u62E9\u6A21\u677F",
-    allowClear: false,
-    onChange: function onChange() {
-      return submit();
-    }
-  }))), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 ? /*#__PURE__*/React.createElement(OrderList, {
-    list: dataSource
-  }) : /*#__PURE__*/React.createElement(Empty, null), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
-    onChange: handleChangePagination
-  })), /*#__PURE__*/React.createElement(DeleteCustomizeOrderModal, {
-    submit: submit
-  }), /*#__PURE__*/React.createElement(CustomizeFormModal, {
-    shopList: [],
-    width: '100%',
-    templateId: templateId,
-    shopId: '',
-    orderNo: '',
-    buyerId: '',
-    buyerNick: '',
-    platform: 'jd',
-    onSuccess: function onSuccess() {
-      return submit();
-    }
-  })));
+  return /*#__PURE__*/_jsxs(Spin, {
+    spinning: loading,
+    children: [(templateList === null || templateList === void 0 ? void 0 : templateList.length) === 0 ? /*#__PURE__*/_jsx(Empty, {}) : /*#__PURE__*/_jsx("div", {
+      className: "single-shop-template-list",
+      children: templateList === null || templateList === void 0 ? void 0 : templateList.map(function (t) {
+        return /*#__PURE__*/_jsx("div", {
+          className: "template-button",
+          onClick: function onClick() {
+            return openCustomForm(t.value);
+          },
+          children: t.label
+        });
+      })
+    }), (templateList === null || templateList === void 0 ? void 0 : templateList.length) > 0 && /*#__PURE__*/_jsxs("main", {
+      className: "list-container",
+      children: [/*#__PURE__*/_jsxs(Form, {
+        form: form,
+        initialValues: {
+          startEndDate: [moment().add(-30, 'd'), moment()]
+        },
+        className: "form-container",
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          label: "\u63D0\u4EA4\u65F6\u95F4",
+          name: "startEndDate",
+          children: /*#__PURE__*/_jsx(RangePicker, {
+            onChange: function onChange() {
+              return submit();
+            },
+            style: {
+              width: '100%'
+            }
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          label: "\u6A21\u677F\u540D\u79F0",
+          name: "uniqueKey",
+          rules: [{
+            required: true,
+            message: '模板必填'
+          }],
+          children: /*#__PURE__*/_jsx(Select, {
+            options: templateList,
+            showSearch: true,
+            placeholder: "\u8BF7\u9009\u62E9\u6A21\u677F",
+            allowClear: false,
+            onChange: function onChange() {
+              return submit();
+            }
+          })
+        })]
+      }), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 ? /*#__PURE__*/_jsx(OrderList, {
+        list: dataSource
+      }) : /*#__PURE__*/_jsx(Empty, {}), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({}, pagination), {}, {
+        onChange: handleChangePagination
+      })), /*#__PURE__*/_jsx(DeleteCustomizeOrderModal, {
+        submit: submit
+      }), /*#__PURE__*/_jsx(CustomizeFormModal, {
+        shopList: [],
+        width: '100%',
+        templateId: templateId,
+        shopId: '',
+        orderNo: '',
+        buyerId: '',
+        buyerNick: '',
+        platform: 'jd',
+        onSuccess: function onSuccess() {
+          return submit();
+        }
+      })]
+    })]
+  });
 };
 
 var ProviderWrap = function ProviderWrap() {
-  return /*#__PURE__*/React.createElement(Provider, {
-    store: store
-  }, /*#__PURE__*/React.createElement(SingleShopWorkOrder, null));
+  return /*#__PURE__*/_jsx(Provider, {
+    store: store,
+    children: /*#__PURE__*/_jsx(SingleShopWorkOrder, {})
+  });
 };
 
 export default ProviderWrap;

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

@@ -47,6 +47,8 @@ import { selectorFormModalVisible } from "../../../../../model/customizeWorkOrde
 import { setFormModalVisible } from "../../../../../model/customizeWorkOrder";
 import { selectorCurrentCustomizeRecord } from "../../../../../model/customizeWorkOrder/selector";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 moment.locale('zh-cn');
 
 var CustomizeFormModal = function CustomizeFormModal(props) {
@@ -608,62 +610,72 @@ var CustomizeFormModal = function CustomizeFormModal(props) {
     var btnGroup = [];
 
     if (look) {
-      btnGroup = /*#__PURE__*/React.createElement(Space, {
+      btnGroup = /*#__PURE__*/_jsx(Space, {
         style: {
           float: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: function onClick() {
-          closeModal();
-        }
-      }, "\u5173\u95ED"));
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          onClick: function onClick() {
+            closeModal();
+          },
+          children: "\u5173\u95ED"
+        })
+      });
     } else {
-      btnGroup = /*#__PURE__*/React.createElement(Space, {
+      btnGroup = /*#__PURE__*/_jsxs(Space, {
         style: {
           float: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(Button, {
-        onClick: function onClick() {
-          return closeModal();
-        }
-      }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: debounce(handleSubmit, 300)
-      }, "\u786E\u5B9A"));
+        },
+        children: [/*#__PURE__*/_jsx(Button, {
+          onClick: function onClick() {
+            return closeModal();
+          },
+          children: "\u53D6\u6D88"
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          onClick: debounce(handleSubmit, 300),
+          children: "\u786E\u5B9A"
+        })]
+      });
     }
 
     return btnGroup;
   };
 
-  return /*#__PURE__*/React.createElement(Drawer, {
-    closeIcon: /*#__PURE__*/React.createElement(LeftOutlined, null),
+  return /*#__PURE__*/_jsx(Drawer, {
+    closeIcon: /*#__PURE__*/_jsx(LeftOutlined, {}),
     title: (templateDetail === null || templateDetail === void 0 ? void 0 : templateDetail.name) || '工单录入',
     width: width,
     open: visible,
     onClose: closeModal,
     footer: renderFooter(),
-    destroyOnClose: true
-  }, /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
-    locale: zhCN
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "tipBox"
-  }, Object.keys(replaceValue).map(function (key) {
-    return replaceValue[key] > 0 && /*#__PURE__*/React.createElement("div", null, "\u63D0\u793A\uFF1A\u8BE5", COMPONENT_MAP_NAME[key], "\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", replaceValue[key], "\u6761\u5DE5\u5355\uFF01");
-  })), /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    labelCol: {
-      span: 6
-    },
-    wrapperCol: {
-      span: 18
-    },
-    className: "customizeFormModalClassName",
-    style: {// maxHeight: '500px',
-    }
-  }, finalFormItems))));
+    destroyOnClose: true,
+    children: /*#__PURE__*/_jsx(Spin, {
+      spinning: loading,
+      children: /*#__PURE__*/_jsxs(ConfigProvider, {
+        locale: zhCN,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "tipBox",
+          children: Object.keys(replaceValue).map(function (key) {
+            return replaceValue[key] > 0 && /*#__PURE__*/_jsxs("div", {
+              children: ["\u63D0\u793A\uFF1A\u8BE5", COMPONENT_MAP_NAME[key], "\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", replaceValue[key], "\u6761\u5DE5\u5355\uFF01"]
+            });
+          })
+        }), /*#__PURE__*/_jsx(Form, {
+          form: form,
+          labelCol: {
+            span: 6
+          },
+          wrapperCol: {
+            span: 18
+          },
+          className: "customizeFormModalClassName",
+          children: finalFormItems
+        })]
+      })
+    })
+  });
 };
 
 export default CustomizeFormModal;

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

@@ -26,19 +26,23 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { Divider } from 'antd';
 import moment from 'moment';
-import { useAppDispatch } from "../../../../../model/hooks";
+import { useAppDispatch, useAppSelector } from "../../../../../model/hooks";
 import { factory } from "../../../Widget";
 import { calcWorkOrderList, isNull } from "../../../../../common/utils/tools";
 import { WORK_ORDER_STATUS, WAITING, HANDLING, STOPPING } from "../../../../../common/constant";
 import { setStatusSelectModalVisible, setLogModalVisible, setFormModalVisible, setTemplateId, setCustomizeFormShopId, setCurrentCustomizeRecord } from "../../../../../model/customizeWorkOrder";
+import { selectorAllTemplateList } from "../../../../../model/customizeWorkOrder/selector";
 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";
 
 function CustomizeWorkOrderCard(props) {
   var _WORK_ORDER_STATUS$it, _item$jsonMap, _item$handlerList, _item$handlerList$map;
 
   var item = props.item;
   var dispatch = useAppDispatch();
-  var componentDtoList = item.templateDetailDto.componentDtoList;
+  var componentDtoList = useAppSelector(selectorAllTemplateList);
 
   var _calcWorkOrderList = calcWorkOrderList([_objectSpread({}, item)], componentDtoList),
       _calcWorkOrderList2 = _slicedToArray(_calcWorkOrderList, 1),
@@ -48,24 +52,30 @@ function CustomizeWorkOrderCard(props) {
   var ItemHeader = function ItemHeader() {
     var _WORK_ORDER_STATUS, _WORK_ORDER_STATUS2;
 
-    var templateDetailDto = item.templateDetailDto,
+    var templateName = item.templateName,
+        flowStatus = item.flowStatus,
         jsonMap = item.jsonMap;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "orderItem"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "orderItemLeft"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "orderItemType"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "orderItemLeftIcon"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "orderItemLeftName"
-    }, templateDetailDto ? templateDetailDto.name : '', (jsonMap === null || jsonMap === void 0 ? void 0 : jsonMap.flowStatus) && /*#__PURE__*/React.createElement("span", {
-      className: "status",
-      style: {
-        background: (_WORK_ORDER_STATUS = WORK_ORDER_STATUS[jsonMap === null || jsonMap === void 0 ? void 0 : jsonMap.flowStatus]) === null || _WORK_ORDER_STATUS === void 0 ? void 0 : _WORK_ORDER_STATUS.bgColor
-      }
-    }, (_WORK_ORDER_STATUS2 = WORK_ORDER_STATUS[jsonMap === null || jsonMap === void 0 ? void 0 : jsonMap.flowStatus]) === null || _WORK_ORDER_STATUS2 === void 0 ? void 0 : _WORK_ORDER_STATUS2.label)))));
+    return /*#__PURE__*/_jsx("div", {
+      className: "orderItem",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "orderItemLeft",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "orderItemType",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "orderItemLeftIcon"
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "orderItemLeftName",
+            children: [templateName, flowStatus && /*#__PURE__*/_jsx("span", {
+              className: "status",
+              style: {
+                background: (_WORK_ORDER_STATUS = WORK_ORDER_STATUS[flowStatus]) === null || _WORK_ORDER_STATUS === void 0 ? void 0 : _WORK_ORDER_STATUS.bgColor
+              },
+              children: (_WORK_ORDER_STATUS2 = WORK_ORDER_STATUS[flowStatus]) === null || _WORK_ORDER_STATUS2 === void 0 ? void 0 : _WORK_ORDER_STATUS2.label
+            })]
+          })]
+        })
+      })
+    });
   };
 
   var ItemActions = function ItemActions() {
@@ -98,110 +108,114 @@ function CustomizeWorkOrderCard(props) {
     var handleEdit = function handleEdit(record) {
       dispatch(setCurrentCustomizeRecord(record));
       dispatch(setFormModalVisible(true));
-      dispatch(setTemplateId(item.templateDetailDto.uniqueKey));
+      dispatch(setTemplateId(record.templateId));
       dispatch(setCustomizeFormShopId(item.shopId));
     };
 
     var jsonMap = item.jsonMap;
     var unCompletedStatus = [WAITING, HANDLING, STOPPING, undefined].includes(jsonMap === null || jsonMap === void 0 ? void 0 : jsonMap.flowStatus);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "orderItemRight"
-    }, unCompletedStatus && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "orderItemOperate",
-      onClick: function onClick() {
-        return handleChangeStatus(item);
-      }
-    }, "\u5904\u7406"), /*#__PURE__*/React.createElement("span", {
-      className: "orderItemOperate",
-      onClick: function onClick() {
-        return transferOrder(item);
-      }
-    }, "\u8F6C\u4EA4")), /*#__PURE__*/React.createElement("span", {
-      className: "orderItemOperate",
-      onClick: function onClick() {
-        return handleEdit(item);
-      }
-    }, "\u4FEE\u6539"), /*#__PURE__*/React.createElement("span", {
-      className: "orderItemOperate",
-      onClick: function onClick() {
-        return deleteHandle(item);
-      }
-    }, "\u5220\u9664"), /*#__PURE__*/React.createElement("span", {
-      className: "orderItemOperate",
-      onClick: function onClick() {
-        return handleLog(item);
-      }
-    }, "\u8BB0\u5F55"));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "orderItemRight",
+      children: [unCompletedStatus && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "orderItemOperate",
+          onClick: function onClick() {
+            return handleChangeStatus(item);
+          },
+          children: "\u5904\u7406"
+        }), /*#__PURE__*/_jsx("span", {
+          className: "orderItemOperate",
+          onClick: function onClick() {
+            return transferOrder(item);
+          },
+          children: "\u8F6C\u4EA4"
+        })]
+      }), /*#__PURE__*/_jsx("span", {
+        className: "orderItemOperate",
+        onClick: function onClick() {
+          return handleEdit(item);
+        },
+        children: "\u4FEE\u6539"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "orderItemOperate",
+        onClick: function onClick() {
+          return deleteHandle(item);
+        },
+        children: "\u5220\u9664"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "orderItemOperate",
+        onClick: function onClick() {
+          return handleLog(item);
+        },
+        children: "\u8BB0\u5F55"
+      })]
+    });
   };
 
   var ItemView = function ItemView(_ref) {
     var label = _ref.label,
         value = _ref.value,
         key = _ref.key;
-    return /*#__PURE__*/React.createElement("div", {
-      key: key,
-      className: "orderItemView"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "itemViewLeft"
-    }, label, ":"), /*#__PURE__*/React.createElement("span", {
-      className: "itemViewRight"
-    }, value));
+    return /*#__PURE__*/_jsxs("div", {
+      className: "orderItemView",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "itemViewLeft",
+        children: [label, ":"]
+      }), /*#__PURE__*/_jsx("span", {
+        className: "itemViewRight",
+        children: value
+      })]
+    }, key);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: "listOrderItemBox"
-  }, /*#__PURE__*/React.createElement(ItemHeader, null), /*#__PURE__*/React.createElement(ItemView, {
-    label: "\u63D0\u4EA4\u65F6\u95F4",
-    value: moment(transData.created).format('YYYY-MM-DD HH:mm:ss'),
-    key: "created"
-  }), /*#__PURE__*/React.createElement(ItemView, {
-    label: "\u63D0\u4EA4\u5BA2\u670D",
-    value: transData.submitter,
-    key: "submitter"
-  }), /*#__PURE__*/React.createElement(ItemView, {
-    label: "\u5DE5\u5355\u72B6\u6001",
-    value: (_WORK_ORDER_STATUS$it = WORK_ORDER_STATUS[item === null || item === void 0 ? void 0 : (_item$jsonMap = item.jsonMap) === null || _item$jsonMap === void 0 ? void 0 : _item$jsonMap.flowStatus]) === null || _WORK_ORDER_STATUS$it === void 0 ? void 0 : _WORK_ORDER_STATUS$it.label,
-    key: "flowStatus"
-  }), /*#__PURE__*/React.createElement(ItemView, {
-    label: "\u5904\u7406\u5BA2\u670D",
-    value: item === null || item === void 0 ? void 0 : (_item$handlerList = item.handlerList) === null || _item$handlerList === void 0 ? void 0 : (_item$handlerList$map = _item$handlerList.map(function (i) {
-      return i.account;
-    })) === null || _item$handlerList$map === void 0 ? void 0 : _item$handlerList$map.join('、'),
-    key: "handleList"
-  }), /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    style: {
-      margin: '8px 0'
-    }
-  }), /*#__PURE__*/React.createElement(ItemView, {
-    label: "\u5E97\u94FA\u540D\u79F0",
-    value: transData.shopName,
-    key: "shopName"
-  }), componentDtoList.map(function (t) {
-    var instance = factory(t.workOrderComponentType, {
-      id: t.uniqueKey,
-      name: t.name,
-      componentConfig: t.componentConfig
-    });
-    var subColumns = instance.getColumns(); // 复合组件存在多个字段展示
-
-    return subColumns !== null && subColumns !== void 0 && subColumns.children ? subColumns.children.map(function (item) {
-      return !isNull(transData[(item === null || item === void 0 ? void 0 : item.dataIndex) || '']) ? /*#__PURE__*/React.createElement(ItemView, {
-        label: item.title,
-        value: item.render(transData[(item === null || item === void 0 ? void 0 : item.dataIndex) || ''], transData),
-        key: item.dataIndex
-      }) : null;
-    }) : !isNull(transData[(subColumns === null || subColumns === void 0 ? void 0 : subColumns.dataIndex) || '']) ? /*#__PURE__*/React.createElement(ItemView, {
-      label: t.name,
-      value: instance.render(transData[(subColumns === null || subColumns === void 0 ? void 0 : subColumns.dataIndex) || ''], transData),
-      key: t.uniqueKey
-    }) : null;
-  }), /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    style: {
-      margin: '8px 0'
-    }
-  }), /*#__PURE__*/React.createElement(ItemActions, null));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "listOrderItemBox",
+    children: [/*#__PURE__*/_jsx(ItemHeader, {}), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u63D0\u4EA4\u65F6\u95F4",
+      value: moment(transData.created).format('YYYY-MM-DD HH:mm:ss')
+    }, "created"), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u63D0\u4EA4\u5BA2\u670D",
+      value: transData.submitter
+    }, "submitter"), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u5DE5\u5355\u72B6\u6001",
+      value: (_WORK_ORDER_STATUS$it = WORK_ORDER_STATUS[item === null || item === void 0 ? void 0 : (_item$jsonMap = item.jsonMap) === null || _item$jsonMap === void 0 ? void 0 : _item$jsonMap.flowStatus]) === null || _WORK_ORDER_STATUS$it === void 0 ? void 0 : _WORK_ORDER_STATUS$it.label
+    }, "flowStatus"), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u5904\u7406\u5BA2\u670D",
+      value: item === null || item === void 0 ? void 0 : (_item$handlerList = item.handlerList) === null || _item$handlerList === void 0 ? void 0 : (_item$handlerList$map = _item$handlerList.map(function (i) {
+        return i.account;
+      })) === null || _item$handlerList$map === void 0 ? void 0 : _item$handlerList$map.join('、')
+    }, "handleList"), /*#__PURE__*/_jsx(Divider, {
+      dashed: true,
+      style: {
+        margin: '8px 0'
+      }
+    }), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u5E97\u94FA\u540D\u79F0",
+      value: transData.shopName
+    }, "shopName"), componentDtoList.map(function (t) {
+      var instance = factory(t.workOrderComponentType, {
+        id: t.uniqueKey,
+        name: t.name,
+        componentConfig: t.componentConfig
+      });
+      var subColumns = instance.getColumns(); // 复合组件存在多个字段展示
+
+      return subColumns !== null && subColumns !== void 0 && subColumns.children ? subColumns.children.map(function (item) {
+        return !isNull(transData[(item === null || item === void 0 ? void 0 : item.dataIndex) || '']) ? /*#__PURE__*/_jsx(ItemView, {
+          label: item.title,
+          value: item.render(transData[(item === null || item === void 0 ? void 0 : item.dataIndex) || ''], transData)
+        }, item.dataIndex) : null;
+      }) : !isNull(transData[(subColumns === null || subColumns === void 0 ? void 0 : subColumns.dataIndex) || '']) ? /*#__PURE__*/_jsx(ItemView, {
+        label: t.name,
+        value: instance.render(transData[(subColumns === null || subColumns === void 0 ? void 0 : subColumns.dataIndex) || ''], transData)
+      }, t.uniqueKey) : null;
+    }), /*#__PURE__*/_jsx(Divider, {
+      dashed: true,
+      style: {
+        margin: '8px 0'
+      }
+    }), /*#__PURE__*/_jsx(ItemActions, {})]
+  });
 }
 
 export default CustomizeWorkOrderCard;