Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d4be69de by 任超
Options

style:资料审核

1 parent 4286dab8
Inline Side-by-side
Showing 5 changed files with 156 additions and 47 deletions
......@@ -49,4 +49,24 @@
display: inline-block;
border-bottom: 2px dotted#dddddd;
margin-bottom: 4px;
}
.next_button button {
width: 140px;
height: 42px;
position: relative;
}
.next_button a {
color: #ffffff;
display: block;
position: absolute;
width: 140px;
height: 42px;
text-align: center;
line-height: 42px;
left: 0;
top: 0;
}
.next_button a:hover {
color: #ffffff;
}
\ No newline at end of file
......
......@@ -25,9 +25,6 @@
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
.nav_title {
padding: 10px 0 10px 10px;
margin:25px 0;
......@@ -40,19 +37,7 @@
line-height: 14px;
font-weight: 600;
}
.info_query ul li {
width: 31%;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}
.info_query ul li:last-child {
margin-right: 0;
}
.info_query ul li p {
display: inline-block;
}
.info_query ul li input {
display: inline-block;
width: 300px;
.video_authentication {
text-align: center;
height: 300px;
}
\ No newline at end of file
......
......@@ -2,6 +2,7 @@
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
......@@ -24,6 +25,47 @@
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
.audit_progress {
padding: 30px 20px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin-top: 30px;
}
.audit_progress h2 {
font-size: 18px;
color: #5FB878;
font-weight: 600;
margin-bottom: 5px;
}
.audit_progress p {
color: #FA6400;
}
/* ------------受理信息--------------- */
.acceptance_information {
margin: 20px 0;
}
.acceptance_information h3{
height: 16px;
padding-left: 5px;
border-left: 3px solid #0091FF;
line-height: 18px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.acceptance_information ul {
font-size: 0;
}
.acceptance_information ul li {
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 28px;
}
.acceptance_information ul li span {
color: #9B9B9B;
}
.acceptance_information ul li p {
display: inline-block;
}
\ No newline at end of file
......
......@@ -68,32 +68,9 @@
<div class="nav_title">
<h2>买方</h2>
</div>
<ul>
<li>
<span>权利人</span>：
<p>任超</p>
</li>
<li>
<span>证件类型</span>：
<p>身份证</p>
</li>
<li>
<span>证件号</span>：
<p>78979798798798</p>
</li>
<li>
<span>联系方式</span>：
<p>156587979</p>
</li>
<li>
<span>验证码</span>：
<input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
</li>
<li>
<button type="button"
class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
</li>
</ul>
<div class="video_authentication">
视频认证
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
......
......@@ -6,7 +6,7 @@
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-身份认证</title>
<title>立即办理-资料审核</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css">
......@@ -63,6 +63,91 @@
生成电子证书
</li>
</ul>
<div class="audit_progress">
<h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
<p>
您可以在“ 个人中心-我的业务”查看办理进度
</p>
</div>
<div class="acceptance_information">
<h3>受理信息</h3>
<ul>
<li>
<span>权利类型：</span>
<p>房屋等建筑物、构筑物所有权</p>
</li>
<li>
<span>业务类型：</span>
<p>
商品房买卖转移登记（个人）
</p>
</li>
<li>
<span>受理编号：</span>
<p>78979879879</p>
</li>
<li>
<span>受理日期：</span>
<p>
2023-5-9
</p>
</li>
</ul>
</div>
<!-- ---------------房屋信息----------------- -->
<div class="acceptance_information">
<h3>房屋信息</h3>
<ul>
<li>
<span>不动产单元号：</span>
<p>450101 450002 GB 00740W00000000</p>
</li>
<li>
<span>产权证号：</span>
<p>70205004005GB10030</p>
</li>
<li>
<span>坐落：</span>
<p>
XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
</p>
</li>
<li>
<span>面积：</span>
<p>526</p>
</li>
<li>
<span>合同备案号：</span>
<p>YS000000000001</p>
</li>
</ul>
</div>
<!-- ----------买方信息--------- -->
<div class="acceptance_information">
<h3>买方信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>郭小美</p>
</li>
<li>
<span>证件类型：</span>
<p>身份证</p>
</li>
<li>
<span>证件号码：</span>
<p>611312317987</p>
</li>
<li>
<span>联系电话：</span>
<p>1977897987987</p>
</li>
</ul>
</div>
<!-- -------受理流程------------ -->
<div class="acceptance_process">
<h3>受理流程</h3>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</div>
......