From 6c5edf41ef56af07e6e3baa25f77759ecaf8f68c Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期三, 09 四月 2025 15:41:50 +0800 Subject: [PATCH] 任务列表界面优化 --- rsf-admin/src/page/asnOrder/AsnOrderPanel.jsx | 15 +++++++++------ 1 files changed, 9 insertions(+), 6 deletions(-) diff --git a/rsf-admin/src/page/asnOrder/AsnOrderPanel.jsx b/rsf-admin/src/page/asnOrder/AsnOrderPanel.jsx index 61763e5..23d04c3 100644 --- a/rsf-admin/src/page/asnOrder/AsnOrderPanel.jsx +++ b/rsf-admin/src/page/asnOrder/AsnOrderPanel.jsx @@ -14,7 +14,7 @@ import debounce from 'lodash/debounce'; import { DataGrid } from '@mui/x-data-grid'; import PrintModal from './PrintModal'; -import { width } from "@mui/system"; +import PrintIcon from '@mui/icons-material/Print'; const AsnOrderPanel = ({ billReload }) => { const record = useRecordContext(); if (!record) return null; @@ -140,15 +140,13 @@ } - return ( <Box sx={{ position: 'relative', padding: '5px 10px' }}> - <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '4px', alignItems: 'center' }}> - <TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="鎼滅储鐗╂枡" variant="outlined" sx={{ width: '300px' }} size="small" /> + <TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="鎼滅储鐗╂枡" sx={{ width: '300px' }} size="small" /> <div style={{ display: 'flex', gap: '10px' }}> <PrintsButton rows={selectedRows} /> @@ -157,6 +155,7 @@ <DataGrid + sx={{ width: 'calc(100vw - 280px)' }} size="small" rows={rows} columns={columns} @@ -167,6 +166,10 @@ disableColumnMenu={true} disableColumnSorting disableMultipleColumnsSorting + columnHeaderHeight={40} + rowHeight={42} + paginationModel={{ pageSize: 10, page: 1 }} + pageSizeOptions={[10, 25, 50, 100]} /> </Box > @@ -196,7 +199,7 @@ return ( <> - <Button size="small" variant="contained" color="secondary" onClick={modalChange}>{translate("toolbar.batchPrint")}</Button> + <Button size="small" color="secondary" onClick={modalChange} startIcon={<PrintIcon />}>{translate("toolbar.batchPrint")}</Button> <PrintModal open={createDialog} @@ -218,7 +221,7 @@ return ( <> - <Button size="small" variant="contained" color="secondary" onClick={() => setCreateDialog(true)}>{translate("toolbar.print")}</Button> + <Button size="small" color="secondary" onClick={() => setCreateDialog(true)} startIcon={<PrintIcon />}>{translate("toolbar.print")}</Button> <PrintModal open={createDialog} -- Gitblit v1.9.1