From 3210698902c4e0f3e6f1433d24e62923fbfa794d Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期三, 28 五月 2025 12:59:42 +0800
Subject: [PATCH] 组托IO类型优化
---
rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx | 179 +++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 147 insertions(+), 32 deletions(-)
diff --git a/rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx b/rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx
index 1a1356a..d7b9790 100644
--- a/rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx
+++ b/rsf-admin/src/page/orders/asnOrder/AsnOrderList.jsx
@@ -11,6 +11,7 @@
CreateButton,
ExportButton,
BulkDeleteButton,
+ useDataProvider,
WrapperField,
useRecordContext,
useTranslate,
@@ -34,6 +35,7 @@
DeleteButton,
Button,
useRedirect,
+ useUnselectAll,
} from 'react-admin';
import { Box, Typography, Card, Stack } from '@mui/material';
import { styled } from '@mui/material/styles';
@@ -45,17 +47,19 @@
import BillStatusField from '../../components/BillStatusField';
import ConfirmButton from '../../components/ConfirmButton';
import PageDrawer from "../../components/PageDrawer";
-import MyField from "../../components/MyField";
import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
-import * as Common from '@/utils/common';
import ConstructionIcon from "@mui/icons-material/Construction";
-import FileDownloadIcon from '@mui/icons-material/FileDownload';
import EditIcon from '@mui/icons-material/Edit';
import TaskIcon from '@mui/icons-material/Task';
import CloseIcon from '@mui/icons-material/Close';
import request from '@/utils/request';
import DictionarySelect from "../../components/DictionarySelect";
-
+import ExitToAppIcon from '@mui/icons-material/ExitToApp';
+import ImportButton from "../../components/ImportButton";
+import PrintOutlinedIcon from '@mui/icons-material/PrintOutlined';
+import OrderPrintPreview from "./OrderPrintPreview";
+import CreateNewFolderOutlinedIcon from '@mui/icons-material/CreateNewFolderOutlined';
+import AsnCreateByPoModal from "./AsnCreateByPoModal";
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
'& .css-1vooibu-MuiSvgIcon-root': {
height: '.9em'
@@ -106,18 +110,23 @@
]
-const AsnOrderList = () => {
+const AsnOrderList = (props) => {
const translate = useTranslate();
const [createDialog, setCreateDialog] = useState(false);
const [drawerVal, setDrawerVal] = useState(false);
const [modalType, setmodalType] = useState(0);
- const [select, setSelect] = useState(0);
+ const [poCreate, setPoCreate] = useState(false);
+ const [printOrder, setPrintOrder] = useState(false);
+ const [select, setSelect] = useState({});
+ const invoiceRef = useRef();
const billReload = useRef();
- const location = useLocation();
+ const notify = useNotify();
+ const refresh = useRefresh();
const dicts = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_business_type')) || [];
return (
<Box display="flex">
<List
+ resource="asnOrder"
sx={{
flexGrow: 1,
transition: (theme) =>
@@ -127,14 +136,16 @@
marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
}}
title={"menu.asnOrder"}
- empty={<EmptyData onClick={() => { setCreateDialog(true); setmodalType(0) }} />}
+ empty={false}
filters={filters}
sort={{ field: "create_time", order: "desc" }}
actions={(
<TopToolbar>
<FilterButton />
<MyCreateButton onClick={() => { setCreateDialog(true); setmodalType(0) }} />
+ <CreateByPoButton setPoCreate={setPoCreate}/>
<SelectColumnsButton preferenceKey='asnOrder' />
+ <ImportButton value={'asnOrderItem'} />
<MyExportButton />
</TopToolbar>
)}
@@ -143,10 +154,15 @@
<StyledDatagrid
sx={{ width: '100%' }}
preferenceKey='asnOrder'
- bulkActionButtons={<> <InspectionsButton /><BulkDeleteButton mutationMode={OPERATE_MODE} /></>}
+ bulkActionButtons={
+ <>
+ <InspectionsButton />
+ <MyExportButton />
+ {/* <BtnBulkExport></BtnBulkExport> */}
+ </>}
rowClick={false}
expandSingle={true}
- omit={['id', 'createTime', 'createBy', 'memo', 'poId', 'rleStatus$']}
+ omit={['id', 'createTime', 'createBy', 'memo', 'logisNo', 'poId', 'rleStatus$']}
>
<NumberField source="id" />
<TextField source="code" label="table.field.asnOrder.code" />
@@ -156,9 +172,10 @@
<TextField cellClassName="wkType" source="wkType$" label="table.field.asnOrder.wkType" />
<NumberField source="anfme" label="table.field.asnOrder.anfme" />
<NumberField source="qty" label="table.field.asnOrder.qty" />
- <TextField source="logisNo" label="table.field.asnOrder.logisNo" />
<DateField source="arrTime" label="table.field.asnOrder.arrTime" showTime />
<TextField source="rleStatus$" label="table.field.asnOrder.rleStatus" sortable={false} />
+ <TextField source="logisNo" label="table.field.asnOrder.logisNo" />
+ {/* <TextField source="ntyStatus$" label="table.field.asnOrder.ntyStatus" /> */}
<TextField source="updateBy$" label="common.field.updateBy" />
<DateField source="updateTime" label="common.field.updateTime" showTime />
<TextField source="createBy$" label="common.field.createBy" />
@@ -170,7 +187,9 @@
<MyButton setCreateDialog={setCreateDialog} setmodalType={setmodalType} />
<InspectionButton />
<CompleteButton />
- <CloseButton />
+ <ODeleteButton />
+ <PrintButton setPrintOrder={setPrintOrder} setSelect={setSelect} />
+ {/* <CloseButton /> */}
</WrapperField>
</StyledDatagrid>
</List>
@@ -179,6 +198,15 @@
setOpen={setCreateDialog}
asnId={modalType}
billReload={billReload}
+ />
+ <OrderPrintPreview
+ open={printOrder}
+ setOpen={setPrintOrder}
+ record={select}
+ />
+ <AsnCreateByPoModal
+ open={poCreate}
+ setOpen={setPoCreate}
/>
<PageDrawer
title='AsnOrder Detail'
@@ -191,6 +219,47 @@
}
export default AsnOrderList;
+//鎸塒O鍗曟柊寤�
+const CreateByPoButton = ({setPoCreate}) => {
+ const record = useRecordContext();
+
+ const createEvent = (event) => {
+ event.stopPropagation();
+ setPoCreate(true)
+ }
+ return (
+ <Button label={"toolbar.poCreate"} onClick={createEvent}>
+ <CreateNewFolderOutlinedIcon />
+ </Button>
+ )
+}
+
+
+//鎵撳嵃鎸夐挳
+const PrintButton = ({ setPrintOrder, setSelect }) => {
+ const record = useRecordContext();
+ const printOrder = (event) => {
+ event.stopPropagation();
+ setPrintOrder(true)
+ setSelect(record)
+ }
+
+ return (
+ <Button label={"toolbar.print"} onClick={printOrder}>
+ <PrintOutlinedIcon />
+ </Button>
+ )
+}
+
+
+const ODeleteButton = () => {
+ const record = useRecordContext();
+ return (
+ record.exceStatus === 0 ? <DeleteButton mutationMode="pessimistic" /> : <></>
+ )
+
+}
+
const MyButton = ({ setCreateDialog, setmodalType }) => {
const record = useRecordContext();
const handleEditClick = (btn) => {
@@ -201,17 +270,20 @@
};
return (
- <Button
- color="primary"
- startIcon={<EditIcon />}
- onClick={(btn) => handleEditClick(btn)}
- sx={{ ml: 1 }}
- label={'ra.action.edit'}
- >
- </Button>
+ record.exceStatus === 1 || record.exceStatus === 0 ?
+ <Button
+ color="primary"
+ startIcon={<EditIcon />}
+ onClick={(btn) => handleEditClick(btn)}
+ sx={{ ml: 1 }}
+ label={'ra.action.edit'}
+ >
+ </Button>
+ : <></>
)
}
+//鎶ユ
const InspectionButton = () => {
const record = useRecordContext();
const notify = useNotify();
@@ -231,11 +303,8 @@
}
}
-
return (
- <Button onClick={inspection} label={"toolbar.inspection"}>
- <ConstructionIcon />
- </Button>
+ <ConfirmButton label={"toolbar.inspection"} color="secondary" startIcon={<ConstructionIcon />} onConfirm={inspection} />
)
}
@@ -243,10 +312,11 @@
const { selectedIds, onUnselectItems, data } = useListContext();
const notify = useNotify();
const refresh = useRefresh();
+ const translate = useTranslate();
const inspection = (btn) => {
btn.stopPropagation();
if (selectedIds.length === 0) {
- notify('璇烽�夋嫨閫氱煡鍗�');
+ notify(translate("request.error.select_error_order"));
return;
} else {
const rows = data.filter((item) => selectedIds.includes(item.id))
@@ -265,7 +335,6 @@
}
}
-
return (
<Button onClick={inspection} label={"toolbar.inspection"}>
<ConstructionIcon />
@@ -273,6 +342,53 @@
)
}
+const BtnBulkExport = () => {
+ const { filter, selectedIds, filterValues, resource, sort, total } = useListContext();
+ const refresh = useRefresh();
+ const dataProvider = useDataProvider();
+ const notify = useNotify();
+ const unSelect = useUnselectAll(resource);
+
+ const bulkExport = () => {
+ getExport()
+ unSelect();
+ }
+ const getExport = () => {
+ dataProvider
+ .export(resource, {
+ ids: selectedIds,
+ pagination: { page: 1, perPage: 1000 },
+ })
+ .then((res) => {
+ const url = window.URL.createObjectURL(
+ new Blob([res.data], { type: res.headers["content-type"] }),
+ );
+ const link = document.createElement("a");
+ link.href = url;
+ link.setAttribute("download", `${resource}.xlsx`);
+ document.body.appendChild(link);
+ link.click();
+ link.remove();
+ })
+ .catch((error) => {
+ console.error(error);
+ notify("ra.notification.http_error", { type: "error" });
+ });
+ if (typeof onClick === "function") {
+ onClick(event);
+ }
+ };
+
+ return (
+ <>
+ <Button label="toolbar.bulkExport" onClick={bulkExport}>
+ <ExitToAppIcon />
+ </Button>
+ </>
+ )
+}
+
+//瀹屾垚鍗曟嵁
const CompleteButton = () => {
const record = useRecordContext();
const notify = useNotify();
@@ -288,12 +404,11 @@
}
}
-
return (
- record.exceStatus === 1 && (record.anfme === record.qty ? <Button onClick={requestComplete} label={"toolbar.complete"} color="success">
- <TaskIcon />
- </Button> : <ConfirmButton label={"toolbar.complete"} color="success" data={'褰撳墠鏀惰揣鏁伴噺灏忎簬璁″垝鏁伴噺锛屾槸鍚︾‘璁ゅ畬鎴�'} startIcon={<TaskIcon />} onConfirm={requestComplete} />)
-
+ // record.exceStatus === 1 && (record.anfme === record.qty ? <Button onClick={requestComplete} label={"toolbar.complete"} color="secondary">
+ // <TaskIcon />
+ // </Button> : )
+ record.exceStatus === 1 ? <ConfirmButton label={"toolbar.complete"} color="secondary" startIcon={<TaskIcon />} onConfirm={requestComplete} /> : <></>
)
@@ -315,6 +430,6 @@
}
return (
- <ConfirmButton label={"toolbar.close"} color="error" data={'纭鏄惁鍏抽棴锛�'} startIcon={<CloseIcon />} onConfirm={requestClose} />
+ <ConfirmButton label={"toolbar.close"} color="error" startIcon={<CloseIcon />} onConfirm={requestClose} />
)
}
--
Gitblit v1.9.1