浏览代码

办理事项的分页

李雪梅 2 年之前
父节点
当前提交
9d68301b8a

+ 28 - 36
nngkxxdp/src/main/resources/static/district/css/sy.css

@@ -1157,18 +1157,12 @@ body {
 	color: #fff;
 	color: #fff;
 }
 }
 .right-button{
 .right-button{
-	width: 100px;
-    height: 100px;
-    border-radius: 50px;
-    box-sizing: border-box;
-    padding: 20px 15px;
-    font-size: 14px;
-    color: #fff;
-    font-weight: 400;
+	display: inline-block;
+	width: 104px;
+    height: 104px;
     position: fixed;
     position: fixed;
-    bottom: 20px;
-    right: 20px;
-    background-color: #2775CC;
+    bottom: 30px;
+    right: 60px;
     cursor: pointer;
     cursor: pointer;
 }
 }
 
 
@@ -1181,19 +1175,15 @@ body {
 }
 }
 .flex_four_wrap{
 .flex_four_wrap{
 	width: 730px;
 	width: 730px;
-	height: 340px;
+	/* height: 270px; */
 }
 }
-.wrap_tab{
-	margin: 0px;
-	height: 340px;
-}
-.wrap_tab .text-tab-title{
+.text-tab-title{
 	position: relative;
 	position: relative;
-	height: 46px;
+	height: 55px;
 	border: 0 solid transparent;
 	border: 0 solid transparent;
 	overflow: hidden;
 	overflow: hidden;
 }
 }
