@kmkf-fe-packages/services-components 0.24.1 → 0.24.2-beta.0

package/dist/esm/components/Common/index.js

@@ -8,10 +8,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from "antd";
-import React, { useState, useMemo } from "react";
-import { ExpressData } from "@kmkf-fe-packages/kmkf-utils";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import { Form, Button, Modal, Tooltip, Space, Image, Popover, Table, message } from 'antd';
+import React, { useState, useMemo } from 'react';
+import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
 import styles from "./index.module.less";
 import defaultImg from "./img/default-img.png";
 export var getFormItem = function getFormItem(_ref) {
@@ -31,7 +31,7 @@ export var getFormItem = function getFormItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "form-item--wrap",
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: name,
@@ -44,60 +44,44 @@ export var getFormItem = function getFormItem(_ref) {
 export var showImage = function showImage(_ref2) {
   var item = _ref2.item,
     type = _ref2.type,
-    index = _ref2.index,
-    showHeader = _ref2.showHeader;
-  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== "tabao" ? item.picUrl : item.picUrl + "_40x40.jpg" : defaultImg;
+    index = _ref2.index;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
-  }, type === "itemCode" && !showHeader.includes("picUrl") ? null : (item === null || item === void 0 ? void 0 : item.platform) === "taobao" ? /*#__PURE__*/React.createElement("a", {
+  }, (item === null || item === void 0 ? void 0 : item.platform) === 'taobao' ? /*#__PURE__*/React.createElement("a", {
     target: "_blank",
-    href: item.numIid ? "https://item.taobao.com/item.htm?id=".concat(item.numIid) : 'javascript:void(0);'
+    href: "https://item.taobao.com/item.htm?id=".concat(item.numIid)
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: "40px",
-      height: "40px",
-      objectFit: "contain"
+      width: '40px',
+      height: '40px',
+      objectFit: 'contain'
     },
     src: picUrl
   })) : /*#__PURE__*/React.createElement("img", {
     style: {
-      width: "40px",
-      height: "40px",
-      objectFit: "contain"
+      width: '40px',
+      height: '40px',
+      objectFit: 'contain'
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.options
-  }, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
-    title: "商品id",
+  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
+    title: '商品id',
     text: item.numIid
-  }), type === "itemCode" && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.includes("title") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "商品名称",
-    text: item.title
-  }), showHeader.includes("outerId") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "商品编码",
+  }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
+    title: '商品编码',
     text: item.outerId
-  }), showHeader.includes("numIid") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "商品id",
-    text: item.numIid
-  }), showHeader.includes("skuId") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "SKU ID",
-    text: item.skuId
-  }), showHeader.includes("outerSkuId") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "SKU 编码",
-    text: item.outerSkuId
-  }), showHeader.includes("propertiesName") && /*#__PURE__*/React.createElement(TextTool, {
-    title: "SKU 信息",
-    text: item.propertiesName
-  })), (type === "itemThird" || type === "jstItemThird") && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-    title: "供应商编码",
+  }), (type === 'itemThird' || type === 'jstItemThird') && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+    title: '供应商编码',
     text: item.itemId || item.supplierItemOuterId
-  }), (type === "itemThird" || type === "jstItemThird") && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-    title: "供应商名称",
+  }), (type === 'itemThird' || type === 'jstItemThird') && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+    title: '供应商名称',
     text: item.supplierName
-  }), type !== "itemCode" && item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-    title: "规格",
+  }), item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+    title: '规格',
     text: item.propertiesName
   })));
 };
@@ -110,9 +94,9 @@ var TextTool = function TextTool(_ref3) {
     title: text
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis"
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
     }
   }, title, ":", text));
 };
@@ -121,9 +105,7 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
   var total = _ref4.total,
     _ref4$allImage = _ref4.allImage,
     allImage = _ref4$allImage === void 0 ? [] : _ref4$allImage,
-    type = _ref4.type,
-    _ref4$showHeader = _ref4.showHeader,
-    showHeader = _ref4$showHeader === void 0 ? [] : _ref4$showHeader;
+    type = _ref4.type;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -142,62 +124,47 @@ export var ShowTotalImage = function ShowTotalImage(_ref4) {
     title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      flexWrap: "wrap"
+      display: 'flex',
+      flexWrap: 'wrap'
     }
   }, allImage.map(function (i, index) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: "50%"
+        width: '50%'
       },
       key: index
