|  |  | 
 |  |  | import { Box, Typography, Card, Stack } from '@mui/material'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import WaitPakinCreate from "./WaitPakinCreate"; | 
 |  |  | import WaitPakinPanel from "./WaitPakinPanel"; | 
 |  |  | import ConfirmButton from "../components/ConfirmButton"; | 
 |  |  | import EmptyData from "../components/EmptyData"; | 
 |  |  | import MyExportButton from '../components/MyExportButton'; | 
 |  |  | import PageDrawer from "../components/PageDrawer"; | 
 |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; | 
 |  |  | import AddIcon from '@mui/icons-material/Add'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import SelectSiteModel from "./SelectSiteModel"; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |     '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     '& .column-name': { | 
 |  |  |     }, | 
 |  |  |     '& .column-statusBool': { | 
 |  |  |         width: 90 | 
 |  |  |     }, | 
 |  |  |     '& .opt': { | 
 |  |  |         width: 200 | 
 |  |  |         width: 210 | 
 |  |  |     }, | 
 |  |  | })); | 
 |  |  |  | 
 |  |  | const filters = [ | 
 |  |  |     <SearchInput source="condition" alwaysOn />, | 
 |  |  |     <TextInput source="code" label="table.field.waitPakin.code" />, | 
 |  |  |     <NumberInput source="ansId" label="table.field.waitPakin.ansId" />, | 
 |  |  |     <TextInput source="asnCode" label="table.field.waitPakin.asnCode" />, | 
 |  |  |     <TextInput source="barcode" label="table.field.waitPakin.barcode" />, | 
 |  |  |     <NumberInput source="anfme" label="table.field.waitPakin.anfme" />, | 
 |  |  |     <SelectInput source="ioStatus" label="table.field.waitPakin.ioStatus" | 
 |  |  | 
 |  |  | const WaitPakinList = () => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const [createDialog, setCreateDialog] = useState(false); | 
 |  |  |     const [siteDialog, setSiteDialog] = useState(false); | 
 |  |  |     const [source, setSource] = useState(false); | 
 |  |  |     const [drawerVal, setDrawerVal] = useState(false); | 
 |  |  |  | 
 |  |  |     const CreateTaskButton = () => { | 
 |  |  |         const record = useRecordContext(); | 
 |  |  |         const notify = useNotify(); | 
 |  |  |         const refresh = useRefresh(); | 
 |  |  |         const { selectedIds, onUnselectItems, data } = useListContext(); | 
 |  |  |         const rows = data.filter(map => selectedIds.includes(map.id)); | 
 |  |  |         const createTask = () => { | 
 |  |  |             setSiteDialog(true) | 
 |  |  |             setSource(rows) | 
 |  |  |             onUnselectItems() | 
 |  |  |             refresh() | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         return ( | 
 |  |  |             <> | 
 |  |  |                 <Button onClick={() => createTask()} label={"toolbar.createTask"}> | 
 |  |  |                     <AddIcon /> | 
 |  |  |                 </Button> | 
 |  |  |             </> | 
 |  |  |         ) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const CreateTaskRowButton = () => { | 
 |  |  |         const record = useRecordContext(); | 
 |  |  |         const refresh = useRefresh(); | 
 |  |  |  | 
 |  |  |         const createTask = (event) => { | 
 |  |  |             event.stopPropagation(); | 
 |  |  |             setSiteDialog(true) | 
 |  |  |             setSource([record]) | 
 |  |  |             refresh() | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         return ( | 
 |  |  |             <> | 
 |  |  |                 <Button onClick={(event) => createTask(event)} label={"toolbar.createTask"}> | 
 |  |  |                     <AddIcon /> | 
 |  |  |                 </Button> | 
 |  |  |             </> | 
 |  |  |         ) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <Box display="flex"> | 
 |  |  |             <List | 
 |  |  |                 resource="waitPakin" | 
 |  |  |                 sx={{ | 
 |  |  |                     flexGrow: 1, | 
 |  |  |                     transition: (theme) => | 
 |  |  | 
 |  |  |                     marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, | 
 |  |  |                 }} | 
 |  |  |                 title={"menu.waitPakin"} | 
 |  |  |                 empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} | 
 |  |  |                 empty={false} | 
 |  |  |                 filters={filters} | 
 |  |  |                 sort={{ field: "create_time", order: "desc" }} | 
 |  |  |                 actions={( | 
 |  |  | 
 |  |  |             > | 
 |  |  |                 <StyledDatagrid | 
 |  |  |                     preferenceKey='waitPakin' | 
 |  |  |                     bulkActionButtons={<> <CreateTaskButton /> <BulkDeleteButton mutationMode={OPERATE_MODE} /></>} | 
 |  |  |                     rowClick='edit' | 
 |  |  |                     expand={false} | 
 |  |  |                     expandSingle={true} | 
 |  |  |                     bulkActionButtons={ | 
 |  |  |                         <> | 
 |  |  |                             <CreateTaskButton /> | 
 |  |  |                             {/* <BulkDeleteButton mutationMode={OPERATE_MODE} /> */} | 
 |  |  |                         </>} | 
 |  |  |                     rowClick={false} | 
 |  |  |                     omit={['id', 'createTime', 'createBy', 'memo']} | 
 |  |  |                 > | 
 |  |  |                     <NumberField source="id" /> | 
 |  |  |                     <TextField source="code" label="table.field.waitPakin.code" /> | 
 |  |  |                     {/* <NumberField source="ansId" label="table.field.waitPakin.ansId" /> */} | 
 |  |  |                     {/* <TextField source="asnCode" label="table.field.waitPakin.asnCode" /> */} | 
 |  |  |                     <TextField source="barcode" label="table.field.waitPakin.barcode" /> | 
 |  |  |                     <NumberField source="anfme" label="table.field.waitPakin.anfme" /> | 
 |  |  |                     <TextField source="ioStatus$" label="table.field.waitPakin.ioStatus" sortable={false} /> | 
 |  |  |                     <TextField source="updateBy$" label="common.field.updateBy" /> | 
 |  |  |                     <DateField source="updateTime" label="common.field.updateTime" showTime  /> | 
 |  |  |                     <DateField source="updateTime" label="common.field.updateTime" showTime /> | 
 |  |  |                     <DateField source="createTime" label="common.field.createTime" showTime /> | 
 |  |  |                     <BooleanField source="statusBool" label="common.field.status" sortable={false} /> | 
 |  |  |                     <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |                     <WrapperField cellClassName="opt" label="common.field.opt"> | 
 |  |  |                         <EditButton label="toolbar.detail" sx={{ padding: '1px', fontSize: '.75rem' }} /> | 
 |  |  |                         {/* <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> */} | 
 |  |  |                         <CreateTaskRowButton /> | 
 |  |  |                         <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> | 
 |  |  |                     </WrapperField> | 
 |  |  |                 </StyledDatagrid> | 
 |  |  |             </List> | 
 |  |  |             <SelectSiteModel open={siteDialog} setOpen={setSiteDialog} source={source} /> | 
 |  |  |             <WaitPakinCreate | 
 |  |  |                 open={createDialog} | 
 |  |  |                 setOpen={setCreateDialog} | 
 |  |  | 
 |  |  |  | 
 |  |  | export default WaitPakinList; | 
 |  |  |  | 
 |  |  | const CreateTaskButton = () => { | 
 |  |  |     const record = useRecordContext(); | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const { selectedIds, onUnselectItems, data } = useListContext(); | 
 |  |  |     const createTask = async () => { | 
 |  |  |         const rows = data.filter((item) => selectedIds.includes(item.id)) || []; | 
 |  |  |         const res = await request.post(`/waitPakin/merge`, rows); | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  |             refresh() | 
 |  |  |             notify(res.data.msg); | 
 |  |  |  | 
 |  |  |         } else { | 
 |  |  |             notify(res.data.msg); | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Button onClick={() => createTask()} label={"toolbar.createTask"}> | 
 |  |  |                 <AddIcon /> | 
 |  |  |             </Button> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         </> | 
 |  |  |  | 
 |  |  |     ) | 
 |  |  | } |