|
|
|
@ -4,7 +4,7 @@ import { PageContainer } from '@ant-design/pro-layout';
|
|
|
|
|
import { Access, useAccess, useParams } from '@umijs/max';
|
|
|
|
|
import { CheckCircleOutlined, FormOutlined, InfoCircleOutlined } from '@ant-design/icons';
|
|
|
|
|
import { getPbcBusinessByIdUsingPost, updateBusinessRecordLevelUsingGet, updateBusinessRecordStateUsingGet } from '@/services/pop-b2b2c/pbcBusinessController';
|
|
|
|
|
import { ModalForm, ProFormSelect } from '@ant-design/pro-components';
|
|
|
|
|
import { ModalForm, ProCard, ProFormSelect } from '@ant-design/pro-components';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleUpdateState = async (id: string, state: number) => {
|
|
|
|
@ -60,55 +60,59 @@ const Detail: React.FC<{}> = () => {
|
|
|
|
|
</Button>
|
|
|
|
|
]}
|
|
|
|
|
>
|
|
|
|
|
<Descriptions title={<>
|
|
|
|
|
<span style={{ marginRight: 20 }}>基本信息</span>
|
|
|
|
|
{info.pbcBusinessState === 1 ? <Tag icon={<CheckCircleOutlined />} color="success">
|
|
|
|
|
已认证
|
|
|
|
|
</Tag> :
|
|
|
|
|
<Tag icon={<InfoCircleOutlined />} color="default">
|
|
|
|
|
未认证
|
|
|
|
|
</Tag>}
|
|
|
|
|
</>} column={3}>
|
|
|
|
|
<Descriptions.Item label="商户名称">{info.pbcBusinessName}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户类别">{info.pbcBusinessType}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户状态">
|
|
|
|
|
<Access key="switch" accessible={access.businessUpdateState}>
|
|
|
|
|
<Switch
|
|
|
|
|
checked={info.pbcState === 1}
|
|
|
|
|
onChange={async (value) => {
|
|
|
|
|
const success = await handleUpdateState(info.pbcId || '', value ? 1 : 2 );
|
|
|
|
|
if (success) {
|
|
|
|
|
getInfo()
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
<ProCard style={{ marginBottom: 12 }}>
|
|
|
|
|
<Descriptions bordered title={<>
|
|
|
|
|
<span style={{ marginRight: 20 }}>基本信息</span>
|
|
|
|
|
{info.pbcBusinessState === 1 ? <Tag icon={<CheckCircleOutlined />} color="success">
|
|
|
|
|
已认证
|
|
|
|
|
</Tag> :
|
|
|
|
|
<Tag icon={<InfoCircleOutlined />} color="default">
|
|
|
|
|
未认证
|
|
|
|
|
</Tag>}
|
|
|
|
|
</>} column={3}>
|
|
|
|
|
<Descriptions.Item label="商户名称">{info.pbcBusinessName}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户类别">{info.pbcBusinessType}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户状态">
|
|
|
|
|
<Access key="switch" accessible={access.businessUpdateState}>
|
|
|
|
|
<Switch
|
|
|
|
|
checked={info.pbcState === 1}
|
|
|
|
|
onChange={async (value) => {
|
|
|
|
|
const success = await handleUpdateState(info.pbcId || '', value ? 1 : 2 );
|
|
|
|
|
if (success) {
|
|
|
|
|
getInfo()
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</Access>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="联系人">{info.pbcBusinessContact}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="手机号">{info.pbcBusinessContactMobile}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户等级">
|
|
|
|
|
<span style={{ marginRight: 20 }}>{info.pbcBusinessLevel}</span>
|
|
|
|
|
<Access key="switch" accessible={access.businessUpdateState}>
|
|
|
|
|
<FormOutlined onClick={() => {
|
|
|
|
|
setIsModalOpen(true)
|
|
|
|
|
}} />
|
|
|
|
|
</Access>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
</Descriptions>
|
|
|
|
|
</ProCard>
|
|
|
|
|
<ProCard style={{ marginBottom: 12 }}>
|
|
|
|
|
<Descriptions bordered title="工商信息">
|
|
|
|
|
<Descriptions.Item label="法人">{info.pbcBusinessHead}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="法人身份证号">{info.pbcBusinessHeadUserNo}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="公司成立时间">{info.pbcBusinessStartDate}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="开户行">{info.pbcBusinessBank}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="收款账号" span={2}>{info.pbcBusinessAccount}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="经营范围" span={3}>{info.pbcBusinessMainCategory}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="营业执照" span={3}>
|
|
|
|
|
<Image
|
|
|
|
|
width={200}
|
|
|
|
|
src={info.pbcBusinessLicenseUrl}
|
|
|
|
|
/>
|
|
|
|
|
</Access>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="联系人">{info.pbcBusinessContact}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="手机号">{info.pbcBusinessContactMobile}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="商户等级">
|
|
|
|
|
<span style={{ marginRight: 20 }}>{info.pbcBusinessLevel}</span>
|
|
|
|
|
<Access key="switch" accessible={access.businessUpdateState}>
|
|
|
|
|
<FormOutlined onClick={() => {
|
|
|
|
|
setIsModalOpen(true)
|
|
|
|
|
}} />
|
|
|
|
|
</Access>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
</Descriptions>
|
|
|
|
|
<Descriptions title="工商信息">
|
|
|
|
|
<Descriptions.Item label="法人">{info.pbcBusinessHead}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="法人身份证号">{info.pbcBusinessHeadUserNo}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="公司成立时间">{info.pbcBusinessStartDate}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="开户行">{info.pbcBusinessBank}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="收款账号" span={2}>{info.pbcBusinessAccount}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="经营范围" span={3}>{info.pbcBusinessMainCategory}</Descriptions.Item>
|
|
|
|
|
<Descriptions.Item label="营业执照" span={3}>
|
|
|
|
|
<Image
|
|
|
|
|
width={200}
|
|
|
|
|
src={info.pbcBusinessLicenseUrl}
|
|
|
|
|
/>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
</Descriptions>
|
|
|
|
|
</Descriptions.Item>
|
|
|
|
|
</Descriptions>
|
|
|
|
|
</ProCard>
|
|
|
|
|
<ModalForm
|
|
|
|
|
title="修改商户等级"
|
|
|
|
|
open={isModalOpen}
|
|
|
|
|