#

luxiaotao1123

2024-09-26 02a262e542e970efe0ffb78e4d9d1e0cbbb1845e

 zy-acs-flow/src/page/jam/JamList.jsx

@@ -30,6 +30,9 @@
    ReferenceArrayInput,
    AutocompleteInput,
    DeleteButton,
    FunctionField,
    useNotify,
    useRefresh,
} from 'react-admin';
import { Box, Typography, Card, Stack } from '@mui/material';
import { styled } from '@mui/material/styles';
@@ -40,8 +43,11 @@
import MyExportButton from '../components/MyExportButton';
import PageDrawer from "../components/PageDrawer";
import MyField from "../components/MyField";
import { PAGE_DRAWER_WIDTH, OPERATE_MODE } from '@/config/setting';
import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
import * as Common from '@/utils/common';
import ConfirmButton from "../components/ConfirmButton";
import CloseIcon from '@mui/icons-material/Close';
import request from '@/utils/request';

const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
    '& .css-1vooibu-MuiSvgIcon-root': {
@@ -53,20 +59,27 @@
    '& .column-name': {
    },
    '& .opt': {
        width: 200
        width: 130
    },
}));

const filters = [
    <SearchInput source="condition" alwaysOn />,
    // <SearchInput source="condition" alwaysOn />,
    <ReferenceInput source="jamAgv" label="table.field.jam.jamAgv" reference="agv" alwaysOn>
        <AutocompleteInput label="table.field.jam.jamAgv" optionText="uuid" filterToQuery={(val) => ({ uuid: val })} />
    </ReferenceInput>,
    <SelectInput source="cycleAvo" label="table.field.jam.cycleAvo"
        choices={[
            { id: 1, name: 'common.enums.true' },
            { id: 0, name: 'common.enums.false' },
        ]}
        alwaysOn
    />,
    <DateInput label='common.time.after' source="timeStart" alwaysOn />,
    <DateInput label='common.time.before' source="timeEnd" alwaysOn />,

    <TextInput source="uuid" label="table.field.jam.uuid" />,
    <TextInput source="name" label="table.field.jam.name" />,
    <ReferenceInput source="jamAgv" label="table.field.jam.jamAgv" reference="agv">
        <AutocompleteInput label="table.field.jam.jamAgv" optionText="uuid" filterToQuery={(val) => ({ uuid: val })} />
    </ReferenceInput>,
    <ReferenceInput source="jamCode" label="table.field.jam.jamCode" reference="code">
        <AutocompleteInput label="table.field.jam.jamCode" optionText="data" filterToQuery={(val) => ({ data: val })} />
    </ReferenceInput>,
@@ -82,12 +95,6 @@
    <ReferenceInput source="avoSeg" label="table.field.jam.avoSeg" reference="segment">
        <AutocompleteInput label="table.field.jam.avoSeg" optionText="id" filterToQuery={(val) => ({ id: val })} />
    </ReferenceInput>,
    <SelectInput source="cycleAvo" label="table.field.jam.cycleAvo"
        choices={[
            { id: 1, name: 'common.enums.true' },
            { id: 0, name: 'common.enums.false' },
        ]}
    />,
    <ReferenceInput source="cycleCode" label="table.field.jam.cycleCode" reference="code">
        <AutocompleteInput label="table.field.jam.cycleCode" optionText="data" filterToQuery={(val) => ({ data: val })} />
    </ReferenceInput>,
@@ -108,11 +115,33 @@
    />,
]

const states = [
    { id: 'RUNNING', name: 'page.jam.enums.state.running' },
    { id: 'FINISH', name: 'page.jam.enums.state.finish' },
    { id: 'FAIL', name: 'page.jam.enums.state.fail' },
    { id: 'DEPRECATED', name: 'page.jam.enums.state.deprecated' },
];

