Merge branch 'master' of http://116.63.33.55/git/nazw

nngkxxdp/src/main/resources/static/district/js/sy_mobile.js

@@ -32,12 +32,22 @@ var deptArr = {
   npzx: 1,
 };
 
+const custGap = 1000;
+var myPoint = {}
+var load;
+var addressArr = [];
+var depsArr = [];
+var myPoint = {}
+
 layui.use("element", function () {
   var element = layui.element;
   layer = layui.layer;
 });
 
 $(function () {
+  load = layer.load(2, {
+		shade: 0.3,
+	})
   // 获取高度
   var hlHeight =
     window.outerHeight -
@@ -74,6 +84,158 @@ $(function () {
   var map = new BMap.Map("right-map"); // 创建Map实例
   map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
   map.enableDragging();
+  var geolocation = new BMap.Geolocation();
+	geolocation.getCurrentPosition((r) => {
+		if (r.latitude && r.longitude) {
+			$('#location').text(r.address.province)
+			myPoint.latitude = r.latitude
+			myPoint.longitude = r.longitude
+			
+			var circle = new BMap.Circle(new BMap.Point(myPoint.longitude, myPoint.latitude), custGap + 500, 
+			{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.1, strokeOpacity: 0.1});
+			map.addOverlay(circle);
+			
+			var mk = new BMap.Marker(r.point);
+			map.addOverlay(mk);
+			map.panTo(r.point);
+      initListApi();
+		}
+	})
+
+  function initListApi() {
+    $.ajax({
+      type: 'GET',
+      url: PATH + '/mapdata/getMapDataAll',
+      success: (res) => {
+        layer.close(load)
+        if (res.data) {
+          let data = res.data
+          for (let key in data) {
+            addressArr = addressArr.concat(data[key])
+          }
+          let arr = []
+          for (let i = 0; i < addressArr.length; i++) {
+            if (depsArr.indexOf(addressArr[i].dep) == -1) {
+              depsArr.push(addressArr[i].dep)
+              addressArr[i].gap = getDistances(addressArr[i].latitude, addressArr[i].longitude, myPoint.latitude, myPoint.longitude)
+              arr.push(addressArr[i])
+            }
+          }
+          addressArr = arr
+          addressArr.sort((a, b) => {
+            return a.gap.m - b.gap.m
+          })
+          initAddressList()
+        }
+      },
+      error: (err) => {
+        layer.close(load)
+      }
+    })
+  }
+  function initAddressList() {
+    let html =''
+    const icon = new BMap.Icon(
+      "./img/location.png",
+      new BMap.Size(40, 40)
+    );
+    var lengthArr=[]
+    for (let i = 0; i < addressArr.length; i++) {
+      if (addressArr[i].gap.m > custGap) {
+        continue
+      }
+      
+      const type = addressArr[i].sptype ? addressArr[i].sptype : addressArr[i].type
+      html += `
+        <div id="goto-${addressArr[i].id}" class="address-item" onclick="itemEvent(this)" data-index="${i}">
+          <img src="${addressArr[i].img ? (PATH + addressArr[i].img) : './img/icon-zw.png'}"/>
+          <div class="address-item-content">
+            <p class="item-tilte">${addressArr[i].dep.trim()}</p>
+            <p class="item-addr">距您约${(addressArr[i].gap.m).toFixed(2)}M</p>
+            <span class="item-type ${type ? '' : 'layui-hide'}">${type}</span>
+          </div>
+        </div>`
+      const point = new BMap.Point(addressArr[i].longitude, addressArr[i].latitude)
+
+      const marker = new BMap.Marker(point, {
+        icon: icon,
+      });
+      map.addOverlay(marker);
+
+      lengthArr.push(addressArr[i])
+      $('#bsddNum').html(lengthArr.length)
+    
+      if(addressArr[i].dep.indexOf('重庆市南岸区')!=-1){
+        addressArr[i].dep = addressArr[i].dep.split('重庆市南岸区')[1]
+      }
+  
+      var label = new BMap.Label(addressArr[i].dep, {
+        position: point, // 文本绑定的点位位置
+        offset: new BMap.Size(-10,0) // 文本位置移动
+        })
+        label.setStyle({
+          color: "#000",
+          padding: "0 10px",
+          fontSize: "12px",
+          lineHeight: "20px",
+          border:'0',
+          borderRadius:'10px'
+        });
+  
+        label.addEventListener("click", function(){  
+        $('.BMapLabel').css({
+          color: "#000",
+          background:'#fff',
+            padding: "0 10px",
+            fontSize: "12px",
+            lineHeight: "20px",
+            border:'0',
+            borderRadius:'10px',
+            zindex:99
+        })
+        this.setStyle({
+          zindex:99999999,
+          background:'#2775cc',
+          color:'#ffffff'
+        });
+        // $('#goto').attr('href', '#goto-' + addressArr[i].id)
+        // $('#goto')[0].click()
+        // $('.concent').css({height: 'calc(6%)'})
+        // setTimeout(() => {
+        //   $('.concent').css({height: 'calc(65%)'})
+        // }, 200)
+      }); 
+      
+      map.addOverlay(label);
+  
+      // marker.addEventListener("click", function (e) {
+      //   $('#goto').attr('href', '#goto-' + addressArr[i].id)
+      //   $('#goto')[0].click()
+      //   $('.concent').css({height: 'calc(6%)'})
+      //   setTimeout(() => {
+      //     $('.concent').css({height: 'calc(65%)'})
+      //   }, 200)
+      // });
+    }
+    if (!html) {
+      html = '<div class="zw-view">附近1公里没有可查询场所</div>'
+    }
+    $('.address-list').empty().append(html)
+  }
+
+  // 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
+function getDistances(lat1, lng1, lat2, lng2) {
+	let EARTH_RADIUS = 6378.137;// 地球半径
+	let radLat1 = lat1 * Math.PI / 180.0; //lat1 * Math.PI / 180.0=>弧度计算
+	let radLat2 = lat2 * Math.PI / 180.0;
+	let a = radLat1 - radLat2;
+	let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
+	let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
+	s = s * EARTH_RADIUS; 
+	s = Math.round(s * 10000) / 10000;// 输出为公里
+	return { m: s * 1000, km: Number(s.toFixed(2)) }
+}
+
   // 区级部门与街镇解析地址批量解析开始
   var myGeo = new BMap.Geocoder();
 

nngkxxdp/src/main/resources/static/district/syDteail.html

@@ -1,10 +1,11 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="utf-8">
-    <meta name="renderer" content="webkit"/>
-    <meta name="force-rendering" content="webkit"/>
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
+    <meta name="renderer" content="webkit" />
+    <meta name="force-rendering" content="webkit" />
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
     <meta name="renderer" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=1.0, maximum-scale=1.0">
     <link href="img/favicon.ico" rel="shortcut icon">
@@ -14,707 +15,814 @@
     <link rel="stylesheet" href="./css/sy.css">
     <title>重庆市南岸区政务公开惠民便民地图</title>
     <style>
-        ul{
+        ul {
             padding: 0;
             margin: 0;
         }
-        .BMap_bubble_content{
+
+        .BMap_bubble_content {
             height: 100% !important;
             overflow-y: scroll !important;
             overflow-x: hidden;
         }
-    
+
         /* 定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸 */
         .BMap_bubble_content::-webkit-scrollbar {
-            width: 10px; /* 对垂直滚动条有效 */
+            width: 10px;
+            /* 对垂直滚动条有效 */
         }
-    
+
         /* 定义滚动条的轨道颜色、内阴影及圆角 */
         .BMap_bubble_content::-webkit-scrollbar-track {
             /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
             background-color: #fff;
         }
-    
+
         /* 定义滑块颜色、内阴影及圆角 */
         .BMap_bubble_content::-webkit-scrollbar-thumb {
             -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
             background-color: rgba(0, 0, 0, .1);
         }
-    
-    
+
+
         /* 光标移到滚动滑块上样式颜色变深 */
         .BMap_bubble_content::-webkit-scrollbar-thumb:hover {
             background-color: rgba(0, 0, 0, .2);
         }
-    
+
         /* 定义两端按钮的样式 */
         .BMap_bubble_content::-webkit-scrollbar-button {
             display: none;
         }
-    
+
         /* 定义右下角汇合处的样式 */
         .BMap_bubble_content::-webkit-scrollbar-corner {
             background: khaki;
         }
+
+        .ewm {
+            width: 955px;
+        }
+
+        .ewm p:nth-of-type(1) {
+            font-size: 35px;
+            font-weight: 600;
+            text-align: center;
+            color: #000000;
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        .ewm .img-box {
+            display: flex;
+            justify-content: space-around;
+
+        }
+
+        .ewm p:nth-of-type(2) {
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #666666;
+            text-align: center;
+        }
+
+        .ewm>.ljty {
+            text-align: center;
+            width: 230px;
+            height: 52px;
+            margin: 20px auto;
+            cursor: pointer;
+        }
+
+        .layui-layer-btn a {
+            width: 230px;
+            height: 53px !important;
+            font-size: 28px;
+            line-height: 53px !important;
+        }
+
+        .open-bt {}
+
+        .open-bt .new {
+            display: inline-block;
+            width: 34px;
+            height: 20px;
+            background: #E02D31;
+            box-shadow: 0px 3px 5px 0px rgba(191, 38, 42, 0.26);
+            border-radius: 10px 10px 10px 0px;
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #FFFFFF;
+            transform: translateY(-27px);
+        }
+
+        .smewm {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            margin-left: -87.5px;
+            margin-top: -87.5px;
+        }
     </style>
 </head>
+
 <body>
-<div class="head">
-    <!-- 头部蓝色部分的logo和文字 -->
 
-    <div class="left-logo">
-        <a href="https://www.cqna.gov.cn/" target="_blank">
-            <img class="logo-img" src="img/map-logo.png">
-        </a>
-    </div>
-    <!-- 头部的搜索框 -->
-    <div class="right-search">
-        <div class="layui-tab">
-            <ul class="layui-tab-title search-change">
-                <li class="layui-this">搜索</li>
-                <li>公交</li>
-                <li>自驾</li>
-            </ul>
-            <div class="layui-tab-content content-input">
-                <div class="layui-tab-item layui-show">
-                    <div class="input-icon">
-                        <input type="text" name="" id="" value="" class="inp"/>
-                        <img src="img/ss2.png" class="inp-icon1">
+    <div class="head">
+        <!-- 头部蓝色部分的logo和文字 -->
+
+        <div class="left-logo">
+            <a href="https://www.cqna.gov.cn/" target="_blank">
+                <img class="logo-img" src="img/map-logo.png">
+            </a>
+        </div>
+        <!-- 头部的搜索框 -->
+        <div class="right-search">
+            <div class="layui-tab">
+                <ul class="layui-tab-title search-change">
+                    <li class="layui-this">搜索</li>
+                    <li>公交</li>
+                    <li>自驾</li>
+                </ul>
+                <div class="layui-tab-content content-input">
+                    <div class="layui-tab-item layui-show">
+                        <div class="input-icon">
+                            <input type="text" name="" id="" value="" class="inp" />
+                            <img src="img/ss2.png" class="inp-icon1">
+                        </div>
                     </div>
-                </div>
-                <!--  点击公交出现的内容  -->
-                <div class="layui-tab-item">
-                    <div class="input-icon">
-                        <input type="text" id="gj-one" value=""/>
-                        <div id="change-word"></div>
-                        <input type="text" name="" id="gj-two" value=""/>
-                        <img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
+                    <!--  点击公交出现的内容  -->
+                    <div class="layui-tab-item">
+                        <div class="input-icon">
+                            <input type="text" id="gj-one" value="" />
+                            <div id="change-word"></div>
+                            <input type="text" name="" id="gj-two" value="" />
+                            <img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
+                        </div>
                     </div>
-                </div>
-                <!--  点击自驾出现的内容  -->
-                <div class="layui-tab-item">
-                    <div class="input-icon">
-                        <input type="text" name="" id="zj-one" value=""/>
-                        <div id="word-change"></div>
-                        <input type="text" name="" id="zj-two" value=""/>
-                        <img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
+                    <!--  点击自驾出现的内容  -->
+                    <div class="layui-tab-item">
+                        <div class="input-icon">
+                            <input type="text" name="" id="zj-one" value="" />
+                            <div id="word-change"></div>
+                            <input type="text" name="" id="zj-two" value="" />
+                            <img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <div class="erw">
-        <a href="javascript:;" onclick="aria.start()" style="
+        <div class="erw">
+            <a href="javascript:;" onclick="aria.start()" style="
         width: 207px;
         text-align: center;
         font-size: 21px;
         height: 140px;
         line-height: 140px;
         color: #fff;">网站无障碍</a>
-        <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank">
-            <img src="./img/second-erw-3.png" alt="" class="first_erw">
-        </a>
-        <img src="./img/first-ewm-2.png" alt="" class="first_erw">
-        <img src="./img/second-erm.png" alt="" class="second_erw">
-        <a href="https://www.cqna.gov.cn/" class="back_sy">返回网站首页</a>
+            <a href="http://www.cqna.gov.cn/vr/vr.html" target="_blank">
+                <img src="./img/second-erw-3.png" alt="" class="first_erw">
+            </a>
+            <img src="./img/first-ewm-2.png" alt="" class="first_erw" style="cursor: pointer;">
+            <img src="./img/second-erm.png" alt="" class="second_erw" style="cursor: pointer;">
+            <a href="https://www.cqna.gov.cn/" class="back_sy">返回网站首页</a>
+        </div>
     </div>
-</div>
-<div class="main">
-    <div class="left-map">
-        <div class="show-first">
-            <div class="wrap_fwdt">
-                <div class="box_fwdt">
-                    <img src="img/fwdt.png" class="fwdt_img">
-                    <p class="fwdt_text">服务导图</p>
+    <div class="main">
+        <div class="left-map">
+            <div class="show-first">
+                <div class="wrap_fwdt">
+                    <div class="box_fwdt">
+                        <img src="img/fwdt.png" class="fwdt_img">
+                        <p class="fwdt_text">服务导图</p>
+                    </div>
+                    <div class="fwdt_line"></div>
                 </div>
-                <div class="fwdt_line"></div>
-            </div>
-            <ul class="flex_box">
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fgk.png">
-                        <p class="flex_text">政务公开</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fzwfw.png">
-                        <p class="flex_text">政务服务</p>
-                    </div>
-                    <div class="flex_pop pop lineTwo" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="区级行政服务中心">区级政务服务中心</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="镇（街道）公共服务中心">镇（街道）便民服务中心</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="村（社区）便民服务中心">村（社区）便民服务站</a>
-                            </li>
-                            <!-- <li>
+                <ul class="flex_box">
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fgk.png">
+                            <p class="flex_text">政务公开</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fzwfw.png">
+                            <p class="flex_text">政务服务</p>
+                        </div>
+                        <div class="flex_pop pop lineTwo" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="区级行政服务中心">区级政务服务中心</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="镇（街道）公共服务中心">镇（街道）便民服务中心</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="村（社区）便民服务中心">村（社区）便民服务站</a>
+                                </li>
+                                <!-- <li>
                                 <img src="img/flex.png">
                                 <a class="mapnav" title="市场监督管理所">市场监督管理所</a>
                             </li> -->
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="生源地助学贷款办理点">生源地助学贷款办理点</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fdqfwzx.png">
-                        <p class="flex_text">党群服务</p>
-                    </div>
-                    <div class="flex_pop pop lineThree" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="党群服务中心">党群服务中心</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fjy.png">
-                        <p class="flex_text">教育资源</p>
-                    </div>
-                    <div class="flex_pop pop lineFour" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="职业教育学校">职业教育学校</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="特殊教育学校">特殊教育学校</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="高等院校">高等院校</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="小学">小学</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="中学">中学</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="幼儿园">幼儿园</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="教育考试中心">教育考试中心</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <!--                <li class="flex_li">-->
-                <!--                    <div class="img_tab">-->
-                <!--                        <img src="img/fhsjc.png">-->
-                <!--                        <p class="flex_text">核酸检测</p>-->
-                <!--                    </div>-->
-                <!--                </li>-->
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="生源地助学贷款办理点">生源地助学贷款办理点</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fdqfwzx.png">
+                            <p class="flex_text">党群服务</p>
+                        </div>
+                        <div class="flex_pop pop lineThree" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="党群服务中心">党群服务中心</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fjy.png">
+                            <p class="flex_text">教育资源</p>
+                        </div>
+                        <div class="flex_pop pop lineFour" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="职业教育学校">职业教育学校</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="特殊教育学校">特殊教育学校</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="高等院校">高等院校</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="小学">小学</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="中学">中学</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="幼儿园">幼儿园</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="教育考试中心">教育考试中心</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <!--                <li class="flex_li">-->
+                    <!--                    <div class="img_tab">-->
+                    <!--                        <img src="img/fhsjc.png">-->
+                    <!--                        <p class="flex_text">核酸检测</p>-->
+                    <!--                    </div>-->
+                    <!--                </li>-->
 
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fyl.png">
-                        <p class="flex_text">医疗卫生</p>
-                    </div>
-                    <div class="flex_pop_two pop lineOne" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="村卫生室">村卫生室</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="社区卫生服务站">社区卫生服务站</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="儿科诊疗服务机构">儿科诊疗服务机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="狂犬病、破伤风处置门诊">狂犬病、破伤风处置门诊</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="免疫规划预防接种门诊">免疫规划预防接种门诊</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="二级医疗机构">二级医疗机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="三级医疗机构">三级医疗机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="社区卫生服务机构">社区卫生服务机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="职业病诊断机构">职业病诊断机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="助产医疗机构">助产医疗机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="产科门诊服务机构">产科门诊服务机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="医疗保障事务中心">医疗保障事务中心</a>
-                            </li>
-                            <!--                            <li>-->
-                            <!--                                <img src="img/flex.png">-->
-                            <!--                                <a class="mapnav" title="核酸采样点">核酸采样点</a>-->
-                            <!--                            </li>-->
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fhjgl.png">
-                        <p class="flex_text">户籍管理</p>
-                    </div>
-                    <div class="flex_pop_two pop lineTwo" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="派出所">派出所</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="出入境业务办理机构">出入境业务办理机构</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fjtfw.png">
-                        <p class="flex_text">交通服务</p>
-                    </div>
-                    <div class="flex_pop_two pop lineThree" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="交通支大队">交通支大队</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="交通违法处理机构">交通违法处理机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="交通事故处理机构">交通事故处理机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="车管所">车管所</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="机动车检测场所">机动车检测场所</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="驾驶人体检医院">驾驶人体检医院</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="车驾管社会服务站">车驾管社会服务站</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fshbz.png">
-                        <p class="flex_text">社会保障</p>
-                    </div>
-                    <div class="flex_pop_two pop lineFour" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="就业和人才中心">就业和人才中心</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="社会保险事务中心">社会保险事务中心</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fylfw.png">
-                        <p class="flex_text">养老服务</p>
-                    </div>
-                    <div class="flex_pop_three pop lineOne" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="养老机构">养老机构</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fmzfw.png">
-                        <p class="flex_text">民政服务</p>
-                    </div>
-                    <div class="flex_pop_three pop lineTwo" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="婚姻登记机构">婚姻登记机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="殡仪服务机构">殡仪服务机构</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fbsfwt.png">
-                        <p class="flex_text">办税服务</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fscjd.png">
-                        <p class="flex_text">市场监管</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fgzf.png">
-                        <p class="flex_text">住房保障</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fbdcdj.png">
-                        <p class="flex_text">不动产登记</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fgjj.png">
-                        <p class="flex_text">住房公积金</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fwtly.png">
-                        <p class="flex_text">文体旅游</p>
-                    </div>
-                    <div class="flex_pop_four pop lineFour" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="图书馆">图书馆</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="文化馆">文化馆</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="文管所">文管所</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="公共体育馆">公共体育馆</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="旅游景点">旅游景点</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="公园">公园</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fsffw.png">
-                        <p class="flex_text">司法服务</p>
-                    </div>
-                    <div class="flex_pop_five pop lineOne" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="公证处">公证处</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="司法鉴定机构">司法鉴定机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="基层司法所">基层司法所</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="法律援助机构">法律援助机构</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="矫正中心">矫正中心</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fcjr.png">
-                        <p class="flex_text">助残服务</p>
-                    </div>
-                    <div class="flex_pop_five pop lineTwo" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="残疾人服务中心">残疾人服务中心</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="定点残疾人服务机构">定点残疾人服务机构</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fcyy.png">
-                        <p class="flex_text">产业园区</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fbmfw.png">
-                        <p class="flex_text">商业服务</p>
-                    </div>
-                    <div class="flex_pop_five pop lineFour" style="display: none;">
-                        <ul class="flex_wrap">
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="商圈">商圈</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="购物中心">购物中心</a>
-                            </li>
-                            <li>
-                                <img src="img/flex.png">
-                                <a class="mapnav" title="酒店">酒店</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/fgc.png">
-                        <p class="flex_text">便民公厕</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/ftc.png">
-                        <p class="flex_text">停车泊车</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/zysd.png">
-                        <p class="flex_text">直饮水点</p>
-                    </div>
-                </li>
-                <li class="flex_li">
-                    <div class="img_tab">
-                        <img src="img/ldzgw.png">
-                        <p class="flex_text">劳动者港湾</p>
-                    </div>
-                </li>
-            </ul>
-            <div class="text-second"></div>
-        </div>
-        <!-- 受理场所和查阅场所 -->
-        <div class="layui-tab layui-tab-brief show-fifth" lay-filter="docDemoTabBrief">
-            <div class="title-second">
-                <h6>政务公开</h6>
-                <button type="button" class="backBtn">返回</button>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fyl.png">
+                            <p class="flex_text">医疗卫生</p>
+                        </div>
+                        <div class="flex_pop_two pop lineOne" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="村卫生室">村卫生室</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="社区卫生服务站">社区卫生服务站</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="儿科诊疗服务机构">儿科诊疗服务机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="狂犬病、破伤风处置门诊">狂犬病、破伤风处置门诊</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="免疫规划预防接种门诊">免疫规划预防接种门诊</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="二级医疗机构">二级医疗机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="三级医疗机构">三级医疗机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="社区卫生服务机构">社区卫生服务机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="职业病诊断机构">职业病诊断机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="助产医疗机构">助产医疗机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="产科门诊服务机构">产科门诊服务机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="医疗保障事务中心">医疗保障事务中心</a>
+                                </li>
+                                <!--                            <li>-->
+                                <!--                                <img src="img/flex.png">-->
+                                <!--                                <a class="mapnav" title="核酸采样点">核酸采样点</a>-->
+                                <!--                            </li>-->
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fhjgl.png">
+                            <p class="flex_text">户籍管理</p>
+                        </div>
+                        <div class="flex_pop_two pop lineTwo" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="派出所">派出所</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="出入境业务办理机构">出入境业务办理机构</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fjtfw.png">
+                            <p class="flex_text">交通服务</p>
+                        </div>
+                        <div class="flex_pop_two pop lineThree" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="交通支大队">交通支大队</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="交通违法处理机构">交通违法处理机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="交通事故处理机构">交通事故处理机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="车管所">车管所</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="机动车检测场所">机动车检测场所</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="驾驶人体检医院">驾驶人体检医院</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="车驾管社会服务站">车驾管社会服务站</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fshbz.png">
+                            <p class="flex_text">社会保障</p>
+                        </div>
+                        <div class="flex_pop_two pop lineFour" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="就业和人才中心">就业和人才中心</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="社会保险事务中心">社会保险事务中心</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fylfw.png">
+                            <p class="flex_text">养老服务</p>
+                        </div>
+                        <div class="flex_pop_three pop lineOne" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="养老机构">养老机构</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fmzfw.png">
+                            <p class="flex_text">民政服务</p>
+                        </div>
+                        <div class="flex_pop_three pop lineTwo" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="婚姻登记机构">婚姻登记机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="殡仪服务机构">殡仪服务机构</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fbsfwt.png">
+                            <p class="flex_text">办税服务</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fscjd.png">
+                            <p class="flex_text">市场监管</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fgzf.png">
+                            <p class="flex_text">住房保障</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fbdcdj.png">
+                            <p class="flex_text">不动产登记</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fgjj.png">
+                            <p class="flex_text">住房公积金</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fwtly.png">
+                            <p class="flex_text">文体旅游</p>
+                        </div>
+                        <div class="flex_pop_four pop lineFour" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="图书馆">图书馆</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="文化馆">文化馆</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="文管所">文管所</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="公共体育馆">公共体育馆</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="旅游景点">旅游景点</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="公园">公园</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fsffw.png">
+                            <p class="flex_text">司法服务</p>
+                        </div>
+                        <div class="flex_pop_five pop lineOne" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="公证处">公证处</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="司法鉴定机构">司法鉴定机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="基层司法所">基层司法所</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="法律援助机构">法律援助机构</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="矫正中心">矫正中心</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fcjr.png">
+                            <p class="flex_text">助残服务</p>
+                        </div>
+                        <div class="flex_pop_five pop lineTwo" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="残疾人服务中心">残疾人服务中心</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="定点残疾人服务机构">定点残疾人服务机构</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fcyy.png">
+                            <p class="flex_text">产业园区</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fbmfw.png">
+                            <p class="flex_text">商业服务</p>
+                        </div>
+                        <div class="flex_pop_five pop lineFour" style="display: none;">
+                            <ul class="flex_wrap">
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="商圈">商圈</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="购物中心">购物中心</a>
+                                </li>
+                                <li>
+                                    <img src="img/flex.png">
+                                    <a class="mapnav" title="酒店">酒店</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/fgc.png">
+                            <p class="flex_text">便民公厕</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/ftc.png">
+                            <p class="flex_text">停车泊车</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/zysd.png">
+                            <p class="flex_text">直饮水点</p>
+                        </div>
+                    </li>
+                    <li class="flex_li">
+                        <div class="img_tab">
+                            <img src="img/ldzgw.png">
+                            <p class="flex_text">劳动者港湾</p>
+                        </div>
+                    </li>
+                </ul>
+                <div class="text-second"></div>
             </div>
-            <ul class="layui-tab-title top-title">
-                <li class="layui-this">
-                    <img src="img/slcs1.png">
-                    <img src="img/slcs2.png" class="hideIcon">
-                    受理场所
-                </li>
-                <li>
-                    <img src="img/sycs1.png" class="hideIcon">
-                    <img src="img/sycs2.png">
-                    查阅场所
-                </li>
-            </ul>
-            <div class="layui-tab-content">
-                <div class="layui-tab-item layui-show">
-                    <div class="layui-tab">
-                        <ul class="layui-tab-title second-title">
-                            <li class="layui-this">区级部门</li>
-                            <li>街镇</li>
-                        </ul>
-                        <div class="layui-tab-content hidePadding">
-                            <div class="layui-tab-item layui-show hidePadding">
-                                <div class="districtLevel"></div>
-                                <div class="textThird"></div>
-                            </div>
-                            <div class="layui-tab-item hidePadding">
-                                <div class="text-first">
-                                    <p class="tab alltotal">全部</p>
-                                    <p>南坪镇</p>
-                                    <p>涂山镇</p>
-                                    <p>鸡冠石镇</p>
-                                    <p>峡口镇</p>
-                                    <p>长生桥镇</p>
-                                    <p>迎龙镇</p>
-                                    <p>广阳镇</p>
-                                    <p>南坪街道</p>
-                                    <p>花园路街道</p>
-                                    <p>海棠溪街道</p>
-                                    <p>铜元局街道</p>
-                                    <p>龙门浩街道</p>
-                                    <p>弹子石街道</p>
-                                    <p>南山街道</p>
-                                    <p>天文街道</p>
+            <!-- 受理场所和查阅场所 -->
+            <div class="layui-tab layui-tab-brief show-fifth" lay-filter="docDemoTabBrief">
+                <div class="title-second">
+                    <h6>政务公开</h6>
+                    <button type="button" class="backBtn">返回</button>
+                </div>
+                <ul class="layui-tab-title top-title">
+                    <li class="layui-this">
+                        <img src="img/slcs1.png">
+                        <img src="img/slcs2.png" class="hideIcon">
+                        受理场所
+                    </li>
+                    <li>
+                        <img src="img/sycs1.png" class="hideIcon">
+                        <img src="img/sycs2.png">
+                        查阅场所
+                    </li>
+                </ul>
+                <div class="layui-tab-content">
+                    <div class="layui-tab-item layui-show">
+                        <div class="layui-tab">
+                            <ul class="layui-tab-title second-title">
+                                <li class="layui-this">区级部门</li>
+                                <li>街镇</li>
+                            </ul>
+                            <div class="layui-tab-content hidePadding">
+                                <div class="layui-tab-item layui-show hidePadding">
+                                    <div class="districtLevel"></div>
+                                    <div class="textThird"></div>
+                                </div>
+                                <div class="layui-tab-item hidePadding">
+                                    <div class="text-first">
+                                        <p class="tab alltotal">全部</p>
+                                        <p>南坪镇</p>
+                                        <p>涂山镇</p>
+                                        <p>鸡冠石镇</p>
+                                        <p>峡口镇</p>
+                                        <p>长生桥镇</p>
+                                        <p>迎龙镇</p>
+                                        <p>广阳镇</p>
+                                        <p>南坪街道</p>
+                                        <p>花园路街道</p>
+                                        <p>海棠溪街道</p>
+                                        <p>铜元局街道</p>
+                                        <p>龙门浩街道</p>
+                                        <p>弹子石街道</p>
+                                        <p>南山街道</p>
+                                        <p>天文街道</p>
+                                    </div>
+                                    <div class="text-second" id="text-second"></div>
+                                    <div class="text-third"></div>
                                 </div>
-                                <div class="text-second" id="text-second"></div>
-                                <div class="text-third"></div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="layui-tab-item">
-                    <div class="layui-tab">
-                        <ul class="layui-tab-title second-title2">
-                            <li class="layui-this">区级部门</li>
-                            <li>街镇</li>
-                        </ul>
-                        <div class="layui-tab-content hidePadding">
-                            <div class="layui-tab-item hidePadding layui-show">
-                                <div class=" districtLevel2"></div>
-                                <div class="textThird2"></div>
-                            </div>
-                            <div class="layui-tab-item">
-                                <div class=" districtLevel2"></div>
-                                <div class="textThird2"></div>
+                    <div class="layui-tab-item">
+                        <div class="layui-tab">
+                            <ul class="layui-tab-title second-title2">
+                                <li class="layui-this">区级部门</li>
+                                <li>街镇</li>
+                            </ul>
+                            <div class="layui-tab-content hidePadding">
+                                <div class="layui-tab-item hidePadding layui-show">
+                                    <div class=" districtLevel2"></div>
+                                    <div class="textThird2"></div>
+                                </div>
+                                <div class="layui-tab-item">
+                                    <div class=" districtLevel2"></div>
+                                    <div class="textThird2"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-        <!-- 点击公交搜索出现的路径选择 -->
-        <div class="show-second">
-            <div class="title-second">
-                <h6>搜索</h6>
-                <button type="button" class="backBtn">返回</button>
-            </div>
-            <div class="content-second">
-                <div id="start"></div>
-                <img src="img/right-grey.png">
-                <div id="end"></div>
-            </div>
-            <div class="layui-tab content-third">
-                <ul class="layui-tab-title content-title">
-                    <li class="layui-this">时间最短</li>
-                    <li>少换乘</li>
-                    <li>少步行</li>
-                    <li>不乘地铁</li>
-                </ul>
-                <div class="layui-tab-content" id="result"></div>
-            </div>
-            <div class="zjboxpanel">
-                <h5 id="startbus">请选择起点</h5>
-                <ul id="busstartPanel"></ul>
-                <h5 id="endBus">请选择终点</h5>
-                <ul id="busendPanel"></ul>
-            </div>
-        </div>
-        <!-- 点击自驾搜索出现的路径选择 -->
-        <div class="show-third">
-            <div class="title-second">
-                <h6>搜索</h6>
-                <button type="button" class="backBtn">返回</button>
-            </div>
-            <div class="content-second">
-                <div id="start2"></div>
-                <img src="img/right-grey.png">
-                <div id="end2"></div>
-            </div>
-            <div class="layui-tab content-third">
-                <ul class="layui-tab-title main-third" id="zjxz">
-                    <li class="layui-this">推荐路线</li>
-                    <li>最短路程</li>
-                    <li>不走高速</li>
-                </ul>
-                <div class="layui-tab-content" id="result1"></div>
-            </div>
-            <div class="boxpanel">
-                <h5 id="startDrving">请选择起点</h5>
-                <ul id="startPanel"></ul>
-                <h5 id="endDrving">请选择终点</h5>
-                <ul id="endPanel"></ul>
+            <!-- 点击公交搜索出现的路径选择 -->
+            <div class="show-second">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="backBtn">返回</button>
+                </div>
+                <div class="content-second">
+                    <div id="start"></div>
+                    <img src="img/right-grey.png">
+                    <div id="end"></div>
+                </div>
+                <div class="layui-tab content-third">
+                    <ul class="layui-tab-title content-title">
+                        <li class="layui-this">时间最短</li>
+                        <li>少换乘</li>
+                        <li>少步行</li>
+                        <li>不乘地铁</li>
+                    </ul>
+                    <div class="layui-tab-content" id="result"></div>
+                </div>
+                <div class="zjboxpanel">
+                    <h5 id="startbus">请选择起点</h5>
+                    <ul id="busstartPanel"></ul>
+                    <h5 id="endBus">请选择终点</h5>
+                    <ul id="busendPanel"></ul>
+                </div>
             </div>
-        </div>
-        <!-- 点击搜索出现的页面 -->
-        <div class="show-fourth">
-            <div class="title-second">
-                <h6>搜索</h6>
-                <button type="button" class="backBtn">返回</button>
+            <!-- 点击自驾搜索出现的路径选择 -->
+            <div class="show-third">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="backBtn">返回</button>
+                </div>
+                <div class="content-second">
+                    <div id="start2"></div>
+                    <img src="img/right-grey.png">
+                    <div id="end2"></div>
+                </div>
+                <div class="layui-tab content-third">
+                    <ul class="layui-tab-title main-third" id="zjxz">
+                        <li class="layui-this">推荐路线</li>
+                        <li>最短路程</li>
+                        <li>不走高速</li>
+                    </ul>
+                    <div class="layui-tab-content" id="result1"></div>
+                </div>
+                <div class="boxpanel">
+                    <h5 id="startDrving">请选择起点</h5>
+                    <ul id="startPanel"></ul>
+                    <h5 id="endDrving">请选择终点</h5>
+                    <ul id="endPanel"></ul>
+                </div>
             </div>
-            <div class="search-result" id="search-result">
-                <!-- <div class="textSecond"></div>
+            <!-- 点击搜索出现的页面 -->
+            <div class="show-fourth">
+                <div class="title-second">
+                    <h6>搜索</h6>
+                    <button type="button" class="backBtn">返回</button>
+                </div>
+                <div class="search-result" id="search-result">
+                    <!-- <div class="textSecond"></div>
                 <div class="textFourth"></div> -->
+                </div>
             </div>
         </div>
+        <div class="right-map" id="right-map"></div>
+        <a href="http://www.cqna.gov.cn/ghwd/znwd/index.html" target="_blank" class="right-button"><img
+                src="./img/gdwt.png" alt=""></a>
     </div>
-    <div class="right-map" id="right-map"></div>
-    <a href="http://www.cqna.gov.cn/ghwd/znwd/index.html" target="_blank" class="right-button"><img src="./img/gdwt.png"
-                                                                                                    alt=""></a>
-</div>
-<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7" charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
-<script type="text/javascript" src="constans_map.js"></script>
-<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
-<script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
-<script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
-<script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
-<script type="text/javascript" src="./layui/layui.js"></script>
-<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
-<script src="./js/sy.js" type="text/javascript" charset="utf-8"></script>
-<script src="./js/sy-mark.js" type="text/javascript"></script>
-<!-- <script src="./js/browser.min.js"></script> -->
-<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
+    <script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=f9d6e7b3fdc3e0b4b98ceccb24f22aa7"
+        charset="utf-8" wapForceOldFixed="false" loadData="false" id="ariascripts"></script>
+    <script type="text/javascript" src="constans_map.js"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
+    <script type="text/javascript"
+        src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
+    <script type="text/javascript"
+        src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
+    <script type="text/javascript" src="./layui/layui.js"></script>
+    <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
+    <script src="./js/sy.js" type="text/javascript" charset="utf-8"></script>
+    <script src="./js/sy-mark.js" type="text/javascript"></script>
+    <!-- <script src="./js/browser.min.js"></script> -->
+    <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
+    <script type="text/javascript">
+        $('.first_erw').click(() => {
+            var index = layer.open({
+                type: 1,
+                title: "",
+                offset: '100px',
+                btn: ['立即体验'],
+                btnAlign: 'c',
+                btn1: function (index) {
+                    layer.close(index);//关闭弹框
+                    layer.open({
+                        type: 1,
+                        title: "",
+                        offset: '100px',
+                        content: `<div class="ewm" style="text-align:center">
+            <p class="open-bt">南岸区便民地图上新啦<span class="new">new</span></p>
+            <img src="./img/ewm.png" style="width:560px;height:620px;margin-top: 25px;"/><img src="./img/smewm.png" class="smewm"/></div>`
+                    });
+                },
+                content: `<div class="ewm">
+    <p class="open-bt" style="margin-bottom:20px">南岸区便民地图上新啦<span class="new">new</span></p>
+    <div class="img-box">
+        <img class="img-item" src="./img/img-left.png" />
+        <img class="img-item" src="./img/img-right.png" />
+    </div>
+    <p>南岸区便民地图15分钟生活圈功能上线啦，您可以在手机上查看附近1公里范围内全部的公共场所信息，欢迎体验使用。
+</p>
+   </div>`
+            })
+        }
+        )
+        // <div class="ljty"><img src="./img/ljty.png" alt=""></div>
+    </script>
 </body>
-</html>
+
+</html>

nngkxxdp/src/main/resources/static/district2/js/sy_mobile.js

@@ -32,12 +32,22 @@ var deptArr = {
   npzx: 1,
 };
 
+const custGap = 1000;
+var myPoint = {}
+var load;
+var addressArr = [];
+var depsArr = [];
+var myPoint = {}
+
 layui.use("element", function () {
   var element = layui.element;
   layer = layui.layer;
 });
 
 $(function () {
+  load = layer.load(2, {
+		shade: 0.3,
+	})
   // 获取高度
   var hlHeight =
     window.outerHeight -
@@ -74,6 +84,157 @@ $(function () {
   var map = new BMap.Map("right-map"); // 创建Map实例
   map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
   map.enableDragging();
+  var geolocation = new BMap.Geolocation();
+	geolocation.getCurrentPosition((r) => {
+		if (r.latitude && r.longitude) {
+			$('#location').text(r.address.province)
+			myPoint.latitude = r.latitude
+			myPoint.longitude = r.longitude
+			
+			var circle = new BMap.Circle(new BMap.Point(myPoint.longitude, myPoint.latitude), custGap + 500, 
+			{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.1, strokeOpacity: 0.1});
+			map.addOverlay(circle);
+			
+			var mk = new BMap.Marker(r.point);
+			map.addOverlay(mk);
+			map.panTo(r.point);
+      initListApi();
+		}
+	})
+
+  function initListApi() {
+    $.ajax({
+      type: 'GET',
+      url: PATH + '/mapdata/getMapDataAll',
+      success: (res) => {
+        layer.close(load)
+        if (res.data) {
+          let data = res.data
+          for (let key in data) {
+            addressArr = addressArr.concat(data[key])
+          }
+          let arr = []
+          for (let i = 0; i < addressArr.length; i++) {
+            if (depsArr.indexOf(addressArr[i].dep) == -1) {
+              depsArr.push(addressArr[i].dep)
+              addressArr[i].gap = getDistances(addressArr[i].latitude, addressArr[i].longitude, myPoint.latitude, myPoint.longitude)
+              arr.push(addressArr[i])
+            }
+          }
+          addressArr = arr
+          addressArr.sort((a, b) => {
+            return a.gap.m - b.gap.m
+          })
+          initAddressList()
+        }
+      },
+      error: (err) => {
+        layer.close(load)
+      }
+    })
+  }
+  function initAddressList() {
+    let html =''
+    const icon = new BMap.Icon(
+      "./img/location.png",
+      new BMap.Size(40, 40)
+    );
+    var lengthArr=[]
+    for (let i = 0; i < addressArr.length; i++) {
+      if (addressArr[i].gap.m > custGap) {
+        continue
+      }
+      
+      const type = addressArr[i].sptype ? addressArr[i].sptype : addressArr[i].type
+      html += `
+        <div id="goto-${addressArr[i].id}" class="address-item" onclick="itemEvent(this)" data-index="${i}">
+          <img src="${addressArr[i].img ? (PATH + addressArr[i].img) : './img/icon-zw.png'}"/>
+          <div class="address-item-content">
+            <p class="item-tilte">${addressArr[i].dep.trim()}</p>
+            <p class="item-addr">距您约${(addressArr[i].gap.m).toFixed(2)}M</p>
+            <span class="item-type ${type ? '' : 'layui-hide'}">${type}</span>
+          </div>
+        </div>`
+      const point = new BMap.Point(addressArr[i].longitude, addressArr[i].latitude)
+
+      const marker = new BMap.Marker(point, {
+        icon: icon,
+      });
+      map.addOverlay(marker);
+
+      lengthArr.push(addressArr[i])
+      $('#bsddNum').html(lengthArr.length)
+    
+      if(addressArr[i].dep.indexOf('重庆市南岸区')!=-1){
+        addressArr[i].dep = addressArr[i].dep.split('重庆市南岸区')[1]
+      }
+  
+      var label = new BMap.Label(addressArr[i].dep, {
+        position: point, // 文本绑定的点位位置
+        offset: new BMap.Size(-10,0) // 文本位置移动
+        })
+        label.setStyle({
+          color: "#000",
+          padding: "0 10px",
+          fontSize: "12px",
+          lineHeight: "20px",
+          border:'0',
+          borderRadius:'10px'
+        });
+  
+        label.addEventListener("click", function(){  
+        $('.BMapLabel').css({
+          color: "#000",
+          background:'#fff',
+            padding: "0 10px",
+            fontSize: "12px",
+            lineHeight: "20px",
+            border:'0',
+            borderRadius:'10px',
+            zindex:99
+        })
+        this.setStyle({
+          zindex:99999999,
+          background:'#2775cc',
+          color:'#ffffff'
+        });
+        // $('#goto').attr('href', '#goto-' + addressArr[i].id)
+        // $('#goto')[0].click()
+        // $('.concent').css({height: 'calc(6%)'})
+        // setTimeout(() => {
+        //   $('.concent').css({height: 'calc(65%)'})
+        // }, 200)
+      }); 
+      
+      map.addOverlay(label);
+  
+      // marker.addEventListener("click", function (e) {
+      //   $('#goto').attr('href', '#goto-' + addressArr[i].id)
+      //   $('#goto')[0].click()
+      //   $('.concent').css({height: 'calc(6%)'})
+      //   setTimeout(() => {
+      //     $('.concent').css({height: 'calc(65%)'})
+      //   }, 200)
+      // });
+    }
+    if (!html) {
+      html = '<div class="zw-view">附近1公里没有可查询场所</div>'
+    }
+    $('.address-list').empty().append(html)
+  }
+
+  // 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
+function getDistances(lat1, lng1, lat2, lng2) {
+	let EARTH_RADIUS = 6378.137;// 地球半径
+	let radLat1 = lat1 * Math.PI / 180.0; //lat1 * Math.PI / 180.0=>弧度计算
+	let radLat2 = lat2 * Math.PI / 180.0;
+	let a = radLat1 - radLat2;
+	let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
+	let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
+	s = s * EARTH_RADIUS; 
+	s = Math.round(s * 10000) / 10000;// 输出为公里
+	return { m: s * 1000, km: Number(s.toFixed(2)) }
+}
   // 区级部门与街镇解析地址批量解析开始
   var myGeo = new BMap.Geocoder();
 

nngkxxdp/src/main/resources/static/district2/syDteail.html

@@ -57,6 +57,69 @@
     .BMap_bubble_content::-webkit-scrollbar-corner {
         background: khaki;
     }
+
+    .ewm {
+            width: 955px;
+        }
+
+        .ewm p:nth-of-type(1) {
+            font-size: 35px;
+            font-weight: 600;
+            text-align: center;
+            color: #000000;
+            text-align: center;
+        }
+
+        .ewm .img-box {
+            display: flex;
+            justify-content: space-around;
+
+        }
+
+        .ewm p:nth-of-type(2) {
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #666666;
+            text-align: center;
+        }
+
+        .ewm>.ljty {
+            text-align: center;
+            width: 230px;
+            height: 52px;
+            margin: 20px auto;
+            cursor: pointer;
+        }
+
+        .layui-layer-btn a {
+            width: 230px;
+            height: 53px !important;
+            font-size: 28px;
+            line-height: 53px !important;
+        }
+
+        .open-bt .new {
+            display: inline-block;
+            width: 34px;
+            height: 20px;
+            background: #E02D31;
+            box-shadow: 0px 3px 5px 0px rgba(191, 38, 42, 0.26);
+            border-radius: 10px 10px 10px 0px;
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            color: #FFFFFF;
+            transform: translateY(-27px);
+        }
+
+        .smewm {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            margin-left: -87.5px;
+            margin-top: -87.5px;
+        }
 </style>
 <body>
 <div class="head layui-hide" style="display:none;">
@@ -711,5 +774,38 @@
 <script src="./js/sy-mark.js" type="text/javascript"></script>
 <script src="./js/browser.min.js"></script>
 <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
+<script type="text/javascript">
+   $('.first_erw').click(() => {
+            var index = layer.open({
+                type: 1,
+                title: "",
+                offset: '100px',
+                btn: ['立即体验'],
+                btnAlign: 'c',
+                btn1: function (index) {
+                    layer.close(index);//关闭弹框
+                    layer.open({
+                        type: 1,
+                        title: "",
+                        offset: '100px',
+                        content: `<div class="ewm" style="text-align:center">
+            <p class="open-bt">南岸区便民地图上新啦<span class="new">new</span></p>
+            <img src="./img/ewm.png" style="width:560px;height:620px;margin-top: 25px;"/><img src="./img/smewm.png" class="smewm"/></div>`
+                    });
+                },
+                content: `<div class="ewm">
+    <p class="open-bt" style="margin-bottom:20px">南岸区便民地图上新啦<span class="new">new</span></p>
+    <div class="img-box">
+        <img class="img-item" src="./img/img-left.png" />
+        <img class="img-item" src="./img/img-right.png" />
+    </div>
+    <p>南岸区便民地图15分钟生活圈功能上线啦，您可以在手机上查看附近1公里范围内全部的公共场所信息，欢迎体验使用。
+</p>
+   </div>`
+            })
+        }
+        )
+    // <div class="ljty"><img src="./img/ljty.png" alt=""></div>
+</script>
 </body>
 </html>

nngkxxdp/src/main/resources/static/natj/json/realtyMarket.json

@@ -91,7 +91,7 @@
       "alloneBasis": [
         2.3,
         -25.14,
-        -14.55
+        -14.6
       ]
     }
   ]

nngkxxdp/src/main/resources/static/natj/rk.html

@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>数据汇总页面-重庆市南岸区人民政府网</title>
+    <link rel="stylesheet" href="dataCenter/css/conmon.css">
+    <style>
+        .container {
+            background: url('./images/bg.png');
+            background-size: 100% 100%;
+            width: 1920px;
+            height: 694px;
+            display: flex;
+            align-items: center;
+            justify-content: space-around;
+        }
+
+        .container>.left {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        .container>.left>.top {
+            width: 263px;
+            height: 299px;
+            background: url('./images/left-topbg.png');
+            background-size: 100% 100%;
+            text-align: center;
+            font-size: 30px;
+            font-family: DOUYU;
+            font-weight: normal;
+            color: #FFFFFF;
+            text-shadow: 1px 5px 5px #063A63;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .container>.left>.top p {
+            width: 158px;
+        }
+
+        .container>.left>.bottom {
+            width: 430px;
+            margin-top:16px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .container>.left>.bottom>.bot-item {
+            cursor: pointer;
+            width: 114px;
+            height: 130px;
+            background: url('./images/left-itembg.png');
+            background-size: 100% 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 20px;
+            font-family: DOUYU;
+            font-weight: normal;
+            color: #FFFFFF;
+            text-shadow: 1px 3px 2px rgba(12, 90, 101, 0.53);
+            text-align: center;
+        }
+
+        .container>.left>.bottom>.bot-item p {
+            width: 153px;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" id="header"></div>
+    <div class="container">
+        <div class="left" style="margin-left:389px;">
+            <div class="top" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                <p >公共数据 开放中心</p>
+            </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'" style="transform: translateY(-35px);">
+                    <p>统计数据</p>
+                </div>
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                    <p>公开目录</p>
+                </div>
+                <div class="bot-item" style="transform: translateY(-35px);" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                    <p>开放数据</p>
+                </div>
+            </div>
+        </div>
+        <div class="left" style="margin-right:384px;">
+            <div class="top" onclick="window.location.href='https://www.cqna.gov.cn/llzx/'">
+                <p>网上政府 驾驶舱</p>
+            </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/llzx/'" style="transform: translateY(-35px);">
+                    <p>门户网站</p>
+                </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/'" class="bot-item">
+                    <p>政务服务</p>
+                </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/'" class="bot-item" style="transform: translateY(-35px);">
+                    <p>新媒体发布</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div style="width:100%;" id="footer"></div>
+</body>
+
+<script src="layui/layui.js"></script>
+<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript" src="../constans.js" charset="utf-8"></script>
+<script>
+    
+
+    setHeader()
+    setFooter()
+    function setHeader(){
+        $("#header").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022top/head.html")
+    }
+    function setFooter(){
+        $("#footer").load("https://www.cqna.gov.cn/data/footer/footer.html")
+    }
+
+    function isMobileUserAgent() {
+        return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
+            window.parent.navigator.userAgent.toLowerCase("")
+        );
+    }
+
+    if (isMobileUserAgent()) {
+        // window.location = 'https://www.cqna.gov.cn/data/natj/enter_dataAllMobile.html'
+        window.location.href="rk_Mobild.html"
+    }
+</script>
+</html>

nngkxxdp/src/main/resources/static/natj/rk_Mobild.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>数据汇总页面-重庆市南岸区人民政府网</title>
+    <style>
+        .container {
+            background: url('./images/krydd.png');
+            background-size: 100% 100%;
+            width: 100vw;
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .container>.left {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        .container>.left>.top {
+            width: 148px;
+            height: 168px;
+            background: url('./images/rktop.png');
+            background-size: 100% 100%;
+            text-align: center;
+            font-size: 17px;
+            font-family: DOUYU;
+            font-weight: normal;
+            color: #FFFFFF;
+            text-shadow: 0px 2px 2px #063A63;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .container>.left>.top p {
+            width: 158px;
+        }
+
+        .container>.left>.bottom {
+            width: 63vw;
+            margin-top: 6px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .container>.left>.bottom>.bot-item {
+            cursor: pointer;
+            width: 65px;
+            height: 73px;
+            background: url('./images/rkitem.png');
+            background-size: 100% 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 11px;
+            font-family: DOUYU;
+            font-weight: normal;
+            color: #FFFFFF;
+            text-shadow: 0px 1px 1px rgba(12, 90, 101, 0.53);
+            text-align: center;
+        }
+
+        .container>.left>.bottom>.bot-item p {
+            width: 153px;
+        }
+    </style>
+</head>
+
+<body>
+    <div style="width:100%;" id="header"></div>
+    <div class="container">
+        <div class="left" style=" margin-bottom:30px;">
+            <div class="top" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                <p>公共数据 开放中心</p>
+            </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'"
+                    style="transform: translateY(-15px);">
+                    <p>统计数据</p>
+                </div>
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                    <p>公开目录</p>
+                </div>
+                <div class="bot-item" style="transform: translateY(-15px);"
+                    onclick="window.location.href='https://www.cqna.gov.cn/sjkf/'">
+                    <p>开放数据</p>
+                </div>
+            </div>
+        </div>
+        <div class="left">
+            <div class="top" onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'">
+                <p>网上政府 驾驶舱</p>
+            </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'"
+                    style="transform: translateY(-15px);">
+                    <p>门户网站</p>
+                </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'" class="bot-item">
+                    <p>政务服务</p>
+                </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'" class="bot-item"
+                    style="transform: translateY(-15px);">
+                    <p>新媒体发布</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div style="width:100%;" id="footer"></div>
+</body>
+<script src="layui/layui.js"></script>
+<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript" src="../constans.js" charset="utf-8"></script>
+<script>
+
+
+    setHeader()
+    setFooter()
+    function setHeader() {
+        $("#header").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022top/head.html")
+    }
+    function setFooter() {
+        $("#footer").load("https://www.cqna.gov.cn/data/footer/footer.html")
+    }
+
+    function isMobileUserAgent() {
+        return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
+            window.parent.navigator.userAgent.toLowerCase("")
+        );
+    }
+
+    if (!isMobileUserAgent()) {
+        // window.location = 'https://www.cqna.gov.cn/data/natj/enter_dataAllMobile.html'
+        window.location.href = "rk.html"
+    }
+</script>
+
+</html>