@bit-sun/business-component 2.4.31-alpha.9 → 2.4.32

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

@@ -1,398 +1,162 @@
----
-nav:
-  title: '组件'
-  order: 1
-group:
-  title: 业务组件
-  order: 1
-title: 商品档案录入器
-order: 1
----
-
-# 商品选择录入器
-
-## AddSkuSelect
-
-### SKU选择录入器
-
-```tsx
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
-import { AddSkuSelect } from '../../../index.ts';
-
-export default () => {
-  const config = {
-    buttonText: 'context',
-    buttonProps: { disabled: false },
-    // exceptColumns: ['count'],
-    // tableCodeList: [null,'skuSelect-tableSelectedItemPartCodeNoCount'],
-    // additionColumns: [
-    //   {
-    //     position: 2,
-    //     column: {
-    //       title: '品牌',
-    //       width: 100,
-    //       dataIndex: 'brandName',
-    //     },
-    //   },
-    //   {
-    //     position: 6,
-    //     column: {
-    //       title: '国际条码',
-    //       width: 100,
-    //       isInputItem: true,
-    //       dataIndex: 'barCode',
-    //     },
-    //   },
-    // ],
-    noUseItemEancode: false,
-    beforeShowModal: () => {
-      return Promise.resolve(true);
-      // return Promise.reject('校验有误');
-    },
-    onSaveCallback: (rows) => {
-      console.log('save call', rows);
-      return Promise.resolve(true);
-      // return Promise.reject('FAILE')
-    }
-  }
-  return (
-    <div>
-      <AddSkuSelect {...config}  />
-    </div>
-  );
-};
-```
-
-```tsx
-import React, { useState } from 'react';
-import { Tabs, message } from 'antd';
-import moment from 'moment';
-import { AddSkuSelect } from '../../../index.ts';
-
-function handleCommonTimeRender(text: any, format?: any) {
-  const formatType = format || 'YYYY-MM-DD HH:mm:ss';
-  return (text && moment(text).format(formatType)) || '- -';
-}
-
-function calculateValidPeriod(a: any, b: any) {
-  return `${handleCommonTimeRender(a)}-${handleCommonTimeRender(b)}`
-}
-
-export default () => {
-   // mock一下 mock返回的数据
-  // const mockSource = source.map(s => ({
-  //   ...s,
-  //   warehouseLotStockDtoList: [
-  //     {
-  //       lotNumberCode: 'aaa',
-  //       lotNumberName: '批次111',
-  //       batchCode: 'pihaoaaa',
-  //       manufactureDate: "2024-06-17T12:15:02.909128",
-  //       validityDate: '2024-06-17T12:15:02.909128',
-  //       manufactureDate: '2024-06-17T12:15:02.909128',
-  //       availableStock: 999,
-  //     },
-  //     {
-  //       lotNumberCode: 'bbb',
-  //       lotNumberName: '批次222',
-  //       batchCode: 'pihaobbb',
-  //       manufactureDate: "2024-06-17T12:15:02.909128",
-  //       validityDate: '2024-06-17T12:15:02.909128',
-  //       manufactureDate: '2024-06-17T12:15:02.909128',
-  //       availableStock: 888,
-  //     },
-  //     {
-  //       lotNumberCode: 'ccc',
-  //       lotNumberName: '批次333',
-  //       batchCode: 'pihaoccc',
-  //       manufactureDate: "2024-06-17T12:15:02.909128",
-  //       validityDate: '2024-06-17T12:15:02.909128',
-  //       manufactureDate: '2024-06-17T12:15:02.909128',
-  //       availableStock: 777,
-  //     }
-  //   ]
-  // }))
-  const config = {
-    buttonText: '添加批号商品',
-    buttonProps: { disabled: false },
-    noUseItemEancode: false,
-    isAllowRepeatedSelect: true,
-    tableCodeList: ['skuSelect-tableOptionsToChoosePartCode_BatchNumberOfGoods','skuSelect-tableSelectedItemPartCode_BatchNumberOfGoods'],
-    coverTableColumns: [
-      {
-        title: '商品名称',
-        width: 100,
-        dataIndex: 'itemName',
-      },
-      {
-        title: '商品通用名',
-        width: 100,
-        dataIndex: 'genericName',
-      },
-      {
-        title: 'SPU编码',
-        width: 100,
-        dataIndex: 'spuCode',
-      },
-      {
-        title: 'SKU编码',
-        width: 100,
-        dataIndex: 'skuCode',
-      },
-      {
-        title: '单位',
-        width: 100,
-        dataIndex: 'unitName',
-      },
-      {
-        title: '商品规格',
-        dataIndex: 'salesSpecificationsValues',
-      },
-    ],
-    coverSelectColumns: [
-      {
-        title: '商品名称',
-        width: 100,
-        dataIndex: 'skuName',
-      },
-      {
-        title: '商品通用名',
-        width: 100,
-        dataIndex: 'genericName',
-      },
-      {
-        title: 'SPU编码',
-        width: 100,
-        dataIndex: 'spuCode',
-      },
-      {
-        title: 'SKU编码',
-        width: 100,
-        dataIndex: 'skuCode',
-      },
-      {
-        title: '单位',
-        width: 100,
-        dataIndex: 'unitName',
-      },
-      {
-        title: '批次编号',
-        width: 140,
-        dataIndex: 'lotNumberCode',
-        isSelectItem: true,
-        selectProps: {
-          showSearch: true,
-          optionFilterProp: 'children',
-        },
-        dataSourceCode: 'warehouseLotStockDtoList', // 下拉框数据源--从后端字段获取
-        dataSourceMapping: ['lotNumberCode','lotNumberName'], // 下拉框数据源对应select展示[value,label]
-        selectCheckCallback: async (selectData,otherInfo) => {
-           const { record, index, item, oldValue, changeValue: value, dataSourceSelectItem } = otherInfo;
-           const isCheck = () => {
-              if(selectData?.some(s => s.lotNumberCode == value)) {
-                message.warn('批号不可选择重复')
-                return false
-              }
-              // 默认校验通过
-              return true
-            }
-            // 返回true 会更新选中数据；返回false会清空选中数据
-            return isCheck()
-        }, // 下拉框选中之前校验操作,返回true false,告知组件是否要更新下拉框
-        dataSourceSelectBackData: ['batchCode','manufactureDate','validityDate','availableStock',], // 下拉框选择回显当前行数据字段key集合
-        // selectChangeCallback: async (selectData,setSelectData,otherInfo) => {
-        //   const dBack = ['batchCode','manufactureDate','validityDate','availableStock',]
-        //   const { record, index, item, oldValue, changeValue: value, dataSourceSelectItem, editRecord } = otherInfo
-          
-        //   const isCheck = () => {
-        //     if(selectData?.some(s => s.lotNumberCode == value)) {
-        //       message.warn('批号不可选择重复')
-        //       return true
-        //     }
-        //     return false
-        //   }
-
-        //   if(isCheck()) {
-        //     record[item.dataIndex] = null;
-        //     dBack.forEach(s => {
-        //       record[s] = null;
-        //     })
-        //   } else {
-        //     record[item.dataIndex] = value;
-        //     dBack.forEach(s => {
-        //       record[s] = dataSourceSelectItem[s];
-        //     })
-        //   }
-
-        //   editRecord(record)
-        // }
-      },
-      {
-        title: '生产批号',
-        width: 100,
-        dataIndex: 'batchCode',
-      },
-      {
-        title: '生产日期',
-        width: 100,
-        dataIndex: 'manufactureDate',
-        render: (text: any) =>
-                                text
-                                  ? handleCommonTimeRender(
-                                      text,
-                                      'YYYY-MM-DD',
-                                    )
-                                  : '- -',
-      },
-      {
-        title: '有效期至',
-        width: 180,
-        dataIndex: 'validityDate',
-        render: (text: any, record: any) => {
-                            const {validityDate, manufactureDate} =
-                              record;
-                            if (validityDate && manufactureDate) {
-                              return calculateValidPeriod(
-                                manufactureDate,
-                                validityDate,
-                              );
-                            }
-                            return '- -';
-                          },
-      },
-      {
-        title: '可用库存',
-        width: 100,
-        dataIndex: 'availableStock',
-      },
-      {
-        title: '数量',
-        width: 100,
-        dataIndex: 'skuQuantity',
-        isInputItem: true,
-        inputProps: {
-          
-        }
-      },
-      {
-        title: '备注',
-        width: 100,
-        dataIndex: 'skuName',
-      }
-    ],
-    beforeShowModal: () => {
-      return Promise.resolve(true);
-      // return Promise.reject('校验有误');
-    },
-    onSaveCallback: (rows) => {
-      console.log('save call', rows);
-      return Promise.resolve(true);
-      // return Promise.reject('FAILE')
-    }
-  }
-  return (
-    <div>
-      <AddSkuSelect {...config}  />
-    </div>
-  );
-};
-```
-
-
-## AddSkcSelect
-
-### SKC选择录入器
-
-```tsx
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
-import { AddSkcSelect } from '../../../index.ts';
-
-export default () => {
-  const config = {
-    buttonText: 'context',
-    buttonProps: { disabled: false },
-    // isAllowRepeatedSelect: false,
-    beforeShowModal: () => {
-      return Promise.resolve(true);
-      // return Promise.reject('校验有误');
-    },
-    onSaveCallback: (rows) => {
-      console.log('save call', rows);
-      return Promise.resolve(true);
-      // return Promise.reject('FAILE')
-    }
-  }
-  return (
-    <div>
-      <AddSkcSelect {...config}  />
-    </div>
-  );
-};
-```
-
-
-## AddSpuSelect
-
-### SPU选择录入器
-
-```tsx
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
-import { AddSpuSelect } from '../../../index.ts';
-
-export default () => {
-  const config = {
-    buttonText: 'context',
-    buttonProps: { disabled: false },
-    exceptColumns: ['colorName','selectPropertyGroupCode','count', 'categoryText', 'className'],
-    tableCodeList: [null,'spuSelect-tableSelectedItemPartCode_ItemLabel'],
-    beforeShowModal: () => {
-      return Promise.resolve(true);
-      // return Promise.reject('校验有误');
-    },
-    onSaveCallback: (rows) => {
-      console.log('save call', rows);
-      return Promise.resolve(true);
-      // return Promise.reject('FAILE')
-    }
-  }
-  return (
-    <div>
-      <AddSpuSelect {...config}  />
-    </div>
-  );
-};
-```
-
-```tsx
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
-import { AddSpuSelect } from '../../../index.ts';
-
-export default () => {
-  const config = {
-    buttonText: '添加商品（单色配码）',
-    buttonProps: { disabled: false },
-    isSingleColor: true,
-    isAllowRepeatedSelect: true,
-    exceptColumns: ['ownOrgSignName', 'brandName', 'categoryText', 'className'],
-    tableCodeList: [null,'spuSelect-tableSelectedItemPartCode_ItemMatchingColor'],
-    beforeShowModal: () => {
-      return Promise.resolve(true);
-      // return Promise.reject('校验有误');
-    },
-    onSaveCallback: (rows) => {
-      console.log('save call', rows);
-      return Promise.resolve(true);
-      // return Promise.reject('FAILE')
-    }
-  }
-  return (
-    <div>
-      <AddSpuSelect {...config}  />
-    </div>
-  );
-};
-```
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: 商品档案录入器
+order: 1
+---
+
+# 商品选择录入器
+
+## AddSkuSelect
+
+### SKU选择录入器
+
+```tsx
+import React, { useState } from 'react';
+import { Tabs } from 'antd';
+import { AddSkuSelect } from '../../../index.ts';
+
+export default () => {
+  const config = {
+    buttonText: 'context',
+    buttonProps: { disabled: false },
+    // exceptColumns: ['count'],
+    // tableCodeList: [null,'skuSelect-tableSelectedItemPartCodeNoCount'],
+    // additionColumns: [
+    //   {
+    //     position: 2,
+    //     column: {
+    //       title: '品牌',
+    //       width: 100,
+    //       dataIndex: 'brandName',
+    //     },
+    //   },
+    //   {
+    //     position: 6,
+    //     column: {
+    //       title: '国际条码',
+    //       width: 100,
+    //       isInputItem: true,
+    //       dataIndex: 'barCode',
+    //     },
+    //   },
+    // ],
+    noUseItemEancode: false,
+    beforeShowModal: () => {
+      return Promise.resolve(true);
+      // return Promise.reject('校验有误');
+    },
+    onSaveCallback: (rows) => {
+      console.log('save call', rows);
+      return Promise.resolve(true);
+      // return Promise.reject('FAILE')
+    }
+  }
+  return (
+    <div>
+      <AddSkuSelect {...config}  />
+    </div>
+  );
+};
+```
+
+## AddSkcSelect
+
+### SKC选择录入器
+
+```tsx
+import React, { useState } from 'react';
+import { Tabs } from 'antd';
+import { AddSkcSelect } from '../../../index.ts';
+
+export default () => {
+  const config = {
+    buttonText: 'context',
+    buttonProps: { disabled: false },
+    // isAllowRepeatedSelect: false,
+    beforeShowModal: () => {
+      return Promise.resolve(true);
+      // return Promise.reject('校验有误');
+    },
+    onSaveCallback: (rows) => {
+      console.log('save call', rows);
+      return Promise.resolve(true);
+      // return Promise.reject('FAILE')
+    }
+  }
+  return (
+    <div>
+      <AddSkcSelect {...config}  />
+    </div>
+  );
+};
+```
+
+
+## AddSpuSelect
+
+### SPU选择录入器
+
+```tsx
+import React, { useState } from 'react';
+import { Tabs } from 'antd';
+import { AddSpuSelect } from '../../../index.ts';
+
+export default () => {
+  const config = {
+    buttonText: 'context',
+    buttonProps: { disabled: false },
+    exceptColumns: ['colorName','selectPropertyGroupCode','count', 'categoryText', 'className'],
+    tableCodeList: [null,'spuSelect-tableSelectedItemPartCode_ItemLabel'],
+    beforeShowModal: () => {
+      return Promise.resolve(true);
+      // return Promise.reject('校验有误');
+    },
+    onSaveCallback: (rows) => {
+      console.log('save call', rows);
+      return Promise.resolve(true);
+      // return Promise.reject('FAILE')
+    }
+  }
+  return (
+    <div>
+      <AddSpuSelect {...config}  />
+    </div>
+  );
+};
+```
+
+```tsx
+import React, { useState } from 'react';
+import { Tabs } from 'antd';
+import { AddSpuSelect } from '../../../index.ts';
+
+export default () => {
+  const config = {
+    buttonText: '添加商品（单色配码）',
+    buttonProps: { disabled: false },
+    isSingleColor: true,
+    isAllowRepeatedSelect: true,
+    exceptColumns: ['ownOrgSignName', 'brandName', 'categoryText', 'className'],
+    tableCodeList: [null,'spuSelect-tableSelectedItemPartCode_ItemMatchingColor'],
+    beforeShowModal: () => {
+      return Promise.resolve(true);
+      // return Promise.reject('校验有误');
+    },
+    onSaveCallback: (rows) => {
+      console.log('save call', rows);
+      return Promise.resolve(true);
+      // return Promise.reject('FAILE')
+    }
+  }
+  return (
+    <div>
+      <AddSpuSelect {...config}  />
+    </div>
+  );
+};
+```