| | |
|---|
| | | import { |
|---|
| | | Edit, |
|---|
| | | SimpleForm, |
|---|
| | | FormDataConsumer, |
|---|
| | | useTranslate, |
|---|
| | | TextInput, |
|---|
| | | NumberInput, |
|---|
| | | BooleanInput, |
|---|
| | | DateInput, |
|---|
| | | SelectInput, |
|---|
| | | ReferenceInput, |
|---|
| | | ReferenceArrayInput, |
|---|
| | | AutocompleteInput, |
|---|
| | | SaveButton, |
|---|
| | | Toolbar, |
|---|
| | | Labeled, |
|---|
| | | NumberField, |
|---|
| | | required, |
|---|
| | | useRecordContext, |
|---|
| | | DeleteButton, |
|---|
| | | } from 'react-admin'; |
|---|
| | | import { useWatch, useFormContext } from "react-hook-form"; |
|---|
| | | import { Stack, Grid, Box, Typography } from '@mui/material'; |
|---|
| | | import { useWatch, useFormContext, useForm } from "react-hook-form"; |
|---|
| | | import { Stack, Grid, Box, Typography, Card } from '@mui/material'; |
|---|
| | | import * as Common from '@/utils/common'; |
|---|
| | | import { EDIT_MODE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting'; |
|---|
| | | import EditBaseAside from "../components/EditBaseAside"; |
|---|
| | | import CustomerTopToolBar from "../components/EditTopToolBar"; |
|---|
| | | import MemoInput from "../components/MemoInput"; |
|---|
| | | import StatusSelectInput from "../components/StatusSelectInput"; |
|---|
| | | import TaskItemList from "./TaskItemList"; |
|---|
| | | |
|---|
| | | const FormToolbar = () => { |
|---|
| | | const { getValues } = useFormContext(); |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <Toolbar sx={{ justifyContent: 'space-between' }}> |
|---|
| | | <Toolbar sx={{ justifyContent: 'end' }}> |
|---|
| | | <SaveButton /> |
|---|
| | | <DeleteButton mutationMode="optimistic" /> |
|---|
| | | {/* <DeleteButton mutationMode="optimistic" /> */} |
|---|
| | | </Toolbar> |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const TaskEdit = () => { |
|---|
| | | const translate = useTranslate(); |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <Edit |
|---|
| | | redirect="list" |
|---|
| | | mutationMode={EDIT_MODE} |
|---|
| | | actions={<CustomerTopToolBar />} |
|---|
| | | aside={<EditBaseAside />} |
|---|
| | | > |
|---|
| | | <SimpleForm |
|---|
| | | shouldUnregister |
|---|
| | | warnWhenUnsavedChanges |
|---|
| | | toolbar={<FormToolbar />} |
|---|
| | | mode="onTouched" |
|---|
| | | defaultValues={{}} |
|---|
| | | // validate={(values) => { }} |
|---|
| | | <> |
|---|
| | | <Edit |
|---|
| | | redirect="list" |
|---|
| | | mutationMode={EDIT_MODE} |
|---|
| | | actions={<CustomerTopToolBar />} |
|---|
| | | aside={<EditBaseAside />} |
|---|
| | | > |
|---|
| | | <Grid container width={{ xs: '100%', xl: '80%' }} rowSpacing={3} columnSpacing={3}> |
|---|
| | | <Grid item xs={12} md={8}> |
|---|
| | | <Typography variant="h6" gutterBottom> |
|---|
| | | {translate('common.edit.title.main')} |
|---|
| | | </Typography> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.taskCode" |
|---|
| | | source="taskCode" |
|---|
| | | parse={v => v} |
|---|
| | | autoFocus |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <NumberInput |
|---|
| | | label="table.field.task.taskStatus" |
|---|
| | | source="taskStatus" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <NumberInput |
|---|
| | | label="table.field.task.taskType" |
|---|
| | | source="taskType" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.orgLoc" |
|---|
| | | source="orgLoc" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.orgSite" |
|---|
| | | source="orgSite" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.targLoc" |
|---|
| | | source="targLoc" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.targSite" |
|---|
| | | source="targSite" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.barcode" |
|---|
| | | source="barcode" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.robotCode" |
|---|
| | | source="robotCode" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <NumberInput |
|---|
| | | label="table.field.task.exceStatus" |
|---|
| | | source="exceStatus" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.expDesc" |
|---|
| | | source="expDesc" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <NumberInput |
|---|
| | | label="table.field.task.sort" |
|---|
| | | source="sort" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.expCode" |
|---|
| | | source="expCode" |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <DateInput |
|---|
| | | label="table.field.task.startTime" |
|---|
| | | source="startTime" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <DateInput |
|---|
| | | label="table.field.task.endTime" |
|---|
| | | source="endTime" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | |
|---|
| | | <SimpleForm |
|---|
| | | shouldUnregister |
|---|
| | | warnWhenUnsavedChanges |
|---|
| | | toolbar={<FormToolbar />} |
|---|
| | | mode="onTouched" |
|---|
| | | defaultValues={{}} |
|---|
| | | > |
|---|
| | | <Grid container width={{ xs: '100%', xl: '80%' }} rowSpacing={3} columnSpacing={3}> |
|---|
| | | <Grid item xs={24} md={16}> |
|---|
| | | <Typography variant="h6" gutterBottom> |
|---|
| | | {translate('common.edit.title.main')} |
|---|
| | | </Typography> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.taskCode" |
|---|
| | | source="taskCode" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | autoFocus |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.taskStatus" |
|---|
| | | readOnly |
|---|
| | | source="taskStatus$" |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.taskType" |
|---|
| | | source="taskType$" |
|---|
| | | readOnly |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.orgLoc" |
|---|
| | | source="orgLoc" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.targLoc" |
|---|
| | | source="targLoc" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.orgSite" |
|---|
| | | source="orgSite" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | <Stack direction='row' gap={2}> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.targSite" |
|---|
| | | source="targSite" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | <TextInput |
|---|
| | | label="table.field.task.barcode" |
|---|
| | | source="barcode" |
|---|
| | | readOnly |
|---|
| | | parse={v => v} |
|---|
| | | /> |
|---|
| | | <NumberInput |
|---|
| | | label="table.field.task.sort" |
|---|
| | | source="sort" |
|---|
| | | /> |
|---|
| | | </Stack> |
|---|
| | | </Grid> |
|---|
| | | </Grid> |
|---|
| | | <Grid item xs={12} md={4}> |
|---|
| | | <Typography variant="h6" gutterBottom> |
|---|
| | | {translate('common.edit.title.common')} |
|---|
| | | </Typography> |
|---|
| | | <StatusSelectInput /> |
|---|
| | | <Box mt="2em" /> |
|---|
| | | <MemoInput /> |
|---|
| | | </Grid> |
|---|
| | | </Grid> |
|---|
| | | </SimpleForm> |
|---|
| | | </Edit > |
|---|
| | | </SimpleForm> |
|---|
| | | </Edit > |
|---|
| | | <Grid item xs={24} md={16} sx={{ margin: '1em', height: 'auto' }}> |
|---|
| | | <Typography variant="h6" gutterBottom > |
|---|
| | | {translate('common.edit.title.common')} |
|---|
| | | </Typography> |
|---|
| | | </Grid> |
|---|
| | | <TaskItemList /> |
|---|
| | | </> |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | |
|---|
