Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
5134c4e2 by 任超
Options

style:办事指南

1 parent d90d1c84
Pipeline #27 for 5134c4e2 failed in 0 seconds
Inline Side-by-side
Showing 3 changed files with 114 additions and 452 deletions
......@@ -74,7 +74,9 @@ layui.config({
$(document).on("click", ".area_list li", function (e) {
$(".area_list li").removeClass("active2")
$(this).addClass("active2");
_businessList($(this).attr("data-id"))
console.log(666, $(this).attr("data-id"))
_getGuideBusinessInWssq($(this).attr("data-id"))
_getGuideBusinessInReserve($(this).attr("data-id"))
})
layui.use(['form', 'common'], function () {
......@@ -109,3 +111,73 @@ function _initData() {
}
})
}
// 根据办事大厅获取办事指南----获取网上申请业务指南对应的业务集合
function _getGuideBusinessInWssq(id) {
var itemList_tab = $("#itemList_tab");
itemList_tab.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhGuide/getGuideBusinessInWssq?districtId="+id,//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.list = result.data
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('businessGuide').innerHTML
, view = document.getElementById('tabContentListOnline');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
li = '<li class="layui-this" lay-id="0">全部</li>'
itemList_tab.append(li)
for (var i = 0; i < result.data.length; i++) {
li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
itemList_tab.append(li)
}
}
}
});
}
// 在线预约
function _getGuideBusinessInReserve(id) {
var itemList_tab1 = $("#itemList_tab1");
itemList_tab1.empty();
var li;
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/portal/MhGuide/getGuideBusinessInReserve?districtId="+id,//路径
dataType: "json",
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
data.onlineList = result.data
layui.use('laytpl', function () {
laytpl = layui.laytpl;
var getTpl = document.getElementById('onlineBooking').innerHTML
, view = document.getElementById('tabContentList');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
});
});
li = '<li class="layui-this" lay-id="0">全部</li>'
itemList_tab1.append(li)
for (var i = 0; i < result.data.length; i++) {
li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
itemList_tab1.append(li)
}
}
}
});
}
var data = { //数据
"list": [],
"onlineList": []
};
\ No newline at end of file
......
......@@ -13,7 +13,7 @@ function SetServicesPath() {
//设置全局參數
var portal =
{
'api_url': "http://192.168.2.108:8000", //属性名用引号括起来，属性间由逗号隔开
'api_url': "http://192.168.2.59:8000", //属性名用引号括起来，属性间由逗号隔开
'name': 'myName',
"rootPath": GetRootPath()
};
......
<!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/bszn.css">
</head>
<body>
<div class="business_guide">
<div class="navigation_crumbs">
......@@ -50,300 +52,22 @@
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-tab layui-tab-brief" lay-filter="navtab">
<ul class="layui-tab-title itemList_tab">
<li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">土地</li>
<li lay-id="2">房屋等建筑</li>
<li lay-id="3">构筑物</li>
<li lay-id="4">森林，林木</li>
</ul>
<div class="layui-tab-content tudi" style="padding:0">
<div class="online_business">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
土地
</h2>
</div>
<ul class="online_list">
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="" title="土地转移登记">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content jianzhu" style="padding:0">
<div class="online_business">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
房屋等建筑
</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content linmu" style="padding:0">
<div class="online_business">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
构筑物
</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div>
<div class="layui-tab-content qita" style="padding:0">
<div class="online_business">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
森马林木
</h2>
</div>
<ul class="online_list">
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<ul class="layui-tab-title itemList_tab" id="itemList_tab">
</ul>
</div>
<div id="tabContentListOnline"></div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-tab layui-tab-brief navtab1" lay-filter="navtab1">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="0">全部</li>
<ul class="layui-tab-title" id="itemList_tab1">
<!-- <li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">土地1</li>
<li lay-id="2">房屋等建筑1</li>
<li lay-id="3">构筑物1</li>
<li lay-id="3">构筑物1</li> -->
</ul>
<div class="layui-tab-content tudi1" style="padding:0">
<div id="tabContentList"></div>
<!-- <div class="layui-tab-content tudi1" style="padding:0">
<div class="online_business navtab1">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
......@@ -360,204 +84,70 @@
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
</ul>
</div> -->
</div>
<div class="layui-tab-content jianzhu1" style="padding:0">
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/down.js"></script>
<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/bszn.js"></script>
<!-- 网上申请 -->
<script id="businessGuide" type="text/html">
{{# layui.each(d.list, function(index, item){ }}
<div class="layui-tab-content tudi1" style="padding:0">
<div class="online_business navtab1">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
房屋等建筑
{{item.businessShortName}}
</h2>
</div>
<ul class="online_list">
{{# for(var i = 0; i < item.bsznListVOS.length; i++){ }}
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<span>{{item.bsznListVOS[i].headline}}</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
{{# } }}
</ul>
</div>
{{# }); }}
</script>
<div class="layui-tab-content linmu1" style="padding:0">
<!-- 在线预约 -->
<script id="onlineBooking" type="text/html">
{{# layui.each(d.onlineList, function(index, item){ }}
<div class="layui-tab-content tudi1" style="padding:0">
<div class="online_business navtab1">
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
构筑物
{{item.businessShortName}}
</h2>
</div>
<ul class="online_list">
{{# for(var i = 0; i < item.bsznListVOS.length; i++){ }}
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
<li>
<a href="">
<span>土地转移登记</span>
<span>{{item.bsznListVOS[i].headline}}</span>
<button type="button"
class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
</a>
</li>
{{# } }}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/down.js"></script>
<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/bszn.js"></script>
{{# }); }}
</script>
</html>
\ No newline at end of file
......