From de7df1d489bdad38dcbeb78d74cad8e3bfa09e3d Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 27 九月 2024 16:59:34 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/AgvList.jsx | 32 +++++++++++++++++++-------------
1 files changed, 19 insertions(+), 13 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/AgvList.jsx b/zy-acs-flow/src/page/agv/AgvList.jsx
index 4f03c6c..624f9db 100644
--- a/zy-acs-flow/src/page/agv/AgvList.jsx
+++ b/zy-acs-flow/src/page/agv/AgvList.jsx
@@ -8,7 +8,7 @@
SelectColumnsButton,
EditButton,
FilterButton,
- CreateButton,
+ useRefresh,
ExportButton,
BulkDeleteButton,
WrapperField,
@@ -34,6 +34,7 @@
ListBase,
Title,
Pagination,
+ ListToolbar,
} from 'react-admin';
import { Box, Typography, Card, Stack } from '@mui/material';
import { styled } from '@mui/material/styles';
@@ -44,19 +45,17 @@
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 { ImageList } from "./GridList";
-
+import { AgvListFilter } from "./AgvListFilter";
export const AgvGrid = () => {
- const { identity } = useGetIdentity();
- if (!identity) return null;
const [createDialog, setCreateDialog] = useState(false);
return (
<>
- <ListBase perPage={50} sort={{ field: "uuid", order: "asc" }}>
+ <ListBase perPage={50} sort={{ field: "create_time", order: "asc" }}>
<AgvGridLayout
setCreateDialog={setCreateDialog}
/>
@@ -69,21 +68,29 @@
)
}
-const AgvGridLayout = (props) => {
+const AgvGridLayout = ({ setCreateDialog }) => {
+ const refresh = useRefresh();
const { data, isPending, filterValues } = useListContext();
const hasFilters = filterValues && Object.keys(filterValues).length > 0;
+ React.useEffect(() => {
+ const intervalId = setInterval(() => {
+ refresh();
+ }, 2000);
+ return () => clearInterval(intervalId);
+ }, [refresh]);
+
if (isPending) return null;
- if (!data?.length && !hasFilters) return <EmptyData onClick={() => { props.setCreateDialog(true) }} />;
+ if (!data?.length && !hasFilters) return <EmptyData onClick={() => { setCreateDialog(true) }} />;
return (
<Stack direction="row" component="div">
+ <AgvListFilter />
<Stack sx={{ width: '100%' }}>
- <Title title={'Companies'} />
+ <Title title={"menu.agv"} />
<ListToolbar actions={(
<TopToolbar>
- <FilterButton />
- <MyCreateButton onClick={() => { setCreateDialog(true) }} />
+ <MyCreateButton onClick={() => { setCreateDialog(true) }} variant="contained" />
<MyExportButton />
</TopToolbar>
)} />
@@ -93,7 +100,6 @@
</Stack>
);
}
-
@@ -176,7 +182,7 @@
<MyExportButton />
</TopToolbar>
)}
- perPage={25}
+ perPage={DEFAULT_PAGE_SIZE}
>
<StyledDatagrid
preferenceKey='agv'
--
Gitblit v1.9.1