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/index.less | 18 +++++++++ gz-customerSystem/src/api/appUrl.js | 10 ++-- gz-customerSystem/src/views/register/visit/component/handle.jsx | 44 +++++++++++++++++++--- 3 files changed, 61 insertions(+), 11 deletions(-) diff --git a/gz-customerSystem/src/api/appUrl.js b/gz-customerSystem/src/api/appUrl.js index 12e5bab..170b127 100644 --- a/gz-customerSystem/src/api/appUrl.js +++ b/gz-customerSystem/src/api/appUrl.js @@ -2,20 +2,20 @@ * @Company: hugeInfo * @Author: ldh * @Date: 2022-02-16 11:25:57 - * @LastEditTime: 2024-08-27 11:18:00 + * @LastEditTime: 2024-08-29 09:50:55 * @LastEditors: dminyi 1301963064@qq.com * @Version: 1.0.0 * @Description: api地址 */ export const debug = { // web服务 - baseUrl: 'http://gz.hugeinfo.com.cn', - // baseUrl: 'http://192.168.3.108:9002', + // baseUrl: 'http://gz.hugeinfo.com.cn', + baseUrl: 'http://192.168.3.108:9002', // baseUrl: 'http://mdqgnh.natappfree.cc', // 附件服务 - // fileUrl: 'http://192.168.3.108:9002', - fileUrl: 'http://gz.hugeinfo.com.cn', + fileUrl: 'http://192.168.3.108:9002', + // fileUrl: 'http://gz.hugeinfo.com.cn', // 文件查看url 后面接附件编号 diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less index ae1a332..4c73c7e 100644 --- a/gz-customerSystem/src/views/register/index.less +++ b/gz-customerSystem/src/views/register/index.less @@ -249,6 +249,7 @@ } .mapVicinityIcon {} + .mapVicinityIcon { background: url('../../assets/images/icon/selectIcon.png') no-repeat center center; width: 14px; @@ -297,4 +298,21 @@ background-color: rgb(255, 255, 255); } } +} + +.tabs-container .arco-tabs-header { + position: relative; + display: inline-block; + transition: transform .2s cubic-bezier(.34, .69, .1, 1); + white-space: nowrap; + transform: translateX(0px); + width: 300px; + flex: 1; + display: flex; + justify-content: space-evenly; +} + +.tabs-container .arco-tabs-header-ink { + left: 83.988px; + width: 82px; } \ No newline at end of file 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