kmkf-work-order-service-component 0.4.0-alpha.23 → 0.4.0-alpha.24

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

@@ -46,8 +46,6 @@ import { querySingleShopTemplateDetail, addSingleShopWorkOrder, querySingleShopW
 import { selectorFormModalVisible, selectorCurrentCustomizeRecord } from "../../../model/singleShopWorkOrder/selector";
 import { setFormModalVisible } from "../../../model/singleShopWorkOrder";
 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) {
@@ -610,74 +608,62 @@ var CustomizeFormModal = function CustomizeFormModal(props) {
     var btnGroup = [];
 
     if (look) {
-      btnGroup = /*#__PURE__*/_jsx(Space, {
+      btnGroup = /*#__PURE__*/React.createElement(Space, {
         style: {
           float: 'right'
-        },
-        children: /*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          onClick: function onClick() {
-            closeModal();
-          },
-          children: "\u5173\u95ED"
-        })
-      });
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          closeModal();
+        }
+      }, "\u5173\u95ED"));
     } else {
-      btnGroup = /*#__PURE__*/_jsxs(Space, {
+      btnGroup = /*#__PURE__*/React.createElement(Space, {
         style: {
           float: 'right'
-        },
-        children: [/*#__PURE__*/_jsx(Button, {
-          onClick: function onClick() {
-            return closeModal();
-          },
-          children: "\u53D6\u6D88"
-        }), /*#__PURE__*/_jsx(Button, {
-          type: "primary",
-          onClick: debounce(handleSubmit, 300),
-          children: "\u786E\u5B9A"
-        })]
-      });
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        onClick: function onClick() {
+          return closeModal();
+        }
+      }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: debounce(handleSubmit, 300)
+      }, "\u786E\u5B9A"));
     }
 
     return btnGroup;
   };
 
-  return /*#__PURE__*/_jsx(Drawer, {
-    closeIcon: /*#__PURE__*/_jsx(LeftOutlined, {}),
+  return /*#__PURE__*/React.createElement(Drawer, {
+    closeIcon: /*#__PURE__*/React.createElement(LeftOutlined, null),
     title: (templateDetail === null || templateDetail === void 0 ? void 0 : templateDetail.name) || '工单录入',
     width: width,
     open: visible,
     onClose: closeModal,
     footer: renderFooter(),
-    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",
-          style: {// maxHeight: '500px',
-          },
-          children: finalFormItems
-        })]
-      })
-    })
-  });
+    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))));
 };
 
 export default CustomizeFormModal;

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

@@ -22,8 +22,6 @@ 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;
@@ -71,20 +69,16 @@ var DeleteCustomizeOrderModal = function DeleteCustomizeOrderModal(_ref) {
       }
     }, _callee, null, [[0, 7]]);
   })), [record]);
-  return /*#__PURE__*/_jsx(Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     title: "\u5220\u9664\u5DE5\u5355",
     open: deleteCustomizeWorkOrderModalVisible,
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
     onOk: debounce(onDelete, 300),
-    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"]
-    })
-  });
+    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"));
 };
 
 export default DeleteCustomizeOrderModal;

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

@@ -1,16 +1,14 @@
 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__*/_jsx("div", {
-    children: list.map(function (item) {
-      return /*#__PURE__*/_jsx(Card, {
-        item: item
-      }, item.id);
-    })
-  });
+  return /*#__PURE__*/React.createElement("div", null, list.map(function (item) {
+    return /*#__PURE__*/React.createElement(Card, {
+      key: item.id,
+      item: item
+    });
+  }));
 };
 
 export default OrderList;

package/dist/esm/SingleShopWorkOrder/index.js

@@ -1,3 +1,5 @@
+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; }
@@ -29,8 +31,6 @@ 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,83 +100,75 @@ var SingleShopWorkOrder = function SingleShopWorkOrder() {
     }));
   };
 
-  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();
-        }
-      })]
-    })]
-  });
+  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();
+    }
+  })));
 };
 
 var ProviderWrap = function ProviderWrap() {
-  return /*#__PURE__*/_jsx(Provider, {
-    store: store,
-    children: /*#__PURE__*/_jsx(SingleShopWorkOrder, {})
-  });
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(SingleShopWorkOrder, null));
 };
 
 export default ProviderWrap;

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

@@ -26,6 +26,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { Divider } from 'antd';
 import moment from 'moment';
+import { get } from 'lodash';
 import { useAppDispatch, useAppSelector } from "../../../../../model/hooks";
 import { factory } from "../../../Widget";
 import { calcWorkOrderList, isNull } from "../../../../../common/utils/tools";
