From a7a2a9b8f1524831898501d11bbedc0c4a3da3a4 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 24 九月 2024 09:16:36 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/bus/BusList.jsx | 81 ++++++++++++++++++++++++++--------------
1 files changed, 52 insertions(+), 29 deletions(-)
diff --git a/zy-acs-flow/src/page/bus/BusList.jsx b/zy-acs-flow/src/page/bus/BusList.jsx
index 215e0c4..f0284c5 100644
--- a/zy-acs-flow/src/page/bus/BusList.jsx
+++ b/zy-acs-flow/src/page/bus/BusList.jsx
@@ -30,8 +30,10 @@
ReferenceArrayInput,
AutocompleteInput,
DeleteButton,
+ FunctionField,
+ Pagination,
} from 'react-admin';
-import { Box, Typography, Card, Stack } from '@mui/material';
+import { Box, Typography, Card, Chip } from '@mui/material';
import { styled } from '@mui/material/styles';
import BusCreate from "./BusCreate";
import BusPanel from "./BusPanel";
@@ -40,8 +42,10 @@
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 BusListAside from "./BusListAside";
+import { getBusStsColor } from '@/utils/color-util';
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
'& .css-1vooibu-MuiSvgIcon-root': {
@@ -50,27 +54,33 @@
'& .RaDatagrid-row': {
cursor: 'auto'
},
- '& .column-name': {
+ '& .column-busNo': {
+ minWidth: '16em',
+ },
+ '& .column-tasksNum': {
+ maxWidth: '8em',
+ },
+ '& .column-memo': {
+ maxWidth: '12em',
+ overflow: 'hidden',
+ textOverflow: 'ellipsis',
+ whiteSpace: 'nowrap',
},
'& .opt': {
- width: 200
+ width: 80
},
}));
const filters = [
- <SearchInput source="condition" alwaysOn />,
- <DateInput label='common.time.after' source="timeStart" alwaysOn />,
- <DateInput label='common.time.before' source="timeEnd" alwaysOn />,
-
- <TextInput source="uuid" label="table.field.bus.uuid" />,
- <TextInput source="seqNum" label="table.field.bus.seqNum" />,
- <DateInput source="startTime" label="table.field.bus.startTime" />,
- <DateInput source="endTime" label="table.field.bus.endTime" />,
- <ReferenceInput source="busSts" label="table.field.bus.busSts" reference="busSts">
+ // <SearchInput source="condition" alwaysOn />,
+ <TextInput source="busNo" label="table.field.bus.busNo" alwaysOn resettable />,
+ // <DateInput source="startTime" label="table.field.bus.startTime" />,
+ // <DateInput source="endTime" label="table.field.bus.endTime" />,
+ <ReferenceInput source="busSts" label="table.field.bus.busSts" reference="busSts" alwaysOn>
<AutocompleteInput label="table.field.bus.busSts" optionText="name" filterToQuery={(val) => ({ name: val })} />
</ReferenceInput>,
- <TextInput source="phase" label="table.field.bus.phase" />,
-
+ <DateInput label='common.time.after' source="timeStart" alwaysOn />,
+ <DateInput label='common.time.before' source="timeEnd" alwaysOn />,
<TextInput label="common.field.memo" source="memo" />,
<SelectInput
label="common.field.status"
@@ -111,24 +121,36 @@
<MyExportButton />
</TopToolbar>
)}
- perPage={25}
+ pagination={<Pagination rowsPerPageOptions={[10, 20, 50, 100]} />}
+ perPage={20}
+ // aside={<BusListAside />}
>
<StyledDatagrid
preferenceKey='bus'
- bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
- rowClick={(id, resource, record) => false}
+ bulkActionButtons={false}
+ rowClick={'expand'}
expand={() => <BusPanel />}
expandSingle={true}
- omit={['id', 'phase', 'updateBy', 'createTime', 'createBy', 'memo']}
+ omit={['id', 'uuid', 'phase', 'updateBy', 'updateTime', 'createTime', 'createBy']}
>
<NumberField source="id" />
<TextField source="uuid" label="table.field.bus.uuid" />
- <TextField source="seqNum" label="table.field.bus.seqNum" />
- <DateField source="startTime" label="table.field.bus.startTime" showTime />
- <DateField source="endTime" label="table.field.bus.endTime" showTime />
- <ReferenceField source="busSts" label="table.field.bus.busSts" reference="busSts" link={false} sortable={false}>
- <TextField source="name" />
+ <TextField source="busNo" label="table.field.bus.busNo" />
+ <ReferenceField source="busSts" label="table.field.bus.busSts" reference="busSts" link={false} sortable={true}>
+ <FunctionField render={record => (
+ <Chip
+ label={record.name}
+ variant="outlined"
+ size="small"
+ color={getBusStsColor(record.name)}
+ sx={{ fontSize: '0.75rem' }}
+ />
+ )} />
+ {/* <TextField source="name" /> */}
</ReferenceField>
+ <NumberField source="tasksNum" label="table.field.bus.tasksNum" sortable={false} />
+ <DateField source="startTime" label="table.field.bus.startTime" showTime />
+ <DateField source="endTime" label="table.field.bus.endTime" showTime emptyText="-" />
<TextField source="phase" label="table.field.bus.phase" sortable={false} />
<ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
@@ -140,11 +162,12 @@
</ReferenceField>
<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>
+ <TextField source="memo" label="common.field.memo" sortable={false} emptyText="-" />
+ <FunctionField label="common.field.opt" cellClassName="opt" render={record => (
+ (record.busSts === 15) && (
+ <DeleteButton label="" sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />
+ )
+ )} />
</StyledDatagrid>
</List>
<BusCreate
--
Gitblit v1.9.1