@bit-sun/business-component 4.0.13-alpha.8 → 4.2.0-aiwei-alpha.1

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

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Table as SulaTable, request } from 'bssula';
 import { Resizable } from 'react-resizable';
@@ -14,35 +15,46 @@ import TableSumComponent from './components/TableSumComponent';
 const { Text } = Typography;
 
 export default class ColumnSettingSulaTable extends React.Component {
-  sulaTableRef: React.RefObject<unknown>;
+  sulaTableRef: React.RefObject<any>;
   state: any;
   constructor(props: any) {
     super(props);
     this.state = {
       showColumns: [],
+      selectedRowKeys: [], // 新增状态，用于跟踪选中的行的键
+      selectedRows: [],
+      showSummary: null
     }
-    this.sulaTableRef = React.createRef();
+    this.sulaTableRef = React.createRef<any>();
   }
 
   componentDidMount() {
-    const { columns }: any = this.props;
-    this.setInitialShowColumn(columns || [])
+    const { columns, updateSummary }: any = this.props;
+    this.setInitialShowColumn(columns || [], () => {
+      // 首次加载时调用 recalculateSummary 方法
+      this.recalculateSummary(updateSummary || '');
+    });
   }
 
   componentWillReceiveProps(nextProps: any) {
     // if (JSON.stringify(this.props.columns) !== JSON.stringify(nextProps.columns)) {
     // }
-    this.setInitialShowColumn(nextProps.columns || [])
-  }
 
-  setInitialShowColumn = (columns: any[]) => {
+    this.setInitialShowColumn(nextProps.columns || [], () => {
+      this.recalculateSummary(nextProps.updateSummary);
+    });
+    if(nextProps.newUpdateSummary){
+      this.recalculateSummary(nextProps.newUpdateSummary);
+    }
+  };
+
+  setInitialShowColumn = (columns: any[], callback?: () => void) => {
     // 获取当前列表定义数据
     let columnConfig = this.getConfigFromlocalstorage();
     let showColumns = getShowColumns(columns, columnConfig);
     this.setState({
-      showColumns,
-    })
-
+        showColumns
+    }, callback);
   }
 
   setShowColumns = (newColumns: Array<any>) => {
@@ -66,32 +78,98 @@ export default class ColumnSettingSulaTable extends React.Component {
     return [];
   };
 
+  /**
+   * 新增函数，用于根据传入的小数位数进行四舍五入
+   * @param number
+   * @param decimalPlaces
+   * @returns
+   */
+  roundToDecimalPlaces = (number: any, decimalPlaces: number) => {
+    const factor = Math.pow(10, (decimalPlaces || 2));
+    return Math.round(Number(number || 0) * factor) / factor;
+  };
+
+  /**
+   * 合计行逻辑
+   * @returns
+   */
   getTableSummaryInfo = () => {
-    const { summary = undefined, rowSelection, expandable }: any = this.props;
-    const { showColumns }: any = this.state;
-    // let summaryRow = rowSelection ? [{}, ...showColumns] : [...showColumns];
-    let summaryRow = rowSelection && expandable ? [{}, {}, ...showColumns] : rowSelection || expandable ? [{}, ...showColumns] : [...showColumns]; //兼容table配置展开expandable属性导致汇总列位置不对的问题
-    let summaryInitial = summary().cont;
-    let summaryDom: any = <Table.Summary fixed>
-      <Table.Summary.Row>
-        {
-          [...summaryRow].map((item: any, index: number) => {
+    const { summary = undefined, rowSelection, expandable, isSpecial = false, modeType }: any = this.props;
+    const { showColumns } = this.state;
+
+    const generateSummaryRow = () => {
+      if (rowSelection && expandable) {
+        return [{}, {}, ...showColumns];
+      } else if (rowSelection || expandable || isSpecial) {
+        return [{}, ...showColumns];
+      }
+      return [...showColumns];
+    };
+
+    const summaryRow = generateSummaryRow();
+
+    let summaryInitial: any = [];
+    // 完善判断逻辑
+    if (typeof summary === 'function') {
+      const summaryResult = summary();
+      if (summaryResult.diy && !Array.isArray(summaryResult)) {
+        summaryInitial = summaryResult.cont;
+      }
+    } else if (typeof summary === 'object' && summary !== null && summary.diy && !Array.isArray(summary)) {
+      summaryInitial = summary.cont;
+    }
+
+    //let offset = 0;
+    let validSummaryRow = summaryRow;
+    // if (summaryInitial && summaryInitial.length > 0) {
+    //   summaryRow.filter((item) => {
+    //     if (Object.keys(item).length === 0) {
+    //       offset++;
+    //       return false;
+    //     }
+    //     return true;
+    //   });
+    // }
+
+    const dataSource = this.sulaTableRef?.current?.getDataSource() || [];
+
+    const summaryDom = (
+      <Table.Summary fixed>
+        <Table.Summary.Row>
+          {validSummaryRow.map((item, index) => {
+            const actualIndex = index;
+            let cellContent;
+
+            if (item.showTotal) {
+              cellContent = <Text type="danger">合计</Text>;
+            } else if (summaryInitial && summaryInitial.length > 0) {
+              const matchedItem = summaryInitial.find((inner: any) => inner.key === item.dataIndex || inner.key === item.key);
+              cellContent = <Text type="danger">{matchedItem ? matchedItem.value : ''}</Text>;
+            } else {
+              if (item.showSummary) {
+                const sum = dataSource.reduce((acc: any, record: any) => {
+                  const value = record[item.dataIndex];
+                  return acc + Number(value || 0);
+                }, 0);
+                const decimalPlaces = item.showDigit || 2;
+                const roundedSum = this.roundToDecimalPlaces(sum, decimalPlaces);
+                cellContent = <Text type="danger">{roundedSum}</Text>;
+              } else {
+                cellContent = <Text type="danger"></Text>;
+              }
+            }
+
             return (
-              <Table.Summary.Cell index={index}>
-                <Text type="danger">
-                  {
-                    summaryInitial.filter((inner: any) => inner.key === item.dataIndex || inner.key === item.key).length ?
-                      `${item.title}: ${summaryInitial.filter((inner: any) => inner.key === item.dataIndex || inner.key === item.key)[0].value}` : ''
-
-                  }
-                </Text>
+              <Table.Summary.Cell index={item.showTotal ? actualIndex + 1 : actualIndex}>
+                {cellContent}
               </Table.Summary.Cell>
-            )
-          })
-        }
-      </Table.Summary.Row >
-    </Table.Summary>
-  return () => summaryDom
+            );
+          })}
+        </Table.Summary.Row>
+      </Table.Summary>
+    );
+
+    return () => summaryDom;
   };
 
   handledynamicColumns = (col: any[]) => {
@@ -128,7 +206,7 @@ export default class ColumnSettingSulaTable extends React.Component {
 
   ResizeableTitle = (props: any) => {
     const { onResize, width, ...restProps } = props;
-    
+
     const [innerWidth, setInnerWidth] = useState(width);
     const [isResizing, setIsResizing] = useState(false); // 标记是否正在拖拽
     const [isDragging, setIsDragging] = useState(false); // 标记拖拽句柄是否被拖拽
@@ -136,9 +214,9 @@ export default class ColumnSettingSulaTable extends React.Component {
     const markerPosition = useRef({ left: 0, top: 0 });
     const currentStart = useRef(0);
     const uuidref = useRef(uuid());
-    
+
     const prevWidthRef = useRef(width);
-  
+
     const handleMouseDown = (e: any) => {
       currentStart.current = e.clientX;
       markerPosition.current = { left: e.clientX, top: e.clientY }
@@ -146,53 +224,53 @@ export default class ColumnSettingSulaTable extends React.Component {
       document.addEventListener('mousemove', handleMouseMove);
       document.addEventListener('mouseup', handleMouseUp);
     };
-  
+
     const handleMouseMove = (e: any) => {
       e.stopPropagation();
       e.preventDefault();
       // 更新标记位置
       markerPosition.current = { left: e.clientX, top: e.clientY }
       const dom: HTMLElement | null =  document.getElementById('text1');
-  
+
       if (dom && dom.style) {
         dom.style.left = `${e.clientX}px`;
         dom.style.top = `${e.clientY - 20}px`;
       }
     };
-  
+
     const handleMouseUp = (e: any) => {
       document.removeEventListener('mousemove', handleMouseMove);
       document.removeEventListener('mouseup', handleMouseUp);
       setIsResizing(false);
     };
-    
+
     const handleresize = (e: any, data: any, title: string) => {
       const newWidth = data?.size?.width || 0;
       setInnerWidth(newWidth); // 更新内部分宽度
     };
-  
+
     const handleResizeStart = () => {
       setIsResizing(true);
     };
-  
+
     const handleResizeStop = (e: any, data: any) => {
       setIsResizing(false);
       if (onResize) {
         onResize(e, data);
       }
     };
-  
+
     useEffect(() => {
       if (width !== prevWidthRef.current) {
         prevWidthRef.current = width;
         setInnerWidth(width);
       }
     }, [width]);
-  
+
     const thStyle = {
       boxShadow: isResizing ? '2px 2px 10px rgba(0, 0, 0, 0.3)' : 'none',
     };
-  
+
     return (
       <Resizable
         width={innerWidth}
@@ -254,19 +332,53 @@ export default class ColumnSettingSulaTable extends React.Component {
     }
   };
 
+  /**
+   * 处理行点击事件
+   * @param record
+   */
+  handleRowClick = (record: any) => {
+    const { selectedRowKeys, selectedRows, } = this.state;
+    const { rowKey }: any = this.props;
+    let newSelectedRowKeys = [...selectedRowKeys];
+    let newSelectedRows = [...selectedRows];
+
+    const keyIndex = newSelectedRowKeys.indexOf(record[rowKey]);
+    if (keyIndex > -1) {
+      // 如果已经选中，则取消选中
+      newSelectedRowKeys.splice(keyIndex, 1);
+      newSelectedRows.splice(keyIndex, 1);
+    } else {
+      // 如果未选中，则添加到选中列表
+      newSelectedRowKeys.push(record[rowKey]);
+      newSelectedRows.push(record);
+    }
+    this.setState({
+      selectedRowKeys: newSelectedRowKeys,
+      selectedRows: newSelectedRows,
+    });
+
+    // 手动调用外部传入的 onChange 函数
+    const { rowSelection }: any = this.props;
+    if (rowSelection && typeof rowSelection.onChange === 'function') {
+      // 直接将 record 作为数组元素传递
+      rowSelection.onChange(newSelectedRowKeys, newSelectedRows);
+    }
+  };
+
+  recalculateSummary = (nextProps: any) => {
+    if (this.state.showColumns.length) {
+      const showSummary = this.getTableSummaryInfo();
+      this.setState({ showSummary });
+    }
+  };
+
   render() {
-    const { style=null, columns, tableCode, appRequestConfig, summary = undefined, dynamicColumns = [], scroll={}, ...restProps }: any = this.props;
+    const { style=null, columns, tableCode, appRequestConfig, summary = undefined, dynamicColumns = [], scroll={}, rowSelection: propRowSelection, ...restProps }: any = this.props;
     let otherTableInfo = {
       ...restProps,
     };
-    let showSummary = null;
-    if (this.state.showColumns.length && !Array.isArray(summary)) {
-      if (summary && summary().diy) {
-        showSummary = this.getTableSummaryInfo();
-      } else {
-        showSummary = summary;
-      }
-    };
+
+    const { showSummary } = this.state;
 
     const handleColumns = (arr: any, indexArr: any[]) => {
       arr.forEach((item: any, index: any) => {
@@ -292,7 +404,7 @@ export default class ColumnSettingSulaTable extends React.Component {
     handleColumns(showCol, []);
     if (dynamicColumns.length) {
       showCol = this.handledynamicColumns(showCol);
-    }
+    };
 
     otherTableInfo = {
       ...otherTableInfo,
@@ -304,8 +416,28 @@ export default class ColumnSettingSulaTable extends React.Component {
       sticky: true,
       ...(
         showSummary ? { summary: showSummary } : {}
-      )
+      ),
+      rowSelection: propRowSelection ? {
+        ...propRowSelection,
+        selectedRowKeys: this.state.selectedRowKeys,
+        onChange: (selectedRowKeys: any, selectedRows: any) => {
+            this.setState({
+                selectedRowKeys,
+                selectedRows
+            });
+            if (propRowSelection && propRowSelection.onChange) {
+              propRowSelection.onChange(selectedRowKeys, selectedRows);
+            }
+        },
+      } : false,
+      onRow: (record: any) => {
+        return {
+          onClick: () => this.handleRowClick(record), // 绑定行点击事件
+          //onDoubleClick: () => this.handleRowDoubleClick(record), // 绑定行点击事件
+        };
+      },
     }
+
     return (
       <div style={{ position: 'relative' }}>
         <span style={{ position: 'absolute', zIndex: '10', right: '8px', top: '10px' }} className="ant-dropdown-link">

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

@@ -1,5 +1,5 @@
 
-import request from '@/utils/request';
+import request from '@/utils/cachedRequest';
 import { stringify } from 'querystring';
 import { message } from 'antd';
 import { judgeIsRequestError } from '@/utils/requestUtils';

package/src/components/Functional/AddSelect/index.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal, Select, InputNumber, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag } from 'antd';
 import { SearchOutlined, CopyOutlined, CloseCircleOutlined } from '@ant-design/icons';
-import request from '@/utils/request';
+import request from '@/utils/cachedRequest';
 import { stringify } from 'querystring';
 import _ from "lodash"
 import './index.less';
@@ -87,16 +87,18 @@ const AddSelect = (props: any) => {
     tableCodeList = [], // 非必填 默认取组件定义code,如需自定义----数组第一位为供选择商品的table的code,第二位为已选择商品的table的code
     businessType = 'sku',
     isAllowRepeatedSelect = false,
-    clearTitle
+    clearTitle,
+    batchFormatCallback,
+    batchFormatBtnTitle,
   } = props;
-  const { url, otherParams, isMap, mappingValueField = 'code' } = requestConfig || {};
+  const { url, method = 'get', sourceKey, otherParams, isMap, mappingValueField = 'code', extralHeaders = {} } = requestConfig || {};
   const realButtonProps = {type: "primary", ...buttonProps};
   const selectRowKey = isAllowRepeatedSelect ? 'uuid' : mappingValueField
 
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
   const initVal = value || (selectMode ? [] : null);
   const pageSize = 100 // 下拉框默认分页 条数
-  const tableInitPageSize = 10 // 弹框默认分页 条数
+  const tableInitPageSize = modalTableProps?.topTablePagination?.pageSize || 10 // 弹框默认分页 条数
   const currentPage = 1
 
   const [fetching, setFetching] = useState(false);
@@ -108,7 +110,7 @@ const AddSelect = (props: any) => {
   const [tableSearchForm, setTableSearchForm] = useState<Array<SearchFormItem>>(modalTableProps?.tableSearchForm)
   const [caretLeftFlag, setCaretLeftFlag] = useState(true);
   const [tableData, setTableData] = useState([]);
-  const [tablePagination, setTablePagination] = useState({ total: 0, size: "small", current: 1, pageSize: tableInitPageSize })
+  const [tablePagination, setTablePagination] = useState({ total: 0, size: "small", current: 1, pageSize: tableInitPageSize, ...(modalTableProps?.topTablePagination) })
   const [selectedRowKeys, setSelectedRowKeys] = useState([]);
   const [tableFormParams, setTableFormParams] = useState({});
   const [confirmLoading, setConfirmLoading] = useState(false);
@@ -214,9 +216,108 @@ const AddSelect = (props: any) => {
                 // precision: unitAccuracy
               }
             }
+            // 如果属性为函数时,则执行该函数
+            const inputProps = Object.keys(item?.inputProps || {})?.reduce((acc, key) => {
+              const value = item?.inputProps?.[key];
+              acc[key] = typeof value === 'function' ? value?.(record) : value;
+              return acc;
+            }, {});
+
+            // 可输入非数字字符
+            if(item.canInputString) {
+              return (
+                <InputNumber
+                  min={0}
+                  precision={0}
+                  controls={false}
+                  {...inputProps}
+                  value={text || ''}
+                  keyboard={false}
+                  onPressEnter={(e: any) => {
+                    e.target.blur();
+                  }}
+                  onBlur={async (e: any) => {
+                    const {
+                      target: { value },
+                    } = e;
+                    record[item.dataIndex] = value
+                    editRecord(record)
+                  }}
+                  onKeyDown={(e) => {
+                    if(e.keyCode === 13 && e.ctrlKey) {
+                      handleOk(true)
+                      document.getElementById("first-query")?.focus()
+                    }
+                    if(e.keyCode === 8 && e.ctrlKey) {
+                      message.success('删除当前行')
+                      e.stopPropagation();
+                      e.preventDefault();
+                      let dom = e.nativeEvent.path[5].children[index + 2]?.getElementsByTagName('input')[currentIndex]
+                      if (dom) {
+                        dom.select();
+                        dom.focus();
+                        dom.scrollIntoView(false)
+                      }
+                      dom = null
+                      deleteRecord(record, popvalue);
+                    }
+                    if (e.keyCode === 37 && e.shiftKey) {   // 左滑动
+                      e.stopPropagation();
+                      e.preventDefault();
+                      let dom = e.nativeEvent.path[5].children[index + 1]?.getElementsByTagName('input')[currentIndex - 1]
+                      if (dom) {
+                        dom.select();
+                        dom.focus();
+                        dom.scrollIntoView(false)
+                      }
+                      dom = null
+                    }
+                    if (e.keyCode === 39 && e.shiftKey) {  //  右滑
+                      e.stopPropagation();
+                      e.preventDefault();
+                      let dom = e.nativeEvent.path[5].children[index + 1]?.getElementsByTagName('input')[currentIndex + 1]
+                      if (dom) {
+                        dom.select();
+                        dom.focus();
+                        dom.scrollIntoView(false)
+                      }
+                      dom = null
+                    }
+                    if (e.keyCode === 40) {
+                      e.stopPropagation();
+                      e.preventDefault();
+                      let dom = e.nativeEvent.path[5].children[index + 2]?.getElementsByTagName('input')[currentIndex]
+                      if (dom) {
+                        dom.select();
+                        dom.focus();
+                        dom.scrollIntoView(false)
+                      }
+                      dom = null
+                    } else if (e.keyCode === 38) {
+                      e.stopPropagation();
+                      e.preventDefault();
+                      let dom1 = e.nativeEvent.path[5].children[index]?.getElementsByTagName('input')[currentIndex]
+                      if (dom1) {
+                        // dom1.value=""
+                        // dom1.setSelectionRange(100, 0);
+                        dom1.select();
+                        dom1.focus();
+                        dom1.scrollIntoViewIfNeeded(false)
+                        // dom1.value=record['count']
+                      }
+                      dom1 = null
+                    } else if (e.keyCode === 9 && index === selectedRowKeys.length - 1 && currentIndex === inputLength - 1) {
+                      e.stopPropagation();
+                      e.preventDefault();
+                    }
+                  }}
+                />
+              );
+            }
+            
             return (
               <InputNumber
-                {...item.inputProps}
+                {...inputProps}
                 value={text || ''}
                 min={0}
                 autoFocus={record.needFocus}
@@ -518,9 +619,18 @@ const AddSelect = (props: any) => {
         }
       })
     }
-    request
-      .get(`${url}${url.includes("?")?"&":"?"}${stringify(queryParams)}`)
-      .then((result: any) => {
+
+    let getRequest;
+    const methodName = method?.toLocaleLowerCase?.();
+    if(['post','patch','put'].includes(methodName)) {
+      getRequest = request[methodName](`${url}`,queryParams, { headers: { ...extralHeaders }})
+    } else {
+      getRequest = request.get( `${url}${url.includes("?")?"&":"?"}${stringify(queryParams)}`,{headers: { ...extralHeaders }})
+    }
+
+    if (!url || !getRequest) return;
+
+    getRequest.then((result: any) => {
         setFetching(false)
         result = result.data;
         if (judgeIsRequestError(result)) {
@@ -537,7 +647,7 @@ const AddSelect = (props: any) => {
             };
           });
         } else {
-          const keys = res.list ? 'list' : 'items';
+          const keys = sourceKey ? sourceKey :res.list ? 'list' : 'items';
           source = res
             ? res[keys]
               ? res[keys].map((item: any) => {
@@ -557,7 +667,8 @@ const AddSelect = (props: any) => {
               })
             : [];
         }
-        source = Array.isArray(source) ? source : []
+        // 数据源 不可以有重复key
+        source = Array.isArray(source) ? _.uniqBy(source, 'value') : [];
      
         setTableData(source)
         setTablePagination({ ...tablePagination, total: Number(res?.total || res?.totalCount || source.length), pageSize: Number(res?.size || res?.pageSize || (params?.pageSize || pageSize)), current: Number(res?.page || res?.currentPage || (params?.currentPage || currentPage)) })
@@ -605,6 +716,11 @@ const AddSelect = (props: any) => {
     }, 50)
   };
 
+  // 将格式化完的数据回显到 表格中
+  const batchFormatCallbackHandler = () => {
+    setPopValue([...batchFormatCallback?.(popvalue)]);
+  }
+
   const handleShowModal = () => {
     if(beforeShowModal) {
       beforeShowModal(popvalue).then(res => {
@@ -940,7 +1056,7 @@ const AddSelect = (props: any) => {
       </div>
       {isModalVisible && (
         <Modal
-          width='1200px'
+          width={`calc(100% - 320px)`}
           style={{ top: 20 }}
           bodyStyle={{ padding: '0px' }}
           visible={isModalVisible}
@@ -1039,7 +1155,10 @@ const AddSelect = (props: any) => {
                       settingImgAttribute={{ width: 20, style: { marginTop: -2 } }}
                     />
                   </span>
-                  <div style={{ marginRight: 8 }}><span onClick={deleteSelectRows} style={{ ...themeColor, cursor: 'pointer' }}>{clearTitle??'清空所选商品'}</span></div>
+                  <div style={{ marginRight: 8, display: 'flex', gap: '5px' }}>
+                    <span hidden={!batchFormatCallback} onClick={batchFormatCallbackHandler} style={{ cursor: 'pointer' }}>{batchFormatBtnTitle ?? '一键填充'}</span>
+                    <span onClick={deleteSelectRows} style={{ ...themeColor, cursor: 'pointer' }}>{clearTitle ?? '清空所选商品'}</span>
+                  </div>
                 </div>
               </div>
               <Table

package/src/components/Functional/BillEntry/index.less

@@ -361,6 +361,9 @@
     .table_odd {
       background: #f7f8fb;
     }
+    .table_gray {
+      background: #C0C0C0;
+    }
     
     // 浮起的列 设置斑马
     .ant-table-cell-fix-left,

package/src/components/Functional/BillEntry/index.tsx

@@ -4,7 +4,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import { SearchOutlined, CopyOutlined, CloseCircleOutlined } from '@ant-design/icons';
 import { stringify } from 'querystring';
 import './index.less';
-import request from '@/utils/request';
+import request from '@/utils/cachedRequest';
 import { Resizable } from 'react-resizable';
 import { checkQuantityAccuracy, precisionQuantity } from '@/utils/checkUtils';
 import { tableColumnsImage } from '@/components/Business/BsSulaQueryTable/utils';

package/src/components/Functional/DataImport/index.tsx

@@ -26,7 +26,7 @@ import {
   ProfileTwoTone,
   UnorderedListOutlined,
 } from '@ant-design/icons';
-import request from '@/utils/request';
+import request from '@/utils/cachedRequest';
 import './index.less';
 import _ from "lodash"
 import { judgeIsRequestError } from '@/utils/requestUtils';

package/src/components/Functional/DataValidation/index.md

@@ -43,6 +43,7 @@ export default () => {
         onRef={(ref) => {
           dataValidationRef = ref;
         }}
+        getTemplate={() => {}}
       />
     </div>
   );