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:
孙景学
2025-07-09 14:01:45 +08:00
parent 56da66ee21
commit b46b35cd4b
35 changed files with 1054 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CompanyInfo/component/BankFormModal.tsx
View File

@ -2,7 +2,9 @@ import React, { useEffect, useState } from 'react';
import { Modal, Form, Input, Button, Upload, message, Row, Col, Descriptions } from 'antd';
import type { UploadProps } from 'antd';
import { UploadOutlined } from '@ant-design/icons';
import { uploadFile, bankView, bankAdd, bankEdit } from '../services';
import { uploadFile, bankView, bankAdd, bankEdit, coscoSupplierBase } from '../services';
import { getRegionTree, getregionInternational } from '@/servers/api/register';
interface props {
visible: boolean;
onOk: () => void;
@ -56,6 +58,11 @@ const InvoiceFormModal: React.FC<props> = ({
setViewData(fields);
}
});
} else {
form.resetFields(); // ✅ 只有无 initialValues 才重置
}

29
src/components/CompanyInfo/component/ForeignForm.tsx
View File

@ -1,5 +1,5 @@
/* 境外企业 表单项 */
import React from 'react';
import React, { useState, useEffect } from 'react';
import { Form, Input, Select, Row, Col } from 'antd';
import {
MailOutlined,
@ -8,7 +8,7 @@ import {
/**
* 引入通用表单组件
*/
import { getregionInternational } from '@/servers/api/register';
const { Option } = Select;
interface ForeignFormProps {
@ -23,7 +23,15 @@ interface ForeignFormProps {
* 其他部分使用通用表单组件
*/
const ForeignForm: React.FC<ForeignFormProps> = ({ form, countdown, handleGetCaptcha }) => {
// 全球
const [regionOptions, setRegionOptions] = useState<API.RegionOption[]>([]);
useEffect(() => {
getregionInternational().then(res => {
if (res.code === 200) {
setRegionOptions(res.data);
}
});
}, []);
return (
<>
{/* 境外企业特有的基本信息部分 */}
@ -56,16 +64,11 @@ const ForeignForm: React.FC<ForeignFormProps> = ({ form, countdown, handleGetCap
rules={[{ required: true, message: '请选择国家/地区' }]}
>
<Select placeholder="请选择国家/地区">
<Option value="US">美国</Option>
<Option value="UK">英国</Option>
<Option value="JP">日本</Option>
<Option value="DE">德国</Option>
<Option value="FR">法国</Option>
<Option value="AU">澳大利亚</Option>
<Option value="CA">加拿大</Option>
<Option value="SG">新加坡</Option>
<Option value="HK">中国香港</Option>
<Option value="OTHER">其他</Option>
{
regionOptions.map((item) => {
return <Option value={item.id}>{item.name}</Option>
})
}
</Select>
</Form.Item>
</Col>

109
src/components/CompanyInfo/component/PeBaseInfoFormModal.tsx Normal file
View File

@ -0,0 +1,109 @@
import React, { useEffect, useState } from 'react';
import { Modal, Form, message, Input, Upload, Button } from 'antd';
import Person from './Person';
import { updateSupplierBase } from '../services'
interface Props {
visible: boolean;
onOk: () => void;
onCancel: () => void;
initialValues?: coscoSupplierBases;
}
// 基础信息
interface coscoSupplierBases {
id?: string;
supplierType?: string;
name?: string;
nameEn?: string;
range?: string;
workAddress?: string;
parentCompanyInvestor?: string;
legalPerson?: string;
capital?: string;
contactsName?: string;
contactsPhone?: string;
contactsEmail?: string;
nation?: string;
vat?: string;
currency?: string;
licenceAccessory?: string;
licenceDate?: string;
enterpriseType?: string;
socialCreditCode?: string;
regAddress?: string;
idCard?: string;
contactsType?: string;
telephone?: string;
coscoSupplierSurveyAttachments?: coscoSupplierSurveyAttachments[];
}
interface coscoSupplierSurveyAttachments {
attachmentsType: string;
fileName: string;
fileType: string;
fileSize: string;
filePath: string;
fileUrl: string;
}
const BaseInfoFormModal: React.FC<Props> = ({
visible,
onOk,
onCancel,
initialValues,
}) => {
const [form] = Form.useForm();
//数据初始化
useEffect(() => {
if (visible && initialValues) {
form.setFieldsValue({
coscoSupplierBase: {
...initialValues,
},
});
} else {
form.resetFields();
}
}, [visible, initialValues]);
//确认提交
const handleFinish = async () => {
const values = await form.validateFields();
const payload = {
...values,
};
payload.coscoSupplierBase.name = payload.coscoSupplierBase.personName;
payload.coscoSupplierBase.contactPhone = payload.coscoSupplierBase.personPhone;
payload.coscoSupplierBase.id = initialValues?.id;
const res = await updateSupplierBase(payload);
if (res.code === 200) {
message.success('修改成功');
onOk();
}
};
return (
<Modal
title="企业基本信息"
visible={visible}
onCancel={onCancel}
onOk={handleFinish}
destroyOnClose
width={800}
>
<Form form={form} labelCol={{ flex: '140px' }} wrapperCol={{ flex: 1 }} >
<Person form={form} />
</Form>
</Modal >
);
};
export default BaseInfoFormModal;

107
src/components/CompanyInfo/component/PeBaseInfoTab.tsx Normal file
View File

@ -0,0 +1,107 @@
import React, { useEffect, useState } from 'react';
import { Descriptions, Button } from 'antd';
import { coscoSupplierBase } from '../services';
import { useIntl } from 'umi';
import PeBaseInfoFormModal from './PeBaseInfoFormModal'
export interface Request {
capital: string;
contactsEmail: string;
contactsName: string;
contactsPhone: string;
contactsType: string;
enterpriseType: string;
id: string;
idCard: string;
legalPerson: string;
licenceAccessory: string;
licenceDate: string;
name: string;
nameEn: string;
parentCompanyInvestor: string;
range: string;
regAddress: string;
socialCreditCode: string;
telephone: string;
workAddress: string;
[property: string]: any;
}
interface BaseInfoTabProps {
viewType?:boolean;
record?:string;
}
const BaseInfoTab: React.FC<BaseInfoTabProps> = (props) => {
const { viewType = false, record = '' } = props;
const intl = useIntl();
const [registerInfo, setRegisterInfo] = useState<Request>();
const fetchData = async () => {
const res = await coscoSupplierBase(record);
if (res.code === 200) {
setRegisterInfo(res.data);
}
};
//增改查
const [formVisible, setFormVisible] = useState(false);
const handleAdd = () => {
setFormVisible(true);
};
const handleFormSubmit = () => {
setFormVisible(false);
fetchData();
};
useEffect(() => {
//供应商信息
fetchData()
}, []);
if (!registerInfo?.coscoSupplierBase) return <div>{intl.formatMessage({ id: 'component.globalModal.loading' })}...</div>;
return (
<div style={{ padding: '0 30px 0 0' }}>
{ !viewType && (
<Button type="primary" onClick={handleAdd}>修改</Button>
)}
<Descriptions
bordered
column={2}
size="middle"
style={{ background: '#fff', padding: '16px 0 0' }}
>
<Descriptions.Item label="姓名">
{registerInfo.coscoSupplierBase.personName}
</Descriptions.Item>
<Descriptions.Item label="身份证号">
{registerInfo.coscoSupplierBase.idCard}
</Descriptions.Item>
<Descriptions.Item label="联系电话">
{registerInfo.coscoSupplierBase.personPhone}
</Descriptions.Item>
<Descriptions.Item label="开户行">
{registerInfo.coscoSupplierBase.personBank}
</Descriptions.Item>
<Descriptions.Item label="银行账号">
{registerInfo.coscoSupplierBase.personAccount}
</Descriptions.Item>
{/* <Descriptions.Item label="相关证照">
{registerInfo.coscoSupplierBase.socialCreditCode}
</Descriptions.Item> */}
</Descriptions>
<PeBaseInfoFormModal
visible={formVisible}
onOk={handleFormSubmit}
onCancel={() => setFormVisible(false)}
initialValues={registerInfo.coscoSupplierBase || undefined}
/>
</div>
);
};
export default BaseInfoTab;

99
src/components/CompanyInfo/component/Person.tsx Normal file
View File

@ -0,0 +1,99 @@
/* 境外企业 表单项 */
import React from 'react';
import { Form, Input, Row, Col } from 'antd';
import {
MobileOutlined,
} from '@ant-design/icons';
interface ForeignFormProps {
form: any;
}
/**
* 个人注册表单
* 基本信息部分为个人
*/
const ForeignForm: React.FC<ForeignFormProps> = ({ form }) => {
return (
<>
{/* 境外企业特有的基本信息部分 */}
<div className="form-section-title">基本信息</div>
<Row gutter={24}>
<Col span={13}>
<Form.Item
name={['coscoSupplierBase', 'personName']}
label="姓名"
rules={[{ required: true, message: '请输入姓名' }]}
>
<Input placeholder="请输入姓名" />
</Form.Item>
</Col>
<Col span={13}>
<Form.Item
name={['coscoSupplierBase', 'idCard']}
label="身份证号"
rules={[{ required: true, message: '请输入身份证号' }]}
>
<Input placeholder="请填写正确的身份证号" />
</Form.Item>
</Col>
<Col span={13}>
<Form.Item
name={['coscoSupplierBase', 'personPhone']}
label="联系电话"
rules={[
{ required: true, message: '请输入联系电话' },
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的联系电话' },
]}
>
<Input
placeholder="请输入11位联系电话"
prefix={<MobileOutlined />}
/>
</Form.Item>
</Col>
<Col span={13}>
<Form.Item
name={['coscoSupplierBase', 'personBank']}
label="开户行"
rules={[{ required: true, message: '请输入开户行' }]}
>
<Input placeholder="请输入开户行" />
</Form.Item>
</Col>
<Col span={13}>
<Form.Item
name={['coscoSupplierBase', 'personAccount']}
label="银行账号"
rules={[{ required: true, message: '请输入银行账号' }]}
>
<Input placeholder="请输入银行账号" />
</Form.Item>
</Col>
{/* <Col span={24}>
<Form.Item
name="attachments"
label="相关证照"
extra="pdf,jpg,jpeg,png类型的文件,大小不超过10MB"
rules={[{ required: true, message: '请上传相关证照' }]}
>
<Upload
name="file"
action="/api/fileConfig/files/upload"
listType="text"
maxCount={1}
beforeUpload={(file) => validateFileSize(file, 10, ['pdf', 'jpg', 'jpeg', 'png'])}
>
<Button icon={<UploadOutlined />}>上传文件</Button>
</Upload>
</Form.Item>
</Col> */}
</Row>
</>
);
};
export default ForeignForm;