@bit-sun/business-component 2.2.49 → 2.3.0-alpha.2

package/src/components/Business/SearchSelect/BusinessUtils.ts

@@ -1,6 +1,6 @@
 // 此文件用于 处理业务组件 所用到的公共方法
 // @ts-nocheck
-import { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type } from './common';
+import { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType } from './common';
 import { getDictionarySource, getDictionaryTextByValue, loadSelectSource } from './utils';
 import { handleTextOverflow, tableColumnsImage } from '@/components/Business/BsSulaQueryTable/utils';
 import { getSkuImg } from '@/utils/TableUtils';
@@ -775,7 +775,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingTextShowKeyField: 'physicalWarehouseCode',
       mappingValueField: 'id',
       otherParams: {
-        'qp-isEnable-eq': 1,
+        ...(modalTableBusProps?.needStatusSearch?{}:{'qp-isEnable-eq': 1}),
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'warehouseIds',
@@ -799,6 +799,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
               option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
           },
         } },
+      ...(modalTableBusProps?.needStatusSearch?[{ name: 'qp-isEnable-eq', type: 'select', label: '物理仓状态', initialSource: getDictionarySource('SC00001')  }]:[])
     ]
     Promise.all([
       loadSelectSource(`${prefixUrl.formSelectFix}/company`, {
@@ -826,6 +827,11 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
           dataIndex: 'physicalWarehouseType',
           render: (text: number) => getDictionaryTextByValue('SC00002', text),
         },
+        ...(modalTableBusProps?.needStatusSearch?[{
+          title: '状态',
+          dataIndex: 'isEnable',
+          render: (text: number) => getDictionaryTextByValue('SC00001', text),
+        }]:[]),
         {
           title: '所属公司',
           dataIndex: 'companyName',
@@ -842,7 +848,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingTextShowKeyField: 'realWarehouseCode',
       mappingValueField: 'id',
       otherParams: {
-        'qp-isEnable-eq': 1,
+        ...(modalTableBusProps?.needStatusSearch?{}:{'qp-isEnable-eq': 1}),
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'warehouseIds',
@@ -852,6 +858,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       { name: 'qp-realWarehouseName-like', label: '逻辑仓名称' },
       { name: 'qp-realWarehouseCode-like', label: '逻辑仓编码' },
       { name: 'qp-realWarehouseType-eq', type: 'select', label: '逻辑仓类型', initialSource: getDictionarySource('SC00004')  },
+      ...(modalTableBusProps?.needStatusSearch?[{ name: 'qp-isEnable-eq', type: 'select', label: '逻辑仓状态', initialSource: getDictionarySource('SC00001')  }]:[])
     ]
     modalTableProps = {
       modalTableTitle: '选择逻辑仓',
@@ -870,6 +877,11 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
           dataIndex: 'realWarehouseType',
           render: (text: number) => getDictionaryTextByValue('SC00004', text),
         },
+        ...(modalTableBusProps?.needStatusSearch?[{
+          title: '状态',
+          dataIndex: 'isEnable',
+          render: (text: number) => getDictionaryTextByValue('SC00001', text),
+        }]:[]),
       ],
       ...modalTableBusProps,
     }
@@ -882,7 +894,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingTextShowKeyField: 'operationWarehouseCode',
       mappingValueField: 'operationWarehouseCode',
       otherParams: {
-        'qp-status-eq': 1,
+        ...(modalTableBusProps?.needStatusSearch?{}:{'qp-status-eq': 1}),
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'qp-operationWarehouseCode-in',
@@ -905,6 +917,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
               option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
           },
         } },
+      ...(modalTableBusProps?.needStatusSearch?[{ name: 'qp-status-eq', type: 'select', label: '运营仓状态', initialSource: getDictionarySource('SC00001')  }]:[])
     ]
     Promise.all([
       loadSelectSource(`${prefixUrl.formSelectFix}/groupInfo/listNoPage`, { 'qp-status-eq': 1 }),
@@ -927,6 +940,11 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
           title: '运营组',
           dataIndex: 'groupName',
         },
+        ...(modalTableBusProps?.needStatusSearch?[{
+          title: '状态',
+          dataIndex: 'status',
+          render: (text: number) => getDictionaryTextByValue('SC00001', text),
+        }]:[]),
       ],
       ...modalTableBusProps,
     }
