kmkf-work-order-service-component 0.4.0-alpha.2 → 0.4.0-alpha.21

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormProps } from 'antd';
 import 'moment/locale/zh-cn';
 import './index.less';
 interface Option {
@@ -8,7 +9,7 @@ interface Option {
 }
 declare type FormRenderProps = {
     shopList: any[];
-    shopId: string;
+    shopId?: string;
     record?: any;
     look?: boolean;
     templateId?: string[];
@@ -17,6 +18,8 @@ declare type FormRenderProps = {
     buyerNick?: string;
     platform?: string;
     templateList?: Option[];
+    formProps?: FormProps;
+    isShowShopList: boolean;
     onTemplateChange?: (p: string) => any;
     onFormSubmitSuccess?: <T>(p: T) => void;
 };

package/dist/esm/FormRender/index.js

@@ -38,11 +38,47 @@ import zhCN from 'antd/es/locale/zh_CN';
 import { get, find, some, set, last } from 'lodash';
 import 'moment/locale/zh-cn';
 import { calcWorkOrderList, submitDataTransOldFormat, orderBack, getReplaceWarnValues, COMPONENT_MAP_NAME } from "../common/utils/tools";
+import express from "../common/utils/express";
+import formatAddrData from "../common/utils/formatAddrData";
 import { queryTemplateDetail, addWorkOrder, queryWorkOrderDetail, updateWorkOrder, replaceCheck } from "../model/servers/api";
+import { getPlatList } from "../model/customizeWorkOrder/api";
 import { factory } from "../WorkOrder/components/Widget";
+import ShopList from "../ShopList";
 import "./index.less";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var ShopName = function ShopName(_ref) {
+  var shopList = _ref.shopList,
+      platIconList = _ref.platIconList,
+      workOrderId = _ref.workOrderId,
+      look = _ref.look,
+      handleChangeShopId = _ref.handleChangeShopId;
+  return /*#__PURE__*/_jsx("div", {
+    className: "form-item--wrap",
+    style: {
+      position: 'relative'
+    },
+    children: /*#__PURE__*/_jsx(Form.Item, {
+      name: "shopId",
+      label: "\u5E97\u94FA\u540D\u79F0",
+      className: "form-item-label--index",
+      rules: [{
+        required: true,
+        message: '请选择店铺名称'
+      }],
+      children: /*#__PURE__*/_jsx(ShopList, {
+        shopList: shopList,
+        platIconList: platIconList,
+        disabled: !!workOrderId || look,
+        setShopId: handleChangeShopId,
+        placeholder: "\u8BF7\u9009\u62E9\u5E97\u94FA\u540D\u79F0",
+        showSearch: true,
+        optionFilterProp: "label"
+      })
+    })
+  }, 'shopId');
+};
 
 var FormRender = function FormRender(props, ref) {
   var shopList = props.shopList,
@@ -56,7 +92,10 @@ var FormRender = function FormRender(props, ref) {
       record = props.record,
       templateList = props.templateList,
       onFormSubmitSuccess = props.onFormSubmitSuccess,
-      onTemplateChange = props.onTemplateChange;
+      onTemplateChange = props.onTemplateChange,
+      isShowShopList = props.isShowShopList,
+      _props$formProps = props.formProps,
+      formProps = _props$formProps === void 0 ? {} : _props$formProps;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -86,6 +125,30 @@ var FormRender = function FormRender(props, ref) {
       setReplaceValue = _useState10[1]; //字段重复校验
 
 
+  var _useState11 = useState(currentShopId),
+      _useState12 = _slicedToArray(_useState11, 2),
+      shopId = _useState12[0],
+      setShopId = _useState12[1];
+
+  var _useState13 = useState([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      platIcon = _useState14[0],
+      setPlatIcon = _useState14[1];
+
+  useEffect(function () {
+    express.initData();
+    formatAddrData.initData();
+  }, []);
+  useEffect(function () {
+    setShopId(currentShopId);
+
+    if (isShowShopList) {
+      getPlatList().then(function (list) {
+        return setPlatIcon(list);
+      });
+    }
+  }, [currentShopId, isShowShopList]);
+
   var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -115,7 +178,7 @@ var FormRender = function FormRender(props, ref) {
   };
 
   var asyncDoSave = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(workOrderDetail, templateDetail) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(workOrderDetail, templateDetail) {
       var data, res, params, submitData, _yield$updateWorkOrde, success, result, platformMap, _params, hasEnterPrisePayment, getEnterPrisePaymentData, uniqueKey, componentConfig, _yield$addWorkOrder, _success, _result;
 
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -123,36 +186,35 @@ var FormRender = function FormRender(props, ref) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              debugger;
-              _context.next = 4;
+              _context.next = 3;
               return form.validateFields();
 
-            case 4:
+            case 3:
               data = _context.sent;
               console.debug('表单内容', data);
               console.debug('templateDetail内容', templateDetail);
               res = verifyHandle(data, templateDetail);
 
               if (res.success) {
-                _context.next = 11;
+                _context.next = 10;
                 break;
               }
 
               message.error(res.message);
               return _context.abrupt("return");
 
-            case 11:
+            case 10:
               if (!workOrderId) {
-                _context.next = 23;
+                _context.next = 22;
                 break;
               }
 
               params = {
                 apiName: 'updateWorkOrder',
-                shopId: currentShopId,
+                shopId: shopId,
                 uniqueKey: last(templateIdState),
                 accessToken: get(find(shopList, function (s) {
-                  return s.shopId === currentShopId;
+                  return s.shopId === shopId;
                 }), 'accessToken', ''),
                 workOrderUpdateKeyVos: {
                   workOrderId: workOrderId,
@@ -163,10 +225,10 @@ var FormRender = function FormRender(props, ref) {
               params.workOrderUpdateKeyVos.workOrderUpdateKeySupVos = submitData.reduce(function (nex, cur) {
                 return nex.concat(cur === null || cur === void 0 ? void 0 : cur.contentVoList);
               }, []);
-              _context.next = 17;
+              _context.next = 16;
               return updateWorkOrder(params);
 
-            case 17:
+            case 16:
               _yield$updateWorkOrde = _context.sent;
               success = _yield$updateWorkOrde.success;
               result = _yield$updateWorkOrde.data;
@@ -180,25 +242,26 @@ var FormRender = function FormRender(props, ref) {
                 });
               }
 
-              _context.next = 36;
+              _context.next = 35;
               break;
 
-            case 23:
+            case 22:
               platformMap = {
                 tb: '淘宝',
                 fxg: '抖音',
                 ks: '快手',
                 pdd: '拼多多',
                 jd: '京东',
-                xiaozhi: '小智'
+                xiaozhi: '小智',
+                pc: 'PC'
               };
               _params = {
                 apiName: 'addWorkOrder',
-                shopId: currentShopId,
+                shopId: shopId,
                 uniqueKey: last(templateIdState),
                 workOrderComponentVos: [],
                 accessToken: get(find(shopList, function (s) {
-                  return s.shopId === currentShopId;
+                  return s.shopId === shopId;
                 }), 'accessToken', ''),
                 source: get(platformMap, "".concat(platform), '工单通')
               };
@@ -227,10 +290,10 @@ var FormRender = function FormRender(props, ref) {
               }
 
               console.debug('增加数据参数', _params);
-              _context.next = 32;
+              _context.next = 31;
               return addWorkOrder(_params);
 
-            case 32:
+            case 31:
               _yield$addWorkOrder = _context.sent;
               _success = _yield$addWorkOrder.success;
               _result = _yield$addWorkOrder.data;
@@ -243,13 +306,13 @@ var FormRender = function FormRender(props, ref) {
                 });
               }
 
-            case 36:
+            case 35:
               console.groupEnd();
-              _context.next = 42;
+              _context.next = 41;
               break;
 
-            case 39:
-              _context.prev = 39;
+            case 38:
+              _context.prev = 38;
               _context.t0 = _context["catch"](0);
 
               // 表单校验失败错误时，将错误第一项滚动到可视区域
@@ -265,27 +328,27 @@ var FormRender = function FormRender(props, ref) {
                 }, 0);
               }
 
-            case 42:
+            case 41:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 39]]);
+      }, _callee, null, [[0, 38]]);
     }));
 
     return function asyncDoSave(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
   var handleSubmit = useCallback(function () {
     return asyncDoSave(workOrderDetail, templateDetail);
-  }, [workOrderDetail, templateDetail]);
+  }, [workOrderDetail, templateDetail, shopId, workOrderId, templateIdState]);
   useImperativeHandle(ref, function () {
     return {
       save: handleSubmit
     };
-  }, [workOrderDetail, templateDetail]); //带*参数提示清空
+  }, [handleSubmit]); //带*参数提示清空
 
   var filterStarValues = function filterStarValues() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -304,7 +367,7 @@ var FormRender = function FormRender(props, ref) {
 
 
   var queryReplaceCount = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(componentValue) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(componentValue) {
       var needCheckComponentList, params, _yield$replaceCheck, resultList, resultParams;
 
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -355,7 +418,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryReplaceCount(_x3) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(); //自动返填重复校验
 
@@ -387,14 +450,14 @@ var FormRender = function FormRender(props, ref) {
   };
 
   var queryDetail = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4) {
       var templateId, workOrderId, shopId, shopList, record, orderNo, buyerId, buyerNick, _workOrderDetail2, _workOrderDetail2$dat, _workOrderDetail2$dat2, _workOrderDetail, _templateDetail, _workOrderDetail3, _templateDetail$data, transData, _templateDetail$data2, _templateDetail$data3, jsonMap, _transData, antFormEl;
 
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              templateId = _ref3.templateId, workOrderId = _ref3.workOrderId, shopId = _ref3.shopId, shopList = _ref3.shopList, record = _ref3.record, orderNo = _ref3.orderNo, buyerId = _ref3.buyerId, buyerNick = _ref3.buyerNick;
+              templateId = _ref4.templateId, workOrderId = _ref4.workOrderId, shopId = _ref4.shopId, shopList = _ref4.shopList, record = _ref4.record, orderNo = _ref4.orderNo, buyerId = _ref4.buyerId, buyerNick = _ref4.buyerNick;
               form.resetFields();
               _context3.prev = 2;
               setLoading(true);
@@ -494,7 +557,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryDetail(_x4) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -503,14 +566,14 @@ var FormRender = function FormRender(props, ref) {
     queryDetail({
       templateId: last(templateIdState),
       workOrderId: workOrderId,
-      shopId: currentShopId,
+      shopId: shopId,
       shopList: shopList,
       record: record,
       orderNo: orderNo,
       buyerId: buyerId,
       buyerNick: buyerNick
     });
-  }, [templateIdState, workOrderId, currentShopId]); //订单返填
+  }, [templateIdState, workOrderId]); //订单返填
 
   var changeHandle = function changeHandle(order_no) {
     if (!order_no) return;
@@ -523,7 +586,7 @@ var FormRender = function FormRender(props, ref) {
       orderBack({
         order_no: order_no,
         form: form,
-        shopId: currentShopId,
+        shopId: shopId,
         shopList: shopList,
         templateDetail: templateDetail,
         type: !!workOrderId ? 'edit' : 'add',
@@ -534,7 +597,7 @@ var FormRender = function FormRender(props, ref) {
 
 
   var componentOnBlur = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value, type) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value, type) {
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
@@ -565,16 +628,13 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function componentOnBlur(_x5, _x6) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(); // 切换店铺
 
 
   var newRenderColumnItem = function newRenderColumnItem(effects) {
-    return function (item, formItemIndex) {
-      // 录入工单表头的序号，默认算入了店铺名称的行，所以之后的序列+2
-      formItemIndex += 2;
-
+    return function (item) {
       if (look) {
         item.componentConfig = _objectSpread(_objectSpread({}, item.componentConfig), {}, {
           disabled: true
@@ -585,11 +645,9 @@ var FormRender = function FormRender(props, ref) {
         id: item.uniqueKey,
         name: item.name,
         componentConfig: item.componentConfig,
-        effects: effects,
-        formItemIndex: formItemIndex
+        effects: effects
       });
       return instance.editRender({
-        formItemIndex: formItemIndex,
         onBlur: componentOnBlur
       });
     };
@@ -599,13 +657,18 @@ var FormRender = function FormRender(props, ref) {
     var otherItems = get(templateDetail, 'componentDtoList', []).map(newRenderColumnItem({
       form: form,
       shopList: shopList,
-      shopId: currentShopId,
+      shopId: shopId,
       isEditing: !!workOrderId,
       workOrderDetail: workOrderDetail,
       templateDetail: templateDetail
     }));
-    return _toConsumableArray(otherItems);
-  }, [templateDetail, shopList, currentShopId, workOrderDetail]);
+
+    if (!currentShopId) {
+      return [ShopName].concat(_toConsumableArray(otherItems));
+    }
+
+    return otherItems;
+  }, [templateDetail, shopList, shopId, workOrderDetail, currentShopId]);
   return /*#__PURE__*/_jsx(Spin, {
     spinning: loading,
     children: /*#__PURE__*/_jsxs(ConfigProvider, {
@@ -617,28 +680,35 @@ var FormRender = function FormRender(props, ref) {
             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__*/_jsxs(Form, {
-        form: form,
-        labelCol: {
-          span: 6
-        },
-        wrapperCol: {
-          span: 18
-        },
-        className: "customizeFormModalClassName",
-        children: [!templateId && /*#__PURE__*/_jsx(Form.Item, {
-          label: "\u6A21\u677F\u540D\u79F0",
-          required: true,
-          children: /*#__PURE__*/_jsx(Cascader, {
-            options: templateList,
-            placeholder: "\u8BF7\u9009\u62E9\u6A21\u7248",
-            showSearch: true,
-            value: templateIdState,
-            onChange: handleChangeTemplateId,
-            allowClear: false
+      }), /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
+        form: form
+      }, formProps), {}, {
+        children: [!templateId && /*#__PURE__*/_jsx("div", {
+          id: "templateCascader",
+          className: "templateCascader",
+          children: /*#__PURE__*/_jsx(Form.Item, {
+            label: "\u6A21\u677F\u540D\u79F0",
+            required: true,
+            children: /*#__PURE__*/_jsx(Cascader, {
+              options: templateList,
+              placeholder: "\u8BF7\u9009\u62E9\u6A21\u7248",
+              showSearch: true,
+              value: templateIdState,
+              onChange: handleChangeTemplateId,
+              allowClear: false,
+              getPopupContainer: function getPopupContainer() {
+                return document.getElementById('templateCascader');
+              }
+            })
           })
+        }), isShowShopList && /*#__PURE__*/_jsx(ShopName, {
+          shopList: shopList,
+          platIconList: platIcon,
+          workOrderId: workOrderId,
+          look: look,
+          handleChangeShopId: setShopId
         }), finalFormItems]
-      })]
+      }))]
     })
   });
 };

package/dist/esm/FormRender/index.less

@@ -34,6 +34,12 @@
 }
 
 .customizeFormModalClassName {
+  :global(.ant-cascader-menu-item-content) {
+    max-width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
   :global(.goods-uploaded-state) {
     margin: 6px 0 5px 0;
     padding-left: 7px;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare type Shop = {
+    auditStatus: number;
+    shopId: string;
+    shopName: string;
+    shopSource: string | number;
+};
+declare type ShopListProps = {
+    shopList: Shop[];
+    platIconList: {
+        alreadyJoin: boolean;
+        img: string;
+        platformType: number;
+    }[];
+    disabled?: boolean;
+    [prop: string]: any;
+};
+declare const ShopList: ({ shopList, platIconList, disabled, onChange, setShopId, ...prop }: ShopListProps) => JSX.Element;
+export default ShopList;

package/dist/esm/ShopList/index.js

@@ -0,0 +1,88 @@
+var _excluded = ["platIcon", "shopId", "styles"],
+    _excluded2 = ["shopList", "platIconList", "disabled", "onChange", "setShopId"];
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Select } from 'antd';
+import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var PlatformAvatar = function PlatformAvatar(props) {
+  var platIcon = props.platIcon,
+      shopId = props.shopId,
+      styles = props.styles,
+      other = _objectWithoutProperties(props, _excluded);
+
+  if (platIcon[shopId]) {
+    return /*#__PURE__*/_jsx("img", _objectSpread({
+      alt: "",
+      src: platIcon[shopId],
+      style: _objectSpread({
+        width: '20px',
+        height: '20px',
+        objectFit: 'contain'
+      }, styles)
+    }, other));
+  }
+
+  return null;
+};
+
+var ShopList = function ShopList(_ref) {
+  var shopList = _ref.shopList,
+      platIconList = _ref.platIconList,
+      disabled = _ref.disabled,
+      onChange = _ref.onChange,
+      setShopId = _ref.setShopId,
+      prop = _objectWithoutProperties(_ref, _excluded2);
+
+  var handleChange = function handleChange(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    setShopId === null || setShopId === void 0 ? void 0 : setShopId(val);
+  };
+
+  var platIcon = useMemo(function () {
+    var iconParams = {};
+    (shopList || []).forEach(function (item) {
+      var plat = platIconList.find(function (t) {
+        return +t.platformType === +item.shopSource;
+      });
+      plat && (iconParams[item.shopId] = plat.img);
+    });
+    return iconParams;
+  }, [shopList, platIconList]);
+  return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    disabled: disabled,
+    onChange: handleChange
+  }, prop), {}, {
+    children: shopList.filter(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.auditStatus) === 1;
+    }).map(function (item) {
+      var shopId = item.shopId;
+      return /*#__PURE__*/_jsxs(Select.Option, {
+        value: item.shopId,
+        label: item.shopName,
+        children: [/*#__PURE__*/_jsx(PlatformAvatar, {
+          shopId: shopId,
+          styles: {
+            marginRight: 5
+          },
+          platIcon: platIcon
+        }), /*#__PURE__*/_jsx("span", {
+          children: item.shopName
+        })]
+      });
+    })
+  }));
+};
+
+export default ShopList;

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

