liuc/fe_supplier_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文件类型上传校验

Browse Source
This commit is contained in:
linxd
2025-08-05 15:45:52 +08:00
parent e07e925c42
commit 23b0e5e801
3 changed files with 64 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/pages/register/supplier/CommonFormSections.tsx
View File

@ -16,7 +16,7 @@ import {
Radio,
Cascader,
Empty,
Descriptions
Descriptions,
} from 'antd';
import { UploadOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';
import { message } from 'antd';
@ -25,7 +25,7 @@ import { getRegionTree, getregionInternational } from '@/servers/api/register';
import { getDictList } from '@/servers/api/dicts';
import type { DictItem } from '@/servers/api/dicts';
import FileUpload from '@/components/FileUpload/FileUpload';
import DictRegionSelect from '@/components/CommonSelect/DictRegionSelect'
import DictRegionSelect from '@/components/CommonSelect/DictRegionSelect';
const { Option } = Select;
@ -474,40 +474,40 @@ export const BankAccountSection: React.FC<CommonFormSectionsProps> = ({ form, su
const domesticColumns: ColumnType[] =
supplierType === 'dvs'
? [
{
title: '银联号',
dataIndex: 'interbankNumber',
render: (text, record) => (
<Form.Item
name={[record.name, 'interbankNumber']}
noStyle
rules={[{ required: true, message: '请输入银联号' }]}
>
<Input placeholder="请输入银联号" />
</Form.Item>
),
},
]
{
title: '银联号',
dataIndex: 'interbankNumber',
render: (text, record) => (
<Form.Item
name={[record.name, 'interbankNumber']}
noStyle
rules={[{ required: true, message: '请输入银联号' }]}
>
<Input placeholder="请输入银联号" />
</Form.Item>
),
},
]
: [];
// 境外企业特有列
const foreignColumns: ColumnType[] =
supplierType === 'ovs'
? [
{
title: 'SWIFT CODE',
dataIndex: 'swiftCode',
render: (text, record) => (
<Form.Item
name={[record.name, 'swiftCode']}
noStyle
rules={[{ required: true, message: '请输入SWIFT CODE' }]}
>
<Input placeholder="请输入SWIFT CODE" />
</Form.Item>
),
},
]
{
title: 'SWIFT CODE',
dataIndex: 'swiftCode',
render: (text, record) => (
<Form.Item
name={[record.name, 'swiftCode']}
noStyle
rules={[{ required: true, message: '请输入SWIFT CODE' }]}
>
<Input placeholder="请输入SWIFT CODE" />
</Form.Item>
),
},
]
: [];
// 通用列
@ -589,11 +589,10 @@ export const BankAccountSection: React.FC<CommonFormSectionsProps> = ({ form, su
</Form.Item>
{/* 级联选择器用于用户选择 */}
<Form.Item
noStyle
rules={[{ required: true, message: '请选择地址' }]}
>
<DictRegionSelect onChange={(value:any) => handleAddressChange(value as string[], record)} />
<Form.Item noStyle rules={[{ required: true, message: '请选择地址' }]}>
<DictRegionSelect
onChange={(value: any) => handleAddressChange(value as string[], record)}
/>
{/* <Cascader
options={addressOptions}
placeholder="请选择地址"
@ -834,7 +833,6 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
>
下载模版
</Button>
</Descriptions.Item>
<Descriptions.Item label="请加盖公司公章后上传">
<Form.List name="coscoSupplierSurveyAttachments">
@ -868,11 +866,10 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
<Input />
</Form.Item>
<Form.Item
name={[field.name, 'fileUrl']}
rules={[{ required: true, message: '请上传已盖章的反商业贿赂承诺书' }]}
style={{marginBottom: 0}}
style={{ marginBottom: 0 }}
getValueFromEvent={(value) => {
if (value && value.length > 0) {
const file = value[0];
@ -884,8 +881,8 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
fileSize: file.size.toString(),
fileUrl: file.url,
filePath: file.filePath,
}
}
},
},
});
return file.url;
}
@ -902,6 +899,7 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
maxCount={1}
allowedTypes={['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png']}
maxSize={10}
tip="pdf,doc,docx,jpg,jpeg,png类型的文件,大小不超过10MB"
/>
</Form.Item>
</div>
@ -910,9 +908,7 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
);
}}
</Form.List>
</Descriptions.Item>
</Descriptions>
<div className="form-section-title">其他附件</div>
@ -924,7 +920,7 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
style={{ background: '#fff' }}
>
<Descriptions.Item label="其他附件（非必须上传）">
<Form.List name="coscoSupplierSurveyAttachments">
<Form.List name="coscoSupplierSurveyAttachments">
{(fields, { add, remove }) => (
<>
{fields.map((field, index) => (
@ -970,8 +966,8 @@ export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) =
fileSize: file.size.toString(),
fileUrl: file.url,
filePath: file.filePath,
}
}
},
},
});
return file.url;
}