@kmkf-fe-packages/basic-components 0.7.14-alpha.9 → 0.7.15-alpha.2

package/dist/index.esm.js

@@ -1,9 +1,10 @@
 import React, { useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
-import { Cascader, DatePicker, Input, InputNumber, Select, Upload, Image, message, Radio, Space, Spin, Checkbox, Row, Col, Slider, Rate, Form, Tabs, Modal, Button, ConfigProvider, Pagination, Popover } from 'antd';
-import { EyeOutlined, DeleteOutlined } from '@ant-design/icons';
+import { Cascader, DatePicker, Input, InputNumber, Select, Upload, Image, message, Radio, Space, Spin, Checkbox, Row, Col, Slider, Rate, Button, Form, Tabs, Modal, ConfigProvider, Pagination, Popover, Table } from 'antd';
+import { EyeOutlined, DeleteOutlined, InboxOutlined } from '@ant-design/icons';
 import request, { extend } from 'umi-request';
 import { AddressData, request as request$1, LogisticsAddressData } from '@kmkf-fe-packages/kmkf-utils';
 import zhCN from 'antd/lib/locale/zh_CN';
+import pubsub from 'pubsub-js';
 
 function _iterableToArrayLimit(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
@@ -1160,7 +1161,145 @@ var ApaasUploadAsync = function ApaasUploadAsync(_ref) {
   })));
 };
 
-var _excluded$7 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
+var css_248z$2 = ".index-module_imageBox__1rpoB {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1rpoB .ant-upload-picture-card-wrapper {\n  width: auto;\n}\n.index-module_imageBox__1rpoB .index-module_inputImage__MyiR1 {\n  width: 80px;\n  height: 80px;\n  border: 1px dashed #ccc;\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  text-indent: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageShow__3BNqT {\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP {\n  width: 100px;\n  height: 80px;\n  position: relative;\n  border-radius: 2px;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover {\n  background: transparent;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP:hover .index-module_mask__uy8r2:before {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.index-module_imageBox__1rpoB .index-module_imageWrap__LyKfP .index-module_delete__28zCp {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2::before {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: all 0.3s;\n  content: ' ';\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2:hover .index-module_actions__1-6f4 {\n  opacity: 1;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 10;\n  white-space: nowrap;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.3s;\n}\n.index-module_imageBox__1rpoB .index-module_mask__uy8r2 .index-module_actions__1-6f4 .index-module_icon__3yEcS {\n  font-size: 16px;\n  color: #fff;\n  padding: 0 4px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C {\n  display: inline-block;\n  margin-right: 8px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- {\n  width: 80px;\n  height: 80px;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  padding-top: 16px;\n}\n.index-module_imageBox__1rpoB .index-module_imagePaste__Ac77C .index-module_fakeBox__3W1d- .index-module_addBtn__3a1TQ {\n  color: #86909C;\n}\n.index-module_imageBox__1rpoB .index-module_upload__3Pe3e .ant-upload {\n  height: 80px;\n  width: 80px;\n  border: none;\n  background-color: #F2F3F5;\n  color: #86909C;\n}\n.index-module_imageBox__1rpoB .index-module_upload__3Pe3e .ant-upload .index-module_addBtn__3a1TQ {\n  color: #86909C;\n}\n.index-module_tips__168Vy {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$2 = {"imageBox":"index-module_imageBox__1rpoB","inputImage":"index-module_inputImage__MyiR1","imageShow":"index-module_imageShow__3BNqT","imageWrap":"index-module_imageWrap__LyKfP","-webkit-mask":"index-module_mask__uy8r2","mask":"index-module_mask__uy8r2","delete":"index-module_delete__28zCp","actions":"index-module_actions__1-6f4","icon":"index-module_icon__3yEcS","imagePaste":"index-module_imagePaste__Ac77C","fakeBox":"index-module_fakeBox__3W1d-","addBtn":"index-module_addBtn__3a1TQ","upload":"index-module_upload__3Pe3e","tips":"index-module_tips__168Vy"};
+styleInject(css_248z$2);
+
+var _excluded$7 = ["maxCount", "maxSize", "onChange", "value", "accept", "disabled", "uniqueKey", "actionUrl"];
+var Dragger = Upload.Dragger;
+var fn$2 = function fn() {
+  return void 0;
+};
+var ApaasUploadAsync$1 = function ApaasUploadAsync(_ref) {
+  var _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 10 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 10 : _ref$maxSize,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? fn$2 : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$accept = _ref.accept,
+    accept = _ref$accept === void 0 ? 'image/gif,image/jpg,image/jpeg,image/png' : _ref$accept,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    uniqueKey = _ref.uniqueKey,
+    _ref$actionUrl = _ref.actionUrl,
+    actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
+    resetProps = _objectWithoutProperties(_ref, _excluded$7);
+  var valueRef = useRef(value);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploading = _useState2[0],
+    setUploading = _useState2[1];
+  var fileList = useMemo(function () {
+    return value.map(function (t, i) {
+      return _objectSpread2(_objectSpread2({}, t), {}, {
+        // status: 'success',
+        percent: 100,
+        uid: i + ''
+        // name: ,
+      });
+    });
+  }, [value]);
+  useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var formData, fileName, _yield$request, success, data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            console.log('asyncUpload', file);
+            setUploading(true);
+            formData = new FormData();
+            formData.append('file', file);
+            fileName = "".concat(uniqueKey, "_").concat(new Date().getTime(), "_").concat(file.name);
+            formData.append('fileName', fileName);
+            _context.prev = 6;
+            _context.next = 9;
+            return request(actionUrl, {
+              method: 'post',
+              body: formData
+            });
+          case 9:
+            _yield$request = _context.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            if (success) {
+              handleChange([].concat(_toConsumableArray(valueRef.current), [{
+                name: file.name,
+                url: data
+              }]));
+            }
+            _context.next = 18;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](6);
+            message.error('文件上传失败');
+          case 18:
+            _context.prev = 18;
+            setUploading(false);
+            return _context.finish(18);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 15, 18, 21]]);
+    }));
+    return function asyncUpload(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  // 手动上传模式, 一直返回false
+  var beforeUpload = function beforeUpload(file) {
+    console.log('beforeUpload', file);
+    var size = file.size / 1024 / 1024 < maxSize;
+    if (value.length > maxCount) {
+      message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u5F20\u56FE\u7247\uFF01"));
+      return Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      message.error("\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return Upload.LIST_IGNORE;
+  };
+  var onRemove = function onRemove(file) {
+    var newValue = value.filter(function (item) {
+      return item.url !== file.url;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.imageBox
+  }, /*#__PURE__*/React.createElement(Dragger, _objectSpread2({
+    disabled: disabled,
+    multiple: true,
+    accept: accept,
+    name: "file",
+    maxCount: maxCount,
+    // className={styles.upload}
+    beforeUpload: beforeUpload,
+    fileList: fileList,
+    onRemove: onRemove
+  }, resetProps), /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-drag-icon"
+  }, /*#__PURE__*/React.createElement(InboxOutlined, null)), /*#__PURE__*/React.createElement("p", {
+    className: "ant-upload-text"
+  }, "\u70B9\u51FB\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF"))));
+};
+
+var _excluded$8 = ["showOther", "horizontal", "options", "value", "onChange", "disabled"];
 function ApaasCheckbox(props) {
   var showOther = props.showOther,
     _props$horizontal = props.horizontal,
@@ -1171,7 +1310,7 @@ function ApaasCheckbox(props) {
     value = _props$value === void 0 ? {} : _props$value,
     onChange = props.onChange,
     disabled = props.disabled,
-    otherProps = _objectWithoutProperties(props, _excluded$7);
+    otherProps = _objectWithoutProperties(props, _excluded$8);
   var checkboxValue = value.value,
     other = value.other;
   var triggerChange = function triggerChange(changedValue) {
@@ -1257,11 +1396,11 @@ function ApaasSlider(props) {
   })));
 }
 
