@bit-sun/business-component 2.2.20 → 2.2.22

package/dist/index.js

@@ -15094,6 +15094,7 @@ function getStorageVale(storageKeyString) {
   return "";
 }
 
+var _excluded$5 = ["ctx", "value", "valueName", "onChange", "onChangeName", "placeholder", "remoteSource", "initialValue", "treeCheckable", "showSearch", "maxTagCount", "multiple", "isChoose", "mode", "getPopupContainer", "labelInValue", "showArrow", "allowClear", "showCheckedStrategy", "style", "getTreeData", "disabled"];
 var TreeSearchSelect = function TreeSearchSelect(props) {
   var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15126,13 +15127,14 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     _props$allowClear = props.allowClear,
     allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
     _props$showCheckedStr = props.showCheckedStrategy,
-    showCheckedStrategy = _props$showCheckedStr === void 0 ? antd.TreeSelect.SHOW_PARENT : _props$showCheckedStr,
+    showCheckedStrategy = _props$showCheckedStr === void 0 ? (props === null || props === void 0 ? void 0 : props.treeCheckStrictly) ? antd.TreeSelect.SHOW_ALL : antd.TreeSelect.SHOW_PARENT : _props$showCheckedStr,
     _props$style = props.style,
     style = _props$style === void 0 ? {
       width: '100%'
     } : _props$style,
     getTreeData = props.getTreeData,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    restProps = _objectWithoutProperties(props, _excluded$5);
   var url = remoteSource.url,
     _remoteSource$paramsK = remoteSource.paramsKey,
     paramsKey = _remoteSource$paramsK === void 0 ? 'qp-name-like' : _remoteSource$paramsK,
@@ -15173,7 +15175,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
             switch (_context.prev = _context.next) {
               case 0:
                 resData = (res === null || res === void 0 ? void 0 : res.data) || [];
-                if (!(resData.status === '0')) {
+                if (!(resData.status === '0' || resData.code === '000000')) {
                   _context.next = 13;
                   break;
                 }
@@ -15217,7 +15219,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   };
   var formatData = function formatData(value) {
     if (labelInValue) {
-      var formatResult = multiple ? value.map(function (i) {
+      var formatResult = multiple || treeCheckable ? value.map(function (i) {
         return _objectSpread2(_objectSpread2({}, i), {}, {
           key: i.value
         });
@@ -15226,9 +15228,9 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
       });
       return formatResult;
     } else {
-      var _formatResult = multiple ? value.map(function (i) {
+      var _formatResult = multiple || treeCheckable ? value.map(function (i) {
         return (i === null || i === void 0 ? void 0 : i.value) || i;
-      }) : ___default['default'].get(value[0], 'value') || value;
+      }) : ___default['default'].get(value === null || value === void 0 ? void 0 : value[0], 'value') || value;
       return _formatResult;
     }
   };
@@ -15275,7 +15277,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: 'tree_search_select'
-  }, /*#__PURE__*/React__default['default'].createElement(antd.TreeSelect, {
+  }, /*#__PURE__*/React__default['default'].createElement(antd.TreeSelect, _objectSpread2(_objectSpread2({}, restProps), {}, {
     treeCheckable: treeCheckable,
     maxTagCount: maxTagCount,
     showSearch: showSearch,
@@ -15301,7 +15303,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     getPopupContainer: function getPopupContainer() {
       return _getPopupContainer && _getPopupContainer() || document.body;
     }
-  }));
+  })));
 };
 
 var handleDefaultProps = function handleDefaultProps(type) {
@@ -15356,6 +15358,15 @@ var handleDefaultProps = function handleDefaultProps(type) {
         }
       };
       break;
+    case 'market-area':
+      result = {
+        isChoose: true,
+        remoteSource: {
+          url: "/channel-manage/tagNode/getTree/10",
+          resKeyValue: ['code', 'name']
+        }
+      };
+      break;
     default:
       result = {
         treeCheckable: true,
@@ -15392,7 +15403,7 @@ var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSele
   return true;
 });
 
