@bit-sun/business-component 2.3.21 → 2.3.22-beta10

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

@@ -11,13 +11,19 @@ import axios from 'axios';
 import { AddSelect } from '../../../index';
 import { tableColumnsImage } from '@/components/Business/BsSulaQueryTable/utils';
 import { getSkuImg } from '@/utils/TableUtils';
+import { getEmployeeId } from '@/utils/LocalstorageUtils';
 // import { getCurrentTargetBgId } from '@/utils/LocalstorageUtils';
 
 function handleSelectColumn(c: any, parentProps: any) {
   let result = c;
+  const showColumns = parentProps?.showColumns || [];
   const exceptColumns = parentProps?.exceptColumns || [];
   const coverColumns = parentProps?.coverColumns || [];
   const additionColumns = parentProps?.additionColumns || [];
+  // 仅展示内容
+  if(showColumns?.length) {
+    result = result.filter((i: any) => showColumns.includes(i.dataIndex))
+  }
   // 过滤不需要展示内容
   if(exceptColumns?.length) {
     result = result.filter((i: any) => !exceptColumns.includes(i.dataIndex))
@@ -34,6 +40,49 @@ function handleSelectColumn(c: any, parentProps: any) {
   }
   return result
 }
+function handleSearchForm(c: any, parentProps: any) {
+  let result = c;
+  const showTableSearchForm = parentProps?.showTableSearchForm || [];
+  const exceptTableSearchForm= parentProps?.exceptTableSearchForm|| [];
+  const coverTableSearchForm = parentProps?.coverTableSearchForm || [];
+  // 仅展示内容
+  if(showTableSearchForm?.length) {
+    result = result.filter((i: any) => showTableSearchForm.includes(i.name))
+  }
+  // 过滤不需要展示内容
+  if(exceptTableSearchForm?.length) {
+    result = result.filter((i: any) => !exceptTableSearchForm.includes(i.name))
+  }
+  // 覆盖内容
+  if(coverTableSearchForm?.length) {
+    result = coverTableSearchForm;
+  }
+  return result;
+}
+function handleFormSearchSourceLoad(c: any, parentProps: any) {
+  let result = c;
+  const showTableFormSearchSourceLoad = parentProps?.showTableFormSearchSourceLoad || [];
+  const exceptTableFormSearchSourceLoad= parentProps?.exceptTableFormSearchSourceLoad|| [];
+  const coverTableFormSearchSourceLoad = parentProps?.coverTableFormSearchSourceLoad || [];
+  const noNeedTableFormSearchSourceLoad = parentProps?.noNeedTableFormSearchSourceLoad
+  // 仅展示内容
+  if(showTableFormSearchSourceLoad?.length) {
+    result = result.filter((i: any) => showTableFormSearchSourceLoad.includes(i.url))
+  }
+  // 过滤不需要展示内容
+  if(exceptTableFormSearchSourceLoad?.length) {
+    result = result.filter((i: any) => !exceptTableFormSearchSourceLoad.includes(i.url))
+  }
+  // 覆盖内容
+  if(coverTableFormSearchSourceLoad?.length) {
+    result = coverTableFormSearchSourceLoad;
+  }
+  // 不需要默认请求
+  if(noNeedTableFormSearchSourceLoad) {
+    result = [];
+  }
+  return result;
+}
 
 export const AddSkuSelect = (parProps: any) => {
   const selectProps = {
@@ -140,54 +189,161 @@ export const AddSkuSelect = (parProps: any) => {
       dataIndex: 'propertyNameAndValue',
     }
   ]
-  const mTpSelectColumn = handleSelectColumn(initialSelectColumn, parProps)
-  const props = {
-    buttonText: parProps.buttonText || '新增',
-    buttonProps: parProps.buttonProps || {},
-    tableCodeList: parProps.tableCodeList || [],
-    value,
-    // labelInValue: true, // 非必填 默认为false
-    requestConfig: {
-      url: `/items/sku/pager/v2`,
-      filter: 'qp-name-like', // 过滤参数 支持'qp-name-like'和['qp-name-like', 'qp-code-like']两种结构
-      otherParams: {
-        'qp-combination-eq': false,
-        'qp-approveStatus-eq': 1,
-        'qp-status-eq': 1,
-        // 'useOrgSign': getCurrentTargetBgId(), // 根据品牌、账号授权的组织+商品授权使用组织做权限过滤  这个交给业务使用的地方去做,传addOtherParams:{useOrgSign:单据中所选组织}
-        ...(parProps?.requestConfig?.addOtherParams || {}), // 允许在默认参数基础上，追加/覆盖已有 参数
-      }, // 默认参数
-      mappingTextField: 'name',
-      mappingValueField: 'skuCode',
-      ...parProps.requestConfig
+  const mTpSelectColumn = handleSelectColumn(initialSelectColumn, parProps);
+  const initialTableColumn = [
+    {
+      title: 'SKU编码',
+      width: 150,
+      dataIndex: 'skuCode',
     },
-    selectProps,
-    onChange: (value: any) => {
-      console.log(value)
-      setValue(value)
+    {
+      title: 'SKU名称',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'name',
     },
-    beforeShowModal: parProps?.beforeShowModal,
-    onSaveCallback: parProps.onSaveCallback,
-    businessType: 'sku',
-    isAllowRepeatedSelect: !!parProps?.isAllowRepeatedSelect,
-    noUseItemEancode: isNoUseItemBarcode
-  };
-  const modalTableProps = {
-    modalTableTitle: '选择商品',
-    tableSearchForm: [
+    {
+      title: '图片',
+      dataIndex: 'itemUrl',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any,record: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {tableColumnsImage(getSkuImg(record),{ width: 20, height: 20 })}
+        </Tooltip>
+      ),
+    },
+    ...(isNoUseItemBarcode ? []: [
       {
-        name: 'qp-skuCode-like', label: 'SKU编码'
-      },
-      { name: 'qp-skuName-like', label: 'SKU名称' },
-      ...(isNoUseItemBarcode ? []: [
-          { name: 'qp-code-in', label: '商品条码', field: {
-            type: 'multipleQueryInput',
-            props: {
-              ...(parProps.requestConfig?.itemEancodeValueRequestConfig || {}),
-            },
-          }}
-      ]),
-      { name: 'qp-brandId-in', type: 'select', label: '品牌', field: {
+        title: '商品条码',
+        width: 100,
+        ellipsis: {
+          showTitle: false,
+        },
+        dataIndex: 'itemEancode',
+        render: (text: any) => (
+          <Tooltip placement="topLeft" title={text}>
+            {text}
+          </Tooltip>
+        ),
+      }
+    ]),
+    {
+      title: '所属SPU名称',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      dataIndex: 'itemName',
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '所属SPU编码',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      dataIndex: 'itemCode',
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '外部编码',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'externalCode',
+    },
+    {
+      title: '规格',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'propertyNameAndValue',
+    },
+    {
+      title: '类目',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'categoryName',
+    },
+    {
+      title: '品类',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'className',
+    },
+    {
+      title: '品牌',
+      width: 100,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: any) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+      dataIndex: 'brandName',
+    },
+  ]
+  const mTpTableColumn = handleSelectColumn(initialTableColumn, parProps);
+  const initialTableSearchForm = [
+    {
+      name: 'qp-skuCode-like', label: 'SKU编码'
+    },
+    { name: 'qp-skuName-like', label: 'SKU名称' },
+    ...(isNoUseItemBarcode ? []: [
+      { name: 'qp-code-in', label: '商品条码', field: {
+          type: 'multipleQueryInput',
+          props: {
+            ...(parProps.requestConfig?.itemEancodeValueRequestConfig || {}),
+          },
+        }}
+    ]),
+    { name: 'qp-brandId-in', type: 'select', label: '品牌', field: {
         type: 'select',
         props: {
           mode: 'multiple',
@@ -201,7 +357,7 @@ export const AddSkuSelect = (parProps: any) => {
             option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
         },
       } },
-      { name: 'qp-categoryId-in', type: 'treeSelect', label: '类目', field: {
+    { name: 'qp-categoryId-in', type: 'treeSelect', label: '类目', field: {
         type: 'treeSelect',
         props: {
           treeData: [],
@@ -218,148 +374,69 @@ export const AddSkuSelect = (parProps: any) => {
           },
           dropdownStyle: { maxHeight: 400, maxWidth: 100, overflow: 'auto' }
         },
-      } }
-    ],
-    tableColumns: [
-      {
-        title: 'SKU编码',
-        width: 150,
-        dataIndex: 'skuCode',
-      },
-      {
-        title: 'SKU名称',
-        width: 200,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'name',
-      },
-      {
-        title: '图片',
-        dataIndex: 'itemUrl',
-        width: 200,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any,record: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {tableColumnsImage(getSkuImg(record),{ width: 20, height: 20 })}
-          </Tooltip>
-        ),
-      },
-      ...(isNoUseItemBarcode ? []: [
-        {
-          title: '商品条码',
-          width: 100,
-          ellipsis: {
-            showTitle: false,
-          },
-          dataIndex: 'itemEancode',
-          render: (text: any) => (
-            <Tooltip placement="topLeft" title={text}>
-              {text}
-            </Tooltip>
-          ),
-        }
-      ]),
-      {
-        title: '所属SPU名称',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        dataIndex: 'itemName',
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-      },
-      {
-        title: '所属SPU编码',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        dataIndex: 'itemCode',
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-      },
-      {
-        title: '外部编码',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'externalCode',
-      },
-      {
-        title: '规格',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'propertyNameAndValue',
-      },
-      {
-        title: '类目',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'categoryName',
-      },
-      {
-        title: '品类',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'className',
+      } },
+    ...(parProps?.addTableSearchForm||[])
+  ]
+  const mTpTableSearchForm = handleSearchForm(initialTableSearchForm, parProps);
+  const initialPromiseLoadList = [
+    {
+      url: `/items/brand/queryBrandList`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+        'ctl-withAuth': true
       },
-      {
-        title: '品牌',
-        width: 100,
-        ellipsis: {
-          showTitle: false,
-        },
-        render: (text: any) => (
-          <Tooltip placement="topLeft" title={text}>
-            {text}
-          </Tooltip>
-        ),
-        dataIndex: 'brandName',
+      resType: 'list',
+      resPosition: isNoUseItemBarcode ? 2 : 3,
+      resKeyValue: ['id','name']
+    },
+    {
+      url: `/items/category/queryCategoryTree`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
       },
-    ],
-    selectColumn: mTpSelectColumn
+      resType: 'treeList',
+      resPosition: isNoUseItemBarcode ? 3 : 4
+    },
+  ]
+  const mTpPromiseLoadList = handleFormSearchSourceLoad(initialPromiseLoadList, parProps);
+  const props = {
+    buttonText: parProps.buttonText || '新增',
+    buttonProps: parProps.buttonProps || {},
+    tableCodeList: parProps.tableCodeList || [],
+    value,
+    // labelInValue: true, // 非必填 默认为false
+    requestConfig: {
+      url: `/items/sku/pager/v2`,
+      filter: 'qp-name-like', // 过滤参数 支持'qp-name-like'和['qp-name-like', 'qp-code-like']两种结构
+      otherParams: {
+        'qp-combination-eq': false,
+        'qp-approveStatus-eq': 1,
+        'qp-status-eq': 1,
+        // 'useOrgSign': getCurrentTargetBgId(), // 根据品牌、账号授权的组织+商品授权使用组织做权限过滤  这个交给业务使用的地方去做,传addOtherParams:{useOrgSign:单据中所选组织}
+        ...(parProps?.requestConfig?.addOtherParams || {}), // 允许在默认参数基础上，追加/覆盖已有 参数
+      }, // 默认参数
+      mappingTextField: 'name',
+      mappingValueField: 'skuCode',
+      ...parProps.requestConfig
+    },
+    selectProps,
+    onChange: (value: any) => {
+      console.log(value)
+      setValue(value)
+    },
+    beforeShowModal: parProps?.beforeShowModal,
+    onSaveCallback: parProps.onSaveCallback,
+    businessType: 'sku',
+    isAllowRepeatedSelect: !!parProps?.isAllowRepeatedSelect,
+  };
+  const modalTableProps = {
+    modalTableTitle: '选择商品',
+    tableSearchForm: mTpTableSearchForm,
+    tableColumns: mTpTableColumn,
+    selectColumn: mTpSelectColumn,
+    promiseLoadList: mTpPromiseLoadList,
   }
 
   return (
@@ -440,6 +517,49 @@ export const AddSkcSelect = (parProps: any) => {
     },
   ]
   const mTpSelectColumn = handleSelectColumn(initialSelectColumn, parProps)
+  const initialPromiseLoadList = [
+    {
+      url: `/items/item/propertyValue/sizeBySkcConfig`,
+      params: {
+        pageSize: 10000,
+        currentPage: 1,
+        type: 2, // 类型：1尺码；2颜色
+      },
+      resType: 'list',
+      resPosition: 3,
+      resKeyValue: ['value','value']
+    },
+    {
+      url: `/items/category/queryCategoryTree`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+      },
+      resType: 'treeList',
+      resPosition: 4,
+    },
+    {
+      url: `/items/class/withProperty`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+      },
+      resType: 'list',
+      resPosition: 5,
+      resKeyValue: ['id','name']
+    },
+    {
+      url: `/items/brand/queryBrandList`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+        'ctl-withAuth': true
+      },
+      resType: 'list',
+      resPosition: 6,
+      resKeyValue: ['id','name']
+    },
+  ]
   const props = {
     buttonText: parProps.buttonText || '新增',
     buttonProps: parProps.buttonProps || {},
@@ -620,6 +740,7 @@ export const AddSkcSelect = (parProps: any) => {
       },
     ],
     selectColumn: mTpSelectColumn,
+    promiseLoadList: initialPromiseLoadList
   }
 
   return (
@@ -714,6 +835,49 @@ export const AddSpuSelect = (parProps: any) => {
     },
   ]
   const mTpSelectColumn = handleSelectColumn(initialSelectColumn, parProps)
