|  |  | 
 |  |  | import { Box, Typography, Card, Stack, Dialog, DialogActions, DialogTitle } from '@mui/material'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import OutOrderItemCreate from "./OutOrderItemCreate"; | 
 |  |  | import EmptyData from "../../components/EmptyData"; | 
 |  |  | import MyCreateButton from "../../components/MyCreateButton"; | 
 |  |  | import MyExportButton from '../../components/MyExportButton'; | 
 |  |  | import PageDrawer from "../../components/PageDrawer"; | 
 |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE, DEFAULT_ITEM_PAGE_SIZE } from '@/config/setting'; | 
 |  |  | import OutOrderItemEdit from "./OutOrderItemEdit"; | 
 |  |  | import ImportButton from "../../components/ImportButton"; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |   '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |           actions={( | 
 |  |  |             <TopToolbar> | 
 |  |  |               <FilterButton /> | 
 |  |  |               <MyCreateButton onClick={() => { setCreateDialog(true) }} /> | 
 |  |  |               <SelectColumnsButton preferenceKey='outStockItem' /> | 
 |  |  |               {/* <MyExportButton /> */} | 
 |  |  |             </TopToolbar> | 
 |  |  |           )} | 
 |  |  |           perPage={DEFAULT_ITEM_PAGE_SIZE} | 
 |  |  | 
 |  |  |           <StyledDatagrid | 
 |  |  |             preferenceKey='outStockItem' | 
 |  |  |             bulkActionButtons={false} | 
 |  |  |             rowClick={(id, resource, record) => { | 
 |  |  |               setSelect(record) | 
 |  |  |               setEditDialog(true) | 
 |  |  |             }} | 
 |  |  |             rowClick={false} | 
 |  |  |             omit={['id', 'createTime', 'createBy', 'memo', 'poDetlId', 'purQty', 'purUnit', 'trackCode', 'packName', 'qrcode', 'splrName', 'matnrId', 'asnId']} | 
 |  |  |           > | 
 |  |  |             <NumberField source="id" /> |