From c0ae7c2cef120be7d50143109fa2012a2f986ef7 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Thu, 29 Aug 2024 09:56:30 +0800 Subject: [PATCH] 自行受理-办理反馈 --- gz-customerSystem/src/views/register/visit/component/handle.jsx | 44 ++++++++++++++++++++++++++++++++++++++------ 1 files changed, 38 insertions(+), 6 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/handle.jsx b/gz-customerSystem/src/views/register/visit/component/handle.jsx index 6c8cb7b..0ba90b8 100644 --- a/gz-customerSystem/src/views/register/visit/component/handle.jsx +++ b/gz-customerSystem/src/views/register/visit/component/handle.jsx @@ -2,11 +2,18 @@ import { Steps, Button } from '@arco-design/web-react'; import { Col, Space, Row, Tooltip } from 'antd'; import { register, empty } from '../../../../assets/images' -import { Form, Select, Empty } from '@arco-design/web-react'; +import { Form, Select, Empty, Tabs, Typography, } from '@arco-design/web-react'; import { question1, } from '@/assets/images'; const Option = Select.Option; const FormItem = Form.Item; +const TabPane = Tabs.TabPane; + +const style = { + textAlign: 'center', + marginTop: 20, +}; + const Handle = () => { @@ -97,14 +104,39 @@ </Row> </Form> <Space> - <Button type="primary" style={{ backgroundColor: '#1A6FB8' }}>保存</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >预览</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>提交</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >自行受理</Button> + <Button type="primary" style={{ backgroundColor: '#1A6FB8' }}>添加办理记录</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >结案申请</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>联合处置申请</Button> <Button type='secondary'>返回上级页面</Button> </Space> </div> - <div className='container-bottom-right'>22</div> + <div className='container-bottom-right'> + <Tabs defaultActiveTab='1' className='tabs-container' > + <TabPane + key='1' + title={ + <span style={{ fontSize: '15px' }}> + Tab 1 + </span> + } + > + <Typography.Paragraph style={style}> + + </Typography.Paragraph> + </TabPane> + <TabPane + key='2' + title={ + <span style={{ fontSize: '15px' }}> + Tab 2 + </span> + } + > + <Typography.Paragraph style={style}>Content of Tab Panel 2</Typography.Paragraph> + </TabPane> + </Tabs> + + </div> </div> </div> </> -- Gitblit v1.8.0