-var css_248z$2 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
-var styles$2 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
-styleInject(css_248z$2);
+var css_248z$3 = ".index-module_rateLabel__3k-Xa {\n  margin-right: 8px;\n}\n.index-module_rateText__A1GRy {\n  margin-left: 8px;\n}\n";
+var styles$3 = {"rateLabel":"index-module_rateLabel__3k-Xa","rateText":"index-module_rateText__A1GRy"};
+styleInject(css_248z$3);
 
-var _excluded$8 = ["value", "onChange", "options", "textStyle"];
+var _excluded$9 = ["value", "onChange", "options", "textStyle"];
 //状态文字映射
 var RATE_MAP = {
   0: '',
@@ -1283,7 +1422,7 @@ function ApaasRate(props) {
     _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     textStyle = props.textStyle,
-    other = _objectWithoutProperties(props, _excluded$8);
+    other = _objectWithoutProperties(props, _excluded$9);
   var rateValues = useMemo(function () {
     return (value || []).reduce(function (prv, next) {
       prv[next.id || ''] = next.value;
@@ -1319,14 +1458,14 @@ function ApaasRate(props) {
     }, /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles$2.rateLabel
+      className: styles$3.rateLabel
     }, item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React.createElement(Rate, _objectSpread2(_objectSpread2({}, other), {}, {
       value: rateValues[item.id] || 0,
       onChange: function onChange(val) {
         return changeHandle(val, item.id);
       }
     })), /*#__PURE__*/React.createElement("span", {
-      className: styles$2.rateText,
+      className: styles$3.rateText,
       style: textStyle
     }, RATE_MAP[rateValues[item.id]])));
   }));
@@ -1367,7 +1506,139 @@ var Province = function Province(props) {
   })));
 };
 
