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

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

@@ -8,7 +8,7 @@ interface Option {
 }
 declare type FormRenderProps = {
     shopList: any[];
-    shopId: string;
+    shopId?: string;
     record?: any;
     look?: boolean;
     templateId?: string[];

package/dist/esm/FormRender/index.js

@@ -39,10 +39,44 @@ 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 { 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,
@@ -86,6 +120,27 @@ 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 () {
+    if (!currentShopId) {
+      getPlatList().then(function (list) {
+        return setPlatIcon(list);
+      });
+    }
+  }, [currentShopId]);
+  useEffect(function () {
+    setShopId(currentShopId);
+  }, [currentShopId]);
+
   var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -115,7 +170,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) {
@@ -149,10 +204,10 @@ var FormRender = function FormRender(props, ref) {
 
               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,
@@ -190,15 +245,16 @@ var FormRender = function FormRender(props, ref) {
                 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), '工单通')
               };
@@ -274,7 +330,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function asyncDoSave(_x, _x2) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
@@ -304,7 +360,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 +411,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryReplaceCount(_x3) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(); //自动返填重复校验
 
@@ -387,14 +443,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 +550,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function queryDetail(_x4) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -503,14 +559,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, shopId]); //订单返填
 
   var changeHandle = function changeHandle(order_no) {
     if (!order_no) return;
@@ -523,7 +579,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 +590,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,7 +621,7 @@ var FormRender = function FormRender(props, ref) {
     }));
 
     return function componentOnBlur(_x5, _x6) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(); // 切换店铺
 
@@ -599,13 +655,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, {
@@ -637,6 +698,12 @@ var FormRender = function FormRender(props, ref) {
             onChange: handleChangeTemplateId,
             allowClear: false
           })
+        }), !currentShopId && /*#__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/index.js

@@ -176,8 +176,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
       pagination = tableProps.pagination,
       _onChange = tableProps.onChange;
   useEffect(function () {
-    // 当total有值以后将不在执行,以便从后面切换到第一页时闪动
-    if (pagination.current === 1 && total === 0) {
+    if (pagination.current === 1) {
       setTotal(pagination.total);
     }
   }, [pagination, total]);
@@ -357,7 +356,7 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
         width: platform === PlatForm.XIAOZHI ? '100%' : '90%'
       }), /*#__PURE__*/_jsx(Drawer, {
         closeIcon: /*#__PURE__*/_jsx(LeftOutlined, {}),
-        title: title,
+        title: (record === null || record === void 0 ? void 0 : record.templateName) || title,
         width: platform === PlatForm.XIAOZHI ? '100%' : '90%',
         open: formRenderVisible,
         onClose: handleCloseFormModal,

package/dist/esm/model/customizeWorkOrder/api.d.ts

@@ -1,6 +1,11 @@
 import { serverProps } from '../servers/request';
-import { ColumnsConfigI } from './types';
+import { ColumnsConfigI, PlatIProp } from './types';
 export declare const queryAllComponentList: (data: any) => Promise<serverProps<{
     fixedColumns: ColumnsConfigI[];
     nonFixedColumns: ColumnsConfigI[];
 }>>;
+export declare const getPlatList: (data: any) => Promise<serverProps<{
+    all: PlatIProp[];
+    alreadyJoinedList: PlatIProp[];
+    notJoinList: PlatIProp[];
+}>>;

package/dist/esm/model/customizeWorkOrder/api.js

@@ -1,3 +1,15 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 import request from "../servers/request";
 // 所有组件信息
 export var queryAllComponentList = function queryAllComponentList(data) {
@@ -6,4 +18,18 @@ export var queryAllComponentList = function queryAllComponentList(data) {
     method: 'get',
     data: data
   });
+}; // 平台信息
+
+export var getPlatList = function getPlatList(data) {
+  return request({
+    url: '/qy/platform/listPlatform',
+    method: 'get',
+    data: data
+  }).then(function (res) {
+    var platType = res.data || {};
+    platType.alreadyJoinedList = platType.alreadyJoinedList || [];
+    platType.notJoinList = platType.notJoinList || [];
+    var list = [].concat(_toConsumableArray(platType.alreadyJoinedList), _toConsumableArray(platType.notJoinList));
+    return list;
+  });
 };

package/dist/esm/model/customizeWorkOrder/types.d.ts

@@ -35,3 +35,8 @@ export declare type ComponentColumnsT = {
     uniqueKey: string;
     name: string;
 };
+export declare type PlatIProp = {
+    alreadyJoin: boolean;
+    img: string;
+    platformType: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kmkf-work-order-service-component",
-  "version": "0.4.0-alpha.2",
+  "version": "0.4.0-alpha.4",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",