@bit-sun/business-component 1.1.18 → 1.1.21

package/dist/index.esm.js

@@ -1647,7 +1647,7 @@ var itemsTemp = []; // const mapping = [
 //   { "key": "price", "name": "单价", "rule": "price" }
 // ]
 
-var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotnumberCode', '批号']]); // for dnd
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotNumberCode', '批号']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1947,7 +1947,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
       }).map(function (item) {
         var obj = {};
         item.slice(0, itemsTemp.length).map(function (innerItem, index) {
-          obj[_this.state.items[index].code] = innerItem && innerItem.v;
+          obj[_this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.v : innerItem.m);
         });
         return obj;
       });
@@ -1982,6 +1982,17 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         sheetData.map(function (item, index) {
           if (!res[index]) return item;
 
+          var changeVMIndex = _this.props.columns.findIndex(function (i) {
+            return i === 'skuCode';
+          });
+
+          if (_this.props.columns.find(function (i) {
+            return i === 'skuCode';
+          }) && item[changeVMIndex].v !== res[index].skuCode) {
+            item[changeVMIndex].v = res[index].skuCode;
+            item[changeVMIndex].m = res[index].skuCode;
+          }
+
           if (res[index].flag) {
             item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
               v: '通过',
@@ -2438,7 +2449,8 @@ var SearchSelect = function SearchSelect(props) {
       _props$labelInValue = props.labelInValue,
       labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
       requestConfig = props.requestConfig,
-      ctx = props.ctx;
+      ctx = props.ctx,
+      sourceName = props.sourceName;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -2450,10 +2462,9 @@ var SearchSelect = function SearchSelect(props) {
       mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
       mappingTextShowKeyField = _ref.mappingTextShowKeyField,
       _ref$mappingValueFiel = _ref.mappingValueField,
-      mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
-      _ref$sourceName = _ref.sourceName,
-      sourceName = _ref$sourceName === void 0 ? 'supplierCode' : _ref$sourceName;
+      mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel;
 
+  var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
 
   var initVal = value || (selectMode ? [] : null);
@@ -2509,6 +2520,11 @@ var SearchSelect = function SearchSelect(props) {
       popvalue = _useState14[0],
       setPopValue = _useState14[1];
 
+  var _useState15 = useState(sourceName),
+      _useState16 = _slicedToArray(_useState15, 2),
+      uniqueValue = _useState16[0],
+      setUniqueValue = _useState16[1];
+
   var _useDebounceFn = useDebounceFn(function (v) {
     // 优化搜索参数 支持传多个
     var searchParams = {};
@@ -2535,51 +2551,51 @@ var SearchSelect = function SearchSelect(props) {
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
-  var _useState15 = useState(true),
-      _useState16 = _slicedToArray(_useState15, 2),
-      caretLeftFlag = _useState16[0],
-      setCaretLeftFlag = _useState16[1];
-
-  var _useState17 = useState([]),
+  var _useState17 = useState(true),
       _useState18 = _slicedToArray(_useState17, 2),
-      tableData = _useState18[0],
-      setTableData = _useState18[1];
+      caretLeftFlag = _useState18[0],
+      setCaretLeftFlag = _useState18[1];
+
+  var _useState19 = useState([]),
+      _useState20 = _slicedToArray(_useState19, 2),
+      tableData = _useState20[0],
+      setTableData = _useState20[1];
 
-  var _useState19 = useState({
+  var _useState21 = useState({
     showQuickJumper: true,
     total: 0,
     current: 1,
     pageSize: tableInitPageSize
   }),
-      _useState20 = _slicedToArray(_useState19, 2),
-      tablePagination = _useState20[0],
-      setTablePagination = _useState20[1];
-
-  var _useState21 = useState([]),
       _useState22 = _slicedToArray(_useState21, 2),
-      selectedRowKeys = _useState22[0],
-      setSelectedRowKeys = _useState22[1];
+      tablePagination = _useState22[0],
+      setTablePagination = _useState22[1];
 
   var _useState23 = useState([]),
       _useState24 = _slicedToArray(_useState23, 2),
-      doubleArr = _useState24[0],
-      setDoubleArr = _useState24[1]; // 存放双数组的数组
+      selectedRowKeys = _useState24[0],
+      setSelectedRowKeys = _useState24[1];
 
-
-  var _useState25 = useState(false),
+  var _useState25 = useState([]),
       _useState26 = _slicedToArray(_useState25, 2),
-      checkedAll = _useState26[0],
-      setCheckedAll = _useState26[1];
+      doubleArr = _useState26[0],
+      setDoubleArr = _useState26[1]; // 存放双数组的数组
+
 
   var _useState27 = useState(false),
       _useState28 = _slicedToArray(_useState27, 2),
-      indeterminate = _useState28[0],
-      setIndeterminate = _useState28[1];
+      checkedAll = _useState28[0],
+      setCheckedAll = _useState28[1];
 
-  var _useState29 = useState({}),
+  var _useState29 = useState(false),
       _useState30 = _slicedToArray(_useState29, 2),
-      tableFormParams = _useState30[0],
-      setTableFormParams = _useState30[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      indeterminate = _useState30[0],
+      setIndeterminate = _useState30[1];
+
+  var _useState31 = useState({}),
+      _useState32 = _slicedToArray(_useState31, 2),
+      tableFormParams = _useState32[0],
+      setTableFormParams = _useState32[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
 
 
   var getData = function getData() {
@@ -2646,7 +2662,7 @@ var SearchSelect = function SearchSelect(props) {
       if (type === 1) {
         var _ctx$form;
 
-        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(sourceName, source);
+        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(resultSourceKey, source);
         setItems(source);
         setItemsTotal(Number(res === null || res === void 0 ? void 0 : res.total));
       } else {
@@ -2689,6 +2705,9 @@ var SearchSelect = function SearchSelect(props) {
       onChange(value);
     }
   }, [value]);
+  useEffect(function () {
+    makeUniqueValue();
+  }, [sourceName]);
 
   var showModal = function showModal() {
     getData({
@@ -2738,7 +2757,7 @@ var SearchSelect = function SearchSelect(props) {
 
       var source = _.uniqBy(items.concat(popvalue), 'value');
 
-      ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(sourceName, source);
+      ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
       setItems(source);
     }
 
@@ -2895,6 +2914,13 @@ var SearchSelect = function SearchSelect(props) {
     setPopValue(filterRows);
     setIndeterminate(!!filterRows.length && filterRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
     setCheckedAll(filterRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
+  }; // 生成唯一值
+
+
+  var makeUniqueValue = function makeUniqueValue() {
+    var generateUnitKey = ((1 + Math.random()) * 0x10000 | 0).toString(16);
+    setUniqueValue(generateUnitKey);
+    return generateUnitKey;
   };
 
   var rowSelection = {
@@ -2982,7 +3008,7 @@ var SearchSelect = function SearchSelect(props) {
     className: 'search_select'
   }, /*#__PURE__*/React.createElement("div", {
     className: "search_select_show",
-    id: 'search_select_div'
+    id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
     virtual: true,
     labelInValue: labelInValue,
@@ -3028,7 +3054,7 @@ var SearchSelect = function SearchSelect(props) {
     onPopupScroll: SelectScroll
   }, currentSelectProps), {}, {
     getPopupContainer: function getPopupContainer() {
-      return document.getElementById('search_select_div');
+      return document.getElementById("search_select_div_".concat(uniqueValue));
     },
     style: {
       width: 'calc(100% - 30px)'

package/dist/index.js

@@ -1658,7 +1658,7 @@ var itemsTemp = []; // const mapping = [
 //   { "key": "price", "name": "单价", "rule": "price" }
 // ]
 
-var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotnumberCode', '批号']]); // for dnd
+var mapping = new Map([['skuCode', 'SKU编码'], ['quantity', '数量'], ['price', '单价'], ['regionCode', '库区'], ['checkQuantity', '实盘数量'], ['shareRatio', '共享比例'], ['lotNumberCode', '批号']]); // for dnd
 
 
 var reorder = function reorder(list, startIndex, endIndex) {
@@ -1958,7 +1958,7 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
       }).map(function (item) {
         var obj = {};
         item.slice(0, itemsTemp.length).map(function (innerItem, index) {
-          obj[_this.state.items[index].code] = innerItem && innerItem.v;
+          obj[_this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.v : innerItem.m);
         });
         return obj;
       });
@@ -1993,6 +1993,17 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         sheetData.map(function (item, index) {
           if (!res[index]) return item;
 
+          var changeVMIndex = _this.props.columns.findIndex(function (i) {
+            return i === 'skuCode';
+          });
+
+          if (_this.props.columns.find(function (i) {
+            return i === 'skuCode';
+          }) && item[changeVMIndex].v !== res[index].skuCode) {
+            item[changeVMIndex].v = res[index].skuCode;
+            item[changeVMIndex].m = res[index].skuCode;
+          }
+
           if (res[index].flag) {
             item[validIndex] = _objectSpread2(_objectSpread2({}, item[validIndex]), {}, {
               v: '通过',
@@ -2449,7 +2460,8 @@ var SearchSelect = function SearchSelect(props) {
       _props$labelInValue = props.labelInValue,
       labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
       requestConfig = props.requestConfig,
-      ctx = props.ctx;
+      ctx = props.ctx,
+      sourceName = props.sourceName;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -2461,10 +2473,9 @@ var SearchSelect = function SearchSelect(props) {
       mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
       mappingTextShowKeyField = _ref.mappingTextShowKeyField,
       _ref$mappingValueFiel = _ref.mappingValueField,
-      mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
-      _ref$sourceName = _ref.sourceName,
-      sourceName = _ref$sourceName === void 0 ? 'supplierCode' : _ref$sourceName;
+      mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel;
 
+  var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
 
   var initVal = value || (selectMode ? [] : null);
@@ -2520,6 +2531,11 @@ var SearchSelect = function SearchSelect(props) {
       popvalue = _useState14[0],
       setPopValue = _useState14[1];
 
+  var _useState15 = React.useState(sourceName),
+      _useState16 = _slicedToArray(_useState15, 2),
+      uniqueValue = _useState16[0],
+      setUniqueValue = _useState16[1];
+
   var _useDebounceFn = ahooks.useDebounceFn(function (v) {
     // 优化搜索参数 支持传多个
     var searchParams = {};
@@ -2546,51 +2562,51 @@ var SearchSelect = function SearchSelect(props) {
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
-  var _useState15 = React.useState(true),
-      _useState16 = _slicedToArray(_useState15, 2),
-      caretLeftFlag = _useState16[0],
-      setCaretLeftFlag = _useState16[1];
-
-  var _useState17 = React.useState([]),
+  var _useState17 = React.useState(true),
       _useState18 = _slicedToArray(_useState17, 2),
-      tableData = _useState18[0],
-      setTableData = _useState18[1];
+      caretLeftFlag = _useState18[0],
+      setCaretLeftFlag = _useState18[1];
+
+  var _useState19 = React.useState([]),
+      _useState20 = _slicedToArray(_useState19, 2),
+      tableData = _useState20[0],
+      setTableData = _useState20[1];
 
-  var _useState19 = React.useState({
+  var _useState21 = React.useState({
     showQuickJumper: true,
     total: 0,
     current: 1,
     pageSize: tableInitPageSize
   }),
-      _useState20 = _slicedToArray(_useState19, 2),
-      tablePagination = _useState20[0],
-      setTablePagination = _useState20[1];
-
-  var _useState21 = React.useState([]),
       _useState22 = _slicedToArray(_useState21, 2),
-      selectedRowKeys = _useState22[0],
-      setSelectedRowKeys = _useState22[1];
+      tablePagination = _useState22[0],
+      setTablePagination = _useState22[1];
 
   var _useState23 = React.useState([]),
       _useState24 = _slicedToArray(_useState23, 2),
-      doubleArr = _useState24[0],
-      setDoubleArr = _useState24[1]; // 存放双数组的数组
+      selectedRowKeys = _useState24[0],
+      setSelectedRowKeys = _useState24[1];
 
-
-  var _useState25 = React.useState(false),
+  var _useState25 = React.useState([]),
       _useState26 = _slicedToArray(_useState25, 2),
-      checkedAll = _useState26[0],
-      setCheckedAll = _useState26[1];
+      doubleArr = _useState26[0],
+      setDoubleArr = _useState26[1]; // 存放双数组的数组
+
 
   var _useState27 = React.useState(false),
       _useState28 = _slicedToArray(_useState27, 2),
-      indeterminate = _useState28[0],
-      setIndeterminate = _useState28[1];
+      checkedAll = _useState28[0],
+      setCheckedAll = _useState28[1];
 
-  var _useState29 = React.useState({}),
+  var _useState29 = React.useState(false),
       _useState30 = _slicedToArray(_useState29, 2),
-      tableFormParams = _useState30[0],
-      setTableFormParams = _useState30[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      indeterminate = _useState30[0],
+      setIndeterminate = _useState30[1];
+
+  var _useState31 = React.useState({}),
+      _useState32 = _slicedToArray(_useState31, 2),
+      tableFormParams = _useState32[0],
+      setTableFormParams = _useState32[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
 
 
   var getData = function getData() {
@@ -2657,7 +2673,7 @@ var SearchSelect = function SearchSelect(props) {
       if (type === 1) {
         var _ctx$form;
 
-        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(sourceName, source);
+        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(resultSourceKey, source);
         setItems(source);
         setItemsTotal(Number(res === null || res === void 0 ? void 0 : res.total));
       } else {
@@ -2700,6 +2716,9 @@ var SearchSelect = function SearchSelect(props) {
       onChange(value);
     }
   }, [value]);
+  React.useEffect(function () {
+    makeUniqueValue();
+  }, [sourceName]);
 
   var showModal = function showModal() {
     getData({
@@ -2749,7 +2768,7 @@ var SearchSelect = function SearchSelect(props) {
 
       var source = ___default['default'].uniqBy(items.concat(popvalue), 'value');
 
-      ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(sourceName, source);
+      ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
       setItems(source);
     }
 
@@ -2906,6 +2925,13 @@ var SearchSelect = function SearchSelect(props) {
     setPopValue(filterRows);
     setIndeterminate(!!filterRows.length && filterRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
     setCheckedAll(filterRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
+  }; // 生成唯一值
+
+
+  var makeUniqueValue = function makeUniqueValue() {
+    var generateUnitKey = ((1 + Math.random()) * 0x10000 | 0).toString(16);
+    setUniqueValue(generateUnitKey);
+    return generateUnitKey;
   };
 
   var rowSelection = {
@@ -2993,7 +3019,7 @@ var SearchSelect = function SearchSelect(props) {
     className: 'search_select'
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "search_select_show",
-    id: 'search_select_div'
+    id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({
     virtual: true,
     labelInValue: labelInValue,
@@ -3039,7 +3065,7 @@ var SearchSelect = function SearchSelect(props) {
     onPopupScroll: SelectScroll
   }, currentSelectProps), {}, {
     getPopupContainer: function getPopupContainer() {
-      return document.getElementById('search_select_div');
+      return document.getElementById("search_select_div_".concat(uniqueValue));
     },
     style: {
       width: 'calc(100% - 30px)'

package/package.json

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

package/src/components/DataValidation/index.tsx

@@ -46,7 +46,7 @@ const mapping = new Map([
   ['regionCode', '库区'],
   ['checkQuantity', '实盘数量'],
   ['shareRatio', '共享比例'],
-  ['lotnumberCode', '批号'],
+  ['lotNumberCode', '批号'],
 ]);
 
 // for dnd
@@ -379,7 +379,7 @@ class DataValidation extends React.Component {
         let obj = {};
 
         item.slice(0, itemsTemp.length).map((innerItem, index) => {
-          obj[this.state.items[index].code] = innerItem && innerItem.v;
+          obj[this.state.items[index].code] = innerItem && (innerItem.v === innerItem.m ? innerItem.v : innerItem.m);
         });
 
         return obj;
@@ -414,6 +414,12 @@ class DataValidation extends React.Component {
         sheetData.map((item, index) => {
           if (!res[index]) return item;
 
+          const changeVMIndex = this.props.columns.findIndex(i => i === 'skuCode');
+          if(this.props.columns.find(i => i === 'skuCode') && item[changeVMIndex].v !== res[index].skuCode) {
+            item[changeVMIndex].v = res[index].skuCode;
+            item[changeVMIndex].m = res[index].skuCode;
+          }
+
           if (res[index].flag) {
             item[validIndex] = {
               ...item[validIndex],

package/src/components/SearchSelect/index.tsx

@@ -19,8 +19,10 @@ const SearchSelect = (props: any) => {
     labelInValue=false,
     requestConfig,
     ctx,
+    sourceName,
   } = props;
-  const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingTextShowKeyField,mappingValueField='code', sourceName='supplierCode' } = requestConfig || {};
+  const { url, otherParams, isMap, fixedparameter, fieldValToParam, mappingTextField='name', mappingTextShowKeyField,mappingValueField='code' } = requestConfig || {};
+  const resultSourceKey = sourceName || requestConfig?.sourceName || 'supplierCode'
 
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
   const initVal = value || (selectMode ? [] : null);
@@ -46,6 +48,7 @@ const SearchSelect = (props: any) => {
   const [searchValue, setSearchValue] = useState('');
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [popvalue, setPopValue] = useState(initVal);
+  const [uniqueValue, setUniqueValue] = useState(sourceName)
   const { run } = useDebounceFn(
     (v?: any) => {
       // 优化搜索参数 支持传多个
@@ -144,7 +147,7 @@ const SearchSelect = (props: any) => {
         }
         source = Array.isArray(source) ? source : []
         if(type === 1) {
-          ctx?.form?.setFieldSource(sourceName, source)
+          ctx?.form?.setFieldSource(resultSourceKey, source)
           setItems(source)
           setItemsTotal(Number(res?.total))
         } else {
@@ -181,6 +184,10 @@ const SearchSelect = (props: any) => {
     }
   }, [value]);
 
+  useEffect(() => {
+    makeUniqueValue();
+  }, [sourceName])
+
   const showModal = () => {
     getData({ pageSize: tableInitPageSize, currentPage: 1 }, 2)
     setIsModalVisible(true);
@@ -207,7 +214,7 @@ const SearchSelect = (props: any) => {
       formaData(popvalue);
       // 解决选择最后1页的sku，返回后，不显示名称问题
       const source = _.uniqBy(items.concat(popvalue), 'value')
-      ctx?.form?.setFieldSource(sourceName, source)
+      ctx?.form?.setFieldSource(resultSourceKey, source)
       setItems(source)
     }
     handleCancel();
@@ -341,6 +348,13 @@ const SearchSelect = (props: any) => {
     setCheckedAll(filterRows.length === tablePagination?.total);
   }
 
+  // 生成唯一值
+  const makeUniqueValue = () => {
+    const generateUnitKey = (((1+Math.random())*0x10000)|0).toString(16);
+    setUniqueValue(generateUnitKey);
+    return generateUnitKey;
+  }
+
   const rowSelection = {
     type: selectMode ? 'checkbox' : 'radio',
     selectedRowKeys,
@@ -396,7 +410,7 @@ const SearchSelect = (props: any) => {
 
   return (
     <div className={'search_select'}>
-      <div className="search_select_show" id='search_select_div'>
+      <div className="search_select_show" id={`search_select_div_${uniqueValue}`}>
         <Select
           virtual
           labelInValue={labelInValue}
@@ -430,7 +444,7 @@ const SearchSelect = (props: any) => {
           }
           onPopupScroll={SelectScroll}
           {...currentSelectProps}
-          getPopupContainer={() => document.getElementById('search_select_div')}
+          getPopupContainer={() => document.getElementById(`search_select_div_${uniqueValue}`)}
           style={{ width: 'calc(100% - 30px)' }}
           placeholder="请选择"
         >