带录入与评审查看字段替换
This commit is contained in:
@ -102,7 +102,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col>
|
||||||
<Col span={8}>
|
<Col span={8}>
|
||||||
<Form.Item name={['coscoSupplierBase', 'vat']} label="增值税号VAT">
|
<Form.Item name={['coscoSupplierBase', 'vat']} label="税号">
|
||||||
<Input placeholder="请输入增值税号" />
|
<Input placeholder="请输入增值税号" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col>
|
||||||
@ -159,7 +159,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
<Input.Password placeholder="请再次输入密码" />
|
<Input.Password placeholder="请再次输入密码" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col> */}
|
</Col> */}
|
||||||
<Col span={8}>
|
{/* <Col span={8}>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={['coscoSupplierBase', 'regAddress']}
|
name={['coscoSupplierBase', 'regAddress']}
|
||||||
label="注册地址"
|
label="注册地址"
|
||||||
@ -167,7 +167,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
>
|
>
|
||||||
<Input prefix={<EnvironmentOutlined />} placeholder="请具体注明" />
|
<Input prefix={<EnvironmentOutlined />} placeholder="请具体注明" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col> */}
|
||||||
<Col span={8}>
|
<Col span={8}>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={['coscoSupplierBase', 'workAddress']}
|
name={['coscoSupplierBase', 'workAddress']}
|
||||||
@ -196,7 +196,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
<Input placeholder="请输入企业法定代表人" />
|
<Input placeholder="请输入企业法定代表人" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col>
|
||||||
<Col span={8}>
|
{/* <Col span={8}>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={['coscoSupplierBase', 'enterpriseType']}
|
name={['coscoSupplierBase', 'enterpriseType']}
|
||||||
label="企业类型"
|
label="企业类型"
|
||||||
@ -210,7 +210,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
}))}
|
}))}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col> */}
|
||||||
{/* <Col span={8}>
|
{/* <Col span={8}>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="supplierType"
|
name="supplierType"
|
||||||
@ -299,17 +299,17 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
<Input placeholder="请输入验证码" />
|
<Input placeholder="请输入验证码" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col>
|
||||||
<Col span={8}>
|
{/* <Col span={8}>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={['coscoSupplierBase', 'contactsPhone']}
|
name={['coscoSupplierBase', 'contactsPhone']}
|
||||||
label="联系人手机"
|
label="联系人手机"
|
||||||
>
|
>
|
||||||
<Input placeholder="请输入企业联系电话" prefix={<MobileOutlined />} />
|
<Input placeholder="请输入企业联系电话" prefix={<MobileOutlined />} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col> */}
|
||||||
<Col span={8}>
|
<Col span={8}>
|
||||||
<Form.Item name={['coscoSupplierBase', 'telephone']} label="固定电话">
|
<Form.Item name={['coscoSupplierBase', 'contactsPhone']} label="联系电话">
|
||||||
<Input placeholder="请输入企业固定电话" />
|
<Input placeholder="请输入企业联系电话" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Col>
|
</Col>
|
||||||
{/* <Col span={8}>
|
{/* <Col span={8}>
|
||||||
|
@ -20,6 +20,7 @@ interface coscoAccessWorkAttachments {
|
|||||||
interface coscoAccessUserl {
|
interface coscoAccessUserl {
|
||||||
deptId: string;
|
deptId: string;
|
||||||
deptName: string;
|
deptName: string;
|
||||||
|
userName: string;
|
||||||
userId: string;
|
userId: string;
|
||||||
}
|
}
|
||||||
interface coscoAccessCategoryLists {
|
interface coscoAccessCategoryLists {
|
||||||
@ -62,7 +63,7 @@ const ViewModal: React.FC<{
|
|||||||
}, [record])
|
}, [record])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel}>
|
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel} width={800} >
|
||||||
{data && (
|
{data && (
|
||||||
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
||||||
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item>
|
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item>
|
||||||
@ -103,7 +104,7 @@ const ViewModal: React.FC<{
|
|||||||
<Descriptions.Item label="评审专家">
|
<Descriptions.Item label="评审专家">
|
||||||
{data.coscoAccessUserls.map((item) => {
|
{data.coscoAccessUserls.map((item) => {
|
||||||
return (
|
return (
|
||||||
<div style={{ margin: '5px' }}>{item.deptName} - {item.userId}</div>
|
<div style={{ margin: '5px' }}>{item.deptName} - {item.userName}</div>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</Descriptions.Item>
|
</Descriptions.Item>
|
||||||
|
@ -20,6 +20,7 @@ interface coscoAccessWorkAttachments {
|
|||||||
interface coscoAccessUserl {
|
interface coscoAccessUserl {
|
||||||
deptName: string;
|
deptName: string;
|
||||||
deptId: string;
|
deptId: string;
|
||||||
|
userName: string;
|
||||||
userId: string;
|
userId: string;
|
||||||
}
|
}
|
||||||
interface coscoAccessCategoryLists {
|
interface coscoAccessCategoryLists {
|
||||||
@ -63,7 +64,7 @@ const ViewModal: React.FC<{
|
|||||||
}, [record])
|
}, [record])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel}>
|
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel} width={800}>
|
||||||
{data && (
|
{data && (
|
||||||
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
||||||
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item>
|
<Descriptions.Item label="准入部门">{data.coscoAccessWork.deptName}</Descriptions.Item>
|
||||||
@ -105,7 +106,7 @@ const ViewModal: React.FC<{
|
|||||||
<Descriptions.Item label="评审专家">
|
<Descriptions.Item label="评审专家">
|
||||||
{data.coscoAccessUserls.map((item) => {
|
{data.coscoAccessUserls.map((item) => {
|
||||||
return (
|
return (
|
||||||
<div style={{ margin: '5px' }}>{item.deptName} - {item.userId}</div>
|
<div style={{ margin: '5px' }}>{item.deptName} - {item.userName}</div>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</Descriptions.Item>
|
</Descriptions.Item>
|
||||||
|
@ -20,6 +20,7 @@ interface coscoAccessWorkAttachments {
|
|||||||
interface coscoAccessUserl {
|
interface coscoAccessUserl {
|
||||||
deptId: string;
|
deptId: string;
|
||||||
deptName: string;
|
deptName: string;
|
||||||
|
userName: string;
|
||||||
userId: string;
|
userId: string;
|
||||||
}
|
}
|
||||||
interface coscoAccessCategoryLists {
|
interface coscoAccessCategoryLists {
|
||||||
@ -62,7 +63,7 @@ const ViewModal: React.FC<{
|
|||||||
}, [record])
|
}, [record])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel}>
|
<Modal title="查看详情" visible={visible} footer={null} onCancel={onCancel} width={800}>
|
||||||
{data && (
|
{data && (
|
||||||
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
<Descriptions bordered column={1} labelStyle={{ width: 160 }}>
|
||||||
<Descriptions.Item label="准入部门" >{data.coscoAccessWork.deptName}</Descriptions.Item>
|
<Descriptions.Item label="准入部门" >{data.coscoAccessWork.deptName}</Descriptions.Item>
|
||||||
@ -105,7 +106,7 @@ const ViewModal: React.FC<{
|
|||||||
<Descriptions.Item label="评审专家">
|
<Descriptions.Item label="评审专家">
|
||||||
{data.coscoAccessUserls.map((item) => {
|
{data.coscoAccessUserls.map((item) => {
|
||||||
return (
|
return (
|
||||||
<div style={{ margin: '5px' }}>{item.deptName} - {item.userId}</div>
|
<div style={{ margin: '5px' }}>{item.deptName} - {item.userName}</div>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</Descriptions.Item>
|
</Descriptions.Item>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
// components/SupplierExitModal.tsx
|
// components/SupplierExitModal.tsx
|
||||||
import React from 'react';
|
import React, { useMemo } from 'react';
|
||||||
import { Modal } from 'antd';
|
import { Modal } from 'antd';
|
||||||
import Register from '@/pages/register/supplier'
|
import Register from '@/pages/register/supplier'
|
||||||
interface SupplierExitModalProps {
|
interface SupplierExitModalProps {
|
||||||
@ -9,6 +9,7 @@ interface SupplierExitModalProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const SupplierExitModal: React.FC<SupplierExitModalProps> = ({ visible, exitId, onOk }) => {
|
const SupplierExitModal: React.FC<SupplierExitModalProps> = ({ visible, exitId, onOk }) => {
|
||||||
|
const registerKey = useMemo(() => `${exitId}-${Date.now()}`, [visible, exitId]);
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
title="供应商注册代录"
|
title="供应商注册代录"
|
||||||
@ -18,11 +19,11 @@ const SupplierExitModal: React.FC<SupplierExitModalProps> = ({ visible, exitId,
|
|||||||
okText="知道了"
|
okText="知道了"
|
||||||
cancelButtonProps={{ style: { display: 'none' } }}
|
cancelButtonProps={{ style: { display: 'none' } }}
|
||||||
width='80%'
|
width='80%'
|
||||||
style={{height:"75vh"}}
|
style={{ height: "75vh" }}
|
||||||
footer={false}
|
footer={false}
|
||||||
centered
|
centered
|
||||||
>
|
>
|
||||||
<Register supplierWithInput={true} exitId={exitId} onOk={onOk} />
|
<Register key={registerKey} supplierWithInput={true} exitId={exitId} onOk={onOk} />
|
||||||
</Modal>
|
</Modal>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -88,8 +88,8 @@ const SupplierRegisterAgent: React.FC = () => {
|
|||||||
fetchData(pag.current, pag.pageSize);
|
fetchData(pag.current, pag.pageSize);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 列
|
// 列 境内
|
||||||
const columns: ColumnsType<Columns> = [
|
const columnsDvs: ColumnsType<Columns> = [
|
||||||
{
|
{
|
||||||
title: '序号',
|
title: '序号',
|
||||||
dataIndex: 'index',
|
dataIndex: 'index',
|
||||||
@ -110,16 +110,163 @@ const SupplierRegisterAgent: React.FC = () => {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '统一社会信息用代码',
|
||||||
|
dataIndex: 'socialCreditCode',
|
||||||
|
align: 'center',
|
||||||
|
width: 160,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '企业类型',
|
||||||
|
dataIndex: 'enterpriseTypeCn',
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '创建单位',
|
title: '创建单位',
|
||||||
dataIndex: 'orgName',
|
dataIndex: 'orgName',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '创建部门',
|
title: '创建部门',
|
||||||
dataIndex: 'deptName',
|
dataIndex: 'deptName',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建时间',
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
fixed: 'right',
|
||||||
|
width: 120,
|
||||||
|
render: (_: any, record: any) => (
|
||||||
|
<Space>
|
||||||
|
<a onClick={() => { setCurrentRecord(record.id); setViewVisible(true); }}>查看</a>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// 列 境外
|
||||||
|
const columnsOvs: ColumnsType<Columns> = [
|
||||||
|
{
|
||||||
|
title: '序号',
|
||||||
|
dataIndex: 'index',
|
||||||
|
align: 'center',
|
||||||
|
width: 80,
|
||||||
|
render: (_: any, __: any, idx: number) => ((pagination.current - 1) * pagination.pageSize) + idx + 1,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: "供应商名称", dataIndex: "name", align: "left",
|
||||||
|
width: 200,
|
||||||
|
ellipsis: true,
|
||||||
|
render: (dom, record) => {
|
||||||
|
return (
|
||||||
|
<Tooltip title={record.name} overlayStyle={{ zIndex: 1200 }}>
|
||||||
|
<a onClick={() => supplierDetailModal?.(record.id)}>{record.name || ''}</a>
|
||||||
|
</Tooltip>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '税号',
|
||||||
|
dataIndex: 'unifiedCode',
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建单位',
|
||||||
|
dataIndex: 'orgName',
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建部门',
|
||||||
|
dataIndex: 'deptName',
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建时间',
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
fixed: 'right',
|
||||||
|
width: 120,
|
||||||
|
render: (_: any, record: any) => (
|
||||||
|
<Space>
|
||||||
|
<a onClick={() => { setCurrentRecord(record.id); setViewVisible(true); }}>查看</a>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
// 列 境外
|
||||||
|
const columnsPe: ColumnsType<Columns> = [
|
||||||
|
{
|
||||||
|
title: '序号',
|
||||||
|
dataIndex: 'index',
|
||||||
|
align: 'center',
|
||||||
|
width: 80,
|
||||||
|
render: (_: any, __: any, idx: number) => ((pagination.current - 1) * pagination.pageSize) + idx + 1,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: "姓名", dataIndex: "name", align: "left",
|
||||||
|
width: 200,
|
||||||
|
ellipsis: true,
|
||||||
|
render: (dom, record) => {
|
||||||
|
return (
|
||||||
|
<Tooltip title={record.name} overlayStyle={{ zIndex: 1200 }}>
|
||||||
|
<a onClick={() => supplierDetailModal?.(record.id)}>{record.name || ''}</a>
|
||||||
|
</Tooltip>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '身份证号',
|
||||||
|
dataIndex: 'idCard',
|
||||||
|
align: 'center',
|
||||||
|
width: 160,
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '联系电话',
|
||||||
|
dataIndex: 'personPhone',
|
||||||
|
width: 120,
|
||||||
|
align: 'center',
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建单位',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'orgName',
|
||||||
|
align: 'center',
|
||||||
|
ellipsis: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建部门',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'deptName',
|
||||||
|
align: 'center',
|
||||||
|
ellipsis: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
@ -131,6 +278,7 @@ const SupplierRegisterAgent: React.FC = () => {
|
|||||||
title: '操作',
|
title: '操作',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
width: 120,
|
width: 120,
|
||||||
|
fixed: 'right',
|
||||||
render: (_: any, record: any) => (
|
render: (_: any, record: any) => (
|
||||||
<Space>
|
<Space>
|
||||||
<a onClick={() => { setCurrentRecord(record.id); setViewVisible(true); }}>查看</a>
|
<a onClick={() => { setCurrentRecord(record.id); setViewVisible(true); }}>查看</a>
|
||||||
@ -178,7 +326,9 @@ const SupplierRegisterAgent: React.FC = () => {
|
|||||||
</Row>
|
</Row>
|
||||||
{/* 表格 */}
|
{/* 表格 */}
|
||||||
<Table
|
<Table
|
||||||
columns={columns}
|
columns={
|
||||||
|
tabKey === 'dvs' ? columnsDvs : tabKey === 'ovs' ? columnsOvs : columnsPe
|
||||||
|
}
|
||||||
dataSource={data}
|
dataSource={data}
|
||||||
rowKey="id"
|
rowKey="id"
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
Reference in New Issue
Block a user