@@ -1312,6 +1330,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       { name: 'qp-name-like', label: '商店名称' },
       { name: 'qp-code-like', label: '商店编码' },
       { name: 'qp-type-in', type: 'select', label: '商店类型', initialSource: shopFile2Type },
+      { name: 'qp-status-in', type: 'select', label: '商店状态', initialSource: shopFile2Status },
       { name: 'qp-orgCode-in', type: 'select', label: '所属销售组织', field: {
           type: 'select',
           props: {
@@ -1334,7 +1353,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
         'qp-status-eq': 10
       }),
     ]).then((x: any)=>{
-      formatSource(x,0, 3, tableSearchForm);
+      formatSource(x,0, 4, tableSearchForm);
     })
     modalTableProps = {
       modalTableTitle: '选择商店',
@@ -1353,6 +1372,11 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
           dataIndex: 'type',
           render: (text: number) => shopFile2Type.find((i: any) => i.value === text)?.text,
         },
+        {
+          title: '启用状态',
+          dataIndex: 'status',
+          render: (text: number) => shopFile2Status.find((i: any) => i.value === text)?.text,
+        },
         {
           title: '所属销售组织',
           dataIndex: 'orgName',
@@ -1495,8 +1519,8 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
       mappingValueField: 'id',
       otherParams: {
         'qp-enable-eq': 10, // 启用状态 10-启用，20-禁用
-        'qp-employmentType-eq': 20,
-        'qp-orgViewIds-like':  'administrative-organization-view',
+        'qp-orgViewIds-like':  'administrative-organization-view', // 为了兼容 搜素所属组织机构时候需要传此参数
+        ...(modalTableBusProps?.needTypeSearch?{}:{'qp-employmentType-eq': 20}), // 10外部员工；20内部员工
         sorter: 'desc-id'
       }, // 默认参数
       sourceName: 'employeeNumber',
@@ -1526,6 +1550,7 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
             dropdownStyle: { maxHeight: 400, maxWidth: 100, overflow: 'auto' }
           },
         } },
+      ...(modalTableBusProps?.needTypeSearch?[{ name: 'qp-employmentType-eq', type: 'select', label: '员工类型', initialSource: employeeType  }]:[]),
       { name: 'qp-email-like', label: '邮箱' },
       { name: 'qp-officeTelephone-like', label: '手机号' },
     ]
@@ -1559,6 +1584,11 @@ export function commonFun (type?: string, prefixUrl: any, requestConfigProp?: an
           dataIndex: 'administrativeNames',
           render: (text: any) => handleTextOverflow(text),
         },
+        ...(modalTableBusProps?.needTypeSearch?[{
+          title: '员工类型',
+          dataIndex: 'employmentType',
+          render: (text: number) => employeeType.find((i: any) => i.value === text)?.text,
+        }]:[]),
         {
           title: '邮箱',
           dataIndex: 'email',

package/src/components/Business/SearchSelect/common.ts

@@ -28,6 +28,17 @@ const shopFile2Type = [
   }
 ]
 
+const shopFile2Status = [
+  {
+    text: "启用",
+    value: 10,
+  },
+  {
+    text: "禁用",
+    value: 20,
+  }
+]
+
 const arrivalPaySupportList = [
   {
     text: "支持",
@@ -50,4 +61,15 @@ const sharingType = [
   }
 ]
 
-export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type }
+const employeeType = [
+  {
+    text: "外部员工",
+    value: '10',
+  },
+  {
+    text: "内部员工",
+    value: '20',
+  }
+]
+
+export { shopFileType, arrivalPaySupportList, sharingType, shopFile2Type, shopFile2Status, employeeType }

package/src/components/Business/SearchSelect/index.md

@@ -428,8 +428,9 @@ export default () => {
       filterInit: 'qp-id-in'
     },
     // modalTableProps: {
