| | |
| | | * @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: 来访登记 |
| | | */ |
| | |
| | | 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;// 根据调解案号获取纠纷登记信息 |
| | |
| | | // 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' }, |
| | |
| | | }, |
| | | ]; |
| | | |
| | | 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() { |
| | |
| | | } |
| | | } |
| | | |
| | | function selfAcceptance() { |
| | | $$.modalInfo({ |
| | | title: '自行受理确认', |
| | | content: '确定自行受理本次登记事项吗?自行受理成功后事项将直接进入到本单位办理流程', |
| | | okText: '确定受理', |
| | | cancelText: '我再想想', |
| | | onOk: async () => { |
| | | console.log('1111111') |
| | | }, |
| | | }); |
| | | |
| | | } |
| | | |
| | | function submit() { |
| | | $$.info({ type: 'warning', content: '您没有预约记录,暂时无法提交' }) |
| | | } |
| | | |
| | | |
| | | return ( |
| | | <div style={{ position: 'relative' }}> |
| | |
| | | } |
| | | > |
| | | <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'> |
| | |
| | | <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> |