Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b56bed3 by 任超
Options

style:进度条

1 parent 570404c5
Inline Side-by-side
Showing 22 changed files with 745 additions and 813 deletions
......@@ -3,33 +3,7 @@
margin: 0 auto;
min-height:calc(100vh - 207px);
}
.name_title {
padding: 10px;
margin-top: 15px;
}
.name_title h2 {
display: inline-block;
margin-right: 10px;
height: 16px;
line-height: 16px;
color: #4A4A4A;
line-height: 16px;
position: relative;
width: 50px;
}
.name_title h2::after {
position: absolute;
content: "";
width: 1px;
height: 12px;
background-color: #9B9B9B;
right: -7px;
top: 2px;
}
.name_title p {
display: inline-block;
color: #4A4A4A
}
.form_title h2 {
font-weight: 600;
border-left: 3px solid #0091FF;
......
......@@ -166,21 +166,21 @@ div.navigation {
.navigation .layui-nav-item {
width: 147px;
position: relative;
border-right: 1px solid rgba(255,255,255, 0.2);
border-left: 1px solid rgba(255,255,255, 0.2);
border-right: 1px solid rgba(255,255,255, 0.1);
border-left: 1px solid rgba(255,255,255, 0.1);
margin-right: -1px;
}
.navigation .layui-nav-item:first-child {
border-left: 1px solid rgba(255,255,255, 0.4);
border-left: 1px solid rgba(255,255,255, 0.2);
}
.navigation .layui-nav-item:nth-child(8) {
border-right: 1px solid rgba(255,255,255, 0.4);
border-right: 1px solid rgba(255,255,255, 0.2);
}
.layui-bg-blue {
background-color: #006CFF!important;
}
.layui-nav-item a{
font-size: 19px;
font-size: 18px;
}
.layui-nav .layui-nav-more {
right: 16px;
......
......@@ -5,23 +5,6 @@
color: #4a4a4a;
padding-bottom: 100px;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.certificate_list {
border-radius: 4px;
text-align: center;
......@@ -98,7 +81,7 @@
display: inline-block;
}
.acceptance_process ul li:not(:last-child) {
margin-right: 250px;
margin-right: 236px;
}
.acceptance_process ul li .date {
text-align: center;
......@@ -110,6 +93,8 @@
border: 2px solid #2FA5FF;
border-radius: 18px;
margin: 10px auto;
background-color: #ffffff;
overflow: hidden;
}
.acceptance_process ul li h5 {
text-align: center;
......
......@@ -47,6 +47,7 @@
.app_progress li h5 {
white-space: nowrap;
margin-top: 5px;
font-size: 14px;
}
.active {
background-color: #47E1BF!important;
......@@ -55,12 +56,15 @@
.activeing {
background-color: #47E1BF!important;
}
.activeingtext {
color: #47E1BF!important;
}
.active::after {
content: " ";
display: block;
position: absolute;
left: 10px;
top: 6px;
left: 9px;
top: 5px;
width: 8px;
height: 12px;
border-color: #fff;
......@@ -102,7 +106,36 @@
box-sizing: border-box;
padding: 20px;
margin-top: 10px;
margin-bottom: 50px;
}
.progressBar_con {
text-align: center;
}
/* ---------------业务名称title----------------------- */
.name_title {
padding: 10px;
margin-top: 15px;
}
.name_title h2 {
display: inline-block;
margin-right: 10px;
height: 16px;
line-height: 16px;
color: #4A4A4A;
line-height: 16px;
position: relative;
width: 50px;
}
.name_title h2::after {
position: absolute;
content: "";
width: 1px;
height: 12px;
background-color: #9B9B9B;
right: -7px;
top: 2px;
}
.name_title p {
display: inline-block;
color: #4A4A4A
}
\ No newline at end of file
......
......@@ -37,6 +37,9 @@
.activeing {
background-color: #47E1BF!important;
}
.activeingtext {
color: #47E1BF!important;
}
.active {
background-color: #47E1BF!important;
position: relative;
......
......@@ -4,26 +4,9 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 10px 0;
margin: 50px 0;
}
.nav_title {
padding: 10px 0 10px 10px;
......
......@@ -4,29 +4,11 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.audit_progress {
margin: 20px 0;
margin: 36px 0;
}
.audit_progress h2 {
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-align: center;
color: #6D7278;
......
......@@ -178,24 +178,7 @@
}
.next_button {
text-align: center;
margin: 30px 0 100px 0;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
margin: 50px 0;
}
/* 房屋信息 */
.acceptance_information {
......
......@@ -3,26 +3,10 @@
margin: 0 auto;
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 30px 0 100px 0;
margin: 50px 0;
}
.no_info {
text-align: center;
......
......@@ -4,30 +4,14 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 50px 0 100px 0;
margin: 50px 0;
}
.audit_progress {
text-align: center;
margin: 50px 0;
}
.audit_progress h2 {
font-size: 16px;
......@@ -95,7 +79,7 @@
display: inline-block;
}
.acceptance_process ul li:not(:last-child) {
margin-right: 250px;
margin-right: 236px;
}
.acceptance_process ul li .date {
text-align: center;
......@@ -107,6 +91,8 @@
border: 2px solid #2FA5FF;
border-radius: 18px;
margin: 10px auto;
background-color: #ffffff;
overflow: hidden;
}
.acceptance_process ul li h5 {
text-align: center;
......
......@@ -87,6 +87,10 @@ function successResult() {
title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
yes : function() {
window.location.href="./tbxx.html";
},
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
......@@ -107,6 +111,7 @@ function seizureResult() {
title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
......
......@@ -23,152 +23,155 @@
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="certificate_list">
<ul>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
</p>
<p>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</p>
</li>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
</p>
<p>
<a href="">物流信息</a>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</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>201022221345</p>
</li>
<li>
<span>受理日期：</span>
<p>77987989</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>370205004005GB10030</p>
</li>
<li>
<span>坐落：</span>
<p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p>
</li>
<li>
<span>面积（㎡）：</span>
<p>568</p>
</li>
<li>
<span>合同备案号：</span>
<p>YS000000000001</p>
</li>
</ul>
</div>
<!-- ------------买方信息-------------- -->
<div class="acceptance_information">
<h3>买方信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>任超1111</p>
</li>
<li>
<span>证件类型：</span>
<p>8998798798798</p>
</li>
<li>
<span>证件号码：</span>
<p>89798798</p>
</li>
<li>
<span>联系电话：</span>
<p>15877343636</p>
</li>
</ul>
</div>
<!-- ------------受理流程-------------- -->
<div class="acceptance_process">
<h3>受理流程</h3>
<ul>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>完税详情</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已认证</span>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已缴费</span>
<a>缴费详情</a>
</p>
</li>
</ul>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="certificate_list">
<ul>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
</p>
<p>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</p>
</li>
<li>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
</p>
<p>
<a href="">物流信息</a>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</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>201022221345</p>
</li>
<li>
<span>受理日期：</span>
<p>77987989</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>370205004005GB10030</p>
</li>
<li>
<span>坐落：</span>
<p>XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室</p>
</li>
<li>
<span>面积（㎡）：</span>
<p>568</p>
</li>
<li>
<span>合同备案号：</span>
<p>YS000000000001</p>
</li>
</ul>
</div>
<!-- ------------买方信息-------------- -->
<div class="acceptance_information">
<h3>买方信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>任超1111</p>
</li>
<li>
<span>证件类型：</span>
<p>8998798798798</p>
</li>
<li>
<span>证件号码：</span>
<p>89798798</p>
</li>
<li>
<span>联系电话：</span>
<p>15877343636</p>
</li>
</ul>
</div>
<!-- ------------受理流程-------------- -->
<div class="acceptance_process">
<h3>受理流程</h3>
<ul>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>详细信息</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>完税详情</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已认证</span>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已缴费</span>
<a>缴费详情</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</body>
......@@ -188,8 +191,8 @@
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,35 +18,37 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>身份认证</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="info_query">
<div class="nav_title">
<h2>买方</h2>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="video_authentication">
视频认证
<div id="my_camera"></div>
<form>
<input type=button value="Take Snapshot" onClick="take_snapshot()">
</form>
<div class="info_query">
<div class="nav_title">
<h2>买方</h2>
</div>
<div class="video_authentication">
视频认证
<div id="my_camera"></div>
<form>
<input type=button value="Take Snapshot" onClick="take_snapshot()">
</form>
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./zlsh.html">下一步</a>
</button>
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./zlsh.html">下一步</a>
</button>
</div>
</div>
</body>
......@@ -68,7 +70,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -23,230 +23,232 @@
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p> 商品房移买卖登记（个人）</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</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="person_info">
<div class="title">
<h3>买方信息</h3>
<input type="radio" class="radioInfo" name="1" value="1" checked>
<p>单独所有</p>
<input type="radio" class="radioInfo" name="1" value="2">
<p>按份所有</p>
<input type="radio" class="radioInfo" name="1" value="3">
<p>共同所有</p>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<form class="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
class="layui-input">
<!-- 房屋信息 -->
<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="person_info">
<div class="title">
<h3>买方信息</h3>
<input type="radio" class="radioInfo" name="1" value="1" checked>
<p>单独所有</p>
<input type="radio" class="radioInfo" name="1" value="2">
<p>按份所有</p>
<input type="radio" class="radioInfo" name="1" value="3">
<p>共同所有</p>
</div>
<form class="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
class="layui-input">
</div>
</div>
</div>
<div class="layui-inline idCard">
<label class="layui-form-label">身份证类型</label>
<div class="layui-input-block">
<select lay-filter="typeId">
<option value="1">身份证</option>
<option value="2">军官证</option>
</select>
<div class="layui-inline idCard">
<label class="layui-form-label">身份证类型</label>
<div class="layui-input-block">
<select lay-filter="typeId">
<option value="1">身份证</option>
<option value="2">军官证</option>
</select>
</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">证件号码</label>
<div class="layui-input-block">
<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
class="layui-input">
<div class="layui-inline">
<label class="layui-form-label">证件号码</label>
<div class="layui-input-block">
<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">联系方式</label>
<div class="layui-input-block">
<input type="tel" name="phone" maxlength="11" required lay-verify="phone"
placeholder="请输联系方式" class="layui-input">
</div>
</div><i class="layui-icon layui-icon-reduce-circle"></i>
</div>
<div class="layui-inline">
<label class="layui-form-label">联系方式</label>
<div class="layui-input-block">
<input type="tel" name="phone" maxlength="11" required lay-verify="phone"
placeholder="请输联系方式" class="layui-input">
</div>
</div><i class="layui-icon layui-icon-reduce-circle"></i>
</form>
<div class="add_form layui-bg-gray">
<i class="layui-icon layui-icon-addition"></i>
<p>添加个人信息</p>
</div>
</form>
<div class="add_form layui-bg-gray">
<i class="layui-icon layui-icon-addition"></i>
<p>添加个人信息</p>
</div>
</div>
<!-----------------资料上传------------------ -->
<div class="data_upload">
<h3>资料上传</h3>
<div class="img_update">
<div class="fileBox">
<div id="fileSpan" class="vm">
<input type="file" multiple id="fileInput" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">登记申请书（2份）</div>
<div class="fileListName"></div>
<!-----------------资料上传------------------ -->
<div class="data_upload">
<h3>资料上传</h3>
<div class="img_update">
<div class="fileBox">
<div id="fileSpan" class="vm">
<input type="file" multiple id="fileInput" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">登记申请书（2份）</div>
<div class="fileListName"></div>
</div>
</div>
</div>
<div class="fileList_parent">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList">
</table>
</div>
</div>
<div class="fileList_parent">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList">
</table>
</div>
</div>
<!-- 房屋所有权证书 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan1" class="vm">
<input type="file" multiple id="fileInput1" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">房屋所有权证书（2份）</div>
<div class="fileListName1"></div>
<!-- 房屋所有权证书 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan1" class="vm">
<input type="file" multiple id="fileInput1" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">房屋所有权证书（2份）</div>
<div class="fileListName1"></div>
</div>
</div>
</div>
<div class="fileList_parent1">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList1">
</table>
</div>
</div>
<div class="fileList_parent1">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList1">
</table>
</div>
</div>
<!-- 询问笔录 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan3" class="vm">
<input type="file" multiple id="fileInput3" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">询问笔录(1)份</div>
<div class="fileListName3"></div>
<!-- 询问笔录 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan3" class="vm">
<input type="file" multiple id="fileInput3" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">询问笔录(1)份</div>
<div class="fileListName3"></div>
</div>
<a class="record">下载模板</a>
</div>
<a class="record">下载模板</a>
</div>
</div>
<div class="fileList_parent3">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList3">
</table>
<div class="fileList_parent3">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList3">
</table>
</div>
</div>
</div>
</div>
<!-- 领证方式 -->
<div class="obtaining_license">
<h3>领证方式</h3>
<form class="layui-form" action="" lay-filter="example">
<div class="layui-form-item">
<label class="layui-form-label">领证方式</label>
<div class="layui-input-block">
<input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
<input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
<!-- 领证方式 -->
<div class="obtaining_license">
<h3>领证方式</h3>
<form class="layui-form" action="" lay-filter="example">
<div class="layui-form-item">
<label class="layui-form-label">领证方式</label>
<div class="layui-input-block">
<input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
<input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
</div>
</div>
</div>
<div class="shipping_method">
<div class="layui-form-item item_inline">
<div class="layui-inline">
<label class="layui-form-label">收件人</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
class="layui-input">
<div class="shipping_method">
<div class="layui-form-item item_inline">
<div class="layui-inline">
<label class="layui-form-label">收件人</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
class="layui-input">
</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">手机号码</label>
<div class="layui-input-block">
<input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
placeholder="请输入手机号码" class="layui-input">
<div class="layui-inline">
<label class="layui-form-label">手机号码</label>
<div class="layui-input-block">
<input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
placeholder="请输入手机号码" class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所在地区</label>
<div class="layui-input-block ssq">
<h2>省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" data-area="浙江省"" lay-filter="province">
<option value="">选择省</option>
</select>
</div>
<h2>市</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="杭州市">
<option value="">选择市</option>
</select>
<div class="layui-form-item">
<label class="layui-form-label">所在地区</label>
<div class="layui-input-block ssq">
<h2>省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" data-area="浙江省"" lay-filter="province">
<option value="">选择省</option>
</select>
</div>
<h2>市</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="杭州市">
<option value="">选择市</option>
</select>
</div>
<h2>区</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity">
<option value="">选择区</option>
</select>
</div>
</div>
<h2>区</h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity">
<option value="">选择区</option>
</select>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">详细地址</label>
<div class="layui-input-block">
<textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">详细地址</label>
<div class="layui-input-block">
<textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
<div class="next_button">
<button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
<a>
下一步
</a>
</button>
</div>
</div>
<div class="next_button">
<button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
<a>
<div class="next_button submitButton">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./wshs.html">
下一步
</a>
</button>
</div>
</div>
<div class="next_button submitButton">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./wshs.html">
下一步
</a>
</button>
</div>
</form>
</form>
</div>
</div>
</div>
</body>
......@@ -274,7 +276,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,120 +18,123 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>完税核税</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="query_results">
<div class="success_info">
<h2>
<img src="../staticImages/xuanzhong.png" />
温馨提示：完税校验通过！
</h2>
</div>
<div class="nav_title">
<h3>税费信息</h3>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<ul class="tax_information">
<li>
<span>税费项目</span>:
<p>二手房过户</p>
</li>
<li>
<span>税费</span>:
<p>20000元</p>
</li>
<li>
<span>缴费时间</span>:
<p>2020-1231</p>
</li>
<li>
<span>受理单位</span>:
<p>xxx税务局</p>
</li>
<li>
<span>税费流水号</span>:
<p>610234199612126622</p>
</li>
<li>
<span>完税证明号</span>:
<p>610234199612126622</p>
</li>
</ul>
<div class="buyer_information">
<h3>买方信息</h3>
<ul>
<div class="query_results">
<div class="success_info">
<h2>
<img src="../staticImages/xuanzhong.png" />
温馨提示：完税校验通过！
</h2>
</div>
<div class="nav_title">
<h3>税费信息</h3>
</div>
<ul class="tax_information">
<li>
<span>税费项目</span>:
<p>二手房过户</p>
</li>
<li>
<span>税费</span>:
<p>20000元</p>
</li>
<li>
<span>缴费时间</span>:
<p>2020-1231</p>
</li>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
<span>受理单位</span>:
<p>xxx税务局</p>
</li>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
<span>税费流水号</span>:
<p>610234199612126622</p>
</li>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
<span>完税证明号</span>:
<p>610234199612126622</p>
</li>
</ul>
<div class="buyer_information">
<h3>买方信息</h3>
<ul>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</li>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</li>
<li>
<p>
<span>姓名</span>：
任超
</p>
<p>
<span>证件类型</span>：
身份证
</p>
<p>
<span>证件号码</span>：
6101241933091679
</p>
<p>
<span>联系电话</span>：
1874064565
</p>
</li>
</ul>
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./sfrz.html">下一步</a>
</button>
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./sfrz.html">下一步</a>
</button>
</div>
</div>
</body>
......@@ -152,7 +155,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,84 +18,86 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>线上缴费</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核！
</h2>
</div>
<!-- ------------------缴费信息----------------- -->
<div class="payment_information">
<h3>
缴费信息
</h3>
<ul>
<li>
<span>受理编号：</span>
<p>7897987989798</p>
</li>
<li>
<span>受理日期：</span>
<p>7979798797</p>
</li>
<li>
<span>收费事项：</span>
<p>商品房转移买卖转移登记（个人）登记费</p>
</li>
<li>
<span>应缴金额：</span>
<h5>600元</h5>
</li>
<li>
<span>收费明细：</span>
<h6>工本费10元 </h6>
<h6>快递费20元</h6>
<h6>不动产登记费80元</h6>
</li>
</ul>
</div>
<!-- ------------------缴费通道----------------- -->
<div class="payment_channel">
<h3>缴费通道</h3>
<ul class="payment_channel_con">
<li>
<img src="../staticImages/wechat.png">
<span>微信</span>
</li>
<li>
<img src="../staticImages/alipay.png" alt="">
<span>支付宝</span>
</li>
</ul>
<div class="scan_code">
<p>600.00</p>
<div>
<img src="../staticImages/code.png">
<div class="code_detail">
<img src="../staticImages/saoyisao.png">
<ul>
<li>打开手机支付宝</li>
<li>扫一扫继续付款</li>
</ul>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核！
</h2>
</div>
<!-- ------------------缴费信息----------------- -->
<div class="payment_information">
<h3>
缴费信息
</h3>
<ul>
<li>
<span>受理编号：</span>
<p>7897987989798</p>
</li>
<li>
<span>受理日期：</span>
<p>7979798797</p>
</li>
<li>
<span>收费事项：</span>
<p>商品房转移买卖转移登记（个人）登记费</p>
</li>
<li>
<span>应缴金额：</span>
<h5>600元</h5>
</li>
<li>
<span>收费明细：</span>
<h6>工本费10元 </h6>
<h6>快递费20元</h6>
<h6>不动产登记费80元</h6>
</li>
</ul>
</div>
<!-- ------------------缴费通道----------------- -->
<div class="payment_channel">
<h3>缴费通道</h3>
<ul class="payment_channel_con">
<li>
<img src="../staticImages/wechat.png">
<span>微信</span>
</li>
<li>
<img src="../staticImages/alipay.png" alt="">
<span>支付宝</span>
</li>
</ul>
<div class="scan_code">
<p>600.00</p>
<div>
<img src="../staticImages/code.png">
<div class="code_detail">
<img src="../staticImages/saoyisao.png">
<ul>
<li>打开手机支付宝</li>
<li>扫一扫继续付款</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- ------------------支付成功----------------- -->
</div>
</body>
......@@ -116,7 +118,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -90,7 +90,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,7 +18,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="选择区域"><cite>选择区域</cite></a>
</span>
</div>
</div>
......@@ -36,7 +36,7 @@
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
选择区域
</h5>
</li>
......
......@@ -18,7 +18,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="预约结果"><cite>预约结果</cite></a>
</span>
</div>
</div>
......@@ -55,7 +55,7 @@
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约结果
</h5>
</li>
......
......@@ -21,7 +21,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="预约时间"><cite>预约时间</cite></a>
</span>
</div>
</div>
......@@ -49,7 +49,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约时间
</h5>
</li>
......
......@@ -21,7 +21,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="我的预约"><cite>预约须知</cite></a>
</span>
</div>
</div>
......@@ -30,7 +30,7 @@
<ul class="app_progress">
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约须知
</h5>
</li>
......
......@@ -18,148 +18,150 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>资料审核</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核！
</h2>
</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>
<ul>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>完税详情</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已认证</span>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已缴费</span>
<a>缴费详情</a>
</p>
</li>
</ul>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./xsjf.html">下一步</a>
</button>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核！
</h2>
</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>
<ul>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>完税详情</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已认证</span>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已缴费</span>
<a>缴费详情</a>
</p>
</li>
</ul>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./xsjf.html">下一步</a>
</button>
</div>
</div>
</div>
</body>
......@@ -180,7 +182,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......