| | |
| | | import { Box, Typography, Card, Stack, Dialog, DialogActions, DialogTitle, LinearProgress } from '@mui/material'; |
| | | import { styled } from '@mui/material/styles'; |
| | | import PageDrawer from "../../components/PageDrawer"; |
| | | import StickyDataTable from "../../components/StickyDataTable"; |
| | | import useTableLayout from '@/utils/useTableLayout'; |
| | | |
| | | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; |
| | | import { fetchInOrderItemColumns } from '../config/orderItemColumns'; |
| | | import { fetchInOrderItemFullColumns } from '../config/orderItemColumns'; |
| | | |
| | | const filters = [ |
| | | <SearchInput source="condition" alwaysOn />, |
| | |
| | | <> |
| | | <Box display="flex"> |
| | | <List |
| | | resource="asnOrderItem/in" |
| | | resource="asnOrderItemFull/in" |
| | | sx={{ |
| | | flexGrow: 1, |
| | | transition: (theme) => |
| | |
| | | title={"menu.asnOrderItem"} |
| | | empty={false} |
| | | filters={filters} |
| | | sort={{ field: "create_time", order: "desc" }} |
| | | sort={{ field: "id", order: "desc" }} |
| | | actions={( |
| | | <TopToolbar> |
| | | <FilterButton /> |
| | |
| | | const [columns, setColumns] = useState([]); |
| | | const { isLoading } = useListContext(); |
| | | const refresh = useRefresh(); |
| | | const [sidebarIsOpen] = useSidebarState(); |
| | | |
| | | const omittedFields = [ |
| | | 'id', 'orderId', 'orderCode', 'poCode', 'poId', 'wkType', 'type', 'checkType', |
| | | 'spec', 'model', 'purQty', 'purUnit', 'qrcode', 'trackCode', 'splrCode', |
| | | 'splrName', 'projectCode', 'supplierId', 'supplierName', 'priceUnitId', |
| | | 'shipperId', 'businessTime', 'extendFields.[businessTime]', |
| | | 'extendFields.[wkType]', 'extendFields.[type]' |
| | | 'id' |
| | | ]; |
| | | |
| | | useEffect(() => { |
| | |
| | | }, []); |
| | | |
| | | const getDynamicFields = async () => { |
| | | const result = await fetchInOrderItemColumns(); |
| | | const result = await fetchInOrderItemFullColumns(); |
| | | if (result.success) { |
| | | const hiddenSources = [ |
| | | 'splrName', |
| | | 'businessTime', 'extendFields.[businessTime]', |
| | | 'wkType', 'extendFields.[wkType]', |
| | | 'type', 'extendFields.[type]' |
| | | 'splrName', 'spec', 'createBy', 'createTime', 'createBy$', |
| | | 'type', 'extendFields.[type]', |
| | | ]; |
| | | const columns = result.columns.filter(col => !hiddenSources.includes(col.props.source)); |
| | | setColumns(columns); |
| | |
| | | } |
| | | } |
| | | |
| | | const sidebarWidth = sidebarIsOpen ? 200 : 50; |
| | | const contentPadding = 10; // 预留边距 |
| | | const rightDrawerWidth = drawerVal ? PAGE_DRAWER_WIDTH : 0; |
| | | const boxMaxWidth = `calc(100vw - ${sidebarWidth + rightDrawerWidth + contentPadding}px)`; |
| | | // 计算 maxHeight: 100vh - (Header+Tabs 86px) - (Toolbar ~50px) - (Filters ~60px) - (Pagination ~50px) - (Padding ~40px) ≈ 290px |
| | | const boxMaxHeight = `calc(100vh - 210px)`; |
| | | const { boxMaxWidth, boxMaxHeight } = useTableLayout(drawerVal); |
| | | |
| | | |
| | | |
| | | return ( |
| | | <Box sx={{ |
| | | position: 'relative', |
| | | position: 'relative', |
| | | maxHeight: boxMaxHeight, |
| | | maxWidth: boxMaxWidth, |
| | | overflowX: 'auto', |
| | |
| | | /> |
| | | )} |
| | | {columns.length > 0 && |
| | | <DataTable |
| | | <StickyDataTable |
| | | footerConfig={[ |
| | | { field: 'anfme', type: 'sum', label: 'table.field.asnOrderItem.anfme' }, |
| | | { field: 'qty', type: 'max', label: 'table.field.asnOrderItem.qty' }, |
| | | ]} |
| | | // stickyRight={['createTime']} |
| | | storeKey='asnOrderItem' |
| | | bulkActionButtons={false} |
| | | rowClick={false} |
| | | hiddenColumns={omittedFields} |
| | | > |
| | | {columns |
| | | .map((column) => ( |
| | | <DataTable.Col |
| | | key={column.key || column.props.source} |
| | | source={column.props.source} |
| | | label={column.props.label} |
| | | > |
| | | {column} |
| | | </DataTable.Col> |
| | | )) |
| | | } |
| | | </DataTable>} |
| | | {columns} |
| | | </StickyDataTable>} |
| | | </Box> |
| | | ) |
| | | } |