From 0a961cda12ec39dc0e33fc9148f902a7bed7bd76 Mon Sep 17 00:00:00 2001 From: zjj <3272660260@qq.com> Date: 星期五, 23 五月 2025 09:41:15 +0800 Subject: [PATCH] # --- rsf-admin/src/page/task/TaskList.jsx | 193 +++++++++++++++++++++++++++--------------------- 1 files changed, 109 insertions(+), 84 deletions(-) diff --git a/rsf-admin/src/page/task/TaskList.jsx b/rsf-admin/src/page/task/TaskList.jsx index 72cfe20..81b19c1 100644 --- a/rsf-admin/src/page/task/TaskList.jsx +++ b/rsf-admin/src/page/task/TaskList.jsx @@ -8,35 +8,26 @@ SearchInput, TopToolbar, SelectColumnsButton, - EditButton, FilterButton, - CreateButton, - ExportButton, BulkDeleteButton, WrapperField, useRecordContext, useTranslate, useNotify, useRefresh, - useListContext, - FunctionField, TextField, NumberField, DateField, + AutocompleteInput, BooleanField, - ReferenceField, TextInput, - DateTimeInput, DateInput, SelectInput, NumberInput, - ReferenceInput, - ReferenceArrayInput, - AutocompleteInput, - DeleteButton, Button, + EditButton, } from 'react-admin'; -import { Box, Typography, Card, Stack } from '@mui/material'; +import { Box, Typography, Card, Stack, Drawer } from '@mui/material'; import { styled } from '@mui/material/styles'; import TaskCreate from "./TaskCreate"; import TaskPanel from "./TaskPanel"; @@ -49,8 +40,10 @@ import CancelIcon from '@mui/icons-material/Cancel'; import PageDrawer from "../components/PageDrawer"; import MyField from "../components/MyField"; +import ConfirmButton from "../components/ConfirmButton"; import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; import * as Common from '@/utils/common'; +import ColorizeOutlinedIcon from '@mui/icons-material/ColorizeOutlined'; const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ '& .css-1vooibu-MuiSvgIcon-root': { @@ -62,45 +55,49 @@ '& .column-name': { }, '& .opt': { - width: 200 + width: 248 }, })); -const filters = [ - <SearchInput source="condition" alwaysOn />, - <DateInput label='common.time.after' source="timeStart" alwaysOn />, - <DateInput label='common.time.before' source="timeEnd" alwaysOn />, - <TextInput source="taskCode" label="table.field.task.taskCode" />, - <NumberInput source="taskStatus" label="table.field.task.taskStatus" />, - <NumberInput source="taskType" label="table.field.task.taskType" />, - <TextInput source="orgLoc" label="table.field.task.orgLoc" />, - <TextInput source="orgSite" label="table.field.task.orgSite" />, - <TextInput source="targLoc" label="table.field.task.targLoc" />, - <TextInput source="targSite" label="table.field.task.targSite" />, - <TextInput source="barcode" label="table.field.task.barcode" />, - <TextInput source="robotCode" label="table.field.task.robotCode" />, - <NumberInput source="exceStatus" label="table.field.task.exceStatus" />, - <TextInput source="expDesc" label="table.field.task.expDesc" />, - <NumberInput source="sort" label="table.field.task.sort" />, - <TextInput source="expCode" label="table.field.task.expCode" />, - <DateInput source="startTime" label="table.field.task.startTime" />, - <DateInput source="endTime" label="table.field.task.endTime" />, - <TextInput label="common.field.memo" source="memo" />, - <SelectInput - label="common.field.status" - source="status" - choices={[ - { id: '1', name: 'common.enums.statusTrue' }, - { id: '0', name: 'common.enums.statusFalse' }, - ]} - resettable - />, -] -const TaskList = () => { +const TaskList = (props) => { const translate = useTranslate(); - const [createDialog, setCreateDialog] = useState(false); const [drawerVal, setDrawerVal] = useState(false); + const dict = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_warehouse_type')) || []; + + const filters = [ + <SearchInput source="condition" alwaysOn />, + <DateInput label='common.time.after' source="timeStart" />, + <DateInput label='common.time.before' source="timeEnd" />, + <TextInput source="taskCode" label="table.field.task.taskCode" />, + <NumberInput source="taskStatus" label="table.field.task.taskStatus" />, + <NumberInput source="taskType" label="table.field.task.taskType" />, + <AutocompleteInput choices={dict} optionText='label' optionValue="value" source="warehType" label="table.field.task.warehType" />, + <TextInput source="orgLoc" label="table.field.task.orgLoc" />, + <TextInput source="orgSite" label="table.field.task.orgSite" />, + <TextInput source="targLoc" label="table.field.task.targLoc" />, + <TextInput source="targSite" label="table.field.task.targSite" />, + <TextInput source="barcode" label="table.field.task.barcode" />, + <TextInput source="robotCode" label="table.field.task.robotCode" />, + <NumberInput source="exceStatus" label="table.field.task.exceStatus" />, + <TextInput source="expDesc" label="table.field.task.expDesc" />, + <NumberInput source="sort" label="table.field.task.sort" />, + <TextInput source="expCode" label="table.field.task.expCode" />, + <DateInput source="startTime" label="table.field.task.startTime" />, + <DateInput source="endTime" label="table.field.task.endTime" />, + <TextInput label="common.field.memo" source="memo" />, + <SelectInput + label="common.field.status" + source="status" + choices={[ + { id: '1', name: 'common.enums.statusTrue' }, + { id: '0', name: 'common.enums.statusFalse' }, + ]} + resettable + />, + ] + + return ( <Box display="flex"> @@ -114,22 +111,19 @@ marginRight: !!drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, }} title={"menu.task"} - empty={<EmptyData onClick={() => { }} />} + empty={false} filters={filters} - sort={{ field: "sort", order: "desc" }} + sort={{ field: "create_time", order: "desc" }} actions={( <TopToolbar> <FilterButton /> - {/* <MyCreateButton onClick={() => { setCreateDialog(true) }} /> */} <SelectColumnsButton preferenceKey='task' /> - {/* <MyExportButton /> */} </TopToolbar> )} perPage={DEFAULT_PAGE_SIZE} > <StyledDatagrid preferenceKey='task' - // bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />} bulkActionButtons={ <> <BulkResortButton /> @@ -137,15 +131,16 @@ <BulkDeleteButton mutationMode={OPERATE_MODE} /> </> } - rowClick={(id, resource, record) => false} - // expand={() => <TaskPanel />} - // expandSingle={true} - omit={['id', 'createTime', 'createBy', 'memo', 'robotCode', 'exceStatus', 'expDesc', 'expCode', 'sort']} + rowClick={false} + expand={false} + expandSingle={true} + omit={['id', 'createTime', 'createBy', 'memo', 'robotCode', 'exceStatus', 'expDesc', 'expCode', 'status', 'sort']} > <NumberField source="id" /> <TextField source="taskCode" label="table.field.task.taskCode" /> <NumberField source="taskStatus$" label="table.field.task.taskStatus" /> <NumberField source="taskType$" label="table.field.task.taskType" /> + <NumberField source="warehType$" label="table.field.task.warehType" /> <TextField source="orgLoc" label="table.field.task.orgLoc" /> <TextField source="orgSite" label="table.field.task.orgSite" /> <TextField source="targLoc" label="table.field.task.targLoc" /> @@ -156,28 +151,20 @@ <TextField source="expDesc" label="table.field.task.expDesc" /> <NumberField source="sort" label="table.field.task.sort" /> <TextField source="expCode" label="table.field.task.expCode" /> - <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}> - <TextField source="nickname" /> - </ReferenceField> + <TextField source="updateBy$" label="common.field.updateBy" /> + <TextField source="createBy$" label="common.field.createBy" /> <DateField source="updateTime" label="common.field.updateTime" showTime /> - <ReferenceField source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}> - <TextField source="nickname" /> - </ReferenceField> <DateField source="createTime" label="common.field.createTime" showTime /> - <BooleanField source="statusBool" label="common.field.status" sortable={false} /> + {/* <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' }} /> */} + <WrapperField cellClassName="opt" label="common.field.opt" onClick={(e) => e.stopPropagation()} > + <EditButton label="toolbar.detail" /> <DoneButton sx={{ padding: '1px', fontSize: '.75rem' }} ></DoneButton> <CancelButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> - <SetTopButton sx={{ padding: '1px', fontSize: '.75rem' }} ></SetTopButton> + <PickButton /> </WrapperField> </StyledDatagrid> </List> - {/* <TaskCreate - open={createDialog} - setOpen={setCreateDialog} - /> */} <PageDrawer title='Task Detail' drawerVal={drawerVal} @@ -189,23 +176,56 @@ } export default TaskList; + + +/** + * 鎷f枡鍑哄簱 + * @returns + */ +const PickButton = () => { + const record = useRecordContext(); + const notify = useNotify(); + const refresh = useRefresh(); + + const pickClick = async () => { + const { data: { code, data, msg } } = await request.post(`/task/pick/` + record.id); + if (code === 200) { + notify(msg); + refresh(); + } else { + notify(msg); + } + } + + return ( + record?.taskStatus == 198 ? <ConfirmButton label={"toolbar.pick"} startIcon={<ColorizeOutlinedIcon />} onConfirm={pickClick} /> : <></> + ) +} + + /** * 瀹屾垚鎿嶄綔 * @returns */ -const DoneButton = () => { +const DoneButton = (props) => { const record = useRecordContext(); + const notify = useNotify(); + const refresh = useRefresh(); const clickComplete = () => { - completeTask([record]) + completeTask(record) }; //瀹屾垚浠诲姟 - const completeTask = async (row) => { } + const completeTask = async (row) => { + const { data: { code, data, msg } } = await request.post(`task/complete/` + row.id); + if (code === 200) { + notify(msg); + refresh(); + } else { + notify(msg); + } + } return ( - <Button - onClick={clickComplete} - label="toolbar.complete"> - <TaskAltIcon /> - </Button> + ((record?.taskStatus < 98) || (record?.taskType > 101 && record?.taskStatus < 198)) ? (<ConfirmButton label={"toolbar.complete"} color="secondary" startIcon={<TaskAltIcon />} onConfirm={clickComplete} />) : (<></>) ) } @@ -217,7 +237,8 @@ const record = useRecordContext(); const notify = useNotify(); const refresh = useRefresh(); - const clickCancel = () => { + const clickCancel = (event) => { + event.stopPropagation(); cancleTask(record) }; //鍙栨秷浠诲姟 @@ -232,11 +253,14 @@ } } return ( - <Button - onClick={clickCancel} - label="toolbar.cancel"> - <CancelIcon /> - </Button> + record.taskStatus === 1 ? + <Button + onClick={clickCancel} + label="toolbar.cancel"> + <CancelIcon /> + </Button> + : + <></> ) } /** @@ -247,7 +271,8 @@ const record = useRecordContext(); const notify = useNotify(); const refresh = useRefresh(); - const clickTop = () => { + const clickTop = (event) => { + event.stopPropagation(); topTask(record) }; //缃《浠诲姟 @@ -259,7 +284,7 @@ } else { notify(msg); } - } + } return ( <Button onClick={clickTop} -- Gitblit v1.9.1