From d346400e27af0205539dd61f72dd2cdf40d44ab9 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期二, 01 四月 2025 16:35:55 +0800 Subject: [PATCH] 新增任务档 --- rsf-admin/src/page/components/ImportModal.jsx | 74 ++++++++++++++++++++++++++++++------- 1 files changed, 60 insertions(+), 14 deletions(-) diff --git a/rsf-admin/src/page/components/ImportModal.jsx b/rsf-admin/src/page/components/ImportModal.jsx index 501cb22..703a018 100644 --- a/rsf-admin/src/page/components/ImportModal.jsx +++ b/rsf-admin/src/page/components/ImportModal.jsx @@ -1,4 +1,4 @@ -import { useEffect, useState } from 'react'; +import { useEffect, useState, createContext, useContext } from 'react'; import { Box, CircularProgress, Stack, Typography } from '@mui/material'; import Alert from '@mui/material/Alert'; import Dialog from '@mui/material/Dialog'; @@ -13,13 +13,16 @@ Form, Toolbar, useRefresh, - useTranslate + useTranslate, + useNotify } from 'react-admin'; import { Link } from 'react-router-dom'; import DialogCloseButton from './DialogCloseButton'; import { usePapaParse } from './usePapaParse'; +import MatnrList from '../basicInfo/matnr/MatnrList'; +import request from '@/utils/request' -const ImportModal = ({ open, onClose, importTemp, useCodeImport, onceBatch = 10 }) => { +const ImportModal = ({ open, onClose, importTemp, useCodeImport, onceBatch = 10, value, parmas = {} }) => { const refresh = useRefresh(); const translate = useTranslate(); @@ -30,6 +33,7 @@ }); const [file, setFile] = useState(null); + const notify = useNotify(); useEffect(() => { if (importer.state === 'complete') { @@ -45,9 +49,25 @@ if (!file) { return; } + const form = new FormData(); + for (const key in parmas) { + if (parmas.hasOwnProperty(key)) { + form.append(key, parmas[key]); + } + } + form.append('file', file); + const { data: { code, data, msg } } = await request.post(`/${value}/import`, form) - parseCsv(file); + if (code === 200) { + handleClose() + } else { + notify(msg); + + } + }; + + const handleClose = () => { reset(); @@ -58,6 +78,22 @@ e.preventDefault(); reset(); }; + + const downloadTemplate = async (type) => { + const res = await request.post(`/${value}/template/download`, {}, { + responseType: "blob", + }) + 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", `${value}.xlsx`); + document.body.appendChild(link); + link.click(); + link.remove(); + } return ( <Dialog open={open} maxWidth="md" fullWidth> @@ -144,22 +180,30 @@ <Alert severity="info" action={ - <Button - component={Link} - label="common.action.import.download" - color="info" - to={importTemp} - download={'import_template.csv'} - /> + <MatnrList.Context.Consumer> + {context => ( + <Button + component={Link} + onClick={() => { + downloadTemplate(context) + }} + label="common.action.import.download" + color="info" + to={importTemp} + download={'import_template.csv'} + /> + )} + + </MatnrList.Context.Consumer> } > {translate('common.action.import.msg')} </Alert> <FileInput - source="csv" - label="CSV File" - accept={{ 'text/csv': ['.csv'] }} + source="xlsx" + label="Xlsx File" + accept={{ 'text/xlsx': ['.xls', '.xlsx'] }} onChange={handleFileChange} > <FileField source="src" title="title" /> @@ -201,6 +245,8 @@ </Dialog> ); } +{/**涓嬭浇鎵撳嵃妯℃澘锛屼紶鍏ype绫诲瀷锛岃皟鐢ㄤ笅杞芥ā鏉挎帴鍙� */ } + function millisecondsToTime(ms) { var seconds = Math.floor((ms / 1000) % 60); -- Gitblit v1.9.1