-.wrap_tab .text-tab-title li{
+.text-tab-title li{
 	width: 122px;
 	width: 122px;
 	height: 46px;
 	height: 46px;
 	line-height: 46px;
 	line-height: 46px;
@@ -1209,7 +1199,7 @@ body {
 	float: left;
 	float: left;
 	cursor: pointer;
 	cursor: pointer;
 }
 }
-.wrap_tab .text-tab-title li.text-this{
+.text-tab-title li.text-this{
 	background: #2775CC;
 	background: #2775CC;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	font-size: 16px;
 	font-size: 16px;
@@ -1217,7 +1207,7 @@ body {
 	font-weight: 400;
 	font-weight: 400;
 	position: relative;
 	position: relative;
 }
 }
-.wrap_tab .text-tab-title li.text-this::after{
+.text-tab-title li.text-this::after{
 	content: '';
 	content: '';
 	width: 0;
 	width: 0;
 	height: 0;
 	height: 0;
@@ -1231,16 +1221,19 @@ body {
 	top: 46px;
 	top: 46px;
 	left: 45%;
 	left: 45%;
 }
 }
-.wrap_tab .text-tab-title a{
+.text-tab-title a{
 	display: inline-block;
 	display: inline-block;
 	width: 194px;
 	width: 194px;
 	height: 47px;
 	height: 47px;
 	float: right;
 	float: right;
 	cursor: pointer;
 	cursor: pointer;
 }
 }
-.wrap_tab .text-tab-title a:last-child{
+.text-tab-title a:last-child{
 	margin-right: 11px;
 	margin-right: 11px;
 }
 }
+.layui-disabled span{
+	color: #d2d2d2 !important;
+}
 .text-tab-content{
 .text-tab-content{
 	width: 100%;
 	width: 100%;
 	margin-top: 9px;
 	margin-top: 9px;
@@ -1256,21 +1249,18 @@ body {
 	width: 704px;
 	width: 704px;
 	margin: 0 auto;
 	margin: 0 auto;
 	padding: 16px 0;
 	padding: 16px 0;
-	display: flex;
 	border-bottom: 1px solid #F4F4F4;
 	border-bottom: 1px solid #F4F4F4;
 }
 }
+.text-tab-item li a {
+	display: flex;
+	align-items: center;
+}
 .text-tab-item li h6{
 .text-tab-item li h6{
-	width: 75px;
-	background: #FFFFFF;
-	border: 1px solid #2775CC;
+	width: 10px;
+	height: 10px;
+	background: #2775CC;
 	border-radius: 5px;
 	border-radius: 5px;
 	text-align: left;
 	text-align: left;
-	font-size: 12px;
-	font-family: Microsoft YaHei;
-	font-weight: 400;
-	color: #2775CC;
-	padding: 8px 12px;
-	box-sizing: border-box;
 }
 }
 .text-tab-item li h5{
 .text-tab-item li h5{
 	width: 75px;
 	width: 75px;
@@ -1286,17 +1276,19 @@ body {
 	box-sizing: border-box;
 	box-sizing: border-box;
 }
 }
 .text-tab-item li p{
 .text-tab-item li p{
-	width: 88%;
+	width: 96%;
 	font-size: 14px;
 	font-size: 14px;
 	font-family: PingFang SC;
 	font-family: PingFang SC;
 	font-weight: 500;
 	font-weight: 500;
 	color: #666666;
 	color: #666666;
 	margin-left: 15px;
 	margin-left: 15px;
-	display: flex;
-	flex-wrap: wrap;
+	overflow: hidden;
+	text-overflow:ellipsis;
+	white-space: nowrap;
 }
 }
 #demo{
 #demo{
 	width: 704px;
 	width: 704px;
+	height: 35px;
 	margin: 0 auto;
 	margin: 0 auto;
 }
 }
 #demo .layui-laypage{
 #demo .layui-laypage{

二进制
nngkxxdp/src/main/resources/static/district/img/gdwt.png


+ 464 - 67
nngkxxdp/src/main/resources/static/district/js/sy.js

@@ -688,14 +688,205 @@ $(function() {
 	// 点击列表中的一条,重置地图中心点
 	// 点击列表中的一条,重置地图中心点
 	$(document).on('click', '.title-first li', function() {
 	$(document).on('click', '.title-first li', function() {
 		var add_text = $(this).parents('.title-first').find('.jzdz').text();
 		var add_text = $(this).parents('.title-first').find('.jzdz').text();
+		var topTextNav = $('.top-title').children('.layui-this').text().trim();
 		let cilckList = [];
 		let cilckList = [];
 		allArr.map(function(item, index) {
 		allArr.map(function(item, index) {
 			cilckList.push(Object.assign({},item,{clickIndex: 1}))
 			cilckList.push(Object.assign({},item,{clickIndex: 1}))
 		});
 		});
-		let getClick = cilckList.filter(function(item) {
+		let getClick1 = cilckList.filter(function(item) {
 			return item.address == add_text
 			return item.address == add_text
 		});
 		});
-		xxGEO(getClick);
+		let getClick = getClick1.filter(function(item) {
+			return item.sptype == topTextNav
+		});
+		var getClickDep;
+		$.each(getClick,function(i){
+			getClickDep = getClick[i].dep
+		});
+		$.ajax({
+			type: 'GET',
+			url: PATH + '/mapdata/getHandMatterPage',
+			// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+			async: false,
+			dataType: 'json',
+			data: {
+				page: 1,
+				limit: 4,
+				type: 0,
+				matterDept: getClickDep
+			},
+			success: function(res) {
+				if (res.data != null) {
+					map.clearOverlays();
+					var addFirst;
+					for (var z = 0; z < getClick.length; z++) {
+						var add = getClick[z].address;
+						const tempAdd = add;
+						myGeo.getPoint(tempAdd, function(point) {
+							if (point) {
+								var address = new BMap.Point(point.lng, point.lat);
+								addFirst = address;
+								for (var index = 0; index < getClick.length; index++) {
+									var getClickdep = getClick[index].dep;
+									var getClickaddre = getClick[index].address;
+									var getClicktype = getClick[index].type;
+									var getClickspecial = getClick[index].specialtype;
+									var getClicktag = getClick[index].tag;
+									var getClicktag2 = getClick[index].tag2;
+									var getClicktag3 = getClick[index].tag3;
+									var getClickcontent = getClick[index].content;
+									var getClickimg = getClick[index].img;
+									var getClicktel = getClick[index].tel;
+									var getClicktime = getClick[index].time;
+									var getClickIndex = getClick[index].clickIndex;
+									var getClickUrl = getClick[index].url;
+									var getClickSptype = getClick[index].sptype;
+									var sContnet = ''
+									sContnet += "<ul class='titleFirstDifrenet'>"
+									sContnet += "<li class='title_flex' title='"+getClickdep+"'>"
+									sContnet += getClickdep
+									if (getClicktype == "" || getClicktype == undefined) {
+										sContnet += ''
+									} else {
+										if (getClickspecial == "中学") {
+											if (getClicktype == "中学"){
+												sContnet += ''
+											} else {
+												sContnet += "<p class='flex_blue'>· "
+												sContnet += getClicktype
+												sContnet += "</p>"
+											}
+											sContnet += "<p class='flex_blue'>· "
+											sContnet += getClickspecial
+											sContnet += "</p>"
+										} else {
+											sContnet += "<p class='flex_blue'>· "
+											sContnet += getClicktype
+											sContnet += "</p>"
+										}
+										sContnet += "</li>"
+									}
+									if (getClicktag == "" || getClicktag == undefined) {
+										sContnet += ""
+									} else {
+										sContnet += "<li class='flex_orange'>"
+										sContnet += "<div class='three_tag'>"
+										sContnet += getClicktag
+										if (getClicktag2 == undefined) {
+											sContnet += "</div>"
+										} else {
+											sContnet += "</div>"
+											sContnet += "<div class='three_tag'>"
+											sContnet += getClicktag2
+											sContnet += "</div>"
+										}
+										if (getClicktag3 == undefined) {
+											sContnet += "</li>"
+										} else {
+											sContnet += "<div class='three_tag'>"
+											sContnet += getClicktag3
+											sContnet += "</div>"
+											sContnet += "</li>"
+										}
+									}
+									if (getClickcontent == "") {
+										sContnet += ''
+									} else if (getClickcontent == undefined) {
+										sContnet += ''
+									} else {
+										sContnet += "<li>"
+										sContnet += "<a class='a_blue'>"
+										sContnet += "<p class='content_p'>"
+										sContnet += getClickcontent
+										sContnet += "</p>"
+										sContnet += "</a>"
+									}
+									sContnet += "</li>"
+									if (getClickimg == "") {
+										sContnet += ''
+									} else if (getClickimg == undefined) {
+										sContnet += ''
+									} else {
+										sContnet += "<li class='img_box'>"
+										sContnet += "<img class='two_img' src='" +PATH+getClickimg + "'>"
+										sContnet += "</li>"
+									}
+									sContnet += "<li class='address_box'>"
+									sContnet += "<p><span class='flex_address'>地址:</span>"
+									sContnet += getClickaddre
+									sContnet += "</p>"
+									if (getClicktime == "" || getClicktime == undefined) {
+										sContnet += ''
+									} else {
+										sContnet += "<p><span class='flex_address'>办公时间:</span>"
+										sContnet += getClicktime
+										sContnet += "</p>"
+									}
+									if (getClicktel == '' || getClicktel == undefined){
+										sContnet += ''
+									} else {
+										sContnet += "<p><span class='flex_address'>办公电话:</span>"
+										sContnet += getClicktel
+										sContnet += "</p>"
+									}
+									if (getClickUrl == undefined) {
+										sContnet += ''
+									} else if(getClickSptype == "民政服务") {
+										sContnet += "<a href='"+getClickUrl+"' target='_blank' style='color: #2775CC;text-decoration:underline;'>预约祭扫</a>"
+									} else {
+										sContnet += "<a href='"+getClickUrl+"' target='_blank' style='color: #2775CC;text-decoration:underline;'>在线预约</a>"
+									}
+									sContnet += "<a class='correct_html' style='color: #2775CC;text-decoration:underline;'>我要纠错</a>"
+									sContnet += "</li>"
+									sContnet += "<li class='btn_box'>"
+									sContnet += "<button class='one_bus'>公交</button>"
+									sContnet += "<button class='two_car'>自驾</button>"
+									sContnet += "</li>"
+									sContnet += "<div class='grey_line'></div>"
+									sContnet += "<li>"
+									sContnet += "<div class='flex_four_wrap'>"
+									sContnet += "<ul class='text-tab-title'>"
+									sContnet += "<li class='text-this'>个人办事</li>"
+									sContnet += "<li>法人办事</li>"
+									sContnet += "<a><img src='./img/xwgd.png'></a>"
+									sContnet += "<a><img src='./img/zxbl.png'></a>"
+									sContnet += "</ul>"
+									sContnet += "<div class='text-tab-content'>"
+									sContnet += "<ul class='text-tab-item text-show'>"
+									$.each(res.data,function(j){
+										if ((res.data[j].itemName == undefined && res.data[j].matterUrl == undefined) && res.data[j].matterDept == undefined) {
+											sContnet += ''
+										} else {
+											sContnet += "<li>"
+											sContnet += "<a href='"+res.data[j].matterUrl+"'>"
+											sContnet += "<h6></h6>"
+											sContnet += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+											sContnet += "</a>"
+											sContnet += "</li>"
+										}
+									});
+									sContnet += "</ul>"
+									sContnet += "<ul class='text-tab-item'></ul>"
+									sContnet += "</div>"
+									sContnet += "</div>"
+									sContnet += "<div id='demo'></div>"
+									sContnet += "</li>"
+									sContnet += "</ul>"
+									if (tempAdd == getClickaddre) {
+										addMarker(getClickIndex, index, address, new BMap.InfoWindow(sContnet, getClickaddre), getClickdep);
+									}
+									document.querySelectorAll(".two_img").onload = function() {
+										infoWindow.redraw();
+									}
+								}
+							}
+						}, "重庆市");
+					}
+				} else{
+					xxGEO(getClick)
+				}
+			}
+		})
 		addGEO(getClick);
 		addGEO(getClick);
 	});
 	});
 
 
@@ -748,26 +939,6 @@ $(function() {
 		xxGEO(getClick);
 		xxGEO(getClick);
 		addGEO(getClick);
 		addGEO(getClick);
 	});
 	});
-	// getAjax()
-	function getAjax(){
-		$.ajax({
-			type: 'GET',
-			// url: PATH + '/mapdata/getHandMatterPage',
-			url: "http://192.168.1.253:7777/mapdata/getHandMatterPage",
-			async: false,
-			dataType: 'json',
-			data: {
-				page: 1,
-				limit: 4,
-				type: 0,
-				itemName: '',
-				matterDept: ''
-			},
-			success: function(res) {
-				console.log(res)
-			}
-		})
-	}
 
 
 	// 将json数据渲染到地图
 	// 将json数据渲染到地图
 	function xxGEO(arr) {
 	function xxGEO(arr) {
@@ -896,34 +1067,9 @@ $(function() {
 						sContnet += "<button class='one_bus'>公交</button>"
 						sContnet += "<button class='one_bus'>公交</button>"
 						sContnet += "<button class='two_car'>自驾</button>"
 						sContnet += "<button class='two_car'>自驾</button>"
 						sContnet += "</li>"
 						sContnet += "</li>"
-						if (arrSptype == '受理场所' || arrSptype == '查阅场所'){
-							sContnet += "<li>"
-							sContnet += "<div class='grey_line'></div>"
-							sContnet += "<div class='flex_four_wrap'>"
-							sContnet += "<div class='wrap_tab'>"
-							sContnet += "<ul class='text-tab-title'>"
-							sContnet += "<li class='text-this'>个人办事</li>"
-							sContnet += "<li>法人办事</li>"
-							sContnet += "<a><img src='./img/xwgd.png'></a>"
-							sContnet += "<a><img src='./img/zxbl.png'></a>"
-							sContnet += "</ul>"
-							sContnet += "<div class='text-tab-content'>"
-							sContnet += "<ul class='text-tab-item text-show'>"
-							sContnet += "<li>"
-							sContnet += "<h6></h6>"
-							sContnet += "<p></p>"
-							sContnet += "</li>"
-							sContnet += "</ul>"
-							sContnet += "<ul class='text-tab-item'></ul>"
-							sContnet += "</div>"
-							sContnet += "</div>"
-							sContnet += "</div>"
-							sContnet += "<div id='demo'></div>"
-							sContnet += "</li>"
-						}
 						sContnet += "</ul>"
 						sContnet += "</ul>"
 						if (tempAdd == arraddre) {
 						if (tempAdd == arraddre) {
-							addMarker(arrIndex, index, address, new BMap.InfoWindow(sContnet, arraddre));
+							addMarker(arrIndex, index, address, new BMap.InfoWindow(sContnet, arraddre), arrdep);
 						}
 						}
 						document.querySelectorAll(".two_img").onload = function() {
 						document.querySelectorAll(".two_img").onload = function() {
 							infoWindow.redraw();
 							infoWindow.redraw();
@@ -933,7 +1079,7 @@ $(function() {
 			}, "重庆市");
 			}, "重庆市");
 		}
 		}
 	};
 	};
-	
+
 	function addGEO(arr){
 	function addGEO(arr){
 		var addToFirst;
 		var addToFirst;
 		$.each(arr,function(z){
 		$.each(arr,function(z){
@@ -1257,7 +1403,7 @@ $(function() {
 	// 	}
 	// 	}
 	// };
 	// };
 
 
-	function addMarker(getIndex, index, point, infoWindow) {
+	function addMarker(getIndex, index, point, infoWindow, dep) {
 		var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(40, 40));
 		var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(40, 40));
 		var marker = new BMap.Marker(point, {
 		var marker = new BMap.Marker(point, {
 			icon: myIcon
 			icon: myIcon
@@ -1285,18 +1431,48 @@ $(function() {
 				$(this).attr('href','correct.html');
 				$(this).attr('href','correct.html');
 			});
 			});
 			layui.use(['laypage', 'layer'], function(){
 			layui.use(['laypage', 'layer'], function(){
-				var laypage = layui.laypage
-				,layer = layui.layer
+				var laypage = layui.laypage,layer = layui.layer;
+				var count;
+				var firstpage = 1;
+				page(firstpage)
+				function page(page) {
+					$.ajax({
+						type: 'GET',
+						url: PATH + '/mapdata/getHandMatterPage',
+						// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+						async: false,
+						dataType: 'json',
+						data: {
+							page: page,
+							limit: 4,
+							type: 0,
+							matterDept: dep
+						},
+						success: function(res){
+							count = res.count;
+							var html = '';
+							$.each(res.data,function(j){
+								html += "<li>"
+								html += "<a href='"+res.data[j].matterUrl+"'>"
+								html += "<h6></h6>"
+								html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+								html += "</a>"
+								html += "</li>"
+							})
+							$('.text-tab-item').empty().append(html)
+						}
+					});
+				}
 				laypage.render({
 				laypage.render({
 					elem: 'demo'
 					elem: 'demo'
-					,count: 50
+					,count: count
 					,layout: ['prev', 'next']
 					,layout: ['prev', 'next']
 					,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
 					,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
 					,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
 					,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
-					,jump: function(obj, first){
-						// if(!first){
-						// 	layer.msg('第 '+ obj.curr +' 页');
-						// }
+					,jump: function(obj,first){
+						if(!first){
+							page(obj.curr)
+						}
 					}
 					}
 				});
 				});
 			});
 			});
@@ -1305,8 +1481,102 @@ $(function() {
 				$(this).addClass('text-this').siblings().removeClass('text-this');
 				$(this).addClass('text-this').siblings().removeClass('text-this');
 				if(tabtex == '个人办事'){
 				if(tabtex == '个人办事'){
 					$('.text-tab-content .text-tab-item:nth-child(1)').addClass('text-show').siblings().removeClass('text-show')
 					$('.text-tab-content .text-tab-item:nth-child(1)').addClass('text-show').siblings().removeClass('text-show')
+					layui.use(['laypage', 'layer'], function(){
+						var laypage = layui.laypage,layer = layui.layer;
+						var count;
+						var firstpage = 1;
+						page(firstpage)
+						function page(page) {
+							$.ajax({
+								type: 'GET',
+								url: PATH + '/mapdata/getHandMatterPage',
+								// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+								async: false,
+								dataType: 'json',
+								data: {
+									page: page,
+									limit: 4,
+									type: 0,
+									matterDept: dep
+								},
+								success: function(res){
+									count = res.count;
+									var html = '';
+									$.each(res.data,function(j){
+										html += "<li>"
+										html += "<a href='"+res.data[j].matterUrl+"'>"
+										html += "<h6></h6>"
+										html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+										html += "</a>"
+										html += "</li>"
+									})
+									$('.text-tab-item').empty().append(html)
+								}
+							});
+						}
+						laypage.render({
+							elem: 'demo'
+							,count: count
+							,layout: ['prev', 'next']
+							,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
+							,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
+							,jump: function(obj,first){
+								if(!first){
+									// layer.msg('第 '+ obj.curr +' 页');
+									page(obj.curr)
+								}
+							}
+						});
+					});
 				} else {
 				} else {
 					$('.text-tab-content .text-tab-item:nth-child(2)').addClass('text-show').siblings().removeClass('text-show')
 					$('.text-tab-content .text-tab-item:nth-child(2)').addClass('text-show').siblings().removeClass('text-show')
+					layui.use(['laypage', 'layer'], function(){
+						var laypage = layui.laypage,layer = layui.layer;
+						var count;
+						var firstpage = 1;
+						page(firstpage)
+						function page(page) {
+							$.ajax({
+								type: 'GET',
+								url: PATH + '/mapdata/getHandMatterPage',
+								// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+								async: false,
+								dataType: 'json',
+								data: {
+									page: page,
+									limit: 4,
+									type: 1,
+									matterDept: dep
+								},
+								success: function(res){
+									count = res.count;
+									var html = '';
+									$.each(res.data,function(j){
+										html += "<li>"
+										html += "<a href='"+res.data[j].matterUrl+"'>"
+										html += "<h6></h6>"
+										html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+										html += "</a>"
+										html += "</li>"
+									})
+									$('.text-tab-item').empty().append(html)
+								}
+							});
+						}
+						laypage.render({
+							elem: 'demo'
+							,count: count
+							,layout: ['prev', 'next']
+							,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
+							,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
+							,jump: function(obj,first){
+								if(!first){
+									// layer.msg('第 '+ obj.curr +' 页');
+									page(obj.curr)
+								}
+							}
+						});
+					});
 				}
 				}
 			})
 			})
 		}
 		}
@@ -1334,26 +1604,153 @@ $(function() {
 				$(this).attr('href','correct.html');
 				$(this).attr('href','correct.html');
 			});
 			});
 			layui.use(['laypage', 'layer'], function(){
 			layui.use(['laypage', 'layer'], function(){
-				var laypage = layui.laypage
-				,layer = layui.layer
+				var laypage = layui.laypage,layer = layui.layer;
+				var count;
+				var firstpage = 1;
+				page(firstpage)
+				function page(page) {
+					$.ajax({
+						type: 'GET',
+						url: PATH + '/mapdata/getHandMatterPage',
+						// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+						async: false,
+						dataType: 'json',
+						data: {
+							page: page,
+							limit: 4,
+							type: 0,
+							matterDept: dep
+						},
+						success: function(res){
+							count = res.count;
+							var html = '';
+							$.each(res.data,function(j){
+								html += "<li>"
+								html += "<a href='"+res.data[j].matterUrl+"'>"
+								html += "<h6></h6>"
+								html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+								html += "</a>"
+								html += "</li>"
+							})
+							$('.text-tab-item').empty().append(html)
+						}
+					});
+				}
 				laypage.render({
 				laypage.render({
-					elem: 'demo6'
-					,count: 50
-					,layout: ['prev','next']
-					,jump: function(obj, first){
-						// if(!first){
-						// 	layer.msg('第 '+ obj.curr +' 页');
-						// }
+					elem: 'demo'
+					,count: count
+					,layout: ['prev', 'next']
+					,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
+					,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
+					,jump: function(obj,first){
+						if(!first){
+							// layer.msg('第 '+ obj.curr +' 页');
+							page(obj.curr)
+						}
 					}
 					}
 				});
 				});
-			})
+			});
 			$('.text-tab-title li').click(function(){
 			$('.text-tab-title li').click(function(){
 				var tabtex = $(this).text();
 				var tabtex = $(this).text();
 				$(this).addClass('text-this').siblings().removeClass('text-this');
 				$(this).addClass('text-this').siblings().removeClass('text-this');
 				if(tabtex == '个人办事'){
 				if(tabtex == '个人办事'){
 					$('.text-tab-content .text-tab-item:nth-child(1)').addClass('text-show').siblings().removeClass('text-show')
 					$('.text-tab-content .text-tab-item:nth-child(1)').addClass('text-show').siblings().removeClass('text-show')
+					layui.use(['laypage', 'layer'], function(){
+						var laypage = layui.laypage,layer = layui.layer;
+						var count;
+						var firstpage = 1;
+						page(firstpage)
+						function page(page) {
+							$.ajax({
+								type: 'GET',
+								url: PATH + '/mapdata/getHandMatterPage',
+								// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+								async: false,
+								dataType: 'json',
+								data: {
+									page: page,
+									limit: 4,
+									type: 0,
+									matterDept: dep
+								},
+								success: function(res){
+									count = res.count;
+									var html = '';
+									$.each(res.data,function(j){
+										html += "<li>"
+										html += "<a href='"+res.data[j].matterUrl+"'>"
+										html += "<h6></h6>"
+										html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+										html += "</a>"
+										html += "</li>"
+									})
+									$('.text-tab-item').empty().append(html)
+								}
+							});
+						}
+						laypage.render({
+							elem: 'demo'
+							,count: count
+							,layout: ['prev', 'next']
+							,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
+							,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
+							,jump: function(obj,first){
+								if(!first){
+									// layer.msg('第 '+ obj.curr +' 页');
+									page(obj.curr)
+								}
+							}
+						});
+					});
 				} else {
 				} else {
 					$('.text-tab-content .text-tab-item:nth-child(2)').addClass('text-show').siblings().removeClass('text-show')
 					$('.text-tab-content .text-tab-item:nth-child(2)').addClass('text-show').siblings().removeClass('text-show')
+					layui.use(['laypage', 'layer'], function(){
+						var laypage = layui.laypage,layer = layui.layer;
+						var count;
+						var firstpage = 1;
+						page(firstpage)
+						function page(page) {
+							$.ajax({
+								type: 'GET',
+								url: PATH + '/mapdata/getHandMatterPage',
+								// url: "http://192.168.0.230:7777/mapdata/getHandMatterPage",
+								async: false,
+								dataType: 'json',
+								data: {
+									page: page,
+									limit: 4,
+									type: 1,
+									matterDept: dep
+								},
+								success: function(res){
+									count = res.count;
+									var html = '';
+									$.each(res.data,function(j){
+										html += "<li>"
+										html += "<a href='"+res.data[j].matterUrl+"'>"
+										html += "<h6></h6>"
+										html += "<p title='"+res.data[j].itemName+"'>"+res.data[j].itemName+"</p>"
+										html += "</a>"
+										html += "</li>"
+									})
+									$('.text-tab-item').empty().append(html)
+								}
+							});
+						}
+						laypage.render({
+							elem: 'demo'
+							,count: count
+							,layout: ['prev', 'next']
+							,prev: '<i class="layui-icon layui-icon-left"></i><span>上一页</span>'
+							,next: '<span>下一页</span><i class="layui-icon layui-icon-right"></i>'
+							,jump: function(obj,first){
+								if(!first){
+									// layer.msg('第 '+ obj.curr +' 页');
+									page(obj.curr)
+								}
+							}
+						});
+					});
 				}
 				}
 			})
 			})
 		});
 		});

+ 1 - 1
nngkxxdp/src/main/resources/static/district/sy.html

@@ -747,7 +747,7 @@
 				</div>
 				</div>
 			</div>
 			</div>
 			<div class="right-map" id="right-map"></div>
 			<div class="right-map" id="right-map"></div>
-			<div class="right-button">找智能机器人小喃询问更多-->></div>
+			<a href="" class="right-button"><img src="./img/gdwt.png" alt=""></a>
 		</div>
 		</div>
 		<!-- <script type="text/javascript" src="../page/js/constans.js"></script> -->
 		<!-- <script type="text/javascript" src="../page/js/constans.js"></script> -->
 		<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=4L6UzXBVZxG1jWopGBxRdq5kdW3L36Du"></script>
 		<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=4L6UzXBVZxG1jWopGBxRdq5kdW3L36Du"></script>