|  |  | 
 |  |  | import DictionarySelect from "../../components/DictionarySelect"; | 
 |  |  | import ImportButton from "../../components/ImportButton"; | 
 |  |  | import DetailsIcon from '@mui/icons-material/Details'; | 
 |  |  | import CancelIcon from '@mui/icons-material/Cancel'; | 
 |  |  | import CancelOutlinedIcon from '@mui/icons-material/CancelOutlined'; | 
 |  |  | import OutOrderCreate from "./OutOrderCreate"; | 
 |  |  | import AddIcon from '@mui/icons-material/Add'; | 
 |  |  | import OutOrderModal from "./OutOrderModal"; | 
 |  |  | import PublicIcon from '@mui/icons-material/Public'; | 
 |  |  | import SelectMatnrModal from "./SelectMatnrModal"; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |   '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |           <TopToolbar> | 
 |  |  |             <FilterButton /> | 
 |  |  |             <CreateByOrderButton setCreateDialog={setCreateDialog} /> | 
 |  |  |             <MyCreateButton onClick={() => { setManualDialog(true) }} /> | 
 |  |  |             <MyCreateButton onClick={() => { setManualDialog(true); setmodalType(0) }} /> | 
 |  |  |             <SelectColumnsButton preferenceKey='outStock' /> | 
 |  |  |             <ImportButton value={'asnOrderItem'} /> | 
 |  |  |             {/* <MyExportButton /> */} | 
 |  |  | 
 |  |  |           <BillStatusField cellClassName="status" source="exceStatus" label="table.field.outStock.exceStatus" /> | 
 |  |  |           <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |           <WrapperField cellClassName="opt" label="common.field.opt" > | 
 |  |  |             <MyButton setCreateDialog={setManualDialog} setmodalType={setmodalType} /> | 
 |  |  |             <EditButton label="toolbar.detail" icon={(<DetailsIcon />)}></EditButton> | 
 |  |  |             <CancelButton /> | 
 |  |  |           </WrapperField> | 
 |  |  |         </StyledDatagrid> | 
 |  |  |       </List> | 
 |  |  |       <OutOrderCreate | 
 |  |  |       {/* <OutOrderCreate | 
 |  |  |         open={manualDialog} | 
 |  |  |         setOpen={setManualDialog} | 
 |  |  |       /> */} | 
 |  |  |       <SelectMatnrModal | 
 |  |  |         asnId={modalType} | 
 |  |  |         billReload={billReload} | 
 |  |  |         open={manualDialog} | 
 |  |  |         setOpen={setManualDialog} | 
 |  |  |       /> | 
 |  |  | 
 |  |  |         title='AsnOrder Detail' | 
 |  |  |         drawerVal={drawerVal} | 
 |  |  |         setDrawerVal={setDrawerVal} | 
 |  |  |       > | 
 |  |  |       </PageDrawer> | 
 |  |  |       /> | 
 |  |  |     </Box > | 
 |  |  |   ) | 
 |  |  | } | 
 |  |  | 
 |  |  |   return ( | 
 |  |  |     <Button onClick={createByOrder} label={'toolbar.asnCreate'}> <AddIcon /> </Button> | 
 |  |  |   ) | 
 |  |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const CancelButton = () => { | 
 |  |  |   const record = useRecordContext(); | 
 |  |  |   const notify = useNotify(); | 
 |  |  |   const refresh = useRefresh(); | 
 |  |  |  | 
 |  |  |   const cancelOrder = async () => { | 
 |  |  |     const { data: { code, data, msg } } = await request.get(`/outStock/cancel/${record?.id}`); | 
 |  |  |     if (code === 200) { | 
 |  |  | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   return ( | 
 |  |  |     <ConfirmButton label={"toolbar.cancel"} startIcon={<CancelIcon />} onConfirm={cancelOrder} /> | 
 |  |  |      record?.exceStatus == 0 ? <ConfirmButton label={"toolbar.cancel"} startIcon={<CancelOutlinedIcon />  } onConfirm={cancelOrder} /> : <></> | 
 |  |  |   ) | 
 |  |  | } |