const JamList = () => {
    const translate = useTranslate();

    const notify = useNotify();
    const refresh = useRefresh();
    const [createDialog, setCreateDialog] = useState(false);
    const [drawerVal, setDrawerVal] = useState(false);

    const onDeprecated = (jamId) => {
        request.get("/jam/deprecated/" + jamId).then(res => {
            const { code, msg, data } = res.data;
            if (code === 200) {
                notify(msg || 'common.response.success', { type: 'success', messageArgs: { _: msg } });
                refresh();
            } else {
                notify(msg || 'common.response.fail', { type: 'error', messageArgs: { _: msg } });
            }
        }).catch(error => {
            notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } });
        })
    }

    return (
        <Box display="flex">
@@ -132,43 +161,47 @@
                actions={(
                    <TopToolbar>
                        <FilterButton />
                        <MyCreateButton onClick={() => { setCreateDialog(true) }} />
                        {/* <MyCreateButton onClick={() => { setCreateDialog(true) }} /> */}
                        <SelectColumnsButton preferenceKey='jam' />
                        <MyExportButton />
                    </TopToolbar>
                )}
                perPage={25}
                perPage={DEFAULT_PAGE_SIZE}
            >
                <StyledDatagrid
                    preferenceKey='jam'
                    bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                    bulkActionButtons={false}
                    rowClick={(id, resource, record) => false}
                    expand={() => <JamPanel />}
                    expandSingle={true}
                    // expand={() => <JamPanel />}
                    // expandSingle={true}
                    omit={['id', 'uuid', 'cycleCode', 'updateBy', 'updateTime', 'createTime', 'createBy', 'statusBool', 'memo']}
                >
                    <NumberField source="id" />
                    <TextField source="uuid" label="table.field.jam.uuid" />
                    {/* <TextField source="name" label="table.field.jam.name" /> */}
                    <ReferenceField source="jamAgv" label="table.field.jam.jamAgv" reference="agv" link={false} sortable={false}>
                        <TextField source="uuid" />
                    <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="jamCode" label="table.field.jam.jamCode" reference="code" link={false} sortable={false}>
                        <TextField source="data" />
                    </ReferenceField>
                    <ReferenceField source="jamSeg" label="table.field.jam.jamSeg" reference="segment" link={false} sortable={false}>
                        <TextField source="id" />
                    <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" />
                        <TextField source="uuid" sx={{ fontWeight: 'bold' }} />
                    </ReferenceField>
                    <ReferenceField source="avoCode" label="table.field.jam.avoCode" reference="code" link={false} sortable={false}>
                        <TextField source="data" />
                    </ReferenceField>
                    <ReferenceField source="avoSeg" label="table.field.jam.avoSeg" reference="segment" link={false} sortable={false}>
                        <TextField source="id" />
                    </ReferenceField>
                    <BooleanField source="cycleAvoBool" label="table.field.jam.cycleAvo" />
                    <BooleanField source="cycleAvoBool" label="table.field.jam.cycleAvo" sortable={false} />
                    <ReferenceField source="cycleCode" label="table.field.jam.cycleCode" reference="code" link={false} sortable={false}>
                        <TextField source="data" />
                    </ReferenceField>
@@ -176,8 +209,11 @@
                    <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" />
                    <TextField source="state" label="table.field.jam.state" />

                    <FunctionField label="table.field.segment.state" cellClassName="state" render={record => (
                        <>
                            {translate(states.find(item => item.id === record.state)?.name)}
                        </>
                    )} />
                    <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
                        <TextField source="nickname" />
                    </ReferenceField>
@@ -188,10 +224,29 @@
                    <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 sx={{ padding: '1px', fontSize: '.75rem' }} />
                        <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />
                    </WrapperField>
                    <FunctionField label="common.field.opt" cellClassName="opt" render={record => (
                        (record.state === "RUNNING" || record.state === "FINISH") && (
                            <>
                                <ConfirmButton
                                    label="common.action.deprecated"
                                    size="small"
                                    color="primary"
                                    startIcon={<CloseIcon />}
                                    sx={{
                                        padding: '1px',
                                        fontSize: '.75rem',
                                        '& .MuiButton-startIcon': {
                                            marginRight: '2px'
                                        },
                                    }}
                                    data={record.uuid}
                                    onConfirm={() => {
                                        onDeprecated(record.id);
                                    }}
                                />
                            </>
                        )
                    )} />
                </StyledDatagrid>
            </List>
            <JamCreate