From da20b84fb1dbb266939deff9fd52f9a16f4e32fa Mon Sep 17 00:00:00 2001 From: zjj <3272660260@qq.com> Date: 星期日, 27 四月 2025 14:59:24 +0800 Subject: [PATCH] #生成入库任务优化 --- rsf-admin/src/page/basDevice/BasDevicePanel.jsx | 75 +++++++++++++++++++++++++++++++++++++ 1 files changed, 75 insertions(+), 0 deletions(-) diff --git a/rsf-admin/src/page/basDevice/BasDevicePanel.jsx b/rsf-admin/src/page/basDevice/BasDevicePanel.jsx new file mode 100644 index 0000000..2cc3f0e --- /dev/null +++ b/rsf-admin/src/page/basDevice/BasDevicePanel.jsx @@ -0,0 +1,75 @@ +import React, { useState, useRef, useEffect, useMemo } from "react"; +import { Box, Card, CardContent, Grid, Typography, Tooltip } from '@mui/material'; +import { + useTranslate, + useRecordContext, +} from 'react-admin'; +import PanelTypography from "../components/PanelTypography"; +import * as Common from '@/utils/common' + +const BasDevicePanel = () => { + const record = useRecordContext(); + if (!record) return null; + const translate = useTranslate(); + return ( + <> + <Card sx={{ width: { xs: 300, sm: 500, md: 600, lg: 800 }, margin: 'auto' }}> + <CardContent> + <Grid container spacing={2}> + <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}> + <Typography variant="h6" gutterBottom align="left" sx={{ + maxWidth: { xs: '100px', sm: '180px', md: '260px', lg: '360px' }, + whiteSpace: 'nowrap', + overflow: 'hidden', + textOverflow: 'ellipsis', + }}> + {Common.camelToPascalWithSpaces(translate('table.field.basDevice.id'))}: {record.id} + </Typography> + {/* inherit, primary, secondary, textPrimary, textSecondary, error */} + <Typography variant="h6" gutterBottom align="right" > + ID: {record.id} + </Typography> + </Grid> + </Grid> + <Grid container spacing={2}> + <Grid item xs={12} container alignContent="flex-end"> + <Typography variant="caption" color="textSecondary" sx={{ wordWrap: 'break-word', wordBreak: 'break-all' }}> + {Common.camelToPascalWithSpaces(translate('common.field.memo'))}:{record.memo} + </Typography> + </Grid> + </Grid> + <Box height={20}> </Box> + <Grid container spacing={2}> + <Grid item xs={6}> + <PanelTypography + title="table.field.basDevice.deviceNo" + property={record.deviceNo} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.basDevice.inEnable" + property={record.inEnable} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.basDevice.outEnable" + property={record.outEnable} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.basDevice.origin" + property={record.origin} + /> + </Grid> + + </Grid> + </CardContent> + </Card > + </> + ); +}; + +export default BasDevicePanel; -- Gitblit v1.9.1