|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo, useCallback } from "react"; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  | import { | 
 |  |  |     List, | 
 |  |  |     DatagridConfigurable, | 
 |  |  | 
 |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE, DEFAULT_WAVE_AUTO_EXCE } from '@/config/setting'; | 
 |  |  | import PlayArrowOutlinedIcon from '@mui/icons-material/PlayArrowOutlined'; | 
 |  |  | import PauseCircleOutlineIcon from '@mui/icons-material/PauseCircleOutline'; | 
 |  |  | import PauseIcon from '@mui/icons-material/Pause'; | 
 |  |  | import StopCircleOutlinedIcon from '@mui/icons-material/StopCircleOutlined'; | 
 |  |  | import StopOutlinedIcon from '@mui/icons-material/StopOutlined'; | 
 |  |  | import { Box, Typography, Card, Stack, LinearProgress } from '@mui/material'; | 
 |  |  | 
 |  |  |                     rowClick={(id, resource, record) => false} | 
 |  |  |                     expand={<WavePannel />} | 
 |  |  |                     expandSingle={true} | 
 |  |  |                     omit={['id', 'createTime', 'createBy', 'createBy$']} | 
 |  |  |                     omit={['id', 'createTime', 'createBy', 'createBy$','memo']} | 
 |  |  |                 > | 
 |  |  |                     <NumberField source="id" /> | 
 |  |  |                     <TextField source="code" label="table.field.wave.code" /> | 
 |  |  | 
 |  |  |                     <TextField source="updateBy$" label="common.field.updateBy" /> | 
 |  |  |                     <DateField source="updateTime" label="common.field.updateTime" showTime /> | 
 |  |  |                     <TextField source="createBy$" label="common.field.createBy" /> | 
 |  |  |                     <CustomProcess source="progress" label="table.field.wave.progress" /> | 
 |  |  |                     <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |                     <CustomProcess source="progress" /> | 
 |  |  |                     <TextField source="exceStatus$" label="table.field.wave.exceStatus" sortable={false} /> | 
 |  |  |                     <WrapperField cellClassName="opt" label="common.field.opt"> | 
 |  |  |                         <PauseButton /> | 
 |  |  | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |     return ( | 
 |  |  |         autoExce ? <Button label="toolbar.pause" onClick={pauseClick} startIcon={<PauseCircleOutlineIcon />} /> : <></> | 
 |  |  |         autoExce ? <Button label="toolbar.pause" onClick={pauseClick} startIcon={<PauseIcon />} /> : <></> | 
 |  |  |     ) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |         refresh() | 
 |  |  |     } | 
 |  |  |     return ( | 
 |  |  |         record?.exceStatus == 1 ? <Button label="toolbar.pause" onClick={pauseClick} startIcon={<StopCircleOutlinedIcon />} /> : <></> | 
 |  |  |         record?.exceStatus == 1 ? <Button label="toolbar.pause" onClick={pauseClick} startIcon={<PauseIcon />} /> : <></> | 
 |  |  |     ) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |         refresh() | 
 |  |  |     } | 
 |  |  |     return ( | 
 |  |  |         record?.exceStatus == 2 ? <Button label="toolbar.continuePub" onClick={continueClick} startIcon={<PauseCircleOutlineIcon />} /> : <></> | 
 |  |  |         record?.exceStatus == 2 ? <Button label="toolbar.continuePub" onClick={continueClick} startIcon={<PlayArrowOutlinedIcon />} /> : <></> | 
 |  |  |     ) | 
 |  |  | } |