From 5264cf0915ee9901cb9520fdcc6b8cdd5ecd4837 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期三, 20 八月 2025 10:50:03 +0800 Subject: [PATCH] 库存调整功能界面优化 库存调整接口功能开发 --- rsf-admin/src/page/dashboard/NbCard.jsx | 141 ++++++++++++++++++++++------------------------- 1 files changed, 66 insertions(+), 75 deletions(-) diff --git a/rsf-admin/src/page/dashboard/NbCard.jsx b/rsf-admin/src/page/dashboard/NbCard.jsx index 442af08..80c8772 100644 --- a/rsf-admin/src/page/dashboard/NbCard.jsx +++ b/rsf-admin/src/page/dashboard/NbCard.jsx @@ -4,12 +4,15 @@ Box, Button, List, + Grid, ListItem, + Typography, ListItemAvatar, ListItemButton, ListItemText, } from '@mui/material'; import CommentIcon from '@mui/icons-material/Comment'; +import CardWithIcon from '../components/CardWithIcon'; import { Link } from 'react-router-dom'; import { ReferenceField, @@ -18,90 +21,78 @@ useTranslate, useIsDataLoaded, } from 'react-admin'; -import CardWithIcon from '../components/CardWithIcon'; const NbCard = (props) => { - const { list, ...rest } = props; + const { tasks, total, ...rset } = props; const translate = useTranslate(); - const { - data: reviews, - total, - isPending, - } = useGetList('reviews', { - filter: { status: 'pending' }, - sort: { field: 'date', order: 'DESC' }, - pagination: { page: 1, perPage: 100 }, - }); const display = 'display'; - const newList = list.concat(list); return ( - <CardWithIcon - icon={CommentIcon} - title={translate('pos.dashboard.pending_reviews')} - subtitle={total} - {...rest} - > - <List sx={{ display }}> - {newList?.map((record) => ( - <ListItem key={record.id} disablePadding> - <ListItemButton - alignItems="flex-start" - component={Link} - to={`/reviews/${record.id}`} - > - {/* <ListItemAvatar> - <Avatar - sx={{ - // bgcolor: 'primary.main', - bgcolor: '#a2beeaff', - color: 'primary.contrastText', // 閬垮厤鐧藉瓧鐧藉簳 - // width: 40, - // height: 40, - // fontSize: 16, - }} - > - {record.id} - </Avatar> - </ListItemAvatar> */} - - <ListItemText - // primary={ - // <StarRatingField - // record={record} - // source="rating" - // /> - // } - primary={record.date + record.date} - secondary={record.total} - sx={{ - overflowY: 'hidden', - height: '3em', - display: '-webkit-box', - WebkitLineClamp: 2, - WebkitBoxOrient: 'vertical', - paddingRight: 0, - }} - /> - </ListItemButton> - </ListItem> - ))} - </List> - <Box flexGrow={1}> </Box> - <Button - sx={{ borderRadius: 0 }} - component={Link} - to="/reviews" - size="small" - color="primary" + <> + <CardWithIcon + icon={CommentIcon} + title={translate('page.dashboard.pending_reviews')} + subtitle={total} + {...rset} > - <Box p={1} sx={{ color: 'primary.main' }}> - {translate('pos.dashboard.all_reviews')} - </Box> - </Button> - </CardWithIcon> + <List sx={{ display }}> + {tasks?.map((record) => ( + <ListItem key={record.id} disablePadding> + <ListItemButton + alignItems="flex-start" + component={Link} + to={`/task/${record.id}`} + > + <Grid container item md={12}> + <Box sx={{ display: 'flex' }}> + <Box sx={{ display: 'flex', padding: '1em' }}> + <Typography color="textSecondary">{translate("table.field.task.taskCode")}锛�</Typography> + <Typography color="textSecondary">{record?.taskCode}</Typography> + </Box> + </Box> + <Box sx={{ display: 'flex' }}> + <Box sx={{ display: 'flex', padding: '1em' }}> + <Typography color="textSecondary">{translate("table.field.task.taskType")}锛�</Typography> + <Typography color="textSecondary" maxWidth="200" overflow="hidden">{record?.taskType$}</Typography> + </Box> + </Box> + <Box sx={{ display: 'flex' }}> + <Box sx={{ display: 'flex', padding: '1em' }}> + <Typography color="textSecondary">{translate("table.field.task.taskStatus")}锛�</Typography> + <Typography color="textSecondary">{record?.taskStatus$}</Typography> + </Box> + </Box> + <Box sx={{ display: 'flex' }}> + <Box sx={{ display: 'flex', padding: '1em' }}> + <Typography color="textSecondary">{translate("table.field.task.startTime")}锛�</Typography> + <Typography color="textSecondary">{record?.createTime}</Typography> + </Box> + </Box> + </Grid> + </ListItemButton> + <Spacer /> + </ListItem> + ))} + </List> + <Box flexGrow={1}> </Box> + {/* <Button + sx={{ borderRadius: 0 }} + component={Link} + to="/task" + size="small" + color="primary" + > + <Box p={1} sx={{ color: 'primary.main' }}> + {translate('pos.dashboard.all_reviews')} + </Box> + </Button> */} + </CardWithIcon> + </> ); }; +const Spacer = () => <span style={{ width: '1em', }} />; + + export default NbCard; -- Gitblit v1.9.1