-var _excluded$9 = ["label", "name", "extra", "required", "rules", "initialValue"];
+var TextArea = Input.TextArea;
+var ParseLogistics = function ParseLogistics(props) {
+  var onChange = props.onChange;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleIdentify = function handleIdentify() {
+    if (!value) {
+      return;
+    }
+    request$1({
+      url: '/qy/logistics/addressAnalysis',
+      method: 'post',
+      data: {
+        fullAddress: value
+      }
+    }).then(function (res) {
+      var data = res.data;
+      onChange === null || onChange === void 0 ? void 0 : onChange(data);
+    }).catch(function (e) {
+      console.log(e);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea, {
+    placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
+    rows: 3,
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    type: "primary",
+    onClick: handleIdentify
+  }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: function onClick() {
+      return setValue('');
+    }
+  }, "\u6E05\u7A7A")));
+};
+
+var IdentifyAddress = function IdentifyAddress(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$showIdentify = props.showIdentify,
+    showIdentify = _props$showIdentify === void 0 ? true : _props$showIdentify,
+    type = props.type;
+  var changeHandle = function changeHandle(val, type) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
+  };
+  var handleParseLogistics = function handleParseLogistics(val) {
+    var params = {
+      detail: val === null || val === void 0 ? void 0 : val.addressDetail,
+      receiverName: val === null || val === void 0 ? void 0 : val.name,
+      receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
+      address: []
+    };
+    if (val === null || val === void 0 ? void 0 : val.province) {
+      params.address = [AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && showIdentify && /*#__PURE__*/React.createElement(ParseLogistics, {
+    onChange: handleParseLogistics
+  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
+    value: value.address,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'address');
+    },
+    options: [],
+    disabled: disabled,
+    type: type
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value.detail,
+    disabled: disabled,
+    placeholder: "\u8BE6\u7EC6\u5730\u5740",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'detail');
+    }
+  })), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
+    value: value.receiverName,
+    disabled: disabled,
+    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'receiverName');
+    }
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: value.receiverMobile,
+    disabled: disabled,
+    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
+    onChange: function onChange(e) {
+      return changeHandle(e.target.value, 'receiverMobile');
+    }
+  })));
+};
+
+function ApaasPosting(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'workOrder' : _props$type,
+    onChange = props.onChange;
+  var handleChange = function handleChange(val) {
+    //智能识别返填
+    var parseValue = _objectSpread2(_objectSpread2({}, value), {}, {
+      postingAddress: (val === null || val === void 0 ? void 0 : val.address) || [],
+      postingDetail: (val === null || val === void 0 ? void 0 : val.detail) || '',
+      postingReceiverName: (val === null || val === void 0 ? void 0 : val.receiverName) || '',
+      postingReceiverMobile: (val === null || val === void 0 ? void 0 : val.receiverMobile) || ''
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(parseValue);
+  };
+  return /*#__PURE__*/React.createElement(IdentifyAddress, {
+    disabled: disabled,
+    value: {
+      address: (value === null || value === void 0 ? void 0 : value.postingAddress) || [],
+      detail: (value === null || value === void 0 ? void 0 : value.postingDetail) || '',
+      receiverName: (value === null || value === void 0 ? void 0 : value.postingReceiverName) || '',
+      receiverMobile: (value === null || value === void 0 ? void 0 : value.postingReceiverMobile) || ''
+    },
+    onChange: handleChange,
+    type: type,
+    showIdentify: type !== 'bs'
+  });
+}
+
+var _excluded$a = ["label", "name", "extra", "required", "rules", "initialValue"];
 function withFormItem(WrappedComponent) {
   return function (props) {
     var label = props.label,
@@ -1376,7 +1647,7 @@ function withFormItem(WrappedComponent) {
       required = props.required,
       rules = props.rules,
       initialValue = props.initialValue,
-      otherProps = _objectWithoutProperties(props, _excluded$9);
+      otherProps = _objectWithoutProperties(props, _excluded$a);
     return /*#__PURE__*/React.createElement(Form.Item, _objectSpread2({}, {
       label: label,
       name: name,
@@ -1508,7 +1779,7 @@ var trade4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVzn
 
 var trade5 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MUVBOUVCQjIzQUIxMUU0QUZCMkFCQ0QzMzVDM0ZDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MUVBOUVCQzIzQUIxMUU0QUZCMkFCQ0QzMzVDM0ZDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQxRUE5RUI5MjNBQjExRTRBRkIyQUJDRDMzNUMzRkMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQxRUE5RUJBMjNBQjExRTRBRkIyQUJDRDMzNUMzRkMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xU6hIgAAAPdJREFUeNqM0M9KAlEUx/E7MoF/WoiIoCslCyIXIgS5alMgvoJvIPgCbXwWobYuJVqVgeCmVSAyxGgE1dJVicH1e/AMDSLqgQ935nJ+d+4Z57bofxljOjhEEwuM0VU+csg0vHzf5SGCGkZmVQcoqRt8SDMGuJbmHk7gwWooWOXAPOIo3x1PUhJ4RFRP/jb/ZUOk0jiXwLNuFkLXWq8gdCmBKV5R0WGlnA2k6hEm/9NrHWGGoQ7b1vneQ1/6cfXhAS38ymc5ZB50MGiS5RQxvDjWWtnM8vImv47mK7OlZAZD06ekcUE4vTOgdY8EqvsGnnQ92xZYCjAAxxw+q99X1uIAAAAASUVORK5CYII=";
 
-var TextArea = Input.TextArea;
+var TextArea$1 = Input.TextArea;
 var imgList = [trade0, trade1, trade2, trade3, trade4, trade5];
 var RemarkInput = function RemarkInput(props) {
   var isShowFlag = props.isShowFlag,
@@ -1527,7 +1798,7 @@ var RemarkInput = function RemarkInput(props) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea$1, {
     disabled: disabled,
     rows: 4,
     value: value === null || value === void 0 ? void 0 : value.remark,
@@ -1551,8 +1822,8 @@ var RemarkInput = function RemarkInput(props) {
   })));
 };
 
-var css_248z$3 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
-styleInject(css_248z$3);
+var css_248z$4 = ".mb8 {\n  margin-bottom: 8px;\n}\n";
+styleInject(css_248z$4);
 
 var Logistics = function Logistics(props) {
   var options = props.options,
@@ -1596,7 +1867,7 @@ var Logistics = function Logistics(props) {
     return /*#__PURE__*/React.createElement(Input, {
       disabled: disabled,
       placeholder: "\u7269\u6D41\u5355\u53F7",
-      className: css_248z$3.logisticsInput,
+      className: css_248z$4.logisticsInput,
       onChange: handleInputChange,
       value: value === null || value === void 0 ? void 0 : value.order,
       onBlur: function onBlur(e) {
@@ -1605,7 +1876,7 @@ var Logistics = function Logistics(props) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$3.logistics
+    className: css_248z$4.logistics
   }, isSingle ? showField === 'EXPRESS_COMPANY' ? LogisticsCompany() : null : LogisticsCompany(), isSingle ? showField === 'EXPRESS_WAYBILL_CODE' ? LogisticsCode() : null : LogisticsCode());
 };
 
@@ -1660,8 +1931,8 @@ var AliPay = function AliPay(props) {
  */
 var extendRequest = extend({});
 
-var css_248z$4 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
+styleInject(css_248z$5);
 
 var defaultImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAOKADAAQAAAABAAAAOAAAAAANV2hTAAACcklEQVRoBe1aa3OqMBBdlFatfVivnV7H29f//0md6XSc1hegKCCigE2c0YKtri7Rm3ayX0zCbjhnzyZEVBs53hx+seV+MbcFNUXwpyusFFQKSp4BVaKSC4TCUwqiKZLcQSkouUAoPKUgmiLJHZSCkguEwtNRjw0O8/kcTMuGWRhu8BAzfKLrUPtTAU3TSBOSCXqeD2bfJt1036BSqQjn5dK+YQt/8hoMo4h0Q0pQmKFKyAomgdZva1C5ukgOZW7bQwfaXTPzPEIIZkXBXnyBN/aBr7fq9SXkcuTC+gLlvxPkG5VhDVbAHHcMj/f1VT9rQ1yqiEj69jAVOQkC8CdBaixL5ygEB/YIhiM3C05y7EFLNGI7battgMvWF7d8Pv9lu69WrlIlWiwUoFQswHQ6I5NKBh6MIC+z93YPZrPPg0Cr04Onh8ZiM1mC4A/x09OT1CZDfagv50x+HoTgwHag2zNh/TeBKIoZaQMe/v1NnUzO2IP88qKcxCWsLXQNxnEMrY4BnW/ILRH7/mRVkvy4x/2fX5osxgLeF23CFAzYmnlv9SCYTlGMVn8IMVOTx4wZYW58IwrDCBr1m5S66GSIgxCCLjuXdg0L4nh3BQbspLJujutB8y2Cu8bt+iVyX0iJcmD7kNuGliv62mwD34FFmBAFRQBJzsHL3DDxUk/GbGoLUXDT5FnGdy/27XeRluB22LtfVQR3z5WcnmQFdXauPJbp7Hsi1ciRZfaOpFatHOWlU/msSOUHmvobCTl3cgSS16Ac8HEUiiCeI7k9lIJy64OjUwriOZLbQykotz44OqUgniO5PZSCcuuDo1MK4jmS2+MD4RXMNiaoge4AAAAASUVORK5CYII=";
 
@@ -2640,8 +2911,8 @@ var Supplier = function Supplier(props) {
   }));
 };
 
-var css_248z$5 = ".cardBox {\n  position: absolute;\n  z-index: 1;\n  border: 1px solid #e6e6e6;\n  background-color: #fff;\n  color: #303133;\n  border-radius: 4px;\n  overflow: auto;\n  height: 200px;\n  cursor: pointer;\n}\n.cardBox .cardli {\n  padding: 7px 13px;\n  width: 332px;\n}\n.cardBox .cardli:hover {\n  background-color: #f5f7fa;\n}\n.cardBox .cardText {\n  font-size: 14px;\n  color: #333;\n  margin: 0;\n  padding: 0;\n  line-height: 26px;\n}\n.cardBox .c-f60 {\n  color: #f60;\n}\n.btn-discern {\n  margin-left: 10px;\n  height: 24px;\n  font-size: 12px;\n  color: #1B5BF3;\n  border-color: #1B5BF3;\n  padding: 0;\n}\n";
-styleInject(css_248z$5);
+var css_248z$6 = ".cardBox {\n  position: absolute;\n  z-index: 1;\n  border: 1px solid #e6e6e6;\n  background-color: #fff;\n  color: #303133;\n  border-radius: 4px;\n  overflow: auto;\n  height: 200px;\n  cursor: pointer;\n}\n.cardBox .cardli {\n  padding: 7px 13px;\n  width: 332px;\n}\n.cardBox .cardli:hover {\n  background-color: #f5f7fa;\n}\n.cardBox .cardText {\n  font-size: 14px;\n  color: #333;\n  margin: 0;\n  padding: 0;\n  line-height: 26px;\n}\n.cardBox .c-f60 {\n  color: #f60;\n}\n.btn-discern {\n  margin-left: 10px;\n  height: 24px;\n  font-size: 12px;\n  color: #1B5BF3;\n  border-color: #1B5BF3;\n  padding: 0;\n}\n";
+styleInject(css_248z$6);
 
 var Invoice = function Invoice(props) {
   var _props$value = props.value,
@@ -3052,122 +3323,26 @@ var Payment = function Payment(props) {
   }));
 };
 
-var TextArea$1 = Input.TextArea;
-var ParseLogistics = function ParseLogistics(props) {
-  var onChange = props.onChange;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleIdentify = function handleIdentify() {
-    if (!value) {
-      return;
-    }
-    request$1({
-      url: '/qy/logistics/addressAnalysis',
-      method: 'post',
-      data: {
-        fullAddress: value
-      }
-    }).then(function (res) {
-      var data = res.data;
-      onChange === null || onChange === void 0 ? void 0 : onChange(data);
-    }).catch(function (e) {
-      console.log(e);
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextArea$1, {
-    placeholder: "\u590D\u5236\u7269\u6D41\u4FE1\u606F\uFF0C\u70B9\u51FB\u667A\u80FD\u8BC6\u522B",
-    rows: 3,
-    value: value,
-    onChange: function onChange(e) {
-      return setValue(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    onClick: handleIdentify
-  }, "\u667A\u80FD\u8BC6\u522B"), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    onClick: function onClick() {
-      return setValue('');
-    }
-  }, "\u6E05\u7A7A")));
-};
-
-var IdentifyAddress = function IdentifyAddress(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
-  var changeHandle = function changeHandle(val, type) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
-  };
-  var handleParseLogistics = function handleParseLogistics(val) {
-    var params = {
-      detail: val === null || val === void 0 ? void 0 : val.addressDetail,
-      receiverName: val === null || val === void 0 ? void 0 : val.name,
-      receiverMobile: val === null || val === void 0 ? void 0 : val.phone,
-      address: []
-    };
-    if (val === null || val === void 0 ? void 0 : val.province) {
-      params.address = [AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.province), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.city), AddressData.getInstance().getProCodeByName(val === null || val === void 0 ? void 0 : val.district)];
-    }
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, params));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(ParseLogistics, {
-    onChange: handleParseLogistics
-  }), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Province, {
-    value: value.address,
-    onChange: function onChange(val) {
-      return changeHandle(val, 'address');
-    },
-    options: [],
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(Input, {
-    value: value.detail,
-    disabled: disabled,
-    placeholder: "\u8BE6\u7EC6\u5730\u5740",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'detail');
-    }
-  })), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Input, {
-    value: value.receiverName,
-    disabled: disabled,
-    placeholder: "\u6536\u4EF6\u4EBA\u59D3\u540D",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'receiverName');
-    }
-  }), /*#__PURE__*/React.createElement(Input, {
-    value: value.receiverMobile,
-    disabled: disabled,
-    placeholder: "\u6536\u4EF6\u4EBA\u7535\u8BDD",
-    onChange: function onChange(e) {
-      return changeHandle(e.target.value, 'receiverMobile');
-    }
-  })));
-};
-
-var css_248z$6 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
-styleInject(css_248z$6);
-
-var Item = Form.Item;
-var LogisticsAddress = LogisticsAddressData.getInstance();
-var address$1 = AddressData.getInstance();
-var LogisticsInterception = function LogisticsInterception(props) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? {} : _props$value,
-    _props$logisticsOptio = props.logisticsOptions,
-    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
-    _props$expressInterce = props.expressInterceptData,
-    expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    onChange = props.onChange,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$isEditing = props.isEditing,
-    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
+var css_248z$7 = ".interceptBox :global(.ant-select-item-option-content) {\n  overflow: auto  !important;\n  white-space: initial !important;\n}\n";
+styleInject(css_248z$7);
+
+var Item = Form.Item;
+var LogisticsAddress = LogisticsAddressData.getInstance();
+var address$1 = AddressData.getInstance();
+var LogisticsInterception = function LogisticsInterception(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    _props$logisticsOptio = props.logisticsOptions,
+    logisticsOptions = _props$logisticsOptio === void 0 ? [] : _props$logisticsOptio,
+    _props$expressInterce = props.expressInterceptData,
+    expressInterceptData = _props$expressInterce === void 0 ? [] : _props$expressInterce,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     initCompany = _useState2[0],
@@ -3211,12 +3386,12 @@ var LogisticsInterception = function LogisticsInterception(props) {
       return item.value === (value === null || value === void 0 ? void 0 : value.interceptCompany);
     });
     var showAddress = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).some(function (item) {
-      var _item$config;
-      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.showAddress);
+      var _item$config, _item$config2;
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && ((item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.showAddress) || ((_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.showAddressSelect));
     });
     var showSender = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).some(function (item) {
-      var _item$config2;
-      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.showSenderMobile);
+      var _item$config3;
+      return item.value === (value === null || value === void 0 ? void 0 : value.interceptType) && (item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.showSenderMobile);
     });
     var params = _objectSpread2({}, value);
     if (!showAddress) {
@@ -3289,8 +3464,8 @@ var LogisticsInterception = function LogisticsInterception(props) {
         return item.value === val;
       });
       var _returnValue = ((interceptCompany === null || interceptCompany === void 0 ? void 0 : interceptCompany.interceptionTypeList) || []).find(function (item) {
-        var _item$config3;
-        return item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.isDefault;
+        var _item$config4;
+        return item === null || item === void 0 ? void 0 : (_item$config4 = item.config) === null || _item$config4 === void 0 ? void 0 : _item$config4.isDefault;
       });
       newValue = _objectSpread2(_objectSpread2({}, value), {}, {
         interceptCompany: val,
@@ -3320,7 +3495,6 @@ var LogisticsInterception = function LogisticsInterception(props) {
   //选择退回地址
   var changeReturnAddress = function changeReturnAddress(uk) {
     var item = LogisticsAddress.getItemByUk(uk);
-    console.log(item);
     if (item) {
       onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
         interceptAddress: [item === null || item === void 0 ? void 0 : item.province, item === null || item === void 0 ? void 0 : item.city, item === null || item === void 0 ? void 0 : item.district],
@@ -3331,7 +3505,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css_248z$6.interceptBox
+    className: css_248z$7.interceptBox
   }, /*#__PURE__*/React.createElement(Item, {
     label: '物流信息',
     required: required,
@@ -3451,6 +3625,64 @@ var LogisticsInterception = function LogisticsInterception(props) {
   })));
 };
 
+var LogisticsTrajectory = function LogisticsTrajectory(props) {
+  var options = props.options,
+    showField = props.showField,
+    _props$value = props.value,
+    value = _props$value === void 0 ? {} : _props$value,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var handleInputChange = function handleInputChange(e, type) {
+    var val = e.target.value;
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, _defineProperty({}, type, val)));
+  };
+  var handelSelectChange = function handelSelectChange(val) {
+    typeof onChange === 'function' && onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+      company: val
+    }));
+  };
+  //物流公司
+  var LogisticsCompany = function LogisticsCompany() {
+    return /*#__PURE__*/React.createElement(Select, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u516C\u53F8",
+      onChange: handelSelectChange,
+      value: (value === null || value === void 0 ? void 0 : value.company) === '' ? undefined : value === null || value === void 0 ? void 0 : value.company,
+      options: options,
+      showSearch: true,
+      style: {
+        width: '100%'
+      },
+      filterOption: function filterOption(input, option) {
+        return option.label.includes(input);
+      }
+    });
+  };
+  //物流单号
+  var LogisticsCode = function LogisticsCode() {
+    return /*#__PURE__*/React.createElement(Input, {
+      disabled: disabled,
+      placeholder: "\u7269\u6D41\u5355\u53F7",
+      onChange: function onChange(e) {
+        return handleInputChange(e, 'order');
+      },
+      value: value === null || value === void 0 ? void 0 : value.order
+    });
+  };
+  //物流快照
+  var LogisticsSnapshot = function LogisticsSnapshot() {
+    return /*#__PURE__*/React.createElement(Input, {
+      disabled: true,
+      placeholder: "\u7269\u6D41\u5FEB\u7167",
+      onChange: function onChange(e) {
+        return handleInputChange(e, 'snapshot');
+      },
+      value: value === null || value === void 0 ? void 0 : value.snapshot
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", null, ['all', 'EXPRESS_COMPANY'].includes(showField) ? LogisticsCompany() : null, LogisticsCode(), ['all', 'EXPRESS_SNAPSHOT'].includes(showField) ? LogisticsSnapshot() : null);
+};
+
 var jstGoods = function jstGoods(props) {
   var _value$changeIndex, _value$changeIndex2, _value$changeIndex3, _value$changeIndex4, _value$changeIndex5, _value$changeIndex6;
   var _props$value = props.value,
@@ -3565,8 +3797,8 @@ var jstGoods = function jstGoods(props) {
   })) : null) : null);
 };
 