+  const initialPromiseLoadList = [
+    {
+      url: `/user/orgViewNode/listNoPage`,
+      params: {
+        'qp-employeeId-eq': getEmployeeId(),
+        'qp-orgViewCode-eq': 'business-organizational-view',
+        'ctl-withDefaultOrg': true,
+      },
+      resType: 'list',
+      resPosition: 2,
+      resKeyValue: ['targetId','name']
+    },
+    {
+      url: `/items/brand/queryBrandList`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+        'ctl-withAuth': true
+      },
+      resType: 'list',
+      resPosition: 3,
+      resKeyValue: ['id','name']
+    },
+    {
+      url: `/items/category/queryCategoryTree`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+      },
+      resType: 'treeList',
+      resPosition: 4,
+    },
+    {
+      url: `/items/class/withProperty`,
+      params: {
+        pageSize: 5000,
+        currentPage: 1,
+      },
+      resType: 'list',
+      resPosition: 5,
+      resKeyValue: ['id','name']
+    },
+  ]
   const props = {
     buttonText: parProps.buttonText || '新增',
     buttonProps: parProps.buttonProps || {},
@@ -881,7 +1045,8 @@ export const AddSpuSelect = (parProps: any) => {
         dataIndex: 'className',
       },
     ],
-    selectColumn: mTpSelectColumn
+    selectColumn: mTpSelectColumn,
+    promiseLoadList: initialPromiseLoadList
   }
 
   return (

package/src/components/Business/BsLayouts/Components/AllFunc/drawContent.tsx

@@ -94,7 +94,7 @@ const DrawContent = ({onClose, itemPath}: any) => {
         return (
           <List
             className={classNames('allFunsList', 'allFunsListWarp')}
-            style={{color: '#005CFF'}}
+            style={{color: '#02B56E'}}
             header={<b>{formatMessage({ id: `${item.name}` })}</b>}
             bordered
             dataSource={item.children}

package/src/components/Business/BsLayouts/Components/AllFunc/index.less

@@ -41,7 +41,7 @@
   .account {
     .avatar {
       margin-right: 8px;
-      color: #1890ff;
+      color: #02B56E;
       vertical-align: top;
       background: rgba(255, 255, 255, 0.85);
     }

package/src/components/Business/BsLayouts/Components/CustomerMenu/globalMenu/DrawContent.tsx

@@ -140,8 +140,8 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
             <div
               className={'left_item'}
               style={{
-                borderLeft: currentOneLevel === item.path ? '2px solid #1890ff' : 'none',
-                color: currentOneLevel === item.path ? '#1890ff' : '#000000'
+                borderLeft: currentOneLevel === item.path ? '2px solid #02B56E' : 'none',
+                color: currentOneLevel === item.path ? '#02B56E' : '#000000'
               }}
               onClick={(e) => {
                 e.stopPropagation();
@@ -240,7 +240,7 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
                         className={`allFunsList allFunsListWarp ${currentOneLevel === item.path ? 'choosedStyle' : ''}`}
                         id={item.path}
                         style={{
-                          color: currentOneLevel === item.path ? '#fff' : '#005CFF',
+                          color: currentOneLevel === item.path ? '#fff' : '#02B56E',
                         }}
                         header={<b>{formatMessage({ id: `${item.name}` })}</b>}
                         bordered

package/src/components/Business/BsLayouts/Components/CustomerMenu/globalMenu/drawContent.less

@@ -41,7 +41,7 @@
   .account {
     .avatar {
       margin-right: 8px;
-      color: #1890ff;
+      color: #02B56E;
       vertical-align: top;
       background: rgba(255, 255, 255, 0.85);
     }
@@ -101,7 +101,7 @@
     }
   
     .left_item:hover {
-      color: #1890ff !important;
+      color: #02B56E !important;
     }
   }
   .drawerWarp_right {
@@ -160,10 +160,10 @@
   }
   .choosedStyle {
     .ant-list-header {
-      background-color: #005CFF;
+      background-color: #02B56E;
       opacity: 0.8;
       b {
-        border-bottom: 1px solid #005CFF;
+        border-bottom: 1px solid #02B56E;
       }
     }
   }

package/src/components/Business/BsLayouts/Components/CustomerMenu/index.less

@@ -1,6 +1,6 @@
 .customer_menu_content {
   color: #b1bad4;
-  background: #141620;
+  background: #494B4A;
   display: flex;
   align-items: center;
   justify-content: center;

package/src/components/Business/BsLayouts/Components/GlobalHeader/index.less

@@ -55,7 +55,7 @@
 }
 
 .themeColor {
-  color: #005cff;
+  color: #02B56E;
 }
 
 .itemPath {