| gz-customerSystem/src/views/register/index.less | ●●●●● patch | view | raw | blame | history | |
| gz-customerSystem/src/views/register/visit/index.jsx | ●●●●● patch | view | raw | blame | history | |
| gz-customerSystem/src/views/register/visit/preview.jsx | ●●●●● patch | view | raw | blame | history |
gz-customerSystem/src/views/register/index.less
@@ -69,6 +69,24 @@ &-text{ color: #86909C; } &-personRemark { color: rgb(26, 111, 184); padding: 0px 8px; border: 1px solid rgb(26, 111, 184); border-radius: 4px; font-size: 14px; margin-left: 8px; height: 22px; display: flex; align-items: center; } &-file{ width: 12px; margin-right: 4px; margin-top: -5px; } } .dataSync { 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> gz-customerSystem/src/views/register/visit/preview.jsx
@@ -2,7 +2,7 @@ * @Author: dminyi 1301963064@qq.com * @Date: 2024-08-13 15:19:57 * @LastEditors: dminyi 1301963064@qq.com * @LastEditTime: 2024-08-14 12:07:21 * @LastEditTime: 2024-08-14 14:59:10 * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\preview.jsx * @Description: 预览信息 */ @@ -101,9 +101,9 @@ <table border="1" align="center" cellpadding="8" className="table"> <tr> <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> <td width='300'><div style={{ display: 'flex' }}><div>豪豪豪</div><div style={{ color: '#1A6FB8', padding: '0px 8px', border: '1px solid #1A6FB8', borderRadius: '4px', fontSize: '14px', marginLeft: '8px', height: '22px', display: 'flex', alignItems: 'center' }}>自然人</div></div></td> <td width='380'><div style={{ display: 'flex' }}><div>李晓明</div><div className="title-personRemark">自然人</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> <td width='300'>19</td> <td width='380'>19</td> <th bgcolor="#F7F8FA" className="table-title" width='140'>性别</th> <td>汉</td> <td rowspan="4" width="112" height='147' style={{ padding: '0px' }}> @@ -132,7 +132,7 @@ <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th> <td> <a href="your-link-here.html" target="_blank"> <img src={link} alt="" style={{ width: '12px', marginRight: '4px', marginTop: '-5px' }} />李晓明身份证明材料.pdf <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf </a> </td> </tr> @@ -140,9 +140,9 @@ <table border="1" align="center" cellpadding="8" className="table" style={{ marginTop: '20px', marginBottom: '20px' }}> <tr> <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> <td width='300'>豪豪豪</td> <td width='380'><div style={{ display: 'flex' }}><div>李巧凤</div><div className="title-personRemark">代理人</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> <td width='300'>19</td> <td width='380'>19</td> <th bgcolor="#F7F8FA" className="table-title" width="140">性别</th> <td>汉</td> <td rowspan="4" width="112" height='147' style={{ padding: '0px' }}> @@ -179,13 +179,13 @@ <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th> <td> <a href="your-link-here.html" target="_blank"> <img src={link} alt="" style={{ width: '12px', marginRight: '4px', marginTop: '-5px' }} />李晓明身份证明材料.pdf <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf </a> </td> <th bgcolor="#F7F8FA" className="table-title">代理人授权委托书</th> <td> <a href="your-link-here.html" target="_blank"> <img src={link} alt="" style={{ width: '12px', marginRight: '4px', marginTop: '-5px' }} />李晓明身份证明材料.pdf <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf </a> </td> </tr> @@ -199,11 +199,11 @@ </div> <table border="1" align="center" cellpadding="8" className="table" style={{ marginTop: '20px', marginBottom: '20px' }}> <tr> <th bgcolor="#F7F8FA" className="table-title">企业名称</th> <td>豪豪豪</td> <th bgcolor="#F7F8FA" className="table-title">联系方式</th> <td>19</td> <th bgcolor="#F7F8FA" className="table-title">企业所在地</th> <th bgcolor="#F7F8FA" className="table-title" width="120">企业名称</th> <td width='380'><div style={{ display: 'flex' }}><div>广东好又多贸易有限公司</div><div className="title-personRemark">法人</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> <td width='380'>19</td> <th bgcolor="#F7F8FA" className="table-title" width="120">企业所在地</th> <td>汉</td> </tr> <tr> @@ -220,13 +220,13 @@ <th bgcolor="#F7F8FA" className="table-title">企业登记材料</th> <td> <a href="your-link-here.html" target="_blank"> <img src={link} alt="" style={{ width: '12px', marginRight: '4px', marginTop: '-5px' }} />李晓明身份证明材料.pdf <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf </a> </td> <th bgcolor="#F7F8FA" className="table-title" >法定代表人身份证明材料</th> <td> <a href="your-link-here.html" target="_blank"> <img src={link} alt="" style={{ width: '12px', marginRight: '4px', marginTop: '-5px' }} />李晓明身份证明材料.pdf <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf </a> </td> </tr>