-var css_248z$7 = ".jstGoodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.jstGoodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.jstGoodsBox .right-context {\n  font-size: 12px;\n}\n.jstGoodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.jstGoodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.jstGoodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.jstimgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n}\n.jstimgBox .add-btn {\n  color: #86909c;\n}\n.jstimgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".jstGoodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.jstGoodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.jstGoodsBox .right-context {\n  font-size: 12px;\n}\n.jstGoodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.jstGoodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.jstGoodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.jstimgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n}\n.jstimgBox .add-btn {\n  color: #86909c;\n}\n.jstimgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
+styleInject(css_248z$8);
 
 var ItemList = function ItemList(props) {
   var _props$value = props.value,
@@ -3639,13 +3871,638 @@ var ItemList = function ItemList(props) {
   }, "\u6682\u4E0D\u652F\u6301\u6DFB\u52A0")) : null);
 };
 
-var css_248z$8 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #F2F3F5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4E5969;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 265px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodMain .goodItem {\n  width: 140px;\n  height: 175px;\n  padding: 11px 10px 0;\n  text-align: center;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 10px;\n  margin-right: 30px;\n  border: 1px solid #e6e6e6;\n  cursor: pointer;\n  transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n  width: 120px;\n  height: 120px;\n}\n.goodMain .goodItem .goodText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodMain .goodItem.active {\n  border: 1px solid #3089dc;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n";
-styleInject(css_248z$8);
-
 var TabPane$1 = Tabs.TabPane;
