Skip to content

任超 / js.portalStaticPage

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

style:进度条

1 parent 570404c5
Expand all
Inline Side-by-side
Showing 22 changed files with 265 additions and 340 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>'
......
......@@ -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">
......
......@@ -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>
......