639 lines
23 KiB
JavaScript
639 lines
23 KiB
JavaScript
import React, { useState, useEffect, useMemo } from 'react';
|
|
import { Form, Input, Button, Tabs, DatePicker, InputNumber, Upload, Card, message, Space, Checkbox, Divider, Select, Alert } from 'antd';
|
|
import { UploadOutlined, PlusOutlined, MinusCircleOutlined } from '@ant-design/icons';
|
|
import axios from 'axios';
|
|
import API_BASE_URL from '../config';
|
|
import UserSearchSelect from '../components/UserSearchSelect';
|
|
import { maskPhone } from '../utils/phoneMask';
|
|
import {
|
|
achievementTypes,
|
|
uploadTips,
|
|
contributorTips,
|
|
dateTips,
|
|
nameLabels,
|
|
contributorLabels,
|
|
dateLabels,
|
|
roleOptions,
|
|
contributorAddButtonLabels,
|
|
contributorMainLabels,
|
|
nameTips,
|
|
sourceTips
|
|
} from '../constants/achievements';
|
|
|
|
const { Option } = Select;
|
|
|
|
const UploadPage = () => {
|
|
const [form] = Form.useForm();
|
|
const [type, setType] = useState('project');
|
|
const [loading, setLoading] = useState(false);
|
|
const [fileList, setFileList] = useState([]);
|
|
// 项目类专用文件列表
|
|
const [projectProofFiles, setProjectProofFiles] = useState([]); // 立项证明
|
|
const [projectPlanFiles, setProjectPlanFiles] = useState([]); // 实施方案
|
|
const [projectSummaryFiles, setProjectSummaryFiles] = useState([]); // 验收总结
|
|
|
|
const [dicts, setDicts] = useState({
|
|
organizations: [],
|
|
'award-types': [],
|
|
'award-levels': [],
|
|
'paper-types': [],
|
|
'standard-types': [],
|
|
'project-categories': []
|
|
});
|
|
|
|
const fetchDicts = useMemo(() => async () => {
|
|
const types = ['organizations', 'award-types', 'award-levels', 'paper-types', 'standard-types', 'project-categories'];
|
|
const token = localStorage.getItem('token');
|
|
try {
|
|
const results = await Promise.all(
|
|
types.map(t => axios.get(`${API_BASE_URL}/api/dictionaries/${t}`, {
|
|
headers: { Authorization: `Bearer ${token}` }
|
|
}))
|
|
);
|
|
const newDicts = {};
|
|
types.forEach((t, index) => {
|
|
newDicts[t] = results[index].data;
|
|
});
|
|
setDicts(newDicts);
|
|
} catch (error) {
|
|
console.error('获取字典失败', error);
|
|
}
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
fetchDicts();
|
|
}, [fetchDicts]);
|
|
|
|
const renderDictSelectWithCustom = (name, label, dictData, rules = []) => {
|
|
return (
|
|
<>
|
|
<Form.Item name={name} label={label} rules={rules}>
|
|
<Select placeholder={`请选择${label}`}>
|
|
<Option value="无">无</Option>
|
|
{dictData.filter(d => d.name !== '待定').map(d => (
|
|
<Option key={d.id} value={d.name}>{d.name}</Option>
|
|
))}
|
|
<Option value="其他">其他</Option>
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item
|
|
noStyle
|
|
shouldUpdate={(prev, current) => prev[name] !== current[name]}
|
|
>
|
|
{({ getFieldValue }) =>
|
|
getFieldValue(name) === '其他' ? (
|
|
<Form.Item
|
|
name={`${name}_custom`}
|
|
label={`请输入${label}`}
|
|
rules={[{ required: true, message: `请输入${label}` }]}
|
|
>
|
|
<Input placeholder={`请输入${label}`} />
|
|
</Form.Item>
|
|
) : null
|
|
}
|
|
</Form.Item>
|
|
</>
|
|
);
|
|
};
|
|
|
|
const onFinish = async (values) => {
|
|
setLoading(true);
|
|
|
|
// 处理“其他”选项的自定义输入
|
|
const customFields = ['first_unit', 'assignee', 'owner_unit'];
|
|
customFields.forEach(field => {
|
|
if (values[field] === '其他') {
|
|
values[field] = values[`${field}_custom`];
|
|
}
|
|
delete values[`${field}_custom`];
|
|
});
|
|
|
|
// 前端去重校验
|
|
const contributors = values.contributors || [];
|
|
const phoneSet = new Set();
|
|
for (const c of contributors) {
|
|
if (c.user) {
|
|
const u = JSON.parse(c.user);
|
|
if (phoneSet.has(u.phone)) {
|
|
message.error(`完成人列表中存在重复的员工：${u.real_name} (${maskPhone(u.phone)})。请删除重复项。`);
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
phoneSet.add(u.phone);
|
|
}
|
|
}
|
|
|
|
// 排名去重校验
|
|
if (!['project', 'transformation'].includes(type)) {
|
|
const rankingSet = new Set();
|
|
for (const c of contributors) {
|
|
if (c.ranking) {
|
|
if (rankingSet.has(c.ranking)) {
|
|
message.error(`完成人排名不能重复：第 ${c.ranking} 名出现了多次。`);
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
rankingSet.add(c.ranking);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 附件校验
|
|
if (type === 'project') {
|
|
if (projectProofFiles.length === 0) {
|
|
message.error('请上传立项证明');
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
if (projectPlanFiles.length === 0) {
|
|
message.error('请上传实施方案');
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
if (projectSummaryFiles.length === 0) {
|
|
message.error('请上传验收总结');
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
} else {
|
|
if (fileList.length === 0) {
|
|
message.error('请至少上传一个附件');
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
}
|
|
|
|
const formData = new FormData();
|
|
formData.append('type', type);
|
|
|
|
const finalContributors = (values.contributors || []).map(c => {
|
|
const u = c.user ? JSON.parse(c.user) : {};
|
|
return {
|
|
name: u.real_name,
|
|
phone: u.phone,
|
|
role: c.role,
|
|
isMain: c.isMain,
|
|
ranking: c.ranking
|
|
};
|
|
}).filter(c => c.name);
|
|
|
|
const { name, achievement_date, remarks, contributors: _ignoredContributors, approver, ...details } = values;
|
|
|
|
formData.append('name', name);
|
|
formData.append('contributors', JSON.stringify(finalContributors));
|
|
formData.append('achievement_date', achievement_date ? achievement_date.format('YYYY-MM-DD') : '');
|
|
formData.append('remarks', remarks || '');
|
|
|
|
// 处理签批领导
|
|
if (type === 'report' && approver) {
|
|
try {
|
|
const approverUser = JSON.parse(approver);
|
|
details.approver_id = approverUser.id;
|
|
details.approver_name = approverUser.real_name;
|
|
} catch (e) {
|
|
console.error('解析签批领导信息失败', e);
|
|
}
|
|
}
|
|
|
|
formData.append('details', JSON.stringify(details));
|
|
|
|
if (type === 'project') {
|
|
// 项目类附件处理：添加前缀以区分
|
|
projectProofFiles.forEach(file => {
|
|
const newFile = new File([file.originFileObj], `[立项证明]-${file.name}`, { type: file.type });
|
|
formData.append('attachments', newFile);
|
|
});
|
|
projectPlanFiles.forEach(file => {
|
|
const newFile = new File([file.originFileObj], `[实施方案]-${file.name}`, { type: file.type });
|
|
formData.append('attachments', newFile);
|
|
});
|
|
projectSummaryFiles.forEach(file => {
|
|
const newFile = new File([file.originFileObj], `[验收总结]-${file.name}`, { type: file.type });
|
|
formData.append('attachments', newFile);
|
|
});
|
|
} else {
|
|
fileList.forEach(file => {
|
|
formData.append('attachments', file.originFileObj);
|
|
});
|
|
}
|
|
|
|
try {
|
|
const token = localStorage.getItem('token');
|
|
await axios.post(`${API_BASE_URL}/api/achievements`, formData, {
|
|
headers: {
|
|
'Authorization': `Bearer ${token}`,
|
|
'Content-Type': 'multipart/form-data'
|
|
}
|
|
});
|
|
message.success('成果上传成功，请等待管理员审核');
|
|
form.resetFields();
|
|
setFileList([]);
|
|
setProjectProofFiles([]);
|
|
setProjectPlanFiles([]);
|
|
setProjectSummaryFiles([]);
|
|
} catch (error) {
|
|
message.error(error.response?.data?.message || '上传失败');
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
const renderCommonFields = () => {
|
|
const hasRanking = !['project', 'transformation'].includes(type);
|
|
const useCheckbox = ['project', 'transformation'].includes(type);
|
|
const isPaper = type === 'paper';
|
|
|
|
return (
|
|
<>
|
|
<Divider orientation="center" style={{ fontWeight: 'bold', fontSize: '16px', margin: '24px 0', color: '#1890ff' }}>成果名称</Divider>
|
|
{nameTips[type] && (
|
|
<Alert
|
|
message={nameTips[type]}
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 16, width: 'fit-content' }}
|
|
/>
|
|
)}
|
|
<Form.Item
|
|
name="name"
|
|
label={nameLabels[type] || "成果名称"}
|
|
rules={[{ required: true }]}
|
|
>
|
|
<Input />
|
|
</Form.Item>
|
|
|
|
<Divider orientation="center" style={{ fontWeight: 'bold', fontSize: '16px', margin: '24px 0', color: '#1890ff' }}>完成人信息</Divider>
|
|
{contributorTips[type] && (
|
|
<Alert
|
|
message={contributorTips[type]}
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 16, width: 'fit-content' }}
|
|
/>
|
|
)}
|
|
<Form.Item label={contributorLabels[type]} style={{ marginBottom: 0 }}>
|
|
<Form.List
|
|
name="contributors"
|
|
initialValue={[{
|
|
user: undefined,
|
|
role: isPaper ? '第一作者' : undefined,
|
|
isMain: useCheckbox,
|
|
ranking: hasRanking ? 1 : undefined
|
|
}]}
|
|
>
|
|
{(fields, { add, remove }) => (
|
|
<>
|
|
{fields.length > 0 && (
|
|
<Space style={{ display: 'flex', marginBottom: 4 }} align="baseline">
|
|
<span style={{ display: 'inline-block', width: 250 }}>
|
|
<span style={{ color: '#ff4d4f', marginRight: 4 }}>*</span>姓名
|
|
</span>
|
|
|
|
{hasRanking && (
|
|
<span style={{ display: 'inline-block', width: 80 }}>
|
|
<span style={{ color: '#ff4d4f', marginRight: 4 }}>*</span>排名
|
|
</span>
|
|
)}
|
|
|
|
{isPaper && (
|
|
<span style={{ display: 'inline-block', width: 150 }}>
|
|
<span style={{ color: '#ff4d4f', marginRight: 4 }}>*</span>角色
|
|
</span>
|
|
)}
|
|
|
|
{useCheckbox && (
|
|
<span>
|
|
{contributorMainLabels[type] || contributorMainLabels.default}
|
|
</span>
|
|
)}
|
|
</Space>
|
|
)}
|
|
{fields.map(({ key, name, ...restField }) => (
|
|
<Space key={key} style={{ display: 'flex', marginBottom: 8 }} align="baseline">
|
|
<Form.Item
|
|
{...restField}
|
|
name={[name, 'user']}
|
|
rules={[{ required: true, message: '请搜索并选择员工' }]}
|
|
>
|
|
<UserSearchSelect placeholder="搜索姓名/手机号" style={{ width: 250 }} />
|
|
</Form.Item>
|
|
|
|
{hasRanking && (
|
|
<Form.Item
|
|
{...restField}
|
|
name={[name, 'ranking']}
|
|
rules={[{ required: true, message: '请输入排名' }]}
|
|
>
|
|
<InputNumber min={1} placeholder="排名" style={{ width: 80 }} />
|
|
</Form.Item>
|
|
)}
|
|
|
|
{isPaper && (
|
|
<Form.Item
|
|
{...restField}
|
|
name={[name, 'role']}
|
|
rules={[{ required: true, message: '请选择角色' }]}
|
|
>
|
|
<Select placeholder="角色" style={{ width: 150 }}>
|
|
{roleOptions.map(r => <Option key={r} value={r}>{r}</Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
)}
|
|
|
|
{useCheckbox && (
|
|
<Form.Item
|
|
{...restField}
|
|
name={[name, 'isMain']}
|
|
valuePropName="checked"
|
|
>
|
|
<Checkbox>
|
|
{contributorMainLabels[type] || contributorMainLabels.default}
|
|
</Checkbox>
|
|
</Form.Item>
|
|
)}
|
|
|
|
{fields.length > 1 && (
|
|
<MinusCircleOutlined onClick={() => remove(name)} />
|
|
)}
|
|
</Space>
|
|
))}
|
|
<Form.Item>
|
|
<Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
|
|
{contributorAddButtonLabels[type] || contributorAddButtonLabels.default}
|
|
</Button>
|
|
</Form.Item>
|
|
</>
|
|
)}
|
|
</Form.List>
|
|
</Form.Item>
|
|
<Divider orientation="center" style={{ fontWeight: 'bold', fontSize: '16px', margin: '24px 0', color: '#1890ff' }}>成果信息</Divider>
|
|
|
|
{dateTips[type] && (
|
|
<Alert
|
|
message={dateTips[type]}
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 12, width: 'fit-content' }}
|
|
/>
|
|
)}
|
|
<Form.Item
|
|
name="achievement_date"
|
|
label={dateLabels[type] || "成果时间"}
|
|
rules={[{ required: true }]}
|
|
>
|
|
<DatePicker style={{ width: '100%' }} />
|
|
</Form.Item>
|
|
<Form.Item name="remarks" label="备注"><Input.TextArea rows={3} /></Form.Item>
|
|
</>
|
|
);
|
|
};
|
|
|
|
const renderSpecificFields = () => {
|
|
switch (type) {
|
|
case 'paper':
|
|
return (
|
|
<>
|
|
{renderDictSelectWithCustom('first_unit', '完成单位', dicts['organizations'], [{ required: true, message: '请选择完成单位' }])}
|
|
|
|
<Form.Item name="paper_type" label="论文水平" rules={[{ required: true, message: '请选择论文水平' }]}>
|
|
<Select placeholder="请选择论文水平">
|
|
{dicts['paper-types'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
|
|
<Form.Item name="journal_name" label="期刊名称"><Input /></Form.Item>
|
|
<Form.Item name="doi" label="DOI"><Input /></Form.Item>
|
|
</>
|
|
);
|
|
case 'project':
|
|
return (
|
|
<>
|
|
<Form.Item name="project_category" label="项目分类">
|
|
<Select placeholder="请选择项目分类">
|
|
{dicts['project-categories'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
{sourceTips[type] && (
|
|
<Alert
|
|
message={sourceTips[type]}
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 16, width: 'fit-content' }}
|
|
/>
|
|
)}
|
|
<Form.Item name="source" label="项目来源"><Input /></Form.Item>
|
|
</>
|
|
);
|
|
case 'award':
|
|
return (
|
|
<>
|
|
<Form.Item name="award_type" label="奖励种类">
|
|
<Select placeholder="请选择奖励种类">
|
|
{dicts['award-types'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item name="award_level" label="奖励等级">
|
|
<Select placeholder="请选择奖励等级">
|
|
{dicts['award-levels'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item name="award_unit" label="授奖单位">
|
|
<Input placeholder="请输入授奖单位" />
|
|
</Form.Item>
|
|
</>
|
|
);
|
|
case 'standard':
|
|
return (
|
|
<>
|
|
<Form.Item name="standard_type" label="标准种类">
|
|
<Select placeholder="请选择标准种类">
|
|
{dicts['standard-types'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item name="standard_no" label="标准编号" rules={[{ required: true }]}><Input /></Form.Item>
|
|
<Form.Item name="implement_date" label="实施日期"><DatePicker style={{ width: '100%' }} /></Form.Item>
|
|
</>
|
|
);
|
|
case 'monograph':
|
|
return (
|
|
<>
|
|
<Form.Item name="publisher" label="出版社"><Input /></Form.Item>
|
|
<Form.Item name="isbn" label="ISBN"><Input /></Form.Item>
|
|
</>
|
|
);
|
|
case 'report':
|
|
return (
|
|
<>
|
|
<Form.Item name="report_type" label="技术报告类型" rules={[{ required: true }]}><Input /></Form.Item>
|
|
<Form.Item name="recipient" label="发布（提报）对象" rules={[{ required: true }]}><Input /></Form.Item>
|
|
<Form.Item
|
|
name="approver"
|
|
label="签批院领导"
|
|
rules={[{ required: true, message: '请选择签批院领导' }]}
|
|
tooltip="仅显示领导层部门的用户"
|
|
>
|
|
<UserSearchSelect placeholder="搜索并选择签批领导" leaderOnly={true} />
|
|
</Form.Item>
|
|
</>
|
|
);
|
|
case 'plan':
|
|
return null;
|
|
case 'patent':
|
|
return (
|
|
<>
|
|
<Form.Item name="patent_no" label="专利号" rules={[{ required: true }]}><Input /></Form.Item>
|
|
{renderDictSelectWithCustom('assignee', '权利人', dicts['organizations'], [{ required: true, message: '请选择权利人' }])}
|
|
<Form.Item name="patent_type" label="专利类型" rules={[{ required: true }]}>
|
|
<Select placeholder="请选择专利类型">
|
|
<Select.Option value="发明专利">发明专利</Select.Option>
|
|
<Select.Option value="实用新型专利">实用新型专利</Select.Option>
|
|
<Select.Option value="外观设计专利">外观设计专利</Select.Option>
|
|
</Select>
|
|
</Form.Item>
|
|
</>
|
|
);
|
|
case 'transformation':
|
|
return (
|
|
<>
|
|
<Form.Item name="project_category" label="项目分类">
|
|
<Select placeholder="请选择项目分类">
|
|
{dicts['project-categories'].filter(d => d.name !== '待定').map(d => <Select.Option key={d.id} value={d.name}>{d.name}</Select.Option>)}
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item name="trans_method" label="转化方式"><Input /></Form.Item>
|
|
<Form.Item name="trans_amount" label="转化金额 (元)"><InputNumber style={{ width: '100%' }} /></Form.Item>
|
|
</>
|
|
);
|
|
case 'software':
|
|
return (
|
|
<>
|
|
<Form.Item name="reg_no" label="登记号" rules={[{ required: true }]}><Input /></Form.Item>
|
|
{renderDictSelectWithCustom('owner_unit', '著作权人', dicts['organizations'], [{ required: true, message: '请选择著作权人' }])}
|
|
<Form.Item name="acquisition_method" label="权利取得方式" rules={[{ required: true }]}>
|
|
<Select placeholder="请选择权利取得方式">
|
|
<Select.Option value="原始取得">原始取得</Select.Option>
|
|
<Select.Option value="继受取得">继受取得</Select.Option>
|
|
</Select>
|
|
</Form.Item>
|
|
<Form.Item name="scope" label="权利范围" rules={[{ required: true }]}>
|
|
<Select placeholder="请选择权利范围">
|
|
<Select.Option value="全部权利">全部权利</Select.Option>
|
|
<Select.Option value="部分权利">部分权利</Select.Option>
|
|
</Select>
|
|
</Form.Item>
|
|
</>
|
|
);
|
|
default:
|
|
return <p>未知类型</p>;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Card title="上传科技成果">
|
|
<Tabs
|
|
type="card"
|
|
size="large"
|
|
tabBarStyle={{ marginBottom: 24, fontWeight: 'bold' }}
|
|
activeKey={type}
|
|
onChange={(key) => {
|
|
setType(key);
|
|
form.resetFields();
|
|
setFileList([]);
|
|
setProjectProofFiles([]);
|
|
setProjectPlanFiles([]);
|
|
setProjectSummaryFiles([]);
|
|
}}
|
|
items={achievementTypes.map(t => ({
|
|
key: t.key,
|
|
label: t.label,
|
|
}))}
|
|
/>
|
|
|
|
<Form
|
|
form={form}
|
|
layout="vertical"
|
|
onFinish={onFinish}
|
|
style={{ marginTop: 24 }}
|
|
>
|
|
{renderCommonFields()}
|
|
{renderSpecificFields()}
|
|
|
|
<Divider orientation="center" style={{ fontWeight: 'bold', fontSize: '16px', margin: '24px 0', color: '#1890ff' }}>附件上传</Divider>
|
|
|
|
{type === 'project' ? (
|
|
<>
|
|
<Alert
|
|
message="项目类成果必须上传以下三类附件"
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 16, width: 'fit-content' }}
|
|
/>
|
|
<Form.Item label="立项证明" required>
|
|
<Upload
|
|
beforeUpload={() => false}
|
|
fileList={projectProofFiles}
|
|
onChange={({ fileList }) => setProjectProofFiles(fileList)}
|
|
multiple
|
|
>
|
|
<Button icon={<UploadOutlined />}>上传立项证明</Button>
|
|
</Upload>
|
|
</Form.Item>
|
|
<Form.Item label="实施方案" required>
|
|
<Upload
|
|
beforeUpload={() => false}
|
|
fileList={projectPlanFiles}
|
|
onChange={({ fileList }) => setProjectPlanFiles(fileList)}
|
|
multiple
|
|
>
|
|
<Button icon={<UploadOutlined />}>上传实施方案</Button>
|
|
</Upload>
|
|
</Form.Item>
|
|
<Form.Item label="验收总结" required>
|
|
<Upload
|
|
beforeUpload={() => false}
|
|
fileList={projectSummaryFiles}
|
|
onChange={({ fileList }) => setProjectSummaryFiles(fileList)}
|
|
multiple
|
|
>
|
|
<Button icon={<UploadOutlined />}>上传验收总结</Button>
|
|
</Upload>
|
|
</Form.Item>
|
|
</>
|
|
) : (
|
|
<Form.Item>
|
|
{uploadTips[type] && (
|
|
<Alert
|
|
message={uploadTips[type]}
|
|
type="info"
|
|
showIcon
|
|
style={{ marginBottom: 12, width: 'fit-content' }}
|
|
/>
|
|
)}
|
|
<Upload
|
|
beforeUpload={() => false}
|
|
fileList={fileList}
|
|
onChange={({ fileList }) => setFileList(fileList)}
|
|
multiple
|
|
>
|
|
<Button icon={<UploadOutlined />}>选择文件</Button>
|
|
</Upload>
|
|
</Form.Item>
|
|
)}
|
|
|
|
<Form.Item>
|
|
<Space>
|
|
<Button type="primary" htmlType="submit" loading={loading}>
|
|
提交审核
|
|
</Button>
|
|
<Button onClick={() => form.resetFields()}>
|
|
重置
|
|
</Button>
|
|
</Space>
|
|
</Form.Item>
|
|
</Form>
|
|
</Card>
|
|
);
|
|
};
|
|
|
|
export default UploadPage;
|