@@ -40,11 +40,15 @@ 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 item = props.item,
+      enabledTemplateList = props.enabledTemplateList;
   var dispatch = useAppDispatch();
   var componentDtoList = useAppSelector(selectorAllTemplateList);
+  var filterComponentDtoList = componentDtoList.filter(function (i) {
+    return !['WORK_ORDER_ID_INPUT', 'TEMPLATE_ID_INPUT', 'FLOW_STATUS_SELECT', 'HANDLER_INPUT', 'COMPLETED_USER_INPUT'].includes(i.workOrderComponentType);
+  });
 
-  var _calcWorkOrderList = calcWorkOrderList([_objectSpread({}, item)], componentDtoList),
+  var _calcWorkOrderList = calcWorkOrderList([_objectSpread({}, item)], filterComponentDtoList),
       _calcWorkOrderList2 = _slicedToArray(_calcWorkOrderList, 1),
       transData = _calcWorkOrderList2[0]; //列表头部
 
@@ -184,7 +188,10 @@ function CustomizeWorkOrderCard(props) {
       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, {
+    }, "handleList"), /*#__PURE__*/_jsx(ItemView, {
+      label: "\u5DE5\u5355\u7F16\u53F7",
+      value: transData.id
+    }, "id"), /*#__PURE__*/_jsx(Divider, {
       dashed: true,
       style: {
         margin: '8px 0'
@@ -192,7 +199,7 @@ function CustomizeWorkOrderCard(props) {
     }), /*#__PURE__*/_jsx(ItemView, {
       label: "\u5E97\u94FA\u540D\u79F0",
       value: transData.shopName
-    }, "shopName"), componentDtoList.map(function (t) {
+    }, "shopName"), filterComponentDtoList.map(function (t) {
       var instance = factory(t.workOrderComponentType, {
         id: t.uniqueKey,
         name: t.name,
@@ -214,7 +221,7 @@ function CustomizeWorkOrderCard(props) {
       style: {
         margin: '8px 0'
       }
-    }), /*#__PURE__*/_jsx(ItemActions, {})]
+    }), !enabledTemplateList.includes(item.templateId) && /*#__PURE__*/_jsx(ItemActions, {})]
   });
 }
 

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

@@ -2,6 +2,7 @@
 import './index.less';
 declare type OrderListProps = {
     tabActive: string;
+    shopId?: string | number;
 };
-declare const CustomizeWorkOrderList: ({ tabActive }: OrderListProps) => JSX.Element;
+declare const CustomizeWorkOrderList: ({ tabActive, shopId }: OrderListProps) => JSX.Element;
 export default CustomizeWorkOrderList;