@@ -33,9 +34,6 @@ import { WORK_ORDER_STATUS, WAITING, HANDLING, STOPPING } from "../../../../../c
 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 _item$handlerList, _item$handlerList$map;
@@ -51,8 +49,8 @@ function CustomizeWorkOrderCard(props) {
     'HANDLER_INPUT', // 处理人
     'OPERATOR_INPUT', // 提交人
     'CREATED_DATETIME', // 创建时间
-    'SHOP_INPUT' // 店铺
-    ].includes(i.workOrderComponentType);
+    'SHOP_INPUT', // 店铺
+    'UPDATE_DATETIME'].includes(i.workOrderComponentType);
   });
 
   var _calcWorkOrderList = calcWorkOrderList([_objectSpread({}, item)], filterComponentDtoList),
@@ -66,27 +64,30 @@ function CustomizeWorkOrderCard(props) {
     var templateName = item.templateName,
         flowStatus = item.flowStatus,
         jsonMap = item.jsonMap;
-    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 hasPaymentStatus = Object.keys(jsonMap).find(function (key) {
+      return key === null || key === void 0 ? void 0 : key.includes('enterprisePaymentStatus');
+    }); // const paymentStatus = get(jsonMap, hasPaymentStatus, '')
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "customizeOrderItem"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "orderItemLeft"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "orderItemType"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "orderItemLeftIcon"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "orderItemLeftName"
+    }, flowStatus && /*#__PURE__*/React.createElement("span", {
+      className: "status",
+      style: {
+        background: (_WORK_ORDER_STATUS = WORK_ORDER_STATUS[flowStatus]) === null || _WORK_ORDER_STATUS === void 0 ? void 0 : _WORK_ORDER_STATUS.bgColor
+      }
+    }, (_WORK_ORDER_STATUS2 = WORK_ORDER_STATUS[flowStatus]) === null || _WORK_ORDER_STATUS2 === void 0 ? void 0 : _WORK_ORDER_STATUS2.label), templateName))), hasPaymentStatus && get(jsonMap, hasPaymentStatus, '') && /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontWeight: 600
+      }
+    }, get(jsonMap, hasPaymentStatus, '')));
   };
 
   var ItemActions = function ItemActions() {
@@ -125,104 +126,107 @@ function CustomizeWorkOrderCard(props) {
 
     var jsonMap = item.jsonMap;
     var unCompletedStatus = [WAITING, HANDLING, STOPPING, undefined].includes(jsonMap === null || jsonMap === void 0 ? void 0 : jsonMap.flowStatus);
-    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"
-      })]
-    });
+    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"));
   };
 
   var ItemView = function ItemView(_ref) {
     var label = _ref.label,
         value = _ref.value;
-    return /*#__PURE__*/_jsxs("div", {
-      className: "orderItemView",
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "itemViewLeft",
-        children: [label, ":"]
-      }), /*#__PURE__*/_jsx("span", {
-        className: "itemViewRight",
-        children: value
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "orderItemView"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "itemViewLeft"
+    }, label, ":"), /*#__PURE__*/React.createElement("span", {
+      className: "itemViewRight"
+    }, value));
   };
 
-  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: "\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(ItemView, {
-      label: "\u5DE5\u5355\u7F16\u53F7",
-      value: transData.id
-    }, "id"), /*#__PURE__*/_jsx(Divider, {
-      dashed: true,
-      style: {
-        margin: '8px 0'
-      }
-    }), filterComponentDtoList.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'
-      }
-    }), !enabledTemplateList.includes(item.templateId) && /*#__PURE__*/_jsx(ItemActions, {})]
-  });
+  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: "\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(ItemView, {
+    label: "\u5DE5\u5355\u7F16\u53F7",
+    value: transData.id,
+    key: "id"
+  }), /*#__PURE__*/React.createElement(Divider, {
+    dashed: true,
+    style: {
+      margin: '8px 0'
+    }
+  }), filterComponentDtoList.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(ItemView, {
+    label: "\u4FEE\u6539\u65F6\u95F4",
+    value: moment(transData.update).format('YYYY-MM-DD HH:mm:ss'),
+    key: "update"
+  }), /*#__PURE__*/React.createElement(Divider, {
+    dashed: true,
+    style: {
+      margin: '8px 0'
+    }
+  }), !enabledTemplateList.includes(item.templateId) && /*#__PURE__*/React.createElement(ItemActions, null));
 }
 
 export default CustomizeWorkOrderCard;