-var css_248z$8 = ".form-status-label {\n  height: 48px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.form-status-label:last-child {\n  margin-right: 0px;\n}\n.form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #FFFFFF;\n  color: #FFFFFF;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: center;\n  margin: 0 6px 0 20px;\n}\n.status-label-key {\n  width: 50px;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n}\n.status-label-operate {\n  float: left;\n  width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 100%;\n  margin: 4px 0;\n}\n.status-label-operate > div {\n  font-size: 12px;\n  height: 20px;\n  line-height: 20px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n  font-size: 14px;\n  font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
+var css_248z$8 = ".form-status-label {\n  height: 38px;\n  margin-right: 7px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.choosed-status-label.form-status-label {\n  background-color: #68C900;\n}\n.form-status-label:last-child {\n  margin-right: 0px;\n}\n.form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -38px;\n  top: 0;\n  width: 38px;\n  height: 38px;\n  border: 19px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n  border-left: 12px solid #68C900;\n  z-index: 9;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #68C900;\n  z-index: 10;\n}\n.form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 38px;\n  height: 38px;\n  border: 19px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 38px;\n  height: 38px;\n  border: 19px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -38px;\n  top: 0;\n  width: 38px;\n  height: 38px;\n  border: 19px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n  z-index: 9;\n}\n.status-label-index {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  background: #FFFFFF;\n  color: #68C900;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  margin: 0 4px 0 20px;\n}\n.choosed-status-label-index {\n  border: 1px solid #FFFFFF;\n  color: #FFFFFF;\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  margin: 0 4px 0 20px;\n}\n.status-label-key {\n  width: 50px;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n}\n.status-label-operate {\n  float: left;\n  width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 100%;\n  margin: 4px 0;\n}\n.status-label-operate > div {\n  font-size: 10px;\n  height: 14px;\n  line-height: 14px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 300;\n}\n.status-label-operate > div:first-child {\n  font-size: 12px;\n  font-weight: 500;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$8);
 
 var index$2 = (function (props) {
@@ -15401,7 +15412,6 @@ var index$2 = (function (props) {
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       display: 'flex',
-      padding: '10px 60px 0px',
       background: '#FFFFFF'
     }
   }, formStatusMapping.map(function (item, index) {
@@ -15413,13 +15423,14 @@ var index$2 = (function (props) {
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'status-label-key'
     }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: 'status-label-index'
+      // className='status-label-index'
+      className: "".concat(item.isDone ? 'status-label-index' : 'choosed-status-label-index')
     }, index + 1)), /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'status-label-operate'
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: !item.isDone ? {
-        height: '40px',
-        lineHeight: '40px'
+        height: '30px',
+        lineHeight: '30px'
       } : {}
     }, item.text), item.isDone ? /*#__PURE__*/React__default['default'].createElement("div", {
       title: "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')
@@ -15433,16 +15444,16 @@ var index$2 = (function (props) {
 
 var label_icon_bottom = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3E%E7%BC%96%E7%BB%84%203%E5%A4%87%E4%BB%BD%204%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E5%8D%95%E6%8D%AE-%E8%AF%A6%E6%83%85%E9%A1%B5%EF%BC%88%E4%BA%8C%E7%BA%A7%E9%A1%B5%EF%BC%89-%E4%B8%8B%E6%8B%89%22%20transform%3D%22translate%28-1858.000000%2C%20-1326.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-20%22%20transform%3D%22translate%28280.000000%2C%20866.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%281554.000000%2C%20179.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-3%E5%A4%87%E4%BB%BD-4%22%20transform%3D%22translate%2824.000000%2C%20281.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20mask%3D%22url%28%23mask-2%29%22%20fill%3D%22%23B1BAD4%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%283.000000%2C%203.000000%29%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.99072727%2C0.237481917%20C6.50454545%2C-0.0418576482%206.56509091%2C-0.0745634228%206.97254545%2C0.138292264%20L7.15527271%2C0.236945765%20C7.31727271%2C0.445512161%207.34672726%2C0.483579531%207.3761818%2C0.664265595%20L7.39690908%2C0.809565049%20L7.39690908%2C17%20L5.76054545%2C17%20L5.76054545%2C2.73974241%20L1.15690909%2C7.26654448%20L0%2C6.12934831%20L5.99072727%2C0.237481917%20Z%20M13.0909091%2C13.6720525%20L13.0909091%2C15.2805337%20L9.81818182%2C15.2805337%20L9.81818182%2C13.6720525%20L13.0909091%2C13.6720525%20Z%20M14.7272727%2C9.91892987%20L14.7272727%2C11.527411%20L9.81818182%2C11.527411%20L9.81818182%2C9.91892987%20L14.7272727%2C9.91892987%20Z%20M16.3636364%2C6.16580723%20L16.3636364%2C7.77428836%20L9.81818182%2C7.77428836%20L9.81818182%2C6.16580723%20L16.3636364%2C6.16580723%20Z%20M18%2C2.41268459%20L18%2C4.02116572%20L9.81818182%2C4.02116572%20L9.81818182%2C2.41268459%20L18%2C2.41268459%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
-var arrow_top = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAuBJREFUaEPtl0urjlEUx3/HXUkpErkkJAYoGbhkJB2SW2IgBibKVL6Cz2BgQMqAXCKXiHIGBhiIDJEJyjXlfu2vtWp36nj2fvZ+HG/tXW/n7bz7Wft/WXut9fTR46uvx/FTCQy3g9WB6kCmAjWFMgXMfrw6kC1hZoDqQKaA2Y//Cwd0xq9spEME6JLACOCnnRt+L8qlKwIOeDT8GRi/Ap2Q6ILASOAHsAo4DEwGDgAnAP+tmAulCTjANcBpA6/812e3kRgFfC/FoCQBByblzxl4Tx399hnYA5wq6UQpAq78ClN+mqWR/q+llNL3T8BO4AJQxIkSBBz8cgM2FfgCjAXOAC+A/cA3QJf6vZG4UoJELgEHvww4C8wMgF40oB+BI8Bey30p/xbYDtzITaccAg5+CXAJmB4oL3UF8IMBVD84DuwK9rwCNgO3cki0JeDgF9uFnRMof83AK1VU+7VEYBxwDNgR7H0GbAVutyXRhoCDXwhcBmYHql4HtlmeD+7EKqW6A6pCm4JnRGI9cL8NiVQCDn6RKT/fuuwY4CawBXg3BBAnNAE4aaD9Yj+ydHqYSiKFgIOfByjH5wYqDlgqvGkYGZzERCu3a4MYIrEOeJxCIpaAT5RSXE1KDqhJSXldQqXE68iDXYhJwHlgdRDrgTnxxGaoxik2hoCrNgu4CiwIVBN4pc3LxGHNY04xQVYGMXUX+oHnMTFjCPjYouoiyzUSqKLcBTYY+DZd1Z1Q41NKLg1iq4dsjJmXmgh46owHngJSTOuOKa8KkjMmh+4qndRTtHSXZtjo8dcXoiYCCuYB1IQOAfeAfTYitFF+sLDuhMrxUXPioHXvxre5GALhgarjGszUmBqDx6SA7fFYEkSENEtFrRQCfoj+6uOvi1EHRWxyLKo80eKkEIjAUGRLNHjP7yKnDleQ/9GBJC0qgSS5OthcHehA1KSQ1YEkuTrYXB3oQNSkkNWBJLk62NzzDvwGGnWoMahVpG4AAAAASUVORK5CYII=";
+var arrow_top = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Earrow_icon_up%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%9B%B6%E5%94%AE%E3%80%90%E5%8D%95%E6%8D%AE%E8%AF%A6%E6%83%85%E3%80%91%E6%94%B9%E9%80%A0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-462.000000%2C%20-1828.000000%29%22%20id%3D%22%E7%BC%96%E7%BB%84-5%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28372.000000%2C%201534.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-2%22%20transform%3D%22translate%2810.000000%2C%20286.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-17%22%20transform%3D%22translate%2880.000000%2C%208.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22arrow_icon_up%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20transform%3D%22translate%282.500000%2C%202.500000%29%22%20fill%3D%22%23B6B6B6%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C0%20C11.6422059%2C0%2015%2C3.35779411%2015%2C7.5%20C15%2C11.6422059%2011.6422059%2C15%207.5%2C15%20C3.35779411%2C15%200%2C11.6422059%200%2C7.5%20C0%2C3.35779411%203.35779411%2C0%207.5%2C0%20Z%20M7.61029411%2C4.79955883%20L3.58632353%2C8.82352941%20L4.52205883%2C9.7592647%20L7.61029411%2C6.67102942%20L10.6985294%2C9.7592647%20L11.6342647%2C8.82352941%20L7.61029411%2C4.79955883%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
 
-var css_248z$9 = ".form-guide {\n  cursor: pointer;\n  position: fixed;\n  right: 5px;\n  color: #B1BAD4;\n  padding: 5px 0;\n  width: 48px;\n  z-index: 10;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: #141620;\n  border-radius: 5px;\n}\n.form-guide .form-guide-top {\n  padding: 0px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-center {\n  border-top: 1px solid #6E7588;\n  border-bottom: 1px solid #6E7588;\n  padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n  width: 28px;\n  padding: 5px 0;\n  display: block;\n  word-break: break-all;\n  color: #B1BAD4;\n  font-size: 14px;\n  line-height: 16px;\n  position: relative;\n}\n.form-guide .form-guide-item::after {\n  content: '';\n  display: block;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.form-guide .form-guide-bottom {\n  padding: 5px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n  content: '';\n  display: none;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n  background-color: #FFFFFF;\n  padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n  margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n  border: 0px;\n  padding: 0px;\n  height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n  padding: 12px 0 0;\n  margin-top: -4px;\n  background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  color: #000000;\n  font-weight: 600;\n  font-family: PingFangSC;\n  background-color: #FFFFFF;\n  padding: 8px 0;\n  margin: 0px;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n  display: inline-block;\n  width: 4px;\n  height: 100%;\n  background-color: #005CFF;\n  height: 20px;\n  margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n  display: none !important;\n}\n";
+var css_248z$9 = ".form-guide {\n  cursor: pointer;\n  position: fixed;\n  right: 5px;\n  color: #B1BAD4;\n  padding: 5px 0;\n  width: 48px;\n  z-index: 10;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: #141620;\n  border-radius: 5px;\n}\n.form-guide .form-guide-top {\n  padding: 0px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-center {\n  border-top: 1px solid #6E7588;\n  border-bottom: 1px solid #6E7588;\n  padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n  width: 28px;\n  padding: 5px 0;\n  display: block;\n  word-break: break-all;\n  color: #B1BAD4;\n  font-size: 14px;\n  line-height: 16px;\n  position: relative;\n}\n.form-guide .form-guide-item::after {\n  content: '';\n  display: block;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.form-guide .form-guide-bottom {\n  padding: 5px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n  content: '';\n  display: none;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n  background-color: #FFFFFF;\n  padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n  margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n  border: 0px;\n  padding: 0px;\n  height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n  padding: 12px 0 0;\n  margin-top: -4px;\n  background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  color: #000000;\n  font-weight: 600;\n  font-family: PingFangSC;\n  background-color: #FFFFFF;\n  padding: 8px 0;\n  margin: 0px;\n  border-bottom: 1px solid #F0F0F0;\n  border-radius: 4px 4px 0 0;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n  display: inline-block;\n  width: 4px;\n  height: 100%;\n  background-color: #005CFF;\n  height: 20px;\n  margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n  display: none !important;\n}\n";
 styleInject(css_248z$9);
 
-var _excluded$5 = ["children"],
+var _excluded$6 = ["children"],
   _excluded2$2 = ["children"];
 var Field = function Field(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   var _React$useState = React__default['default'].useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldGroupVisible = _React$useState2[0],
@@ -15458,10 +15469,10 @@ var Field = function Field(_ref) {
     className: 'title-left-line'
   }), /*#__PURE__*/React__default['default'].createElement("span", {
     style: {
-      marginRight: '5px'
+      marginRight: '4px'
     }
   }, props === null || props === void 0 ? void 0 : props.title), /*#__PURE__*/React__default['default'].createElement("img", {
-    width: 24,
+    width: 20,
     style: {
       transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
       cursor: 'pointer'
@@ -15577,7 +15588,7 @@ var ExportIcon = function ExportIcon(_ref) {
 var css_248z$a = ".sort_table_wrapper .sort_table {\n  display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n  width: 560px;\n  margin-right: 10px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n  width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n  margin-top: 10px;\n  width: 560px;\n  height: 430px;\n  overflow: auto;\n  padding: 10px;\n  background: #ffffff;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n  width: 538px;\n  line-height: 360px;\n  text-align: center;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n  margin-top: 40px;\n  width: 100px;\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #848484;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n  width: 144px;\n  margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n  margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n  margin-top: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n  padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n  height: 32px;\n  line-height: 32px;\n  padding-left: 10px;\n  color: gray;\n}\n.sort_table_wrapper div.ant-modal-header {\n  width: 820px;\n  height: 64px;\n  background: #ffffff;\n  padding: 20px;\n  border: 0px;\n}\n.sort_table_wrapper div.ant-modal-header div.ant-modal-title {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 24px;\n}\n.sort_table_wrapper .ant-modal-body {\n  padding: 0 20px !important;\n}\n.sort_table_wrapper .ant-modal-close-x {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n  padding: 0px;\n  padding-right: 10px;\n}\n.sort_table_wrapper input {\n  height: 32px;\n  padding: 6px 4px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n  width: 24px;\n  height: 24px;\n  margin: 4px;\n  display: flex;\n  justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n  height: 70px;\n  border: 0;\n  padding: 20px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n  width: 80px;\n  height: 34px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 20px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn:first-child {\n  margin-right: 524px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n  margin-top: 10px;\n  height: 364px;\n  overflow: scroll;\n  padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n  height: 36px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n  width: 24px !important;\n  height: 36px !important;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n  padding-left: 10px !important;\n  padding-right: 0px !important;\n  width: 115px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n  cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n  padding-left: 0px !important;\n  padding-right: 3px !important;\n  width: 34px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n  position: relative;\n  top: 1px;\n}\n.global_tab_nav_style {\n  top: 2px !important;\n}\n.row-dragging {\n  background: #fafafa;\n  border: 1px solid #ccc;\n  z-index: 10000;\n}\n.row-dragging td {\n  padding: 7px 16px;\n  display: none;\n}\n.row-dragging td:first-child {\n  display: inline-block;\n}\n.row-dragging .drag-visible {\n  visibility: visible;\n}\n";
 styleInject(css_248z$a);
 
-var _excluded$6 = ["className", "style"];
+var _excluded$7 = ["className", "style"];
 var Search$1 = antd.Input.Search;
 var DragHandle$1 = reactSortableHoc.SortableHandle(function () {
   return /*#__PURE__*/React__default['default'].createElement("img", {
@@ -15944,7 +15955,7 @@ var SortableTable = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$6);
+        restProps = _objectWithoutProperties(_ref2, _excluded$7);
       var sortDataSource = _this.state.sortDataSource;
       // function findIndex base on Table rowKey props and should always be a right array index
       var index = sortDataSource.findIndex(function (x) {
@@ -16211,7 +16222,7 @@ var SortableTable = /*#__PURE__*/function (_React$Component) {
   return SortableTable;
 }(React__default['default'].Component);
 
-var _excluded$7 = ["onResize", "width"],
+var _excluded$8 = ["onResize", "width"],
   _excluded2$3 = ["style", "columns", "tableCode", "summary", "dynamicColumns", "scroll"];
 var Text = antd.Typography.Text;
 var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
@@ -16324,7 +16335,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
     _this.ResizeableTitle = function (props) {
       var onResize = props.onResize,
         width = props.width,
-        restProps = _objectWithoutProperties(props, _excluded$7);
+        restProps = _objectWithoutProperties(props, _excluded$8);
       if (!width) {
         return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread2({}, restProps));
       }
@@ -16456,7 +16467,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
   return ColumnSettingSulaTable;
 }(React__default['default'].Component);
 
-var _excluded$8 = ["onResize", "width"],
+var _excluded$9 = ["onResize", "width"],
   _excluded2$4 = ["columns", "tableCode", "summary", "dynamicColumns", "scroll"];
 var Text$1 = antd.Typography.Text;
 var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
@@ -16568,7 +16579,7 @@ var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
     _this.ResizeableTitle = function (props) {
       var onResize = props.onResize,
         width = props.width,
-        restProps = _objectWithoutProperties(props, _excluded$8);
+        restProps = _objectWithoutProperties(props, _excluded$9);
       if (!width) {
         return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread2({}, restProps));
       }
@@ -16778,12 +16789,12 @@ var moreIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D
 var css_248z$c = "";
 styleInject(css_248z$c);
 
-var _excluded$9 = ["message", "type"];
+var _excluded$a = ["message", "type"];
 var CommonAlert = (function (props) {
   var message = props.message,
     _props$type = props.type,
     type = _props$type === void 0 ? 'info' : _props$type,
-    reset = _objectWithoutProperties(props, _excluded$9);
+    reset = _objectWithoutProperties(props, _excluded$a);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       width: '100%',
@@ -16804,7 +16815,7 @@ var CommonAlert = (function (props) {
   }, reset)));
 });
 
-var _excluded$a = ["children"];
+var _excluded$b = ["children"];
 var iconMap = {
   edit: /*#__PURE__*/React__default['default'].createElement("img", {
     src: editIcon
@@ -16826,7 +16837,7 @@ var index$3 = (function (props) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$a);
+    restProps = _objectWithoutProperties(props, _excluded$b);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: id,
     className: 'detail_page_wrapper'
@@ -17035,7 +17046,7 @@ var DetailWrapper = /*#__PURE__*/React__default['default'].memo(function (_ref)
 var css_248z$d = ".home_page_head {\n  height: 54px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #f0f0f0;\n  padding: 0 20px;\n}\n.home_page_head .home_page_title {\n  height: 20px;\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 16px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 20px;\n  flex-grow: 1;\n  margin-top: 2px;\n}\n.home_page_head .ant-breadcrumb {\n  display: block !important;\n}\n.home_page_head .ant-breadcrumb .ant-breadcrumb-separator {\n  margin: 0 2px;\n}\n.home_page_head .ant-breadcrumb li .bread_name {\n  color: #8A8F8D;\n  font-size: 12px;\n  line-height: 16px;\n  cursor: pointer;\n}\n";
 styleInject(css_248z$d);
 
-var _excluded$b = ["children"];
+var _excluded$c = ["children"];
 var index$4 = (function (props) {
   var _useLocation = umi.useLocation(),
     pathname = _useLocation.pathname;
@@ -17043,7 +17054,7 @@ var index$4 = (function (props) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$b);
+    restProps = _objectWithoutProperties(props, _excluded$c);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: id,
     className: 'home_page_wrapper'
@@ -17146,7 +17157,7 @@ var HeaderWrapper = /*#__PURE__*/React__default['default'].memo(function (_ref)
 var css_248z$e = ".sort_table_wrapper .sort_table {\n  display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n  width: 560px;\n  margin-right: 10px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n  width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n  margin-top: 10px;\n  width: 560px;\n  height: 430px;\n  overflow: auto;\n  padding: 10px;\n  background: #ffffff;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n  width: 538px;\n  line-height: 360px;\n  text-align: center;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n  margin-top: 40px;\n  width: 100px;\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #848484;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n  width: 144px;\n  margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n  margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n  margin-top: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n  padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n  height: 32px;\n  line-height: 32px;\n  padding-left: 10px;\n  color: gray;\n}\n.sort_table_wrapper div.ant-modal-header {\n  width: 820px;\n  height: 64px;\n  background: #ffffff;\n  padding: 20px;\n  border: 0px;\n}\n.sort_table_wrapper div.ant-modal-header div.ant-modal-title {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 24px;\n}\n.sort_table_wrapper .ant-modal-body {\n  padding: 0 20px !important;\n}\n.sort_table_wrapper .ant-modal-close-x {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n  padding: 0px;\n  padding-right: 10px;\n}\n.sort_table_wrapper input {\n  height: 32px;\n  padding: 6px 4px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n  width: 24px;\n  height: 24px;\n  margin: 4px;\n  display: flex;\n  justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n  height: 70px;\n  border: 0;\n  padding: 20px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n  width: 80px;\n  height: 34px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 20px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn:first-child {\n  margin-right: 524px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n  margin-top: 10px;\n  height: 364px;\n  overflow: scroll;\n  padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n  height: 36px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n  width: 24px !important;\n  height: 36px !important;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 14px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n  padding-left: 10px !important;\n  padding-right: 0px !important;\n  width: 115px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n  cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n  padding-left: 0px !important;\n  padding-right: 3px !important;\n  width: 34px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n  position: relative;\n  top: 1px;\n}\n";
 styleInject(css_248z$e);
 
-var _excluded$c = ["className", "style"];
+var _excluded$d = ["className", "style"];
 var DragHandle$2 = reactSortableHoc.SortableHandle(function () {
   return /*#__PURE__*/React__default['default'].createElement("img", {
     src: drag
@@ -17533,7 +17544,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$c);
+        restProps = _objectWithoutProperties(_ref2, _excluded$d);
       var sortDataSource = _this.state.sortDataSource;
       // function findIndex base on Table rowKey props and should always be a right array index
       var index = sortDataSource.findIndex(function (x) {
@@ -17838,7 +17849,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
   return SortableTable;
 }(React__default['default'].Component);
 
-var _excluded$d = ["className", "style"];
+var _excluded$e = ["className", "style"];
 var DragHandle$3 = reactSortableHoc.SortableHandle(function () {
   return /*#__PURE__*/React__default['default'].createElement("img", {
     src: drag
@@ -18068,7 +18079,7 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$d);
+        restProps = _objectWithoutProperties(_ref2, _excluded$e);
       var sortDataSource = _this.state.sortDataSource;
       var index = sortDataSource.findIndex(function (x) {
         return x.name === restProps['data-row-key'];
@@ -18311,12 +18322,12 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
   return SearchItemTable;
 }(React__default['default'].Component);
 
-var _excluded$e = ["onResize", "width"];
+var _excluded$f = ["onResize", "width"];
 var MemoQueryTable = /*#__PURE__*/React__default['default'].memo(bssula.QueryTable);
 var ResizeableTitle$2 = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$e);
+    restProps = _objectWithoutProperties(props, _excluded$f);
   if (!width) {
     return /*#__PURE__*/React__default['default'].createElement("th", _objectSpread2({}, restProps));
   }
@@ -20809,7 +20820,7 @@ var CustomerMenuHeader = function CustomerMenuHeader(_ref) {
 var css_248z$m = ".customer_menu_content {\n  color: #b1bad4;\n  background: #141620;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  height: 40px;\n  border-bottom: 1px solid #3d4047;\n}\n.customer_menu_content .ant-btn-link {\n  color: #b1bad4 !important;\n  font-size: 16px;\n  height: 36px;\n}\n.menu_item {\n  line-height: 30px;\n  height: 30px;\n  color: rgba(44, 47, 46);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.link_style:hover {\n  background-color: #e4e7ed;\n  cursor: pointer;\n  color: #1890ff;\n}\n.sub_menu_content {\n  box-shadow: 2px 0px 4px 0px rgba(185, 185, 185, 0.5);\n  position: fixed;\n  top: 50px;\n  left: 140px;\n  width: 200px;\n  height: 100%;\n  background-color: #fff;\n  padding-top: 10px;\n  z-index: 9999;\n}\n.tab_left_operate {\n  display: flex;\n  height: 28px;\n  align-items: center;\n}\n.tab_left_operate > div {\n  width: 28px;\n  font-size: 12px;\n  color: #2C2F2ECC;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-right: 1px solid #E4E4E4;\n  background-color: #fff;\n  cursor: pointer;\n}\n.tab_left_operate > div:last-child {\n  box-shadow: 2px -2px 4px 0px rgba(185, 185, 185, 0.9);\n  z-index: 99;\n}\n.tab_right_operate {\n  height: 28px;\n  width: 28px;\n  font-size: 12px;\n  color: #2C2F2ECC;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-right: 1px solid #E4E4E4;\n  background-color: #fff;\n  box-shadow: -2px -2px 4px 0px rgba(185, 185, 185, 0.9);\n  z-index: 99;\n  cursor: pointer;\n  position: relative;\n}\n";
 styleInject(css_248z$m);
 
-var _excluded$f = ["route"];
+var _excluded$g = ["route"];
 var TabPane = antd.Tabs.TabPane;
 var UN_LISTTEN_DRP;
 var routerArray = [];
@@ -21625,7 +21636,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }); // 添加数据大屏
       var _this$props3 = this.props,
         route = _this$props3.route,
-        restPrpos = _objectWithoutProperties(_this$props3, _excluded$f);
+        restPrpos = _objectWithoutProperties(_this$props3, _excluded$g);
       var exist = route.routes.find(function (route) {
         return route.path === '/homePage/data-show';
       });
@@ -22474,10 +22485,10 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }))))));
 });
 
-var _excluded$g = ["children"];
+var _excluded$h = ["children"];
 var Drawer = (function (props) {
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$g);
+    restProps = _objectWithoutProperties(props, _excluded$h);
   return /*#__PURE__*/React__default['default'].createElement(antd.Drawer, _objectSpread2({
     mask: true,
     closable: false,
@@ -29249,6 +29260,20 @@ var inputTypes = {
     310: {
       type: 'bs-deliveryModeSearchSelect',
       props: _objectSpread2({}, normalSingleSelectProps)
+    },
+    340: {
+      type: 'bs-RuleTemplateSearchSelect',
+      props: _objectSpread2(_objectSpread2({}, normalMultipleSelectProps), {}, {
+        requestConfig: {
+          filter: 'qp-name,code-orGroup-in'
+        }
+      })
+    },
+    350: {
+      type: 'bs-marketAreaOrgSelect',
+      props: _objectSpread2({
+        treeCheckable: false
+      }, normalSingleSelectProps)
     }
   },
   30: {
@@ -29385,6 +29410,20 @@ var inputTypes = {
           filter: 'qp-name,code-orGroup,in'
         }
       })
+    },
+    340: {
+      type: 'bs-RuleTemplateSearchSelect',
+      props: _objectSpread2(_objectSpread2({}, normalMultipleSelectProps), {}, {
+        requestConfig: {
+          filter: 'qp-name,code-orGroup-in'
+        }
+      })
+    },
+    350: {
+      type: 'bs-marketAreaOrgSelect',
+      props: _objectSpread2({
+        treeCheckable: false
+      }, normalSingleSelectProps)
     }
   }
 };
@@ -29413,7 +29452,9 @@ var choiceType = Object.freeze({
   270: '员工选择器',
   280: '库存组织选择器',
   310: '配送方式选择器',
-  330: '变量'
+  330: '变量',
+  340: '规则场景选择器',
+  350: '营销区域选择器'
 });
 var inputType = {
   10: '输入',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "2.2.20",
+  "version": "2.2.22",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/assets/arrow_top.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>arrow_icon_up</title>
+    <g id="零售【单据详情】改造" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-462.000000, -1828.000000)" id="编组-5">
+            <g transform="translate(372.000000, 1534.000000)">
+                <g id="编组-2" transform="translate(10.000000, 286.000000)">
+                    <g id="编组-17" transform="translate(80.000000, 8.000000)">
+                        <rect id="arrow_icon_up" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                        <g id="编组" transform="translate(2.500000, 2.500000)" fill="#B6B6B6" fill-rule="nonzero">
+                            <path d="M7.5,0 C11.6422059,0 15,3.35779411 15,7.5 C15,11.6422059 11.6422059,15 7.5,15 C3.35779411,15 0,11.6422059 0,7.5 C0,3.35779411 3.35779411,0 7.5,0 Z M7.61029411,4.79955883 L3.58632353,8.82352941 L4.52205883,9.7592647 L7.61029411,6.67102942 L10.6985294,9.7592647 L11.6342647,8.82352941 L7.61029411,4.79955883 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/Business/CommonGuideWrapper/index.less

@@ -87,13 +87,15 @@
   .ant-card-head-title {
     display: flex;
     align-items: center;
-    font-size: 16px;
+    font-size: 14px;
     color: #000000;
     font-weight: 600;
     font-family: PingFangSC;
     background-color: #FFFFFF;
     padding: 8px 0;
     margin: 0px;
+    border-bottom: 1px solid #F0F0F0;
+    border-radius: 4px 4px 0 0;
     .title-left-line {
       display: inline-block;
       width: 4px;

package/src/components/Business/CommonGuideWrapper/index.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import dragImg from '../../../assets/drag.svg';
 import label_icon_bottom from '../../../assets/label_icon_bottom.svg';
-import arrow_top from '../../../assets/arrow_top.png';
+import arrow_top from '../../../assets/arrow_top.svg';
 import './index.less';
 
 const Field = ({ children, ...props }: any) => {
@@ -19,11 +19,11 @@ const Field = ({ children, ...props }: any) => {
       <div className="ant-card-head">
         <div className="ant-card-head-title">
           <span className='title-left-line'></span>
-          <span style={{ marginRight: '5px' }}>
+          <span style={{ marginRight: '4px' }}>
             {props?.title}
           </span>
           <img
-            width={24}
+            width={20}
             style={{
               transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
               cursor: 'pointer'

package/src/components/Business/JsonQueryTable/static.ts

@@ -145,6 +145,22 @@ export const inputTypes:any = {
         ...normalSingleSelectProps,
       },
     },
+    340: {
+      type: 'bs-RuleTemplateSearchSelect',
+      props: {
+        ...normalMultipleSelectProps,
+        requestConfig: {
+          filter: 'qp-name,code-orGroup-in',
+        },
+      },
+    },
+    350: {
+      type: 'bs-marketAreaOrgSelect',
+      props: {
+        treeCheckable: false,
+        ...normalSingleSelectProps,
+      },
+    },
   },
   30: {
     10: {
@@ -295,6 +311,22 @@ export const inputTypes:any = {
         },
       },
     },
+    340: {
+      type: 'bs-RuleTemplateSearchSelect',
+      props: {
+        ...normalMultipleSelectProps,
+        requestConfig: {
+          filter: 'qp-name,code-orGroup-in',
+        },
+      },
+    },
+    350: {
+      type: 'bs-marketAreaOrgSelect',
+      props: {
+        treeCheckable: false,
+        ...normalSingleSelectProps,
+      },
+    },
   },
 };
 
@@ -332,7 +364,9 @@ export const choiceType = Object.freeze({
   280: '库存组织选择器',
 
   310: '配送方式选择器',
-  330: '变量'
+  330: '变量',
+  340: '规则场景选择器',
+  350: '营销区域选择器',
 });
 export const inputType:any ={
   10: '输入',