From 842aae506eebb6350de6fa291e8f3e514c93d16b Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 23 Aug 2024 14:11:30 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh --- gz-customerSystem/src/views/register/visit/index.jsx | 58 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 44 insertions(+), 14 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/index.jsx b/gz-customerSystem/src/views/register/visit/index.jsx index 14f6af8..fe370ed 100644 --- a/gz-customerSystem/src/views/register/visit/index.jsx +++ b/gz-customerSystem/src/views/register/visit/index.jsx @@ -2,23 +2,23 @@ * @Author: dminyi 1301963064@qq.com * @Date: 2024-08-09 09:59:43 * @LastEditors: dminyi 1301963064@qq.com - * @LastEditTime: 2024-08-13 16:05:42 + * @LastEditTime: 2024-08-23 10:12:47 * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx * @Description: 来访登记 */ import React, { useState, useEffect, useRef, Fragment } from "react"; -import NewPage from '../../../components/NewPage'; -import RegisterTab from '../../../components/registerTab'; -import * as $$ from '../../../utils/utility'; -import "@arco-design/web-react/dist/css/arco.css"; +import NewPage from '@/components/NewPage'; +import RegisterTab from '@/components/registerTab'; +import * as $$ from '@/utils/utility'; +import "@arco-themes/react-gzzz/css/arco.css"; import '../index.less'; import { Space } from 'antd'; -import { Button } from '@arco-design/web-react'; +import { Button, Steps } from '@arco-design/web-react'; import VisitorRegister from './component/visitorRegister'; import Preview from './preview'; - +const Step = Steps.Step; function getCaseDataApi(submitData) { return $$.ax.request({ url: `caseInfo/getCaseInfo?id=${submitData}`, type: 'get', service: 'mediate' }); @@ -29,8 +29,8 @@ const Organization = () => { const formRef = useRef(); - const [tabsActive, setTabsActive] = useState('1');// tabs当前选择的标签信息 const [isReview, setIsReview] = useState(false);//预览页面控制 + const [current, setCurrent] = useState(1); const tabs = [ { label: '事件登记', key: '1' }, @@ -64,6 +64,24 @@ setIsReview(!isReview) } + function selfAcceptance() { + $$.modalInfo({ + title: '自行受理确认', + content: '确定自行受理本次登记事项吗?自行受理成功后事项将直接进入到本单位办理流程', + okText: '确定受理', + cancelText: '我再想想', + onOk: async () => { + console.log('1111111') + }, + }); + + } + + function submit() { + $$.info({ type: 'warning', content: '您没有预约记录,暂时无法提交' }) + } + console.log(current,'current') + return ( <div style={{ position: 'relative' }}> @@ -72,21 +90,33 @@ { breadcrumbData: [{ title: '工作台' }, { title: '来访登记' }], title: '来访登记' } } > - <RegisterTab tabs={tabs} activeKey={tabsActive} onChange={(activeKey) => setTabsActive(activeKey)} style={{ background: '#fff' }} /> - {tabsActive === '1' && + {/* <RegisterTab tabs={tabs} activeKey={tabsActive} onChange={(activeKey) => setTabsActive(activeKey)} style={{ background: '#fff' }} /> */} + <div style={{backgroundColor: '#fff',margin:'12px 16px 0px 16px',paddingTop:'16px',paddingLeft:'91px'}}> + <Steps type='navigation' current={current} onChange={setCurrent} style={{ }}> + <Step title='来访登记' style={{ color: '#1A6FB8' }} disabled/> + <Step title='事件流转' disabled/> + <Step title='办理反馈' disabled/> + <Step title='结案审核' disabled/> + <Step title='当事人评价' disabled/> + <Step title='结案归档' disabled/> + </Steps> + + </div> + {current === 1 && <Fragment> {isReview ? <Preview /> : <VisitorRegister formRef={formRef} />} <div className="dataSync-excel"> <Space size="large" style={{ margin: '4px 14px' }}> - <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={handleSave} >保存信息</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleReview}>预览信息</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleSubmit}>提交信息</Button> - <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>自行受理</Button> + <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={handleSave} >保存</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleReview}>预览</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={handleSubmit}>提交</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => selfAcceptance()}>自行受理</Button> <Button type='secondary' onClick={handleReview}>返回上级页面</Button> </Space> </div> </Fragment> } + {/* {preview && <Preview />} */} </NewPage> </div> -- Gitblit v1.8.0