+var columns = [{
+  dataIndex: 'picUrl',
+  title: '主图',
+  render: function render(val) {
+    return /*#__PURE__*/React.createElement(Image, {
+      width: 60,
+      src: val
+    });
+  }
+}, {
+  dataIndex: 'outerId',
+  title: '款式编码'
+}, {
+  dataIndex: 'numIid',
+  title: '商品编码'
+}, {
+  dataIndex: 'title',
+  title: '商品名称'
+}, {
+  dataIndex: 'skus',
+  title: '颜色及规格'
+}];
+var GoodsModal$1 = function GoodsModal(props, ref) {
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        setVisible(true);
+        setSelect([]);
+        setSelectIds([]);
+      }
+    };
+  });
+  var onSubmit = props.onSubmit,
+    shopId = props.shopId,
+    shopList = props.shopList,
+    width = props.width;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectList = _useState4[0],
+    setSelect = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectIds = _useState6[0],
+    setSelectIds = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    goodList = _useState8[0],
+    setGoodList = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState({
+      apiName: 'queryItems',
+      desc: true,
+      numIids: '',
+      orderBy: 'list_time',
+      pageNo: 1,
+      pageSize: 10,
+      shopId: shopId,
+      type: 'onSale',
+      cids: '',
+      title: ''
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    searchParams = _useState12[0],
+    setSearch = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    total = _useState14[0],
+    setTotal = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    platform = _useState16[0],
+    setPlatform = _useState16[1]; //平台 taobao=淘宝 fxg=抖音 pdd=拼多多 sph=微信视屏号
+  // const [shopInfo, setShopInfo] = useState<any>({}); //店铺信息
+  var _useState17 = useState([{
+      tab: '所选商品',
+      key: 'onSale'
+    }
+    // { tab: '已选商品', key: 'select' },
+    ]),
+    _useState18 = _slicedToArray(_useState17, 1),
+    tabs = _useState18[0];
+  //选择页码
+  var pageChange = function pageChange(page, pageSize) {
+    setSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+      pageNo: page,
+      pageSize: pageSize
+    }));
+  };
+  /**
+   * 选择商品
+   * @param good
+   * @returns
+   */
+  // const changeItem = (good: any) => {
+  //   if (searchParams.type === 'select') {
+  //     const newSelect = selectList.filter((item: any) => {
+  //       return item.numIid !== good.numIid;
+  //     });
+  //     setSelect([...newSelect]);
+  //     const ids = newSelect.map((item) => {
+  //       return item.numIid;
+  //     });
+  //     setSelectIds(ids);
+  //   } else {
+  //     if (selectList.length >= maxLength) {
+  //       message.error(`最多添加${maxLength}张`);
+  //       return;
+  //     }
+  //     const hasGood = selectList.some((t) => {
+  //       return t.numIid === good.numIid;
+  //     });
+  //     if (hasGood) {
+  //       const newSelectList = selectList.filter((item) => {
+  //         return item.numIid !== good.numIid;
+  //       });
+  //       setSelect(newSelectList);
+  //       const ids = newSelectList.map((item) => {
+  //         return item.numIid;
+  //       });
+  //       setSelectIds(ids);
+  //     } else {
+  //       setSelect([...selectList, good]);
+  //       setSelectIds([...selectIds, good.numIid]);
+  //     }
+  //   }
+  // };
+  /**
+   *
+   * @returns 获取查询参数
+   */
+  var queryPd = function queryPd() {
+    var params = {
+      apiName: 'queryItems',
+      desc: searchParams.desc,
+      productIds: searchParams.numIids,
+      orderBy: searchParams.orderBy,
+      pageNo: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      shopId: shopId,
+      type: searchParams.type,
+      title: searchParams.title,
+      cids: searchParams.cids
+    };
+    return params;
+  };
+  /**
+   * 查询商品
+   */
+  var queryItems = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(platform) {
+      var res, _ref2, items, totalCount;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return extendRequest('/qy/gdfw/workOrder/queryItems', {
+              method: 'post',
+              data: queryPd()
+            });
+          case 4:
+            res = _context.sent;
+            _ref2 = res.data || {
+              items: [],
+              totalCount: 0
+            }, items = _ref2.items, totalCount = _ref2.totalCount;
+            items.forEach(function (item) {
+              item.platform = platform;
+              item.key = item.numIid;
+            });
+            setGoodList(_toConsumableArray(items));
+            setTotal(totalCount);
+          case 9:
+            _context.prev = 9;
+            setLoading(false);
+            return _context.finish(9);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0,, 9, 12]]);
+    }));
+    return function queryItems(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getItem = function getItem(searchParams, platform) {
+    if (searchParams.type === 'select') {
+      setTotal(1);
+      return;
+    } else {
+      queryItems(platform);
+    }
+  };
+  useEffect(function () {
+    var shopInfo = shopList.find(function (item) {
+      return shopId === item.shopId || shopId === item.shopName;
+    });
+    // setShopInfo(shopInfo);
+    var platform = shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.shopSourceStr.toLowerCase();
+    setPlatform(platform);
+  }, []);
+  useEffect(function () {
+    platform && getItem(searchParams, platform);
+  }, [searchParams, platform]);
+  var rowSelection = {
+    selectedRowKeys: selectIds,
+    onChange: function onChange(selectedRowKeys, selectedRows, info) {
+      console.log(selectedRowKeys, selectedRows, info);
+      setSelectIds(selectedRowKeys);
+      setSelect(_toConsumableArray(selectedRows));
+    }
+    // getCheckboxProps: (record: any) => {
+    //   return {
+    //     disabled: record.hasOwnProperty('children'),
+    //   };
+    // },
+  };
+
+  var _onCancel = function onCancel() {
+    setVisible(false);
+  };
+  var onOk = function onOk() {
+    onSubmit(selectList);
+    _onCancel();
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: '选择商品编码',
+    okText: '确认',
+    cancelText: '取消',
+    visible: visible,
+    width: width || 850,
+    onCancel: function onCancel() {
+      _onCancel();
+    },
+    onOk: onOk,
+    wrapClassName: "goodModal"
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    type: "card",
+    activeKey: searchParams.type,
+    onChange: function onChange(e) {
+      var params = _objectSpread2(_objectSpread2({}, searchParams), {}, {
+        type: e,
+        pageNo: 1
+      });
+      setSearch(params);
+    }
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React.createElement(TabPane$1, {
+      tab: tab.tab + (tab.key === 'select' ? "(".concat(selectList.length, ")") : ''),
+      key: tab.key
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "searchBox",
+    style: {
+      display: searchParams.type === 'select' ? 'none' : ''
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    layout: "inline"
+  }, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u6B3E\u5F0F\u7F16\u7801"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5546\u54C1\u7F16\u7801"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5546\u54C1\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, null, "\u91CD\u7F6E")))), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement(Table, {
+    rowSelection: rowSelection,
+    columns: columns,
+    dataSource: searchParams.type == 'select' ? selectList : goodList,
+    scroll: {
+      y: 300
+    },
+    pagination: {
+      size: 'small',
+      total: total,
+      current: searchParams.pageNo,
+      pageSize: searchParams.pageSize,
+      onChange: pageChange
+    }
+  })));
+};
+var GoodsModal$2 = /*#__PURE__*/forwardRef(GoodsModal$1);
+
+// interface GoodsItem {
+//   title: string;
+//   pic: string;
+//   platform: string;
+//   skuId: string;
+//   styleId: string;
+// }
+var GoodItem = function GoodItem(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    disabled = props.disabled,
+    _props$showField = props.showField,
+    showField = _props$showField === void 0 ? [] : _props$showField,
+    width = props.width,
+    _props$shopList = props.shopList,
+    shopList = _props$shopList === void 0 ? [] : _props$shopList,
+    _props$shopId = props.shopId,
+    shopId = _props$shopId === void 0 ? '' : _props$shopId,
+    _props$maxLength = props.maxLength,
+    maxLength = _props$maxLength === void 0 ? 20 : _props$maxLength,
+    _props$showChangeBtn = props.showChangeBtn,
+    showChangeBtn = _props$showChangeBtn === void 0 ? true : _props$showChangeBtn,
+    _props$tableSelect = props.tableSelect,
+    tableSelect = _props$tableSelect === void 0 ? false : _props$tableSelect,
+    _props$otherOperation = props.otherOperations,
+    otherOperations = _props$otherOperation === void 0 ? null : _props$otherOperation,
+    _props$canUpdateNumbe = props.canUpdateNumber,
+    canUpdateNumber = _props$canUpdateNumbe === void 0 ? false : _props$canUpdateNumbe,
+    onSelect = props.onSelect;
+  var refModal = useRef();
+  var handleDelete = function handleDelete(index) {
+    var newList = value.filter(function (item, i) {
+      return index !== i;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRowKeys = _useState2[0],
+    setSelectedRowKeys = _useState2[1];
+  var updateHandle = function updateHandle(val, index, type) {
+    value[index][type] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(value));
+  };
+  //商品信息
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
+    return [{
+      dataIndex: 'name',
+      title: "bs\u540D\u79F0",
+      width: 200
+    }, {
+      dataIndex: 'code',
+      title: "bs\u7F16\u7801",
+      width: 200
+    }, {
+      dataIndex: 'skuId',
+      title: "bssku\u7F16\u7801",
+      width: 200
+    }, {
+      dataIndex: 'money',
+      title: "bs\u5B9E\u4ED8\u91D1\u989D",
+      width: 200
+    }, {
+      dataIndex: 'number',
+      title: "bs\u6570\u91CF",
+      width: 200,
+      render: function render(val, record, index) {
+        return canUpdateNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+          value: val,
+          onChange: function onChange(num) {
+            return updateHandle(num, index, 'number');
+          }
+        }) : /*#__PURE__*/React.createElement("span", null, val);
+      }
+    }, {
+      dataIndex: 'share',
+      title: "bs\u5206\u644A\u4EF7",
+      width: 200
+    }, {
+      dataIndex: 'type',
+      title: "bs\u8D60\u54C1\u7C7B\u578B",
+      width: 200
+    }];
+  };
+  var newColumns = useMemo(function () {
+    return [{
+      dataIndex: 'pic',
+      title: "bs\u56FE\u7247",
+      width: 200,
+      render: function render(val) {
+        return /*#__PURE__*/React.createElement(Image, {
+          width: 60,
+          src: val
+        });
+      }
+    }].concat(_toConsumableArray(GOODS_INFO_COLUMNS().filter(function (t) {
+      return showField.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
+    })), [{
+      dataIndex: '',
+      title: "\u64CD\u4F5C",
+      render: function render(val, record, index) {
+        return record.canDelete ? /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          onClick: function onClick() {
+            return handleDelete(index);
+          }
+        }, "\u5220\u9664") : null;
+      }
+    }]);
+  }, [showField]);
+  var onSubmit = function onSubmit(list) {
+    var newList = list.map(function (item) {
+      var picUrl = item.picUrl,
+        numIid = item.numIid,
+        outerId = item.outerId,
+        title = item.title,
+        price = item.price,
+        platform = item.platform;
+      return {
+        pic: picUrl,
+        numIid: numIid,
+        outerId: outerId,
+        title: title,
+        price: price,
+        platform: platform,
+        number: 10,
+        canDelete: true
+      };
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), _toConsumableArray(newList)));
+  };
+  var onSelectChange = function onSelectChange(newSelectedRowKeys) {
+    setSelectedRowKeys(newSelectedRowKeys);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value.filter(function (t) {
+      return newSelectedRowKeys.includes(t);
+    }));
+  };
+  var handleChangeGoods = function handleChangeGoods() {
+    refModal.current.open();
+  };
+  var rowSelection = {
+    selectedRowKeys: selectedRowKeys,
+    onChange: onSelectChange
+  };
+  var tableConfig = useMemo(function () {
+    var params = {
+      columns: newColumns,
+      dataSource: value
+    };
+    if (tableSelect) {
+      params.rowSelection = rowSelection;
+    }
+    return params;
+  }, [tableSelect, newColumns, value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && showChangeBtn && /*#__PURE__*/React.createElement(Space, {
+    align: "end"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: handleChangeGoods
+  }, "\u9009\u62E9\u5546\u54C1"), otherOperations), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      overflowX: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({}, tableConfig), {}, {
+    pagination: false
+  }))), /*#__PURE__*/React.createElement(GoodsModal$2, {
+    ref: refModal,
+    onSubmit: onSubmit,
+    width: width,
+    shopList: shopList,
+    shopId: shopId,
+    maxLength: maxLength
+  }));
+};
+
+var BsGoods = function BsGoods(props) {
+  var value = props.value;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableSelect = _useState2[0],
+    setTableSelect = _useState2[1];
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = pubsub.subscribe('type', function (_, val) {
+      setTableSelect(['2', '4'].includes(val));
+      if (['1', '3'].includes(val)) {
+        pubsub.publish('selectList', {
+          type: val,
+          list: _toConsumableArray(value).map(function (item) {
+            item.canDelete = false;
+          })
+        });
+      }
+    });
+    return function () {
+      pubsub.unsubscribe(ref.current);
+    };
+  }, []);
+  var onSelect = function onSelect(list) {
+    pubsub.publish('selectList', list.map(function (item) {
+      item.canDelete = true;
+    }));
+  };
+  return /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, props), {}, {
+    tableSelect: tableSelect,
+    onSelect: onSelect
+  }));
+};
+
+var _excluded$b = ["value", "onChange", "reasonList", "disabled"];
+var BsExchange = function BsExchange(props) {
+  var _value$bsExchangeType2, _value$bsExchangeType3;
+  var value = props.value,
+    onChange = props.onChange,
+    _props$reasonList = props.reasonList,
+    reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
+    disabled = props.disabled,
+    other = _objectWithoutProperties(props, _excluded$b);
+  useEffect(function () {
+    pubsub.subscribe('selectList', function (_, list) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsExchangeReturnGoods: list
+      }));
+    });
+  }, []);
+  var changeHandle = function changeHandle(val, key) {
+    var newValue = _objectSpread2({}, value);
+    newValue[key] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    if (key === 'bsExchangeType') {
+      console.log(val);
+      pubsub.publish('type', val[0]);
+    }
+  };
+  //显示选择商品按钮 原单换不显示选择商品
+  var showChangeBtn = useMemo(function () {
+    var _value$bsExchangeType;
+    return ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType = value.bsExchangeType) === null || _value$bsExchangeType === void 0 ? void 0 : _value$bsExchangeType[0]) || disabled;
+  }, [value === null || value === void 0 ? void 0 : value.bsExchangeType]);
+  var copyGoods = function copyGoods() {
+    var copyHandle = function copyHandle() {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsExchangeSwapOutGoods: [].concat(_toConsumableArray((value === null || value === void 0 ? void 0 : value.bsExchangeSwapOutGoods) || []), _toConsumableArray((value === null || value === void 0 ? void 0 : value.bsExchangeReturnGoods) || []))
+      }));
+    };
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      onClick: copyHandle
+    }, "\u590D\u5236\u9000\u56DE\u5546\u54C1");
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cascader, {
+    options: reasonList,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeType,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeType');
+    }
+  }), /*#__PURE__*/React.createElement("p", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    disabled: disabled,
+    showChangeBtn: showChangeBtn,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeReturnGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeReturnGoods');
+    }
+  })), /*#__PURE__*/React.createElement("p", null, "\u6362\u51FA\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    disabled: disabled,
+    otherOperations: ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType2 = value.bsExchangeType) === null || _value$bsExchangeType2 === void 0 ? void 0 : _value$bsExchangeType2[0]) ? copyGoods() : null,
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeSwapOutGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeSwapOutGoods');
+    }
+  })), ['3', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsExchangeType3 = value.bsExchangeType) === null || _value$bsExchangeType3 === void 0 ? void 0 : _value$bsExchangeType3[0]) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "\u8D60\u54C1\u4FE1\u606F"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({
+    disabled: disabled
+  }, other), {}, {
+    value: value === null || value === void 0 ? void 0 : value.bsExchangeGiftGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsExchangeGiftGoods');
+    }
+  }))) : null);
+};
+
+var _excluded$c = ["value", "onChange", "reasonList"];
+var BsReissue = function BsReissue(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$reasonList = props.reasonList,
+    reasonList = _props$reasonList === void 0 ? [] : _props$reasonList,
+    other = _objectWithoutProperties(props, _excluded$c);
+  useEffect(function () {
+    pubsub.subscribe('selectList', function (_, list) {
+      onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        bsReissueGoods: list.map(function (item) {
+          item.money = 0;
+          return item;
+        })
+      }));
+    });
+  }, []);
+  var changeHandle = function changeHandle(val, key) {
+    var newValue = _objectSpread2({}, value);
+    newValue[key] = val;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    if (key === 'bsReissueType') {
+      pubsub.publish('type', val);
+    }
+  };
+  //显示选择商品按钮 原单换不显示选择商品
+  var showChangeBtn = useMemo(function () {
+    var _value$bsReissueType;
+    return ['2', '4'].includes(value === null || value === void 0 ? void 0 : (_value$bsReissueType = value.bsReissueType) === null || _value$bsReissueType === void 0 ? void 0 : _value$bsReissueType[0]);
+  }, [value === null || value === void 0 ? void 0 : value.bsReissueType]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cascader, {
+    options: reasonList,
+    value: value === null || value === void 0 ? void 0 : value.bsReissueType,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsReissueType');
+    }
+  }), /*#__PURE__*/React.createElement("p", null, "\u9000\u56DE\u5546\u54C1"), /*#__PURE__*/React.createElement(GoodItem, _objectSpread2(_objectSpread2({}, other), {}, {
+    canUpdateNumber: true,
+    showChangeBtn: showChangeBtn,
+    value: value === null || value === void 0 ? void 0 : value.bsReissueGoods,
+    onChange: function onChange(val) {
+      return changeHandle(val, 'bsReissueGoods');
+    }
+  })));
+};
+
+var css_248z$9 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #F2F3F5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4E5969;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 265px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodMain .goodItem {\n  width: 140px;\n  height: 175px;\n  padding: 11px 10px 0;\n  text-align: center;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 10px;\n  margin-right: 30px;\n  border: 1px solid #e6e6e6;\n  cursor: pointer;\n  transition: border 0.3s;\n}\n.goodMain .goodItem .goodImg {\n  width: 120px;\n  height: 120px;\n}\n.goodMain .goodItem .goodText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodMain .goodItem.active {\n  border: 1px solid #3089dc;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n";
+styleInject(css_248z$9);
+
+var TabPane$2 = Tabs.TabPane;
 var Option$2 = Select.Option;
 var Search$1 = Input.Search;
