|  |  | 
 |  |  | import ConfirmButton from "../components/ConfirmButton"; | 
 |  |  | import CloseIcon from '@mui/icons-material/Close'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import { red } from '@mui/material/colors'; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |     '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |     const [createDialog, setCreateDialog] = useState(false); | 
 |  |  |     const [drawerVal, setDrawerVal] = useState(false); | 
 |  |  |  | 
 |  |  |     const onDeprecated = (jamId) => { | 
 |  |  |         request.get("/jam/deprecated/" + jamId).then(res => { | 
 |  |  |     const onDeprecate = (jamId) => { | 
 |  |  |         request.get("/jam/deprecate/" + jamId).then(res => { | 
 |  |  |             const { code, msg, data } = res.data; | 
 |  |  |             if (code === 200) { | 
 |  |  |                 notify(msg || 'common.response.success', { type: 'success', messageArgs: { _: msg } }); | 
 |  |  | 
 |  |  |                 perPage={DEFAULT_PAGE_SIZE} | 
 |  |  |                 filterDefaultValues={{ state: 'RUNNING' }} | 
 |  |  |             > | 
 |  |  |                 <TabbedDatagrid onDeprecated={onDeprecated} /> | 
 |  |  |                 <TabbedDatagrid onDeprecate={onDeprecate} /> | 
 |  |  |             </List> | 
 |  |  |             <JamCreate | 
 |  |  |                 open={createDialog} | 
 |  |  | 
 |  |  |     { id: 'DEPRECATED', name: 'page.jam.enums.state.deprecated' }, | 
 |  |  | ]; | 
 |  |  |  | 
 |  |  | const TabbedDatagrid = ({ onDeprecated }) => { | 
 |  |  | const TabbedDatagrid = ({ onDeprecate }) => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const { filterValues, setFilters, displayedFilters } = useListContext(); | 
 |  |  |     const isXSmall = useMediaQuery(theme => | 
 |  |  | 
 |  |  |                                     <NumberField source="id" /> | 
 |  |  |                                     <TextField source="uuid" label="table.field.jam.uuid" /> | 
 |  |  |                                     {/* <TextField source="name" label="table.field.jam.name" /> */} | 
 |  |  |                                     <ReferenceField source="jamSeg" label="table.field.jam.jamSeg" reference="segment" link={false} sortable={false}> | 
 |  |  |                                         <FunctionField render={(record) => { | 
 |  |  |                                             return <>{record.groupId} - ({record.serial})</> | 
 |  |  |                                         }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="jamAgv" label="table.field.jam.jamAgv" reference="agv" link={false} sortable={false} > | 
 |  |  |                                         <TextField source="uuid" sx={{ fontWeight: 'bold' }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="jamSeg" label="table.field.jam.jamSeg" reference="segment" link={false} sortable={false}> | 
 |  |  |                                         <FunctionField render={(record) => { | 
 |  |  |                                             return <>{record.groupId} ({record.serial})</> | 
 |  |  |                                         }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="jamCode" label="table.field.jam.jamCode" reference="code" link={false} sortable={false}> | 
 |  |  |                                         <TextField source="data" /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="avoSeg" label="table.field.jam.avoSeg" reference="segment" link={false} sortable={false}> | 
 |  |  |                                         <FunctionField render={(record) => { | 
 |  |  |                                             return <>{record.groupId} - ({record.serial})</> | 
 |  |  |                                         }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="avoAgv" label="table.field.jam.avoAgv" reference="agv" link={false} sortable={false}> | 
 |  |  |                                         <TextField source="uuid" sx={{ fontWeight: 'bold' }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="avoSeg" label="table.field.jam.avoSeg" reference="segment" link={false} sortable={false}> | 
 |  |  |                                         <FunctionField render={(record) => { | 
 |  |  |                                             return <>{record.groupId} ({record.serial})</> | 
 |  |  |                                         }} /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <ReferenceField source="avoCode" label="table.field.jam.avoCode" reference="code" link={false} sortable={false}> | 
 |  |  |                                         <TextField source="data" /> | 
 |  |  | 
 |  |  |                                     <ReferenceField source="cycleCode" label="table.field.jam.cycleCode" reference="code" link={false} sortable={false}> | 
 |  |  |                                         <TextField source="data" /> | 
 |  |  |                                     </ReferenceField> | 
 |  |  |                                     <FunctionField label="table.field.jam.duration" cellClassName="duration" render={record => ( | 
 |  |  |                                         <> | 
 |  |  |                                             {((record.duration > 6000)) | 
 |  |  |                                                 ? <span style={{ color: red[700], fontWeight: 'bold' }}>{record.duration}</span> | 
 |  |  |                                                 : <span>{record.duration || "-"}</span> | 
 |  |  |                                             } | 
 |  |  |                                              ms | 
 |  |  |                                         </> | 
 |  |  |                                     )} /> | 
 |  |  |                                     <DateField source="startTime" label="table.field.jam.startTime" showTime /> | 
 |  |  |                                     <DateField source="notifyTime" label="table.field.jam.notifyTime" showTime /> | 
 |  |  |                                     <DateField source="endTime" label="table.field.jam.endTime" showTime /> | 
 |  |  |                                     <NumberField source="duration" label="table.field.jam.duration" /> | 
 |  |  |                                     <FunctionField label="table.field.segment.state" cellClassName="state" render={record => ( | 
 |  |  |                                         <> | 
 |  |  |                                             {translate(states.find(item => item.id === record.state)?.name)} | 
 |  |  | 
 |  |  |                                         (record.state === "RUNNING") && ( | 
 |  |  |                                             <> | 
 |  |  |                                                 <ConfirmButton | 
 |  |  |                                                     label="common.action.deprecated" | 
 |  |  |                                                     label="common.action.deprecate" | 
 |  |  |                                                     size="small" | 
 |  |  |                                                     color="primary" | 
 |  |  |                                                     startIcon={<CloseIcon />} | 
 |  |  | 
 |  |  |                                                     }} | 
 |  |  |                                                     data={record.uuid} | 
 |  |  |                                                     onConfirm={() => { | 
 |  |  |                                                         onDeprecated(record.id); | 
 |  |  |                                                         onDeprecate(record.id); | 
 |  |  |                                                     }} | 
 |  |  |                                                 /> | 
 |  |  |                                             </> |