-    }, type === "itemCode" && !showHeader.includes("picUrl") ? null : /*#__PURE__*/React.createElement("a", {
-      href: i.link || ((i === null || i === void 0 ? void 0 : i.platform) === "taobao" && i.numIid ? "https://item.taobao.com/item.htm?id=".concat(i.numIid) : 'javascript:void(0);'),
+    }, /*#__PURE__*/React.createElement("a", {
+      href: i.link,
       target: "__blank",
       style: {
-        marginRight: "12px",
-        marginTop: "8px",
-        padding: "2px",
-        border: "1px dashed #ccc",
-        display: "inline-block"
+        marginRight: '12px',
+        marginTop: '8px',
+        padding: '2px',
+        border: '1px dashed #ccc',
+        display: 'inline-block'
       }
     }, /*#__PURE__*/React.createElement("img", {
       alt: "",
       src: i.picUrl || defaultImg,
       style: {
-        width: "72px",
-        height: "72px",
-        objectFit: "contain"
+        width: '72px',
+        height: '72px',
+        objectFit: 'contain'
       }
-    })), /*#__PURE__*/React.createElement("div", null, type === "itemId" && /*#__PURE__*/React.createElement(TextTool, {
-      title: "商品id",
+    })), /*#__PURE__*/React.createElement("div", null, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
+      title: '商品id',
       text: i.numIid
-    }), type === "itemCode" && /*#__PURE__*/React.createElement(React.Fragment, null, showHeader.includes("title") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "商品名称",
-      text: i.title
-    }), showHeader.includes("outerId") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "商品编码",
+    }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
+      title: '商品编码',
       text: i.outerId
-    }), showHeader.includes("numIid") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "商品id",
-      text: i.numIid
-    }), showHeader.includes("skuId") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "SKU ID",
-      text: i.skuId
-    }), showHeader.includes("outerSkuId") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "SKU 编码",
-      text: i.outerSkuId
-    }), showHeader.includes("propertiesName") && /*#__PURE__*/React.createElement(TextTool, {
-      title: "SKU 信息",
-      text: i.propertiesName
-    })), (type === "itemThird" || type === "jstItemThird") && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
-      title: "供应商编码",
+    }), (type === 'itemThird' || type === 'jstItemThird') && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+      title: '供应商编码',
       text: i.itemId || i.supplierItemOuterId
-    }), (type === "itemThird" || type === "jstItemThird") && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
-      title: "供应商名称",
+    }), (type === 'itemThird' || type === 'jstItemThird') && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+      title: '供应商名称',
       text: i.supplierName
-    }), type !== "itemCode" && i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
-      title: "规格",
+    }), i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+      title: '规格',
       text: i.propertiesName
     })));
   }))));
@@ -207,33 +174,29 @@ export var GoodImage = function GoodImage(_ref5) {
   var _list$slice;
   var list = _ref5.list,
     _ref5$type = _ref5.type,
-    type = _ref5$type === void 0 ? "" : _ref5$type,
-    _ref5$showHeader = _ref5.showHeader,
-    showHeader = _ref5$showHeader === void 0 ? [] : _ref5$showHeader;
+    type = _ref5$type === void 0 ? '' : _ref5$type;
   var total = (list === null || list === void 0 ? void 0 : list.length) || 0;
   var initShowTotal = 3;
   return (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
-      display: type === "itemSelect" ? "flex" : "block"
+      display: type === 'itemSelect' ? 'flex' : 'block'
     }
   }, list === null || list === void 0 ? void 0 : (_list$slice = list.slice(0, initShowTotal)) === null || _list$slice === void 0 ? void 0 : _list$slice.map(function (item, index) {
     return showImage({
       item: item,
       type: type,
-      index: index,
-      showHeader: showHeader
+      index: index
     });
   }), total > initShowTotal && /*#__PURE__*/React.createElement(ShowTotalImage, {
     total: total,
     allImage: list,
-    showHeader: showHeader,
     type: type
   })) : null;
 };
 var content = function content(item, index) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
-      textAlign: "center"
+      textAlign: 'center'
     }
   }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -260,17 +223,17 @@ export var JstGoodImage = function JstGoodImage(_ref6) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: "#1890ff",
-        cursor: "pointer"
+        color: '#1890ff',
+        cursor: 'pointer'
       }
