Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d79aaeee by 焦小希
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents a6cb6bbb a4186664
Expand all
Inline Side-by-side
Showing 15 changed files with 669 additions and 269 deletions
......@@ -38,42 +38,92 @@
text-align: center;
line-height: 36px;
}
.data_list {
margin-bottom: 20px;
/* ----------------预约列表-------------------- */
.appointment_list {
margin-top: 20px;
font-size: 0;
margin-left: -10px;
margin-right: -10px;
overflow: hidden;
}
.data_list li {
width: 31%;
border: 1px solid #d2d2d2;
.appointment_list li {
width: 33.333%;
display: inline-block;
color: #4a4a4a;
border-radius: 3px;
padding: 0 10px;
box-sizing: border-box;
margin-right: 20px;
float: left;
}
.data_list li:last-child {
margin-right: 0;
.appointment_list li .item_content {
border: 1px solid #CBCBCB;
border-radius: 4px;
border: 1px solid #CBCBCB;
font-size: 16px;
height: 368px;
}
.data_list li h3 {
background-color: #5FB878;
text-align: center;
line-height: 36px;
padding: 0 10px;
color: #fff;
.item_title {
height: 48px;
line-height: 48px;
color: #FFFFFF;
padding: 0 20px;
box-sizing: border-box;
}
.data_list li p {
line-height: 40px;
padding: 0 10px;
.item_title h3 {
display: inline-block;
float: left;
}
.data_list li p span {
width: 85px;
text-align-last: justify;
.item_title p {
display: inline-block;
margin-right: 10px;
float: right;
}
.next_button {
.success {
background-color: #44D7B6;
}
.overdue {
background-color: #F26363;
}
.cancel {
background-color: #F26363;
opacity: 0.5;
}
.item_info {
padding: 30px;
height: 180px;
}
.item_info li{
width: 100%;
line-height: 38px;
box-sizing: border-box;
}
.item_info li span {
display: inline-block;
width: 108px;
text-align: right;
color: #9B9B9B;
white-space: nowrap;
}
.item_info li p{
display: inline-block;
color: #303030;
}
.item_info li a{
display: inline-block;
color: #0091FF;
margin-left: 20px;
}
.cancel_reservation {
display: block;
width: 100px;
height: 40px;
background: #FFFFFF;
border-radius: 3px;
border: 1px solid #E6E6E6;
font-size: 16px;
color: #9B9B9B;
line-height: 40px;
text-align: center;
margin-bottom: 20px;
margin: 0 auto;
}
.next_button a {
color: #fff;
.next_button {
text-align: center;
margin: 50px 0 100px 0;
}
\ No newline at end of file
......
......@@ -3,6 +3,7 @@
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
padding-bottom: 100px;
}
.name_title {
padding: 10px;
......@@ -20,4 +21,47 @@
.name_title p {
display: inline-block;
color: #0091FF;
}
.certificate_list {
padding: 30px 20px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin: 20px 0;
}
.certificate_list a {
color: #0091FF;
margin-right: 10px;
}
.certificate_list li {
line-height: 36px;
}
.certificate_list span {
margin-right: 10px;
}
.acceptance_information {
margin-top: 20px;
}
.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
......
.app_progress li {
padding: 0 30px;
line-height: 40px;
background: #eee;
display: inline-block;
color: #fff;
position: relative;
color: black;
cursor: pointer;
.progressBar {
padding-top: 30px;
color: #4A4A4A;
position: relative;
margin: 30px 0 50px 0;
width: 95%;
}
.app_progress li:hover {
background-color: #1E9FFF;
color: #fff;
}
.app_progress li:hover:after {
border-left-color: #1E9FFF;
.app_progress {
display: flex;
width: 106%;
}
.app_progress li:after{
content: '';
display: block;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
border-left: 12px solid #eee;
position: absolute;
right:0;
top: 0;
.app_progress li {
display: inline-block;
text-align: center;
flex: 1;
width: 100%;
}
.active {
background-color: #1E9FFF!important;
color: #fff!important;
.app_progress .layui-progress {
flex: 2.1;
position: relative;
top: 10px;
margin-left: -3.8%;
margin-right: -3.8%;
}
.app_progress li.active:after {
border-left-color: #1E9FFF;
.item_proress {
position: relative;
width: 50px!important;
z-index: 10;
}
.selected {
background-color: #009688!important;
color: #fff!important;
.app_progress li p{
width: 29.5px;
height: 29.5px;
border-radius: 50%;
background-color: #E6E6E6;
margin: 0 auto;
}
.selected:hover {
background-color: #009688!important;
.app_progress li h5 {
white-space: nowrap;
margin-top: 5px;
}
.app_progress li.selected:after {
border-left-color: #009688;
.active {
background-color: #47E1BF!important;
position: relative;
}
.line {
width: 25px;
height: 0;
display: inline-block;
border-bottom: 2px dotted#dddddd;
margin-bottom: 4px;
.active::after {
content: " ";
display: block;
position: absolute;
left: 10px;
top: 6px;
width: 8px;
height: 12px;
border-color: #fff;
border-style: solid;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.layui-progress-bar {
background-color: #47E1BF!important;
}
.next_button button {
......
......@@ -71,4 +71,52 @@ $(function () {
return false;
});
});
// 进度条
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 1 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 0
},
{
stepName: "完税核税",
stepState: 0
},
{
stepName: "身份认证",
stepState: 0
},
{
stepName: "资料审核",
stepState: 0
},
// {
// stepName: "线上缴费",
// stepState: 0
// },
// {
// stepName: "生成电子证书",
// stepState: 0
// }
],
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
})
......
......@@ -8,49 +8,49 @@ var business = [
"stepName": "信息效验",//环节名称
"pageUrl": "/index.html",//环节指定页面
"stepType": "write",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130102",
"stepName": "填报信息",
"pageUrl": "/index.html",
"stepType": "write",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130103",
"stepName": "完税核税",
"pageUrl": "/index.html",
"stepType": "revenue",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130104",
"stepName": "身份认证",
"pageUrl": "/index.html",
"stepType": "identity",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130105",
"stepName": "资料审核",
"pageUrl": "/index.html",
"stepType": "audit",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130106",
"stepName": "线上缴费",
"pageUrl": "/index.html",
"stepType": "pay",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130107",
"stepName": "生成电子证书",
"pageUrl": "/index.html",
"stepType": "certificate",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
}
]
},
......@@ -63,28 +63,28 @@ var business = [
"stepName": "信息效验",//环节名称
"pageUrl": "/index.html",//环节指定页面
"stepType": "write",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130102",
"stepName": "填报信息",
"pageUrl": "/index.html",
"stepType": "write",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130103",
"stepName": "完税核税",
"pageUrl": "/index.html",
"stepType": "revenue",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130104",
"stepName": "身份认证",
"pageUrl": "/index.html",
"stepType": "identity",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
}
,
{
......@@ -92,7 +92,7 @@ var business = [
"stepName": "资料审核",
"pageUrl": "/index.html",
"stepType": "audit",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
]
},
......@@ -105,42 +105,42 @@ var business = [
"stepName": "填报信息",
"pageUrl": "/index.html",
"stepType": "write",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130103",
"stepName": "完税核税",
"pageUrl": "/index.html",
"stepType": "revenue",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130104",
"stepName": "身份认证",
"pageUrl": "/index.html",
"stepType": "identity",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130105",
"stepName": "资料审核",
"pageUrl": "/index.html",
"stepType": "audit",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130106",
"stepName": "线上缴费",
"pageUrl": "/index.html",
"stepType": "pay",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
},
{
"stepNo": "130107",
"stepName": "生成电子证书",
"pageUrl": "/index.html",
"stepType": "certificate",//环节类型
"stepState": 1,//0：未办理 1：已办理 2：正在办理
"stepState": 1,//0：未办理 1：正在办理 2：已办理
}
]
}
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
let element = layui.element;
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 2
},
{
stepName: "线上缴费",
stepState: 2
},
{
stepName: "生成电子证书",
stepState: 1
}
],
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
})
......
......@@ -8,35 +8,52 @@ $(function () {
});
addTabs('#wssq')
// 业务
$('.feachBtn').click(function () {
var tel = $("#tel").val();
//正则表达式
var reg = /(1[3-9]\d{9}$)/;
if (!reg.test(tel)) {
layui.use('layer', function(){
var layer = layui.layer;
layer.msg("请输入正确格式的手机号码", {
icon: 5
});
});
return false;
} else {
let count = 5;
$('.feachBtn').attr('disabled', true);
$('.feachBtn').css({
background: '#eee',
color: '#707070',
});
count--;
countDown = setInterval(() => {
count--;
$('.feachBtn').text(count + '秒后可重新获取');
if (count === 0) {
$('.feachBtn').text('重新发送').removeAttr('disabled');
clearInterval(countDown);
}
}, 1000);
$('.feachBtn').text(count + '秒后可重新获取');
}
})
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 1
},
{
stepName: "资料审核",
stepState: 0
},
{
stepName: "线上缴费",
stepState: 0
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
})
......
......@@ -4,4 +4,51 @@ $(function () {
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 2
},
{
stepName: "线上缴费",
stepState: 1
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
})
\ No newline at end of file
......
......@@ -8,4 +8,51 @@ $(function () {
});
addTabs('#wssq')
// 业务
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 2
},
{
stepName: "完税核税",
stepState: 2
},
{
stepName: "身份认证",
stepState: 2
},
{
stepName: "资料审核",
stepState: 1
},
{
stepName: "线上缴费",
stepState: 0
},
{
stepName: "生成电子证书",
stepState: 0
}
],
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('progress').innerHTML
, view = document.getElementById('app_progress');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
layui.use(['element'], function () {
var element = layui.element;
//初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
element.init();
});
});
})
......
......@@ -27,47 +27,96 @@
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="selected">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li class="selected">
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li class="selected">
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li class="active">
<span>7</span>
生成电子证书
</li>
</ul>
<!-- --------------------------------- -->
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="certificate_list">
<ul>
<li>
<p>该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书</p>
<p>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</p>
</li>
<li>
<p>该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄</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>
......@@ -76,4 +125,39 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/dzzs.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -27,43 +27,10 @@
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="active">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li>
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="info_query">
<div class="nav_title">
<h2>买方</h2>
......@@ -82,4 +49,39 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/sfrz.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -100,7 +100,7 @@
<p>预售商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">
<a href='./bljy.html?title=预告类&bus=预售商品房抵押登记'>立即办理</a>
<a href='./xxjy.html?title=预告类&bus=预售商品房抵押登记'>立即办理</a>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
......
......@@ -27,42 +27,10 @@
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="selected">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li class="selected">
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li class="active">
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
......@@ -137,7 +105,7 @@
</ul>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="">下一步</a>
<a href="./dzzs.html">下一步</a>
</button>
</div>
</div>
......@@ -146,4 +114,39 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/xsjf.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -27,42 +27,10 @@
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="selected">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li class="active">
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li>
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<div class="audit_progress">
<h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
<p>
......@@ -158,4 +126,39 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/zlsh.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......