-var GoodsModal$1 = function GoodsModal(props) {
+var GoodsModal$3 = function GoodsModal(props) {
   var onSubmit = props.onSubmit,
     _onCancel = props.onCancel,
     visible = props.visible,
@@ -3958,7 +4815,7 @@ var GoodsModal$1 = function GoodsModal(props) {
       }));
     }
   }, tabs.map(function (tab) {
-    return /*#__PURE__*/React.createElement(TabPane$1, {
+    return /*#__PURE__*/React.createElement(TabPane$2, {
       tab: tab.tab + (tab.key === 'all' ? "(".concat(selectList.length, ")") : ''),
       key: tab.key
     });
@@ -4096,7 +4953,7 @@ var Goods$1 = function Goods(props, ref) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "goodsBox"
-  }, /*#__PURE__*/React.createElement(GoodsModal$1, {
+  }, /*#__PURE__*/React.createElement(GoodsModal$3, {
     visible: visible,
     onSubmit: onSubmit,
     type: type,
@@ -4115,4 +4972,4 @@ var Goods$1 = function Goods(props, ref) {
 };
 var index = /*#__PURE__*/forwardRef(Goods$1);
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, ApaasUploadAsync, ApaasUploadAsync$1 as ApaasUploadFile, BsExchange, BsGoods, BsReissue, BuyerNick, ChooseBaby, ExpressLogistics, Goods, index as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId };