Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
117002d8 by 任超
Options

style:网上申请业务流程配置

1 parent b6e9bf2b
Inline Side-by-side
Showing 8 changed files with 265 additions and 127 deletions
......@@ -151,6 +151,7 @@ div.top-logo .top_logo_search i {
.top-logo h1 img {
width:280px;
height: 42px;
margin-top: 6px;
}
.top-logo ul li {
display: inline-block;
......@@ -303,7 +304,7 @@ div.footer .system_service ul li a:hover {
}
::-webkit-scrollbar-thumb {
background:#319df0;
background-color: rgba(144,147,153,.5);
background-clip: padding-box;
min-height: 28px;
-webkit-border-radius: 6px;
......@@ -312,5 +313,5 @@ div.footer .system_service ul li a:hover {
}
::-webkit-scrollbar-thumb:hover {
background:#319df0;
background-color: rgba(144,147,153,.5);
}
\ No newline at end of file
......
......@@ -17,13 +17,14 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote
}
div.banner {
height: 500px;
position: relative;
}
#banner_swiper {
height: 445px!important;
}
.banner .swiper_img {
width: 100%;
height: 100%;
}
.banner .banner_title {
......
......@@ -124,7 +124,6 @@
color: #4A4A4A;
line-height: 16px;
position: relative;
width: 50px;
}
.name_title h2::after {
position: absolute;
......
......@@ -2,30 +2,6 @@ layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 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
......@@ -161,3 +137,46 @@ layui.use(['form', 'common'], function () {
// });
});
var data = { //数据
'progressList': [
{
stepName: "信息效验",
stepState: 2 //0：未办理 1：正在办理 2：已办理
},
{
stepName: "填报信息",
stepState: 1
},
{
stepName: "完税核税",
stepState: 0
},
{
stepName: "身份认证",
stepState: 0
},
{
stepName: "资料审核",
stepState: 0
}
],
};
// 获取受理流程信息
function _acceptanceProcess(ywid,lclb=1) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径
dataType: "json",
data: {
"ywid": ywid,
"lclb": lclb
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
}
}
});
}
\ No newline at end of file
......
......@@ -3,6 +3,7 @@ $(function () {
let element = layui.element;
});
addTabs('#wssq')
_acceptanceProcess(GetRequest('ywid').ywid)
// 业务
layui.use(['form'], function () {
var form = layui.form
......@@ -24,48 +25,7 @@ $(function () {
})
return false;
});
});
// 进度条
var data = {
'progressList': [
{
stepName: "信息效验",
stepState: 1 //0：未办理 1：正在办理 2：已办理
},
{
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();
});
});
})
// 结果弹框
$('.reset').click(function () {
successResult()
......@@ -79,11 +39,11 @@ function successResult() {
title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
yes : function() {
window.location.href="./esf-tbxx.html";
btn: ['下一步'],
yes: function () {
window.location.href = "./esf-tbxx.html";
},
content:'<ul class="dialog_con">'
content: '<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
+ '<li><span>联系电话：</span>18740677386</li>'
......@@ -103,8 +63,8 @@ function seizureResult() {
title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
content:'<ul class="dialog_con">'
btn: ['下一步'],
content: '<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
+ '<li><span>联系电话：</span>18740677386</li>'
......@@ -116,3 +76,54 @@ function seizureResult() {
});
})
}
// 获取受理流程信息
function _acceptanceProcess(ywid, lclb = 1) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径
dataType: "json",
data: {
"ywid": ywid,
"lclb": lclb
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
$('.name_title h2').text(result.data.shortName)
$('.name_title p').text(result.data.businessName)
data.progressList = result.data.stepList
}
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();
});
});
}
});
}
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("?");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
}
}
return theRequest;
}
var data = { //数据
'progressList': [],
};
\ No newline at end of file
......
......@@ -13,11 +13,13 @@ $(function () {
}).extend({ //设定模块别名
common: 'cityCommon'
});
$('.area_list li').click(function () {
$(document).on("click", ".area_list li", function (e) {
$(".area_list li").removeClass("active2")
$(this).addClass("active2");
_businessList($(this).attr("data-id"))
})
layui.use(['form', 'common'], function () {
var common = layui.common,
form = layui.form;
......@@ -28,4 +30,93 @@ $(function () {
return false;
});
});
_initData()
// 网上申请
$(document).on("click", ".handleBus", function (e) {
console.log($(this).attr("ywid"))
_acceptanceProcess($(this).attr("ywid"))
})
})
// 初始化数据
function _initData() {
var area_list = $(".area_list");
area_list.empty();
var li
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/cms/district/queryAllDistrict",//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
let data = result.data[0].children[0].children
for (var i = 0; i < data.length; i++) {
li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
area_list.append(li);
}
}
}
});
}
// 获取申请业务列表
function _businessList(districtId) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getApplyBusiness",//路径
dataType: "json",
data: {
"districtId": districtId,
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
// 即时办结
data.immediateList = result.data.forthwith
data.settlementList = result.data.onlineAudit
}
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('immediatelist').innerHTML
, view = document.getElementById('immediate');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
// 网上预审
var getTpl = document.getElementById('settlementlist').innerHTML
, view = document.getElementById('settlement');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
}
});
}
// 获取受理流程信息
function _acceptanceProcess(ywid,lclb=1) {
$.ajax({
type: "post", //提交方式
url: portal.api_url + "/portal/ApplyBusinessService/getApplyFlow",//路径
dataType: "json",
data: {
"ywid": ywid,
"lclb": lclb
},
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
window.open("./esf-xxjy.html?ywid="+ywid+"","_self")
}
}
});
}
var data = { //数据
"immediateList": [],
"settlementList": []
};
\ No newline at end of file
......
......@@ -81,7 +81,7 @@
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
<h5>{{item.stepname}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
......@@ -90,7 +90,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepname}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......@@ -101,7 +101,7 @@
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
<h5>{{item.stepname}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
......@@ -9,6 +10,7 @@
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/wssq.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
......@@ -24,70 +26,32 @@
<form class="layui-form">
<h2 class="title">省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" data-area="浙江省"" lay-filter=" province">
<select name="province" class="Pselected" disabled 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="杭州市" lay-filter="selectCity">
<select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
<option value="">选择市</option>
</select>
</div>
</form>
<div class="area_list_content">
<h2>区</h2>
<ul class="area_list">
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
<li>新城区</li>
</ul>
<ul class="area_list"></ul>
</div>
</div>
<!-- ------------业务办理--------------- -->
<div class="business">
<div class="online_processing">
<h1 class="type_title">在线办理即时业务(即时办结)</h1>
<ul class="item_list">
<div class="list_title">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
预告类
</h2>
</div>
<li>
<p>预售商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
</div>
</li>
<li>
<p>商品房抵押登记</p>
<div class="button">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">立即办理</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
</div>
</li>
</ul>
<div id="immediate"></div>
</div>
<div class="online_examination">
<h1 class="type_title">网上预审(现场办结)</h1>
<ul class="item_list">
<div id="settlement"></div>
<!-- <ul class="item_list">
<div class="list_title">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
......@@ -114,7 +78,7 @@
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">网上申请</button>
</div>
</li>
</ul>
</ul> -->
</div>
</div>
</div>
......@@ -123,4 +87,56 @@
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/city-picker.js"></script>
<script type="text/javascript" src="../staticJs/wssq.js"></script>
<!-- 及时办结 -->
<script id="immediatelist" type="text/html">
{{# layui.each(d.immediateList, function(index, item){ }}
<ul class="item_list">
<div class="list_title">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
<span>{{ item.classifyName }}</span>
</h2>
</div>
{{# for(var i = 0; i < item.classifyList.length; i++){ }}
<li>
<p>{{item.classifyList[i].shortName}}</p>
<div class="button">
<button type="button" ywid="{{item.classifyList[i].ywid}}" class="layui-btn handleBus layui-btn-normal layui-btn-sm">立即办理</button>
{{# if(item.classifyList[i].bsmBszn){ }}
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
{{# } }}
</div>
</li>
{{# } }}
</ul>
{{# }); }}
</script>
<!-- 网上预审 -->
<script id="settlementlist" type="text/html">
{{# layui.each(d.settlementList, function(index, item){ }}
<ul class="item_list">
<div class="list_title">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
<span>{{ item.classifyName }}</span>
</h2>
</div>
{{# for(var i = 0; i < item.classifyList.length; i++){ }}
<li>
<p>{{item.classifyList[i].shortName}}</p>
<div class="button">
<button type="button" ywid="{{item.classifyList[i].ywid}}" class="layui-btn handleBus layui-btn-normal layui-btn-sm">立即办理</button>
{{# if(item.classifyList[i].bsmBszn){ }}
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
{{# } }}
</div>
</li>
{{# } }}
</ul>
{{# }); }}
</script>
</html>
\ No newline at end of file
......