-    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join("/") : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join("/") : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join("/") : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || "") : null));
+    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join('/') : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join('/') : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join('/') : item.sendId ? item.sendId : item.sendName) : null, type === 4 ? /*#__PURE__*/React.createElement("span", null, (item === null || item === void 0 ? void 0 : item.deliveryNo) || '') : null));
   }) : null;
 };
 export var BsExpressRender = function BsExpressRender(_ref7) {
   var _ref7$list = _ref7.list,
     list = _ref7$list === void 0 ? [] : _ref7$list,
     _ref7$showField = _ref7.showField,
-    showField = _ref7$showField === void 0 ? "" : _ref7$showField;
+    showField = _ref7$showField === void 0 ? '' : _ref7$showField;
   return list !== null && list !== void 0 && list.length ? (list || []).map(function (item, index) {
     var logisticsCompany = item.logisticsCompany;
     var company = ExpressData.getInstance().getExpressNameByCode(logisticsCompany);
@@ -282,10 +245,10 @@ export var BsExpressRender = function BsExpressRender(_ref7) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: "#1890ff",
-        cursor: "pointer"
+        color: '#1890ff',
+        cursor: 'pointer'
       }
-    }, "\u5305\u88F9", ":")), showField === "company" ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === "code" ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
+    }, "\u5305\u88F9", ":")), showField === 'company' ? /*#__PURE__*/React.createElement("span", null, company ? company : null) : null, showField === 'code' ? /*#__PURE__*/React.createElement("span", null, item.logisticsCode ? item.logisticsCode : null) : null));
   }) : null;
 };
 export var CommonOrderContent = function CommonOrderContent(_ref8) {
@@ -298,7 +261,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
   var orderContent = function orderContent(item, index) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: "center"
+        textAlign: 'center'
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7", index + 1, "\uFF1A", item.systemOrderId));
   };
@@ -306,7 +269,7 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     var _options$find;
     var color = ((_options$find = options.find(function (it) {
       return item[valueKey] === it.value;
-    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || "#000";
+    })) === null || _options$find === void 0 ? void 0 : _options$find.color) || '#000';
     var currentOption = options.find(function (option) {
       return item[valueKey] === option.value;
     });
@@ -318,14 +281,14 @@ export var CommonOrderContent = function CommonOrderContent(_ref8) {
     }, /*#__PURE__*/React.createElement("span", {
       key: index,
       style: {
-        color: "#1890ff",
-        cursor: "pointer"
+        color: '#1890ff',
+        cursor: 'pointer'
       }
     }, "\u7CFB\u7EDF\u8BA2\u5355\u53F7".concat(index + 1), ":")), /*#__PURE__*/React.createElement("span", {
       style: {
         color: color
       }
-    }, currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "")), item.reason && (item === null || item === void 0 ? void 0 : item[valueKey]) !== "成功" && /*#__PURE__*/React.createElement("div", {
+    }, currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || '')), item.reason && (item === null || item === void 0 ? void 0 : item[valueKey]) !== '成功' && /*#__PURE__*/React.createElement("div", {
       className: "c-red"
     }, item.reason));
   }) : null;
@@ -337,22 +300,22 @@ export var BsGoodImage = function BsGoodImage(_ref9) {
     index = _ref9.index;
   var picUrl = item.picUrl || defaultImg;
   var keyMap = {
-    name: "bs名称",
-    code: "bs编码",
-    skuId: "bssku编码",
-    money: "bs实付金额",
-    number: "bs数量",
-    share: "bs分摊价",
-    type: "bs赠品类型"
+    name: 'bs名称',
+    code: 'bs编码',
+    skuId: 'bssku编码',
+    money: 'bs实付金额',
+    number: 'bs数量',
+    share: 'bs分摊价',
+    type: 'bs赠品类型'
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.goodImgBox,
     key: index
   }, /*#__PURE__*/React.createElement("img", {
     style: {
-      width: "40px",
-      height: "40px",
-      objectFit: "contain"
+      width: '40px',
+      height: '40px',
+      objectFit: 'contain'
     },
     src: picUrl
   }), /*#__PURE__*/React.createElement("div", {
@@ -374,11 +337,11 @@ export var BsExchangeList = function BsExchangeList(_ref10) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, BsGoodsTable({
       list: (item === null || item === void 0 ? void 0 : item.bsExchangeReturnGoods) || [],
       showHeader: showHeader,
-      text: "退回"
+      text: '退回'
     }), BsGoodsTable({
       list: item === null || item === void 0 ? void 0 : item.bsExchangeSwapOutGoods,
       showHeader: showHeader,
-      text: "换出"
+      text: '换出'
     }));
   }));
 };
