增加数据中心入口页面

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/natj/enter_dataAll.html

@@ -7,408 +7,115 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>数据汇总页面-重庆市南岸区人民政府网</title>
     <link rel="stylesheet" href="dataCenter/css/conmon.css">
-    <link rel="stylesheet" href="./layui/layui.css" media="all">
-    <link rel="stylesheet" href="dataCenter/css/index.css">
-    <link rel="stylesheet" href="font_datacenter/iconfont.css">
     <style>
-        body {
-            font-family: Microsoft YaHei;
-            background-color: #FFFFFF;
-        }
-
-        .main {
-            width: 1392px;
-            height: auto;
-            margin: 10px auto;
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-between;
-        }
-
-        .plate {
-            width: 690px;
-            height: 440px;
-            background: #FFFFFF;
-            box-shadow: 0px 3px 12px 1px rgba(132, 133, 131, 0.2);
-            margin-bottom: 25px;
-        }
-
-        .plate .title {
-            width: 95%;
+        .container {
+            background: url('./images/bg.png');
+            background-size: 100% 100%;
+            width: 1920px;
+            height: 694px;
             display: flex;
-            height: 60px;
-            justify-content: space-between;
             align-items: center;
-            margin: auto;
+            justify-content: space-around;
         }
 
-        .plate .title .more {
-            font-size: 14px;
-            font-weight: 400;
-            color: #125DB2;
-            cursor: pointer;
-        }
-
-
-        .plate .left {
-            display: flex;
-            align-items: flex-start;
-        }
-
-        .plate .left img {
-            margin-top: 5px;
-        }
-
-        .plate .left .theam {
-            font-size: 28px;
-            font-family: Microsoft YaHei;
-            font-weight: bold;
-            font-style: italic;
-            color: #125DB2;
-            width: 300px;
-            padding-left: 8px;
-            box-sizing: border-box;
+        .container>.left {
             display: flex;
             flex-direction: column;
+            align-items: center;
         }
 
-        .plate .left .theam span {
-            margin-left: 7px;
-        }
-
-        .plate .line {
-            font-size: 22px;
-            margin-top: -11px;
-        }
-
-        .plate .name {
-            width: 100%;
+        .container>.left>.top {
+            width: 263px;
+            height: 299px;
+            background: url('./images/left-topbg.png');
+            background-size: 100% 100%;
             text-align: center;
-            font-size: 14px;
-            font-weight: bold;
-            color: #1267C7;
-            line-height: 26px;
-        }
-
-        .div-shbz .itemData li {
-            width: 318px;
-            height: 102px;
-            background: #F0F0F0;
-            font-size: 16px;
+            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;
         }
 
-        .div-shbz .itemData li .right .bottom .number {
-            font-size: 27px;
+        .container>.left>.top p {
+            width: 158px;
         }
 
-        .plate .content {
+        .container>.left>.bottom {
+            width: 430px;
+            margin-top:16px;
             display: flex;
-            width: 100%;
-            height: 350px;
-            flex-wrap: wrap;
-            justify-content: space-evenly;
-            margin-top:20px;
+            justify-content: space-between;
         }
 
-
-        .plate .content .right {
-            width:80px;
+        .container>.left>.bottom>.bot-item {
+            cursor: pointer;
+            width: 114px;
+            height: 130px;
+            background: url('./images/left-itembg.png');
+            background-size: 100% 100%;
             display: flex;
-            flex-direction: column;
-            /* margin-right: 40px; */
-            float: right;
-            /* margin-top: 10px;
-                }
-                .plate .content .list{
-                    /*width: 271px;*/
-        }
-
-        .plate .content span {
-            font-size: 16px;
-            color: #666666;
-        }
-
-        .plate .content i {
-            font-size: 22px;
-            font-weight: bold;
-            color: #333333;
-        }
-
-        .plate .content .list{
-            width:30%
-        }
-
-        .plate .content .list img{
-            width:110px;
-            height:70px;
-        }
-
-        .div-whwl .range {
-            margin-right: 15px;
+            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;
         }
 
-        .iconfont {
-            font-family: "iconfont" !important;
-            font-style: normal;
-            -webkit-font-smoothing: antialiased;
-            -moz-osx-font-smoothing: grayscale;
-            color: #125db2;
+        .container>.left>.bottom>.bot-item p {
+            width: 153px;
         }
     </style>
 </head>
 
 <body>
-    <div class="main">
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 40px;">&#xe610;</i>
-                    <div class="theam"><span>国民经济</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
-                </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/bm/qtjj/gmjjtj/')">更多</div>
-            </div>
-            <div class="name">GDP地区生产总值</div>
-            <div id="gdpmain" style="height: 350px;width: 690px;">
+    <div class="container">
+        <div class="left" style="margin-left:389px;">
+            <div class="top" onclick="window.location.href='enter_dataAllOld.html'">
+                <p >公共数据 开放中心</p>
             </div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 40px;">&#xe700;</i>
-                    <div class="theam">
-                        <span>政务服务</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
-                </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/sjtj1/')">更多</div>
-            </div>
-            <div class="name">渝快办办理情况</div>
-            <div class="content">
-                <div class="list">
-                    <img src="images/zw2.png" alt="" >
-                    <div class="right">
-                        <span>本月</span>
-                        <span>申请数</span>
-                        <i id="timer10" class="numChange">0</i>
-                    </div>
-                </div>
-                <div class="list">
-                    <img src="images/zw1.png" alt="">
-                    <div class="right">
-                        <span>本月</span>
-                        <span>办件数</span>
-                        <i id="timer11" class="numChange">0</i>
-                    </div>
-                </div>
-                <div class="list">
-                    <img src="images/zw3.png" alt="" >
-                    <div class="right">
-                        <span>本月</span>
-                        <span>办结数</span>
-                        <i id="timer12" class="numChange">0</i>
-                    </div>
-                </div>
-                <div class="list">
-                    <img src="images/zw2.png" alt="" >
-                    <div class="right" style="margin-right: 0;">
-                        <span>本年</span>
-                        <span>申请数</span>
-                        <i id="timer13" class="numChange">0</i>
-                    </div>
-                </div>
-                <div class="list">
-                    <img src="images/zw1.png" alt="">
-                    <div class="right">
-                        <span>本年</span>
-                        <span>办件数</span>
-                        <i id="timer14" class="numChange">0</i>
-                    </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='enter_dataAllOld.html'" style="transform: translateY(-35px);">
+                    <p>统计数据</p>
                 </div>
-                <div class="list">
-                    <img src="images/zw3.png" alt="" >
-                    <div class="right">
-                        <span>本年</span>
-                        <span>办结数</span>
-                        <i id="timer15" class="numChange">0</i>
-                    </div>
+                <div class="bot-item" onclick="window.location.href='enter_dataAllOld.html'">
+                    <p>公开目录</p>
                 </div>
-            </div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 32px;">&#xe608;</i>
-                    <div class="theam">
-                        <span>社会保障</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
+                <div class="bot-item" style="transform: translateY(-35px);" onclick="window.location.href='enter_dataAllOld.html'">
+                    <p>开放数据</p>
                 </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=1')">
-                    更多</div>
-            </div>
-            <div class="div-shbz">
-                <ul class="itemData">
-                    <li>
-                        <img src="images/jz1.png" alt="">
-                        <div class="right">
-                            <div>城镇新增就业人数</div>
-                            <div class="bottom">
-                                <div class="number">4.27</div>
-                                <div class="unit">万人</div>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <img src="images/jz2.png" alt="">
-                        <div class="right">
-                            <div>城镇登记失业人员就业人数</div>
-                            <div class="bottom">
-                                <div class="number">1.15</div>
-                                <div class="unit">万人</div>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <img src="images/jz3.png" alt="">
-                        <div class="right">
-                            <div>城镇调查失业率</div>
-                            <div class="bottom">
-                                <div class="number">5.4</div>
-                                <div class="unit">%</div>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <img src="images/jz5.png" alt="">
-                        <div class="right">
-                            <div>创业贷款发放金额</div>
-                            <div class="bottom">
-                                <div class="number">2342</div>
-                                <div class="unit">万元</div>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <img src="images/jz6.png" alt="">
-                        <div class="right">
-                            <div>参加职业技能鉴定</div>
-                            <div class="bottom">
-                                <div class="number">8723</div>
-                                <div class="unit">人</div>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <img src="images/jz4.png" alt="">
-                        <div class="right">
-                            <div>补贴性职业培训人数</div>
-                            <div class="bottom">
-                                <div class="number">0.79</div>
-                                <div class="unit">万人</div>
-                            </div>
-                        </div>
-                    </li>
-                </ul>
             </div>
         </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 32px;">&#xe60c;</i>
-                    <div class="theam">
-                        <span>公开信箱</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
-                </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/hdjl_254/gkxxtjsj/')">更多</div>
-            </div>
-            <div class="name">本年度公开信箱办理情况</div>
-            <div id="caseChart" style="height: 350px;width: 690px;"></div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 40px;">&#xe612;</i>
-                    <div class="theam">
-                        <span>文化旅游</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
-                </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=2')">
-                    更多</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="div-whwl">
-                <div class="range">
-                    <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
-                        onlick="thisMonth()">2023年10月</button>
-                    <button class="cumulat"
-                        style="border-radius: 0px 4px 4px 0px;border-left: none;">截至2023年10月累计</button>
+            <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> -->
-            <div id="whlyEchar" style="height: 321px;width: 690px;"></div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 40px;">&#xe7f1;</i>
-                    <div class="theam">
-                        <span>卫生医疗</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'" class="bot-item">
+                    <p>政务服务</p>
                 </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=3')">
-                    更多</div>
-            </div>
-            <div id="wsylchar" style="height: 420px;width: 690px;"></div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 40px;">&#xe69f;</i>
-                    <div class="theam">
-                        <span>社会救助</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
+                <div onclick="window.location.href='https://www.cqna.gov.cn/llzx/#/'" class="bot-item" style="transform: translateY(-35px);">
+                    <p>新媒体发布</p>
                 </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=4')">
-                    更多</div>
-            </div>
-            <div class="name" style="margin: 10px auto;">2022年最低生活保障数据</div>
-            <div id="shjzEchars" style="height: 380px;width: 690px;"></div>
-        </div>
-        <div class="plate">
-            <div class="title">
-                <div class="left">
-                    <i class="iconfont" style="font-size: 42px;">&#xe639;</i>
-                    <div class="theam">
-                        <span>教育领域</span>
-                        <i class="iconfont line">&#xe606;</i>
-                    </div>
-                </div>
-                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=5')">
-                    更多</div>
-            </div>
-            <div class="name">2022年学生人数与学校数统计</div>
-            <div style="display: flex;margin-top: 10px;">
-                <div id="jylyPerEchar" style="width: 300px;height:380px;"></div>
-                <div id="jylySchoolEchar" style="width: 390px;height:380px;"></div>
             </div>
         </div>
     </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 src="../nngkxxdp/js/letterBox.js"></script>
-<!-- 文化文旅数据js -->
-<script src="../natj/dataCenter/js/culturalTourismNew.js"></script>
-<!-- 卫生医疗数据js -->
-<script src="../natj/dataCenter/js/healthCareNewZt.js"></script>
-<!-- 教育领域数据js -->
-<script src="../natj/dataCenter/js/education.js"></script>
 <script>
     function isMobileUserAgent() {
         return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
@@ -417,374 +124,8 @@
     }
 
     if (isMobileUserAgent()) {
-        window.location = 'https://www.cqna.gov.cn/data/natj/enter_dataAllMobile.html'
+        // window.location = 'https://www.cqna.gov.cn/data/natj/enter_dataAllMobile.html'
+        window.location.href="rk_Mobild.html"
     }
 </script>
-<script>
-    //公开信箱
-    drawHandleByBarChart();
-    //文化文旅
-    culturalTourism();
-    //卫生医疗
-    healthCareNew();
-    //教育领域
-    education();
-</script>
-<script>
-    //国民经济
-    var list = ''
-
-    function getData(url) {
-        return new Promise((resolve, reject) => {
-            $.ajax({
-                url: url,
-                dataType: 'json',
-                success: function (scenetree) {
-                    if (scenetree) {
-                        console.log(scenetree)
-                        resolve(scenetree);
-                    }
-
-                }
-            });
-        })
-    }
-    function getBarg(list, unit) {
-        // var dateNum = ['date'];
-        var dateNum = [];
-        var alloneBasis = [];
-        var growth = [];
-        var allData = ['季度'];
-        for (var i = 0; i < list.length; i++) {
-            for (var j = 1; j <= list[i].totalNum.length; j++) {
-                var str = ' ';
-                if (j == 1) {
-                    str = list[i].date + '年' + ' ' + '第1季度';
-                    dateNum.push(str);
-                } else {
-                    str = list[i].date + '年' + ' ' + '第1~' + j + '季度';
-                    dateNum.push(str);
-                }
-            }
-            var totalNumList = list[i].totalNum;
-            for (var k = 0; k < totalNumList.length; k++) {
-                allData.push(totalNumList[k]);
-            }
-            var alloneBasisList = list[i].alloneBasis;
-            for (var n = 0; n < alloneBasisList.length; n++) {
-                alloneBasis.push(alloneBasisList[n]);
-            }
-
-            var growthList = list[i].growth;
-            if (list[i].growth) {
-                for (var n = 0; n < growthList.length; n++) {
-                    growth.push(growthList[n]);
-                }
-            }
-
-
-        };
-        var sourceData = [dateNum, alloneBasis];
-
-        return {
-            legend: {},
-            grid: {
-                left: '2%',
-                right: '10%',
-                bottom: '-2%',
-                containLabel: true
-            },
-            tooltip: {
-                trigger: 'item',
-
-                formatter: function (params) {
-                    // console.log(params);
-                    var htmlStr = '';
-                    var color = params.color; //图例颜色
-                    var seriesName = params.seriesName; //图例名称
-                    var xName = params.name; //x轴的名称
-                    var value = params.value; //y轴值
-                    var htmlStr = '<div>';
-                    htmlStr += seriesName + '<br/>';
-                    htmlStr +=
-                        '<span style="margin-right: 5px; font-size: 16pt; font-family: Consolas;display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:' +
-                        color + ' ;"></span>';
-                    htmlStr += "<span style='min-height: 20pt; font-size: 10pt'>";
-                    htmlStr += xName;
-                    htmlStr += '</span>';
-                    htmlStr += "<span style='min-height: 20pt; font-size: 10pt; margin-left: 20px'>";
-                    // console.log(params.data.length);
-                    if (!value.length) {
-                        htmlStr += value + '%';
-                    } else {
-                        htmlStr += value[params.seriesIndex + 1] + unit; //选择对应value的坐标
-                    }
-                    htmlStr += '</span>'
-                    htmlStr += '</div>';
-                    return htmlStr;
-                }
-            },
-            dataset: {
-                source: sourceData
-            },
-            xAxis: [{
-                type: 'category',
-                axisLabel: {
-                    formatter: '{value}',
-                    interval: 0,
-                    rotate: -40
-                },
-                data: sourceData[0]
-
-            },
-
-            ],
-            yAxis: [{
-                gridIndex: 0,
-                axisLabel: {
-                    formatter: '{value}' + unit
-                }
-            },
-            {
-                type: 'value',
-                axisLabel: {
-                    formatter: '{value}%'
-                }
-            }
-
-
-            ],
-            series: [
-                // {
-                // 	name: '同比增减（%）',
-                // 	type: 'line',
-                // 	color: ['#91CC75'],
-                // 	yAxisIndex: 0,
-                // 	data: alloneBasis
-                // },
-                {
-                    name: '同比增减（%）',
-                    type: 'line',
-                    color: ['#91CC75'],
-                    yAxisIndex: 0,
-                    data: growth,
-                    symbolSize: 3, //一定要加这个字段才能显示
-                    itemStyle: {
-                        normal: {
-                            label: {
-                                show: true,
-                                position: 'top',
-                                textStyle: {
-                                    color: '#000'
-                                }
-                            }
-                        }
-                    },
-                }
-            ]
-
-
-        }
-    }
-    getData('./json/jdp.json').then(data => {
-        var list = data.GDP
-        var myChart = echarts.init(document.getElementById('gdpmain'));
-        var option = getBarg(list, '%');
-        myChart.setOption(option, true);
-    })
-
-</script>
-<script>
-    //政务服务
-    var path = "https://data.cqna.gov.cn";
-    // 一开始调用政务服务数据接口
-    initDate(1);
-    console.log(window.setInterval("initDate(1)", 1000 * 30));
-    function initDate(area) {
-
-        $.ajax({
-            // https://data.cqna.gov.cn/department/getOfficeNumberByAreaInfo?area=1&timeType=2
-            url: path + "/department/getOfficeNumberByAreaInfo", //url地址
-            dataType: "json", //返回的数据类型
-            type: "get", //发起请求的方式
-            async: false,
-            data: {
-                "area": 1,
-                "timeType": 2
-            },
-            success: function (data) {
-                // var listWeb = data.data.listWeb
-                application(data.data)
-            },
-
-
-            error: function () {
-                alert('网络错误，请稍后再试！');
-            }
-        });
-        $.ajax({
-            url: path + "/department/getOfficeNumberByAreaInfo", //url地址
-            dataType: "json", //返回的数据类型
-            type: "get", //发起请求的方式
-            async: false,
-            data: {
-                "area": 1,
-                "timeType": 3
-            },
-            success: function (data) {
-                // var listWeb = data.data.listWeb
-                application2(data.data)
-            },
-
-
-            error: function () {
-                alert('网络错误，请稍后再试！');
-            }
-        });
-
-    }
-    //加载南岸区四窗同办
-    function application(listWeb) {
-        $("#timer10").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
-        $("#timer11").html(listWeb.acceptNumber);
-        $("#timer12").html(listWeb.serialNumber);
-    }
-    function application2(listWeb) {
-        $("#timer13").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
-        $("#timer14").html(listWeb.acceptNumber);
-        $("#timer15").html(listWeb.serialNumber);
-    }
-</script>
-<script>
-    //社会救助
-    var jsonData = [
-        ['product', '最低生活保障人数(人)', '发放低保金(万元)', '城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)', '农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)'],
-        ['2022年', 7090, 6282.82, 6513, 5759.55, 577, 523.27]
-    ]
-    var chartDom = document.getElementById('shjzEchars');
-    var myChart = echarts.init(chartDom);
-    var option;
-    option = {
-        grid: {
-            // 网格线配置
-            show: true,
-            lineStyle: {
-                color: ["#e9e9e9"],
-                width: 1,
-                type: "solid",
-            },
-            right: 80
-        },
-        legend: [{
-            left: '2%',
-            orient: 'vertical',
-            data: ['最低生活保障人数(人)', '发放低保金(万元)']
-        },
-        {
-            left: '30%',
-            orient: 'vertical',
-            data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
-        }, {
-            left: '60%',
-            orient: 'vertical',
-            data: ['农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)']
-        }
-        ],
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            },
-            backgroundColor: "rgb(0 0 0 / 40%)",
-            borderColor: 'transparent',
-            textStyle: {
-                color: '#fff'
-            },
-            confine: true
-
-        },
-        dataset: {
-            source: jsonData
-        },
-        xAxis: {
-            type: 'category',
-            axisTick: {
-                show: false  //坐标轴刻度线
-            },
-            axisLabel: {
-                show: false
-            }
-        },
-        yAxis: [{
-            type: 'value',
-            min: 0,
-            max: 12000,
-            interval: 3000,
-            axisLabel: {
-                formatter: '{value}(人)'
-            },
-            axisTick: {
-                show: true  //坐标轴刻度线
-            },
-            axisLine: { //轴线
-                show: true
-            },
-            splitLine: { //网格线
-                show: true
-            }
-        },
-        {
-            type: 'value',
-            min: 0,
-            max: 8000,
-            interval: 2000,
-            axisLabel: {
-                formatter: '{value}(万元)'
-            }
-        }],
-        series: [{
-            type: 'bar',
-            itemStyle: {
-                color: '#3C8DE6'
-            }
-        },
-        {
-            yAxisIndex: 1,
-            type: 'bar',
-            itemStyle: {
-                color: '#FAA639'
-            }
-        },
-        {
-            type: 'bar',
-            itemStyle: {
-                color: '#8EC051'
-            }
-        },
-        {
-            type: 'bar',
-            yAxisIndex: 1,
-            itemStyle: {
-                color: '#27C2C1'
-            }
-        },
-        {
-            type: 'bar',
-            itemStyle: {
-                color: '#FA8A46'
-            }
-        },
-        {
-            type: 'bar',
-            yAxisIndex: 1,
-            itemStyle: {
-                color: '#4DC4E7'
-            }
-        },
-        ]
-    };
-    option && myChart.setOption(option);
-</script>
-
-
 </html>

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

@@ -0,0 +1,790 @@
+<!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">
+    <link rel="stylesheet" href="./layui/layui.css" media="all">
+    <link rel="stylesheet" href="dataCenter/css/index.css">
+    <link rel="stylesheet" href="font_datacenter/iconfont.css">
+    <style>
+        body {
+            font-family: Microsoft YaHei;
+            background-color: #FFFFFF;
+        }
+
+        .main {
+            width: 1392px;
+            height: auto;
+            margin: 10px auto;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+        }
+
+        .plate {
+            width: 690px;
+            height: 440px;
+            background: #FFFFFF;
+            box-shadow: 0px 3px 12px 1px rgba(132, 133, 131, 0.2);
+            margin-bottom: 25px;
+        }
+
+        .plate .title {
+            width: 95%;
+            display: flex;
+            height: 60px;
+            justify-content: space-between;
+            align-items: center;
+            margin: auto;
+        }
+
+        .plate .title .more {
+            font-size: 14px;
+            font-weight: 400;
+            color: #125DB2;
+            cursor: pointer;
+        }
+
+
+        .plate .left {
+            display: flex;
+            align-items: flex-start;
+        }
+
+        .plate .left img {
+            margin-top: 5px;
+        }
+
+        .plate .left .theam {
+            font-size: 28px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            font-style: italic;
+            color: #125DB2;
+            width: 300px;
+            padding-left: 8px;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .plate .left .theam span {
+            margin-left: 7px;
+        }
+
+        .plate .line {
+            font-size: 22px;
+            margin-top: -11px;
+        }
+
+        .plate .name {
+            width: 100%;
+            text-align: center;
+            font-size: 14px;
+            font-weight: bold;
+            color: #1267C7;
+            line-height: 26px;
+        }
+
+        .div-shbz .itemData li {
+            width: 318px;
+            height: 102px;
+            background: #F0F0F0;
+            font-size: 16px;
+        }
+
+        .div-shbz .itemData li .right .bottom .number {
+            font-size: 27px;
+        }
+
+        .plate .content {
+            display: flex;
+            width: 100%;
+            height: 350px;
+            flex-wrap: wrap;
+            justify-content: space-evenly;
+            margin-top:20px;
+        }
+
+
+        .plate .content .right {
+            width:80px;
+            display: flex;
+            flex-direction: column;
+            /* margin-right: 40px; */
+            float: right;
+            /* margin-top: 10px;
+                }
+                .plate .content .list{
+                    /*width: 271px;*/
+        }
+
+        .plate .content span {
+            font-size: 16px;
+            color: #666666;
+        }
+
+        .plate .content i {
+            font-size: 22px;
+            font-weight: bold;
+            color: #333333;
+        }
+
+        .plate .content .list{
+            width:30%
+        }
+
+        .plate .content .list img{
+            width:110px;
+            height:70px;
+        }
+
+        .div-whwl .range {
+            margin-right: 15px;
+        }
+
+        .iconfont {
+            font-family: "iconfont" !important;
+            font-style: normal;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            color: #125db2;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="main">
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 40px;">&#xe610;</i>
+                    <div class="theam"><span>国民经济</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/bm/qtjj/gmjjtj/')">更多</div>
+            </div>
+            <div class="name">GDP地区生产总值</div>
+            <div id="gdpmain" style="height: 350px;width: 690px;">
+            </div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 40px;">&#xe700;</i>
+                    <div class="theam">
+                        <span>政务服务</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/sjtj1/')">更多</div>
+            </div>
+            <div class="name">渝快办办理情况</div>
+            <div class="content">
+                <div class="list">
+                    <img src="images/zw2.png" alt="" >
+                    <div class="right">
+                        <span>本月</span>
+                        <span>申请数</span>
+                        <i id="timer10" class="numChange">0</i>
+                    </div>
+                </div>
+                <div class="list">
+                    <img src="images/zw1.png" alt="">
+                    <div class="right">
+                        <span>本月</span>
+                        <span>办件数</span>
+                        <i id="timer11" class="numChange">0</i>
+                    </div>
+                </div>
+                <div class="list">
+                    <img src="images/zw3.png" alt="" >
+                    <div class="right">
+                        <span>本月</span>
+                        <span>办结数</span>
+                        <i id="timer12" class="numChange">0</i>
+                    </div>
+                </div>
+                <div class="list">
+                    <img src="images/zw2.png" alt="" >
+                    <div class="right" style="margin-right: 0;">
+                        <span>本年</span>
+                        <span>申请数</span>
+                        <i id="timer13" class="numChange">0</i>
+                    </div>
+                </div>
+                <div class="list">
+                    <img src="images/zw1.png" alt="">
+                    <div class="right">
+                        <span>本年</span>
+                        <span>办件数</span>
+                        <i id="timer14" class="numChange">0</i>
+                    </div>
+                </div>
+                <div class="list">
+                    <img src="images/zw3.png" alt="" >
+                    <div class="right">
+                        <span>本年</span>
+                        <span>办结数</span>
+                        <i id="timer15" class="numChange">0</i>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 32px;">&#xe608;</i>
+                    <div class="theam">
+                        <span>社会保障</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=1')">
+                    更多</div>
+            </div>
+            <div class="div-shbz">
+                <ul class="itemData">
+                    <li>
+                        <img src="images/jz1.png" alt="">
+                        <div class="right">
+                            <div>城镇新增就业人数</div>
+                            <div class="bottom">
+                                <div class="number">4.27</div>
+                                <div class="unit">万人</div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="images/jz2.png" alt="">
+                        <div class="right">
+                            <div>城镇登记失业人员就业人数</div>
+                            <div class="bottom">
+                                <div class="number">1.15</div>
+                                <div class="unit">万人</div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="images/jz3.png" alt="">
+                        <div class="right">
+                            <div>城镇调查失业率</div>
+                            <div class="bottom">
+                                <div class="number">5.4</div>
+                                <div class="unit">%</div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="images/jz5.png" alt="">
+                        <div class="right">
+                            <div>创业贷款发放金额</div>
+                            <div class="bottom">
+                                <div class="number">2342</div>
+                                <div class="unit">万元</div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="images/jz6.png" alt="">
+                        <div class="right">
+                            <div>参加职业技能鉴定</div>
+                            <div class="bottom">
+                                <div class="number">8723</div>
+                                <div class="unit">人</div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="images/jz4.png" alt="">
+                        <div class="right">
+                            <div>补贴性职业培训人数</div>
+                            <div class="bottom">
+                                <div class="number">0.79</div>
+                                <div class="unit">万人</div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 32px;">&#xe60c;</i>
+                    <div class="theam">
+                        <span>公开信箱</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/hdjl_254/gkxxtjsj/')">更多</div>
+            </div>
+            <div class="name">本年度公开信箱办理情况</div>
+            <div id="caseChart" style="height: 350px;width: 690px;"></div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 40px;">&#xe612;</i>
+                    <div class="theam">
+                        <span>文化旅游</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=2')">
+                    更多</div>
+            </div>
+            <!-- <div class="div-whwl">
+                <div class="range">
+                    <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
+                        onlick="thisMonth()">2023年10月</button>
+                    <button class="cumulat"
+                        style="border-radius: 0px 4px 4px 0px;border-left: none;">截至2023年10月累计</button>
+                </div>
+            </div> -->
+            <div id="whlyEchar" style="height: 321px;width: 690px;"></div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 40px;">&#xe7f1;</i>
+                    <div class="theam">
+                        <span>卫生医疗</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=3')">
+                    更多</div>
+            </div>
+            <div id="wsylchar" style="height: 420px;width: 690px;"></div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 40px;">&#xe69f;</i>
+                    <div class="theam">
+                        <span>社会救助</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=4')">
+                    更多</div>
+            </div>
+            <div class="name" style="margin: 10px auto;">2022年最低生活保障数据</div>
+            <div id="shjzEchars" style="height: 380px;width: 690px;"></div>
+        </div>
+        <div class="plate">
+            <div class="title">
+                <div class="left">
+                    <i class="iconfont" style="font-size: 42px;">&#xe639;</i>
+                    <div class="theam">
+                        <span>教育领域</span>
+                        <i class="iconfont line">&#xe606;</i>
+                    </div>
+                </div>
+                <div class="more" onclick="window.open('https://www.cqna.gov.cn/data/natj/dataCenter/index.html?id=5')">
+                    更多</div>
+            </div>
+            <div class="name">2022年学生人数与学校数统计</div>
+            <div style="display: flex;margin-top: 10px;">
+                <div id="jylyPerEchar" style="width: 300px;height:380px;"></div>
+                <div id="jylySchoolEchar" style="width: 390px;height:380px;"></div>
+            </div>
+        </div>
+    </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 src="../nngkxxdp/js/letterBox.js"></script>
+<!-- 文化文旅数据js -->
+<script src="../natj/dataCenter/js/culturalTourismNew.js"></script>
+<!-- 卫生医疗数据js -->
+<script src="../natj/dataCenter/js/healthCareNewZt.js"></script>
+<!-- 教育领域数据js -->
+<script src="../natj/dataCenter/js/education.js"></script>
+<script>
+    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'
+    }
+</script>
+<script>
+    //公开信箱
+    drawHandleByBarChart();
+    //文化文旅
+    culturalTourism();
+    //卫生医疗
+    healthCareNew();
+    //教育领域
+    education();
+</script>
+<script>
+    //国民经济
+    var list = ''
+
+    function getData(url) {
+        return new Promise((resolve, reject) => {
+            $.ajax({
+                url: url,
+                dataType: 'json',
+                success: function (scenetree) {
+                    if (scenetree) {
+                        console.log(scenetree)
+                        resolve(scenetree);
+                    }
+
+                }
+            });
+        })
+    }
+    function getBarg(list, unit) {
+        // var dateNum = ['date'];
+        var dateNum = [];
+        var alloneBasis = [];
+        var growth = [];
+        var allData = ['季度'];
+        for (var i = 0; i < list.length; i++) {
+            for (var j = 1; j <= list[i].totalNum.length; j++) {
+                var str = ' ';
+                if (j == 1) {
+                    str = list[i].date + '年' + ' ' + '第1季度';
+                    dateNum.push(str);
+                } else {
+                    str = list[i].date + '年' + ' ' + '第1~' + j + '季度';
+                    dateNum.push(str);
+                }
+            }
+            var totalNumList = list[i].totalNum;
+            for (var k = 0; k < totalNumList.length; k++) {
+                allData.push(totalNumList[k]);
+            }
+            var alloneBasisList = list[i].alloneBasis;
+            for (var n = 0; n < alloneBasisList.length; n++) {
+                alloneBasis.push(alloneBasisList[n]);
+            }
+
+            var growthList = list[i].growth;
+            if (list[i].growth) {
+                for (var n = 0; n < growthList.length; n++) {
+                    growth.push(growthList[n]);
+                }
+            }
+
+
+        };
+        var sourceData = [dateNum, alloneBasis];
+
+        return {
+            legend: {},
+            grid: {
+                left: '2%',
+                right: '10%',
+                bottom: '-2%',
+                containLabel: true
+            },
+            tooltip: {
+                trigger: 'item',
+
+                formatter: function (params) {
+                    // console.log(params);
+                    var htmlStr = '';
+                    var color = params.color; //图例颜色
+                    var seriesName = params.seriesName; //图例名称
+                    var xName = params.name; //x轴的名称
+                    var value = params.value; //y轴值
+                    var htmlStr = '<div>';
+                    htmlStr += seriesName + '<br/>';
+                    htmlStr +=
+                        '<span style="margin-right: 5px; font-size: 16pt; font-family: Consolas;display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:' +
+                        color + ' ;"></span>';
+                    htmlStr += "<span style='min-height: 20pt; font-size: 10pt'>";
+                    htmlStr += xName;
+                    htmlStr += '</span>';
+                    htmlStr += "<span style='min-height: 20pt; font-size: 10pt; margin-left: 20px'>";
+                    // console.log(params.data.length);
+                    if (!value.length) {
+                        htmlStr += value + '%';
+                    } else {
+                        htmlStr += value[params.seriesIndex + 1] + unit; //选择对应value的坐标
+                    }
+                    htmlStr += '</span>'
+                    htmlStr += '</div>';
+                    return htmlStr;
+                }
+            },
+            dataset: {
+                source: sourceData
+            },
+            xAxis: [{
+                type: 'category',
+                axisLabel: {
+                    formatter: '{value}',
+                    interval: 0,
+                    rotate: -40
+                },
+                data: sourceData[0]
+
+            },
+
+            ],
+            yAxis: [{
+                gridIndex: 0,
+                axisLabel: {
+                    formatter: '{value}' + unit
+                }
+            },
+            {
+                type: 'value',
+                axisLabel: {
+                    formatter: '{value}%'
+                }
+            }
+
+
+            ],
+            series: [
+                // {
+                // 	name: '同比增减（%）',
+                // 	type: 'line',
+                // 	color: ['#91CC75'],
+                // 	yAxisIndex: 0,
+                // 	data: alloneBasis
+                // },
+                {
+                    name: '同比增减（%）',
+                    type: 'line',
+                    color: ['#91CC75'],
+                    yAxisIndex: 0,
+                    data: growth,
+                    symbolSize: 3, //一定要加这个字段才能显示
+                    itemStyle: {
+                        normal: {
+                            label: {
+                                show: true,
+                                position: 'top',
+                                textStyle: {
+                                    color: '#000'
+                                }
+                            }
+                        }
+                    },
+                }
+            ]
+
+
+        }
+    }
+    getData('./json/jdp.json').then(data => {
+        var list = data.GDP
+        var myChart = echarts.init(document.getElementById('gdpmain'));
+        var option = getBarg(list, '%');
+        myChart.setOption(option, true);
+    })
+
+</script>
+<script>
+    //政务服务
+    var path = "https://data.cqna.gov.cn";
+    // 一开始调用政务服务数据接口
+    initDate(1);
+    console.log(window.setInterval("initDate(1)", 1000 * 30));
+    function initDate(area) {
+
+        $.ajax({
+            // https://data.cqna.gov.cn/department/getOfficeNumberByAreaInfo?area=1&timeType=2
+            url: path + "/department/getOfficeNumberByAreaInfo", //url地址
+            dataType: "json", //返回的数据类型
+            type: "get", //发起请求的方式
+            async: false,
+            data: {
+                "area": 1,
+                "timeType": 2
+            },
+            success: function (data) {
+                // var listWeb = data.data.listWeb
+                application(data.data)
+            },
+
+
+            error: function () {
+                alert('网络错误，请稍后再试！');
+            }
+        });
+        $.ajax({
+            url: path + "/department/getOfficeNumberByAreaInfo", //url地址
+            dataType: "json", //返回的数据类型
+            type: "get", //发起请求的方式
+            async: false,
+            data: {
+                "area": 1,
+                "timeType": 3
+            },
+            success: function (data) {
+                // var listWeb = data.data.listWeb
+                application2(data.data)
+            },
+
+
+            error: function () {
+                alert('网络错误，请稍后再试！');
+            }
+        });
+
+    }
+    //加载南岸区四窗同办
+    function application(listWeb) {
+        $("#timer10").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
+        $("#timer11").html(listWeb.acceptNumber);
+        $("#timer12").html(listWeb.serialNumber);
+    }
+    function application2(listWeb) {
+        $("#timer13").html(listWeb.applicationNumberNetwork + listWeb.applicationNumberWindow);
+        $("#timer14").html(listWeb.acceptNumber);
+        $("#timer15").html(listWeb.serialNumber);
+    }
+</script>
+<script>
+    //社会救助
+    var jsonData = [
+        ['product', '最低生活保障人数(人)', '发放低保金(万元)', '城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)', '农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)'],
+        ['2022年', 7090, 6282.82, 6513, 5759.55, 577, 523.27]
+    ]
+    var chartDom = document.getElementById('shjzEchars');
+    var myChart = echarts.init(chartDom);
+    var option;
+    option = {
+        grid: {
+            // 网格线配置
+            show: true,
+            lineStyle: {
+                color: ["#e9e9e9"],
+                width: 1,
+                type: "solid",
+            },
+            right: 80
+        },
+        legend: [{
+            left: '2%',
+            orient: 'vertical',
+            data: ['最低生活保障人数(人)', '发放低保金(万元)']
+        },
+        {
+            left: '30%',
+            orient: 'vertical',
+            data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
+        }, {
+            left: '60%',
+            orient: 'vertical',
+            data: ['农村居民最低生活保障人数(人)', '农村居民发放低保金(万元)']
+        }
+        ],
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+                type: 'shadow'
+            },
+            backgroundColor: "rgb(0 0 0 / 40%)",
+            borderColor: 'transparent',
+            textStyle: {
+                color: '#fff'
+            },
+            confine: true
+
+        },
+        dataset: {
+            source: jsonData
+        },
+        xAxis: {
+            type: 'category',
+            axisTick: {
+                show: false  //坐标轴刻度线
+            },
+            axisLabel: {
+                show: false
+            }
+        },
+        yAxis: [{
+            type: 'value',
+            min: 0,
+            max: 12000,
+            interval: 3000,
+            axisLabel: {
+                formatter: '{value}(人)'
+            },
+            axisTick: {
+                show: true  //坐标轴刻度线
+            },
+            axisLine: { //轴线
+                show: true
+            },
+            splitLine: { //网格线
+                show: true
+            }
+        },
+        {
+            type: 'value',
+            min: 0,
+            max: 8000,
+            interval: 2000,
+            axisLabel: {
+                formatter: '{value}(万元)'
+            }
+        }],
+        series: [{
+            type: 'bar',
+            itemStyle: {
+                color: '#3C8DE6'
+            }
+        },
+        {
+            yAxisIndex: 1,
+            type: 'bar',
+            itemStyle: {
+                color: '#FAA639'
+            }
+        },
+        {
+            type: 'bar',
+            itemStyle: {
+                color: '#8EC051'
+            }
+        },
+        {
+            type: 'bar',
+            yAxisIndex: 1,
+            itemStyle: {
+                color: '#27C2C1'
+            }
+        },
+        {
+            type: 'bar',
+            itemStyle: {
+                color: '#FA8A46'
+            }
+        },
+        {
+            type: 'bar',
+            yAxisIndex: 1,
+            itemStyle: {
+                color: '#4DC4E7'
+            }
+        },
+        ]
+    };
+    option && myChart.setOption(option);
+</script>
+
+
+</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_Mobild.html

@@ -0,0 +1,122 @@
+<!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 class="container">
+        <div class="left" style=" margin-bottom:30px;">
+            <div class="top" onclick="window.location.href='enter_dataAllOld.html'">
+                <p>公共数据 开放中心</p>
+            </div>
+            <div class="bottom">
+                <div class="bot-item" onclick="window.location.href='enter_dataAllOld.html'"
+                    style="transform: translateY(-15px);">
+                    <p>统计数据</p>
+                </div>
+                <div class="bot-item" onclick="window.location.href='enter_dataAllOld.html'">
+                    <p>公开目录</p>
+                </div>
+                <div class="bot-item" style="transform: translateY(-15px);"
+                    onclick="window.location.href='enter_dataAllOld.html'">
+                    <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>
+</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>
+
+</html>