任务列表优化显示

skyouc

2025-04-08 7b95cabfa7e2fda784269e712081d916013fda87

 rsf-admin/src/page/task/TaskPanel.jsx

@@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect, useMemo } from "react";
import { Box, Card, CardContent, Grid, Typography, Tooltip } from '@mui/material';
import { Box, Card, CardContent, Grid, Typography, Tooltip, Pagination } from '@mui/material';
import {
    List,
    DatagridConfigurable,
@@ -11,7 +11,9 @@
    CreateButton,
    ExportButton,
    BulkDeleteButton,
    useDataProvider,
    WrapperField,
    useGetList,
    useRecordContext,
    useTranslate,
    useNotify,
@@ -31,6 +33,8 @@
    ReferenceArrayInput,
    AutocompleteInput,
    DeleteButton,
    useList,
    ReferenceManyField,
} from 'react-admin';
import { styled } from '@mui/material/styles';
import PageDrawer from "../components/PageDrawer";
@@ -83,30 +87,17 @@
    const translate = useTranslate();
    const [createDialog, setCreateDialog] = useState(false);
    const [drawerVal, setDrawerVal] = useState(false);

    // const { data, isPending, error } = useGetList('taskItem', { pagination: { page: 1, perPage: 10 } });
    // const listContext = useList({
    //     data, 
    //     isPending,
    //     perPage: 10,
    //     sort: {field: 'create_time', order: 'DESC'}
    // })
    return (
        <>
            <Box display="flex">
                <List
                    sx={{
                        flexGrow: 1,
                        transition: (theme) =>
                            theme.transitions.create(['all'], {
                                duration: theme.transitions.duration.enteringScreen,
                            }),
                        marginRight: !!drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
                    }}
                    title={"menu.taskItem"}
                    empty={false}
                    filters={filters}
                    sort={{ field: "create_time", order: "desc" }}
                    actions={(
                        <TopToolbar>
                            <FilterButton />
                        </TopToolbar>
                    )}
                    perPage={DEFAULT_PAGE_SIZE}
                >
                <ReferenceManyField pagination={<Pagination />} reference="taskItem" target="task_id">
                    <StyledDatagrid
                        preferenceKey='taskItem'
                        bulkActionButtons={false}
@@ -138,13 +129,7 @@
                        <BooleanField source="statusBool" label="common.field.status" sortable={false} />
                        <TextField source="memo" label="common.field.memo" sortable={false} />
                    </StyledDatagrid>
                </List>
                <PageDrawer
                    title='TaskItem Detail'
                    drawerVal={drawerVal}
                    setDrawerVal={setDrawerVal}
                >
                </PageDrawer>
                </ReferenceManyField>
            </Box>
        </>
    );