122 lines
3.4 KiB
TypeScript
122 lines
3.4 KiB
TypeScript
import React, { useState } from 'react';
|
||
import { Modal, Form, Spin, message } from 'antd';
|
||
import ExtendUpload from '@/utils/ExtendUpload';
|
||
import { saveSupplementFile } from '../../../services/bidev';
|
||
|
||
// 支持的文件格式
|
||
const SUPPORTED_FILE_TYPES = {
|
||
'zip': ['.zip'],
|
||
'rar': ['.rar'],
|
||
'pdf': ['.pdf'],
|
||
'word': ['.doc', '.docx'],
|
||
'excel': ['.xls', '.xlsx']
|
||
};
|
||
|
||
const ACCEPT_TYPES = '.zip,.rar,.pdf,.doc,.docx,.xls,.xlsx';
|
||
|
||
// 文件格式验证函数
|
||
const validateFileFormat = (file: File): boolean => {
|
||
const fileName = file.name.toLowerCase();
|
||
const fileExtension = fileName.substring(fileName.lastIndexOf('.'));
|
||
const supportedExtensions = Object.values(SUPPORTED_FILE_TYPES).flat();
|
||
return supportedExtensions.includes(fileExtension);
|
||
};
|
||
|
||
interface SupplementFileUploadProps {
|
||
modalVisible: boolean;
|
||
onCancel: (fileId?: string) => void;
|
||
onOk: (fileId: string) => void;
|
||
fileId?: string;
|
||
readOnly?: boolean;
|
||
recordData?: any;
|
||
}
|
||
|
||
const layout = {
|
||
labelCol: { span: 4 },
|
||
wrapperCol: { span: 20 },
|
||
};
|
||
|
||
const modalHeight = window.innerHeight * 96 / 100;
|
||
|
||
/**
|
||
* 补充评审文件上传组件
|
||
* @param props
|
||
* @returns
|
||
*/
|
||
const SupplementFileUpload: React.FC<SupplementFileUploadProps> = (props) => {
|
||
const { modalVisible, onCancel, onOk, fileId, readOnly, recordData } = props;
|
||
const [form] = Form.useForm();
|
||
const [loading, setLoading] = useState(false);
|
||
|
||
const handleOk = async () => {
|
||
const annexId = form.getFieldValue('annexId');
|
||
const finalFileId = annexId || fileId || '';
|
||
|
||
if (!readOnly && !finalFileId) {
|
||
message.warning('请先上传文件');
|
||
return;
|
||
}
|
||
|
||
setLoading(true);
|
||
try {
|
||
const params = {
|
||
id: recordData?.id,
|
||
supplementReviewFile: finalFileId,
|
||
};
|
||
|
||
const res = await saveSupplementFile(params);
|
||
if (res.code === 200 && res.success) {
|
||
message.success('补充评审文件保存成功');
|
||
onOk(finalFileId);
|
||
} else {
|
||
message.error(res.message || '保存失败');
|
||
}
|
||
} catch (error) {
|
||
message.error('保存失败，请重试');
|
||
} finally {
|
||
setLoading(false);
|
||
}
|
||
};
|
||
|
||
const handleCancel = () => {
|
||
const annexId = form.getFieldValue('annexId');
|
||
onCancel(annexId);
|
||
};
|
||
|
||
return (
|
||
<Modal
|
||
destroyOnClose
|
||
title={`${readOnly ? '查看' : '上传'}补充评审文件`}
|
||
visible={modalVisible}
|
||
onCancel={handleCancel}
|
||
onOk={readOnly ? undefined : handleOk}
|
||
okText={readOnly ? undefined : "保存"}
|
||
cancelText="返回"
|
||
okButtonProps={{ hidden: readOnly }}
|
||
style={{ maxHeight: modalHeight }}
|
||
bodyStyle={{ maxHeight: modalHeight - 107, overflowY: 'auto' }}
|
||
centered
|
||
>
|
||
<Spin spinning={loading}>
|
||
<Form name="supplement-file-form" {...layout} form={form}>
|
||
<Form.Item
|
||
name="annexId"
|
||
label="附件"
|
||
extra={readOnly ? null : '支持zip、rar、PDF、Word、Excel格式文件，每个文件最大30MB，限制上传1个文件'}
|
||
>
|
||
<ExtendUpload
|
||
bid={fileId}
|
||
btnName="上传"
|
||
maxSize={30}
|
||
maxCount={1}
|
||
formatValidator={validateFileFormat}
|
||
uploadProps={{ name: "file", disabled: readOnly, accept: ACCEPT_TYPES }}
|
||
/>
|
||
</Form.Item>
|
||
</Form>
|
||
</Spin>
|
||
</Modal>
|
||
);
|
||
};
|
||
|
||
export default SupplementFileUpload;
|