From 61711ef75c61b4a0a71d21b618ba5b1c39bbe368 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Wed, 14 Aug 2024 15:28:05 +0800 Subject: [PATCH] 预览 --- gz-customerSystem/src/views/register/visit/index.jsx | 51 ++++++++++++++++++++++++++++----------------------- 1 files changed, 28 insertions(+), 23 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/index.jsx b/gz-customerSystem/src/views/register/visit/index.jsx index 7354491..5a964dc 100644 --- a/gz-customerSystem/src/views/register/visit/index.jsx +++ b/gz-customerSystem/src/views/register/visit/index.jsx @@ -2,7 +2,7 @@ * @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-14 15:21:48 * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx * @Description: 来访登记 */ @@ -17,6 +17,7 @@ import { Form, Input, Button, Radio, Select, DatePicker, Cascader } from '@arco-design/web-react'; import "@arco-design/web-react/dist/css/arco.css"; import TableView from '../../../components/TableView'; +import Preview from './preview' import '../index.less'; const RadioGroup = Radio.Group;// 根据调解案号获取纠纷登记信息 @@ -38,7 +39,7 @@ // tabs当前选择的标签信息 const [tabsActive, setTabsActive] = useState('1'); const [visible, setVisible] = useState(false); - const [selectedCity, setSelectedCity] = useState('Beijing'); + const [preview, setPreview] = useState(false); const tabs = [ { label: '事件登记', key: '1' }, @@ -215,27 +216,14 @@ }, ]; - function onSelect(dateString, date) { - console.log('onSelect', dateString, date); - } - - function onChange(dateString, date) { - console.log('onChange: ', dateString, date); - } - - function onOk(dateString, date) { - console.log('onOk: ', dateString, date); - } - - function handleCheckParty() { console.log('check party'); } - const onReload = () => { - console.log('表格数据刷新'); - }; + + + //获取当前时间 function getFormattedDateTime() { @@ -264,6 +252,23 @@ } } + function selfAcceptance() { + $$.modalInfo({ + title: '自行受理确认', + content: '确定自行受理本次登记事项吗?自行受理成功后事项将直接进入到本单位办理流程', + okText: '确定受理', + cancelText: '我再想想', + onOk: async () => { + console.log('1111111') + }, + }); + + } + + function submit() { + $$.info({ type: 'warning', content: '您没有预约记录,暂时无法提交' }) + } + return ( <div style={{ position: 'relative' }}> @@ -273,7 +278,7 @@ } > <RegisterTab tabs={tabs} activeKey={tabsActive} onChange={(activeKey) => setTabsActive(activeKey)} style={{ background: '#fff' }} /> - {tabsActive === '1' && + {tabsActive === '1' && !preview && <div className='dataSync-page'> <Col span={24} style={{ display: 'flex', alignItems: 'center' }}> <Space size='small'> @@ -461,15 +466,15 @@ <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' }}>预览信息</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' }} onClick={() => setPreview(true)}>预览信息</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => submit()}>提交信息</Button> + <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} onClick={() => selfAcceptance()}>自行受理</Button> <Button type='secondary'>返回上级页面</Button> </Space> </div> </div> - } + {preview && <Preview />} </NewPage> </div> -- Gitblit v1.8.0