提交 bb8031a1 作者: 龚洪江

修复:飞手详情审批状态

上级 f5c5966e
import { FC } from 'react';
import { Form, Input, Modal, ModalProps } from 'antd';
interface selfProps {
onCancel: () => void;
onOk: () => void;
}
const AddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel, onOk }) => {
const handleCancel = () => {
onCancel();
};
const handleOk = () => {
onOk();
};
return (
<Modal title='新增分类' open={open} onCancel={handleCancel} onOk={handleOk}>
<Form>
<Form.Item label='分类名称'>
<Input placeholder='请输入分类名称' />
</Form.Item>
<Form.Item label='分类图标'></Form.Item>
<Form.Item label='分类描述'></Form.Item>
</Form>
</Modal>
);
};
export default AddOrEditModal;
import { Button, Table } from 'antd'; import { Button, Table } from 'antd';
import { ArrowDownOutlined, ArrowUpOutlined, PlusOutlined } from '@ant-design/icons'; import { ArrowDownOutlined, ArrowUpOutlined, PlusOutlined } from '@ant-design/icons';
import { ColumnsType } from 'antd/es/table'; import { ColumnsType } from 'antd/es/table';
import AddOrEditModal from './components/addOrEditModal';
import { useState } from 'react';
const ServiceCategoryList = () => { const ServiceCategoryList = () => {
const tableColumns: ColumnsType<any> = [ const tableColumns: ColumnsType<any> = [
...@@ -33,17 +35,39 @@ const ServiceCategoryList = () => { ...@@ -33,17 +35,39 @@ const ServiceCategoryList = () => {
align: 'center', align: 'center',
}, },
]; ];
const [addOrEditModalShow, setAddOrEditModalShow] = useState<boolean>(false);
//新增分类弹窗
const addOrEditModalClick = () => {
setAddOrEditModalShow(true);
};
const addOrEditModalOk = () => {
setAddOrEditModalShow(false);
};
const addOrEditModalCancel = () => {
setAddOrEditModalShow(false);
};
return ( return (
<div className='service-category-list'> <div className='service-category-list'>
<div className='list-operate' style={{ marginBottom: '10px' }}> <div className='list-operate' style={{ marginBottom: '10px' }}>
<Button type='primary' icon={<PlusOutlined />} style={{ marginRight: '10px' }}> <Button
type='primary'
icon={<PlusOutlined />}
style={{ marginRight: '10px' }}
onClick={addOrEditModalClick}
>
新增分类 新增分类
</Button> </Button>
<Button icon={<ArrowUpOutlined />} style={{ marginRight: '10px' }} type='primary'></Button> <Button icon={<ArrowUpOutlined />} style={{ marginRight: '10px' }} type='primary'></Button>
<Button icon={<ArrowDownOutlined />} type='primary'></Button> <Button icon={<ArrowDownOutlined />} type='primary'></Button>
</div> </div>
<Table columns={tableColumns} bordered /> <Table columns={tableColumns} bordered />
<AddOrEditModal
open={addOrEditModalShow}
onOk={addOrEditModalOk}
onCancel={addOrEditModalCancel}
/>
</div> </div>
); );
}; };
......
...@@ -3,7 +3,7 @@ import { useSearchParams, useNavigate } from 'react-router-dom'; ...@@ -3,7 +3,7 @@ import { useSearchParams, useNavigate } from 'react-router-dom';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { InterDataType } from '~/api/interface'; import { InterDataType } from '~/api/interface';
import { backDetailPilotType } from '~/api/interface/flyerCenterType'; import { backDetailPilotType } from '~/api/interface/flyerCenterType';
import { Button, Col, Descriptions, Image, Row, Tag } from 'antd'; import { Badge, Button, Col, Descriptions, Image, Row, Tag } from 'antd';
import './index.scss'; import './index.scss';
import ApproveModal from './components/approveModal'; import ApproveModal from './components/approveModal';
...@@ -70,12 +70,30 @@ const FlyerDetail = () => { ...@@ -70,12 +70,30 @@ const FlyerDetail = () => {
<Descriptions title='执照认证' bordered column={1} labelStyle={{ width: '100px' }}> <Descriptions title='执照认证' bordered column={1} labelStyle={{ width: '100px' }}>
<Descriptions.Item label='执照类型'>{flyerDetail?.licenseType}</Descriptions.Item> <Descriptions.Item label='执照类型'>{flyerDetail?.licenseType}</Descriptions.Item>
<Descriptions.Item label='执照编号'>{flyerDetail?.licenseNumber}</Descriptions.Item> <Descriptions.Item label='执照编号'>{flyerDetail?.licenseNumber}</Descriptions.Item>
<Descriptions.Item label='执照图片'> <Descriptions.Item label='认证状态'>
<Image src={flyerDetail?.licenseUrl} width={100} /> <Badge
status={
flyerDetail?.auditStatus === 0
? 'processing'
: flyerDetail?.auditStatus === 1
? 'success'
: 'error'
}
text={
flyerDetail?.auditStatus === 0
? '审核中'
: flyerDetail?.auditStatus === 1
? '已通过'
: '未通过'
}
/>
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label='个人简介'> <Descriptions.Item label='个人简介'>
{flyerDetail?.individualResume} {flyerDetail?.individualResume}
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label='执照图片'>
<Image src={flyerDetail?.licenseUrl} width={100} />
</Descriptions.Item>
</Descriptions> </Descriptions>
</div> </div>
</Col> </Col>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论