-    //   modalTableTitle: '选择物理仓-更改title测试',
-    //   needModalTable: false
+      // modalTableTitle: '选择物理仓-更改title测试',
+      // needModalTable: false
+      // needStatusSearch: true
     // },
     // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
     selectProps,
@@ -501,6 +502,9 @@ export default () => {
     //   sourceName: 'warehouseIds',
     // },
     // prefixUrl: { selectPrefix: '/bop/api', formSelectFix: '/bop/api' },
+    // modalTableProps: {
+    //   needStatusSearch: true
+    // },
     selectProps,
     selectBusinessType: 'realWarehouse',
   };
@@ -559,6 +563,9 @@ export default () => {
       setValue(value)
     },
     selectProps,
+    modalTableProps: {
+      needStatusSearch: true
+    },
     selectBusinessType: 'ownerWarehouse',
   };
 
@@ -1150,6 +1157,9 @@ export default () => {
   const props2 = {
     ...props,
     // prefixUrl: { selectPrefix: '/user/api', formSelectFix: '/user/api' },
+    modalTableProps: {
+      needTypeSearch: true
+    },
     selectBusinessType: 'employee2',
   }
 

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

@@ -25,7 +25,7 @@ const BusinessSearchSelect = forwardRef((props: any, ref: any) => {
       needModalTable,
       modalTableProps
     }
-  }, [props?.value, props.disabled]);
+  }, [props?.value, props.disabled, props.selectBusinessType]);
 
   useImperativeHandle(ref, () => ({
     getRef: () => innerRef,
@@ -48,5 +48,8 @@ export default React.memo(BusinessSearchSelect, (props, nextProps) => {
   if (props && props.disabled !== nextProps.disabled) {
     return false
   }
+  if (props && props.selectBusinessType !== nextProps.selectBusinessType) {
+    return false
+  }
   return true
-});
+});

package/src/components/Business/TreeSearchSelect/index.md

@@ -26,6 +26,8 @@ export default () => {
   const props = {
     mode: 'create',
     value,
+    treeCheckable: false,
+    rootDisabled: true,
     onChange: (v) => {
       setValue(v)
     },

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

@@ -7,8 +7,7 @@ const MemoTreeSearchSelect = React.memo(TreeSearchSelect)
 const  BusinessTreeSearchSelect = (props: any) => {
   const businessType = props?.businessType || 'department';
 
-  const handleBusinessProps = handleDefaultProps(businessType);
-
+  const handleBusinessProps = handleDefaultProps(businessType, props?.requestConfig);
   const currentProps = useMemo(() => {
     return {
       ...handleBusinessProps,

package/src/components/Business/TreeSearchSelect/utils.ts

@@ -1,4 +1,4 @@
-const handleDefaultProps = (type: string) => {
+const handleDefaultProps = (type: string, otherRequestConfig: {extralHeaders?: string}|undefined) => {
   let result = {};
   switch (type){
     case 'department':
@@ -7,6 +7,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'administrative-organization-view' },
           resKeyValue: ['code', 'name'],
         },
@@ -17,6 +18,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'sales-organizational-view', 'qp-status-eq': 10 }, // status: 10启用 20禁用
           resKeyValue: ['code', 'name'],
         },
@@ -27,6 +29,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'purchase-organizational-view', 'qp-status-eq': 10 },
           resKeyValue: ['code', 'name'],
         },
@@ -37,6 +40,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'stock-organizational-view', 'qp-status-eq': 10 },
           resKeyValue: ['code', 'name'],
         },
@@ -47,6 +51,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/channel-manage/tagNode/getTree/10`,
+          headers: otherRequestConfig?.extralHeaders,
           resKeyValue: ['code', 'name'],
         },
       };
@@ -57,6 +62,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'administrative-organization-view' },
           resKeyValue: ['code', 'name'],
         },

package/src/components/Business/columnSettingTable/sulaSettingTable.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Table as SulaTable, request } from 'bssula';
 import { Resizable } from 'react-resizable';
 import ColumnSetting from './columnSetting';
-import { getItemDefaultWidth, handleTextOverflow } from './utils';
+import { getItemDefaultWidth } from './utils';
 import { noEmptyArray } from './utils';
 import {
   Table,

package/src/components/Business/columnSettingTable/utils.tsx

@@ -13,33 +13,35 @@ import {
  //设置queryTable默认列宽
 export const getItemDefaultWidth = (item: any) => {
   let defaultWidth = 200;
-  let lowerCaseKey = (item.key || item.dataIndex).toLowerCase();
-  switch (true) {
-    case item?.title === '操作' || lowerCaseKey === 'operate':
-      defaultWidth = 60;
-      break;
-    case lowerCaseKey.indexOf('number') > -1:
-    case lowerCaseKey.indexOf('quantity') > -1:
-    case lowerCaseKey.indexOf('amount') > -1:
-      defaultWidth = 90;
-      break;
-    case (lowerCaseKey.indexOf('no') > -1):
-      defaultWidth = 200;
-      break;
-    case lowerCaseKey.indexOf('code') > -1:
-      defaultWidth = 170;
-      break;
-    case lowerCaseKey.indexOf('time') > -1:
-      defaultWidth = 130;
-      break;
-    case lowerCaseKey.indexOf('status') > -1:
-      defaultWidth = 100;
-      break;
-    case lowerCaseKey.indexOf('user') > -1:
-      defaultWidth = 130;
-      break;
-    default:
-      break;
+  let lowerCaseKey = (item.key || item.dataIndex)?.toLowerCase();
+  if (lowerCaseKey) {
+    switch (true) {
+      case item?.title === '操作' || lowerCaseKey === 'operate':
+        defaultWidth = 60;
+        break;
+      case lowerCaseKey.indexOf('number') > -1:
+      case lowerCaseKey.indexOf('quantity') > -1:
+      case lowerCaseKey.indexOf('amount') > -1:
+        defaultWidth = 90;
+        break;
+      case (lowerCaseKey.indexOf('no') > -1):
+        defaultWidth = 200;
+        break;
+      case lowerCaseKey.indexOf('code') > -1:
+        defaultWidth = 170;
+        break;
+      case lowerCaseKey.indexOf('time') > -1:
+        defaultWidth = 130;
+        break;
+      case lowerCaseKey.indexOf('status') > -1:
+        defaultWidth = 100;
+        break;
+      case lowerCaseKey.indexOf('user') > -1:
+        defaultWidth = 130;
+        break;
+      default:
+        break;
+    }
   }
   return defaultWidth;
 };
@@ -66,4 +68,4 @@ export const handleTextOverflow = (
       </span>
     </Tooltip>
   );
-};
+};

package/src/components/Business/moreTreeTable/FixedScrollBar.tsx

@@ -44,6 +44,7 @@ const FixedScrollBar = ({viewPort, stickyProps}: any, ref: any) => {
   };
 
   useEffect(() => {
+    onContainerScroll()
     const onscroll = throttle(onContainerScroll, 50)
     container.addEventListener('scroll', onscroll)
     return () => {

package/src/components/Business/moreTreeTable/index.md

@@ -22,7 +22,7 @@ export default () => {
   const colTableRef = useRef(null);
 
   let colTableData = [];
-  for (let i = 1; i < 10001; i++) {
+  for (let i = 1; i < 1001; i++) {
     colTableData.push({
        '1111-1-2': '1',
         '1111-1-3': '2',
@@ -35,7 +35,7 @@ export default () => {
         'fixed2': `标题1-${i}`,
     })
   }
-  for (let j = 1; j < 10001; j++) {
+  for (let j = 1; j < 1001; j++) {
     colTableData.push({
        '1111-1-2': '1',
         '1111-1-3': '2',

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

@@ -13,16 +13,17 @@ export default forwardRef((props, ref) => {
     colLastData: [],
     rowHeader: [],
     rowLastData: [],
-    colHeaderWidth: 400,
     colHeaderToTop: 0,
   });
   const [colTableData, setColTableData] = useState([]); //纵向表头数据
   const [multiTableData, setMmultiTableData] = useState({}); //多表头数据
   const [viewCount, setViewCount] = useState(10); //虚拟表格每次渲染数量
   const itemWidth = 100; // 表格每一项宽度
+  const [realColHeaderWidth, setLeftWidth] = useState(props?.colHeaderWidth || 400);
 
   const viewPort = useRef(null);
-  const topScrollBar = useRef(null)
+  const topScrollBar = useRef(null);
+  const leftTableRef = useRef(null);
 
   //起始渲染item
   const [startIndex, setStartIndex] = useState(0);
@@ -36,18 +37,25 @@ export default forwardRef((props, ref) => {
   const [offsetWidth, setOffset] = useState(0);
 
   useEffect(() => { //根据容器宽度计算每次渲染个数
-    let viewPortWidth = viewPort.current.clientWidth;
-    let defaultTableWidth =  viewPortWidth - (props.colHeaderWidth || 400);
-    let viewCount = Math.floor(defaultTableWidth/itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth/itemWidth) + 2;
-    setViewCount(viewCount)
+    setTimeout(() => {
+      let realLeftTableWidth = leftTableRef.current.clientWidth;
+      let viewPortWidth = viewPort.current.clientWidth;
+      let defaultTableWidth =  viewPortWidth - realLeftTableWidth;
+      let viewCount = Math.floor(defaultTableWidth/itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth/itemWidth) + 2;
+      setViewCount(viewCount)
+      setLeftWidth(realLeftTableWidth);
+    })
   }, [])
 
-  const onScroll = () => {
+  const onScroll = (e) => {
     if(topScrollBar.current){
       topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0)
     }
     const scrollWidth = viewPort.current.scrollLeft;
-    const startIndex = Math.floor(scrollWidth/itemWidth);
+    let startIndex = Math.floor(scrollWidth/itemWidth);
+    if ( startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount <= 0 ? 0 : colTableData.length - viewCount;
+    }
     const offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -66,7 +74,7 @@ export default forwardRef((props, ref) => {
 
   // 设置表头相关信息
   useEffect(() => {
-    const { colData, rowData, colHeaderWidth=400 } = props;
+    const { colData, rowData } = props;
     let tableType;
     if (colData && colData.length && rowData && rowData.length) {
       tableType = 'multi-header-table';
@@ -80,7 +88,6 @@ export default forwardRef((props, ref) => {
         rowLastData: [],
         ...colHeaderData,
         ...rowHeaderData,
-        colHeaderWidth: colHeaderWidth,
         colHeaderToTop: (rowHeader?.length || 0)*40,
         tableType: tableType
       })
@@ -93,7 +100,6 @@ export default forwardRef((props, ref) => {
         rowHeader: [],
         rowLastData: [],
         ...colHeaderData,
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       })
@@ -143,7 +149,7 @@ export default forwardRef((props, ref) => {
   const {width, height, tableProps } = props;
   let tableWidth = width ? `${width}px` : '100%';
   let tableHeight = `${height || 400}px`;
-  const rightAreaWidth = 'calc(100% - ' +  `${config.colHeaderWidth}px` + ')';
+  const rightAreaWidth = 'calc(100% - ' +  `${realColHeaderWidth}px` + ')';
   return (
       <div 
         style={{width: tableWidth, height: tableHeight}}
@@ -158,7 +164,7 @@ export default forwardRef((props, ref) => {
           ref={topScrollBar}
         />
         <div style={{
-          width: `${config.colHeaderWidth + 1 + placeholderWidth}px`,
+          width: `${realColHeaderWidth + placeholderWidth}px`,
           position: 'absolute',
           top: 0,
           left: 0,
@@ -168,7 +174,7 @@ export default forwardRef((props, ref) => {
          {/* -------------------------------------左上角区域--------------------------------------- */}
          <table 
           style={{
-            width: `${config.colHeaderWidth+1}px`, 
+            width: `${realColHeaderWidth}px`, 
             height:  `${config.colHeaderToTop}px`, 
             display: config.tableType === 'col-header-table' ? 'none' : '',
           }} 
@@ -181,11 +187,12 @@ export default forwardRef((props, ref) => {
           style={{
             tableLayout:'auto',
             minWidth: '100px',
-            width: `${config.colHeaderWidth+1}px`,
+            width: `${realColHeaderWidth}px`,
             top: `${config.colHeaderToTop}px`,
             left: '0px',
             position: 'sticky',
           }}
+          ref={leftTableRef}
           className={`${'south__west'} ${'editTable__block'} ${'table_border_style'}`}
         >
           <tbody>
@@ -225,7 +232,7 @@ export default forwardRef((props, ref) => {
           style={{
             width: '100%',
             top: 0,
-            left: `${config.colHeaderWidth}px`,
+            left: `${realColHeaderWidth}px`,
             position: 'absolute',
             display: config.tableType === 'col-header-table' ? 'none' : ''
           }}
@@ -271,7 +278,7 @@ export default forwardRef((props, ref) => {
         <div
           style={{
             position: 'absolute',
-            left: `${config.colHeaderWidth}px`,
+            left: `${realColHeaderWidth}px`,
             top: `${config.colHeaderToTop}px`, 
             minWidth: rightAreaWidth,
             zIndex: 0,

package/src/components/Functional/AddSelect/helps.ts

@@ -1,3 +1,7 @@
+import axios from 'axios';
+import { stringify } from 'querystring';
+import { message } from 'antd';
+
 // 下拉框数据源
 // 情况①：每条记录下拉框数据不同----查询接口每条记录返回字段，前后端约定好，用dataSourceCode记录
 // 情况②：所有查询记录共有一个数据源---选择器加载查询记录渲染给到dataSource
@@ -12,3 +16,64 @@ export const getSelectDataList = (record: any,item: any, selectKey: string) => {
   }
   return result;
 }
+
+export const loadSelectSource = (url: string, params?: any) => {
+  return new Promise((resolve, reject) => {
+    axios
+      .get(`${url}?${stringify(params)}`)
+      .then((result: any) => {
+        result = result.data;
+        if ((result?.status && result.status !== '0') || (result?.code && result.code !== '000000')) {
+          message.error(result.msg);
+          resolve(result);
+          return;
+        }
+        resolve(result);
+      })
+      .catch((err) => {
+        reject(err);
+      });
+  })
+};
+
+export const formatSource = (reData: any, position: number, changePosition: number,changeSearchForm: any,resKeyValue=['code', 'name']) => {
+  const data = reData && reData[position]?.data;
+  const list = Array.isArray(data) ? data :(data?.items || data?.list || data?.children || []);
+  const formatData = list?.length ? list.map((v: any) => ({ text: v[resKeyValue[1]], value: v[resKeyValue[0]] })) : [];
+  changeSearchForm[changePosition] = {...changeSearchForm[changePosition], initialSource: formatData}
+}
+// 格式化树选择器数据源
+export const mapSearchTree = (treeDataItem: any, resKeyValue: any) => {
+  const haveChildren = Array.isArray(treeDataItem.children) && treeDataItem.children.length > 0;
+  return {
+    title: treeDataItem[resKeyValue[1]],
+    value: treeDataItem[resKeyValue[0]],
+    parentId: treeDataItem.parent,
+    data: { ...treeDataItem },
+    isLeaf: !haveChildren,
+    disabled: haveChildren,
+    children: haveChildren ? treeDataItem.children.map((i: any) => mapSearchTree(i, resKeyValue)) : [],
+  };
+};
+export const formatTreeDataSource = (reData: any, position: number, changePosition: number,changeSearchForm: any,resKeyValue=['id', 'name']) => {
+  const data = reData && reData[position]?.data;
+  const formatData = (data &&
+    Array.isArray(data) &&
+    data.length &&
+    data.map((ites: any) => mapSearchTree(ites, resKeyValue))) ||
+    []
+  changeSearchForm[changePosition].field.props.treeData = formatData;
+}
+
+export const formatFormSourceList = (x: any,loadList: any, tableSearchForm: any)=> {
+  loadList.forEach((i: any,index: any) => {
+    if(i.resType == 'list') {
+      const resKeyValue = i.resKeyValue || ['code', 'name']
+      formatSource(x,index, i.resPosition, tableSearchForm,resKeyValue)
+    }
+    if(i.resType == 'treeList') {
+      const resKeyValue = i.resKeyValue || ['id', 'name']
+      formatTreeDataSource(x,index, i.resPosition, tableSearchForm,resKeyValue)
+    }
+  })
+}