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/index.less | 28 +++++++++++--
gz-customerSystem/src/views/register/visit/preview.jsx | 30 +++++++-------
gz-customerSystem/src/views/register/visit/index.jsx | 51 ++++++++++++++-----------
3 files changed, 66 insertions(+), 43 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index e6a54b4..645d01d 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -63,14 +63,32 @@
}
}
-.title{
+.title {
display: flex;
- &-text{
+ &-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 {
&-page {
background-color: #fff;
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>
diff --git a/gz-customerSystem/src/views/register/visit/preview.jsx b/gz-customerSystem/src/views/register/visit/preview.jsx
index 5529934..e73fb08 100644
--- a/gz-customerSystem/src/views/register/visit/preview.jsx
+++ b/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>
--
Gitblit v1.8.0