@@ -391,171 +354,276 @@ export var BsGoodPic = function BsGoodPic(list) {
     });
   });
 };
-var getTable = function getTable(GOODS_INFO_COLUMNS) {
-  return function (_ref11) {
-    var list = _ref11.list,
-      showHeader = _ref11.showHeader,
-      _ref11$text = _ref11.text,
-      text = _ref11$text === void 0 ? "" : _ref11$text;
-    var newColumns = useMemo(function () {
-      var columnList = [{
-        dataIndex: "",
-        title: "序号",
-        align: "center",
-        ellipsis: true,
-        width: 50,
-        render: function render(val, record, index) {
-          return /*#__PURE__*/React.createElement("span", null, index + 1);
-        }
-      }].concat(_toConsumableArray(GOODS_INFO_COLUMNS(text).filter(function (t) {
-        return showHeader.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
-      })));
-      return columnList;
-    }, [showHeader, list]);
-    return /*#__PURE__*/React.createElement(Table, {
-      columns: newColumns,
-      dataSource: list,
-      rowKey: "uuid",
-      size: "small",
-      pagination: false,
-      scroll: {
-        x: "100%"
-      },
-      locale: {
-        emptyText: "暂无数据"
+export var BsGoodsTable = function BsGoodsTable(_ref11) {
+  var list = _ref11.list,
+    showHeader = _ref11.showHeader,
+    _ref11$text = _ref11.text,
+    text = _ref11$text === void 0 ? '' : _ref11$text,
+    type = _ref11.type;
+  //商品信息
+
+  var COLUMNS_MAP = function COLUMNS_MAP() {
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return function (type) {
+      var columns = [];
+      switch (type) {
+        case 'ITEM_ENCODE':
+          columns = [{
+            dataIndex: "title",
+            title: "商品名称",
+            align: "center",
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: "outerId",
+            title: "商品编码",
+            align: "center",
+            ellipsis: true,
+            width: 140
+          }, {
+            dataIndex: "picUrl",
+            title: "图片",
+            align: "center",
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              return /*#__PURE__*/React.createElement(Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: "numIid",
+            title: "商品id",
+            align: "center",
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: "skuId",
+            title: "SKU ID",
+            align: "center",
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: "outerSkuId",
+            title: "SKU 编码",
+            align: "center",
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: "propertiesName",
+            title: "SKU 信息",
+            align: "center",
+            ellipsis: true,
+            width: 200
+          }];
+          break;
+        case 'WDT_REISSUE_GOODS':
+        case 'WDT_GOODS':
+          columns = [{
+            dataIndex: 'goodId',
+            title: "SPUID",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'goodNo',
+            title: "SPU\u5546\u54C1\u7F16\u7801",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'goodName',
+            title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 250
+          }, {
+            dataIndex: 'specId',
+            title: "".concat(text, "SKUID"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'specNo',
+            title: "".concat(text, "sku\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'specName',
+            title: "".concat(text, "sku\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 250
+          }, {
+            dataIndex: 'imgUrl',
+            title: "\u56FE\u7247",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              return /*#__PURE__*/React.createElement(Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: 'orderPrice',
+            title: "\u5B9E\u4ED8\u603B\u91D1\u989D",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'num',
+            title: "".concat(text, "\u6570\u91CF"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          },
+          // {
+          //   dataIndex: 'actualNum',
+          //   title: `${text}实发数量`,
+          //   align: 'center',
+          //   ellipsis: true,
+          //   width: 100,
+          // },
+          {
+            dataIndex: 'sharePrice',
+            title: "\u5206\u644A\u4EF7",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'giftType',
+            title: "\u8D60\u54C1\u65B9\u5F0F",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              var giftTypeMap = {
+                0: '非赠品',
+                1: '自动赠送',
+                2: '手工赠送',
+                3: '回购自动送赠品',
+                4: '前N有礼送赠品',
+                6: '天猫优仓赠品',
+                7: '淘宝CRM会员送赠'
+              };
+              return /*#__PURE__*/React.createElement("span", null, giftTypeMap[val]);
+            }
+          }];
+          break;
+        default:
+          columns = [{
+            dataIndex: 'mark',
+            title: "\u5546\u54C1\u6807\u8BB0",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'skuName',
+            title: "".concat(text, "sku\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: 'sku',
+            title: "".concat(text, "sku\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'name',
+            title: "".concat(text, "\u540D\u79F0"),
+            align: 'center',
+            ellipsis: true,
+            width: 200
+          }, {
+            dataIndex: 'pic',
+            title: "\u56FE\u7247",
+            align: 'center',
+            ellipsis: true,
+            width: 100,
+            render: function render(val) {
+              return /*#__PURE__*/React.createElement(Image, {
+                width: 60,
+                src: val
+              });
+            }
+          }, {
+            dataIndex: 'code',
+            title: "".concat(text, "\u7F16\u7801"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'money',
+            title: "\u5B9E\u4ED8\u91D1\u989D",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'number',
+            title: "".concat(text, "\u6570\u91CF"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }, {
+            dataIndex: 'share',
+            title: "\u5206\u644A\u4EF7",
+            align: 'center',
+            ellipsis: true,
+            width: 70
+          }, {
+            dataIndex: 'type',
+            title: "\u8D60\u54C1\u7C7B\u578B",
+            align: 'center',
+            ellipsis: true,
+            width: 100
+          }];
       }
-    });
+      return columns;
+    };
   };
-};
-export var BsGoodsTable = getTable(function () {
-  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  return [{
-    dataIndex: "mark",
-    title: "\u5546\u54C1\u6807\u8BB0",
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "skuName",
-    title: "".concat(text, "sku\u540D\u79F0"),
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }, {
-    dataIndex: "sku",
-    title: "".concat(text, "sku\u7F16\u7801"),
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "name",
-    title: "".concat(text, "\u540D\u79F0"),
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }, {
-    dataIndex: "pic",
-    title: "\u56FE\u7247",
-    align: "center",
-    ellipsis: true,
-    width: 100,
-    render: function render(val) {
-      return /*#__PURE__*/React.createElement(Image, {
-        width: 60,
-        src: val
-      });
-    }
-  }, {
-    dataIndex: "code",
-    title: "".concat(text, "\u7F16\u7801"),
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "money",
-    title: "\u5B9E\u4ED8\u91D1\u989D",
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "number",
-    title: "".concat(text, "\u6570\u91CF"),
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "share",
-    title: "\u5206\u644A\u4EF7",
-    align: "center",
-    ellipsis: true,
-    width: 70
-  }, {
-    dataIndex: "type",
-    title: "\u8D60\u54C1\u7C7B\u578B",
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }];
-});
-export var TBGoodTable = getTable(function () {
-  return [{
-    dataIndex: "title",
-    title: "商品名称",
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }, {
-    dataIndex: "outerId",
-    title: "商品编码",
-    align: "center",
-    ellipsis: true,
-    width: 140
-  }, {
-    dataIndex: "picUrl",
-    title: "图片",
-    align: "center",
-    ellipsis: true,
-    width: 100,
-    render: function render(val) {
-      return /*#__PURE__*/React.createElement(Image, {
-        width: 60,
-        src: val
-      });
+  //商品信息
+  var GOODS_INFO_COLUMNS = function GOODS_INFO_COLUMNS() {
+    var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var COLUMNS_INFO = COLUMNS_MAP(text);
+    return COLUMNS_INFO(type);
+  };
+  // const GOODS_INFO_COLUMNS = (text = '') => {
+  //   return 
+  // }
+  var newColumns = useMemo(function () {
+    var columnList = [{
+      dataIndex: '',
+      title: '序号',
+      align: 'center',
+      ellipsis: true,
+      width: 50,
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React.createElement("span", null, index + 1);
+      }
+    }].concat(_toConsumableArray(GOODS_INFO_COLUMNS(text).filter(function (t) {
+      return showHeader.includes(t === null || t === void 0 ? void 0 : t.dataIndex);
+    })));
+    return columnList;
+  }, [showHeader, list]);
+  return /*#__PURE__*/React.createElement(Table, {
+    columns: newColumns,
+    dataSource: list,
+    rowKey: 'uuid',
+    size: "small",
+    pagination: false,
+    scroll: {
+      x: '100%'
+    },
+    locale: {
+      emptyText: '暂无数据'
     }
-  }, {
-    dataIndex: "numIid",
-    title: "商品id",
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }, {
-    dataIndex: "skuId",
-    title: "SKU ID",
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }, {
-    dataIndex: "outerSkuId",
-    title: "SKU 编码",
-    align: "center",
-    ellipsis: true,
-    width: 100
-  }, {
-    dataIndex: "propertiesName",
-    title: "SKU 信息",
-    align: "center",
-    ellipsis: true,
-    width: 200
-  }];
-  // title: '商品名称',
-  // outerId: '商品编码',
-  // picUrl: '图片',
-  // numIid: '商品id',
-  // skuId: 'SKU ID',
-  // outerSkuId: 'SKU 编码',
-  // propertiesName: 'SKU 信息',
-});
-
+  });
+};
 export var FileRender = function FileRender(_ref12) {
   var _ref12$fileList = _ref12.fileList,
     fileList = _ref12$fileList === void 0 ? [] : _ref12$fileList,
@@ -565,15 +633,15 @@ export var FileRender = function FileRender(_ref12) {
     _useState4 = _slicedToArray(_useState3, 2),
     visible = _useState4[0],
     setVisible = _useState4[1];
-  var _useState5 = useState(""),
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     fileUrl = _useState6[0],
     setFileUrl = _useState6[1];
-  var _useState7 = useState(""),
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
     fileType = _useState8[0],
     setFileType = _useState8[1];
-  var _useState9 = useState(""),
+  var _useState9 = useState(''),
     _useState10 = _slicedToArray(_useState9, 2),
     fileName = _useState10[0],
     setFileName = _useState10[1];
@@ -582,24 +650,24 @@ export var FileRender = function FileRender(_ref12) {
     downloading = _useState12[0],
     setDownloading = _useState12[1];
   var handleCancel = function handleCancel() {
-    setFileUrl("");
-    setFileName("");
+    setFileUrl('');
+    setFileName('');
     setVisible(false);
     setDownloading(false);
   };
   var onPreview = function onPreview(file) {
     var _file$url;
-    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split(".");
+    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('.');
     var fileType = fileArr[fileArr.length - 1];
-    if (["png", "jpg", "jpeg", "gif", "bmp", "svg"].includes(fileType.toLowerCase())) {
+    if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'].includes(fileType.toLowerCase())) {
       setFileUrl(file === null || file === void 0 ? void 0 : file.url);
       setFileName(file === null || file === void 0 ? void 0 : file.name);
-      setFileType("pic");
+      setFileType('pic');
       setVisible(true);
-    } else if (["mp4", "avi", "mpeg", "asf", "mov", "3gp", "wmv", "rmvb"].includes(fileType.toLowerCase())) {
+    } else if (['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'].includes(fileType.toLowerCase())) {
       setFileUrl(file === null || file === void 0 ? void 0 : file.url);
       setFileName(file === null || file === void 0 ? void 0 : file.name);
-      setFileType("video");
+      setFileType('video');
       setVisible(true);
     } else {
       window.open(file === null || file === void 0 ? void 0 : file.url);
@@ -610,9 +678,9 @@ export var FileRender = function FileRender(_ref12) {
     fetch(url).then(function (res) {
       return res.blob();
     }).then(function (blob) {
-      var a = document.createElement("a");
+      var a = document.createElement('a');
       document.body.appendChild(a);
-      a.style.display = "none";
+      a.style.display = 'none';
       var url = window.URL.createObjectURL(blob);
       a.href = url;
       a.download = name;
@@ -626,9 +694,9 @@ export var FileRender = function FileRender(_ref12) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
     return /*#__PURE__*/React.createElement("a", {
       style: {
-        color: "#1890ff",
-        cursor: "pointer",
-        display: "block"
+        color: '#1890ff',
+        cursor: 'pointer',
+        display: 'block'
       },
       onClick: function onClick(e) {
         e.preventDefault();
@@ -650,20 +718,20 @@ export var FileRender = function FileRender(_ref12) {
   }, "\u4E0B\u8F7D") : /*#__PURE__*/React.createElement(CopyToClipboard, {
     text: fileUrl,
     onCopy: function onCopy() {
-      message.success("复制成功");
+      message.success('复制成功');
     }
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link"
-  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === "pic" ? /*#__PURE__*/React.createElement("img", {
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React.createElement("img", {
     alt: "example",
     style: {
-      width: "100%"
+      width: '100%'
     },
     src: fileUrl
   }) : /*#__PURE__*/React.createElement("video", {
     style: {
-      width: "100%",
-      height: "100%"
+      width: '100%',
+      height: '100%'
     },
     autoPlay: true,
     controls: true,
@@ -673,25 +741,38 @@ export var FileRender = function FileRender(_ref12) {
 export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   var value = _ref13.value,
     type = _ref13.type;
-  var columns = type === "WLN_SYSTEM_ORDER" ? [{
-    dataIndex: "billType",
-    title: "单据类型"
-  }, {
-    dataIndex: "billNo",
-    title: "系统订单号"
-  }, {
-    dataIndex: "billTag",
-    title: "标签"
-  }] : [{
-    dataIndex: "billType",
-    title: "订单类型"
-  }, {
-    dataIndex: "billNo",
-    title: "系统订单号"
-  }, {
-    dataIndex: "billTag",
-    title: "标记"
-  }];
+  var columnMap = {
+    BS_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "单据类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "标签"
+    }],
+    WLN_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "订单类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "标记"
+    }],
+    WDT_SYSTEM_ORDER: [{
+      dataIndex: "billType",
+      title: "订单类型"
+    }, {
+      dataIndex: "billNo",
+      title: "系统订单号"
+    }, {
+      dataIndex: "billTag",
+      title: "订单标签"
+    }]
+  };
   var rowSelection = {
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || ((value === null || value === void 0 ? void 0 : value.showOrderInfo) || []).reduce(function (prv, next) {
       if (next.select) {
@@ -709,16 +790,16 @@ export var BsSystemOrderTable = function BsSystemOrderTable(_ref13) {
   };
   return /*#__PURE__*/React.createElement(Table, {
     dataSource: (value === null || value === void 0 ? void 0 : value.showOrderInfo) || [],
-    columns: columns,
+    columns: columnMap[type] || [],
     rowSelection: rowSelection,
-    rowKey: "billNo",
+    rowKey: 'billNo',
     size: "small",
     pagination: false,
     scroll: {
-      x: "100%"
+      x: '100%'
     },
     locale: {
-      emptyText: "暂无数据"
+      emptyText: '暂无数据'
     }
   });
 };
@@ -738,33 +819,33 @@ export var MsgContent = function MsgContent(_ref14) {
     _ref14$options = _ref14.options,
     options = _ref14$options === void 0 ? [] : _ref14$options;
   var msgTypeCh = {
-    ding: "钉钉",
-    wechat: "微信",
-    qq: "QQ",
-    qywx: "企业微信"
+    ding: '钉钉',
+    wechat: '微信',
+    qq: 'QQ',
+    qywx: '企业微信'
   };
   var detailContent = function detailContent(item) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       style: {
-        textAlign: "left"
+        textAlign: 'left'
       }
     }, /*#__PURE__*/React.createElement("div", null, item.ruleName)));
   };
   return /*#__PURE__*/React.createElement(Space, {
-    direction: !horizontal ? "vertical" : "horizontal"
+    direction: !horizontal ? 'vertical' : 'horizontal'
   }, Array.isArray(list) ? (list || []).map(function (item, index) {
     var _options$find2;
     var color = ((_options$find2 = options.find(function (innerItem) {
       return item[valueKey] === innerItem.label;
-    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || "#000";
+    })) === null || _options$find2 === void 0 ? void 0 : _options$find2.color) || '#000';
     var currentOption = options.find(function (option) {
       return item[valueKey] === option.value;
     });
-    var key = item.msgType || "ding";
+    var key = item.msgType || 'ding';
     return /*#__PURE__*/React.createElement("div", {
       style: {
         color: color,
-        cursor: "pointer"
+        cursor: 'pointer'
       }
     }, /*#__PURE__*/React.createElement(Popover, {
       content: detailContent(item),
@@ -773,6 +854,6 @@ export var MsgContent = function MsgContent(_ref14) {
       }
     }, /*#__PURE__*/React.createElement("span", {
       key: index
-    }, msgTypeCh[key], "-", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || "")));
+    }, msgTypeCh[key], "-", currentOption ? currentOption.label : (item === null || item === void 0 ? void 0 : item[valueKey]) || '')));
   }) : null);
 };