瀏覽代碼

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

Elis 6 月之前
父節點
當前提交
7dd6585674
共有 92 個文件被更改,包括 5606 次插入4110 次删除
  1. 2 0
      nngkxxdp/src/main/java/com/example/nngkxxdp/entity/SellLand.java
  2. 6 5
      nngkxxdp/src/main/resources/mapper/SellLandDao.xml
  3. 1 0
      nngkxxdp/src/main/resources/static/naxsb/css/floorcon.css
  4. 二進制
      nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.ttf
  5. 二進制
      nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.woff
  6. 0 0
      nngkxxdp/src/main/resources/static/naxsb/css/index.css
  7. 76 45
      nngkxxdp/src/main/resources/static/naxsb/cybj.html
  8. 874 0
      nngkxxdp/src/main/resources/static/naxsb/cytz.html
  9. 54 0
      nngkxxdp/src/main/resources/static/naxsb/cytzs.html
  10. 246 78
      nngkxxdp/src/main/resources/static/naxsb/dqfw.html
  11. 803 0
      nngkxxdp/src/main/resources/static/naxsb/dqfwNew.html
  12. 21 8
      nngkxxdp/src/main/resources/static/naxsb/floorone.html
  13. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/cjlscxcyy.jpg
  14. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/cycyy.jpg
  15. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/cyfb.png
  16. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/cyts.png
  17. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/dxkjy.jpg
  18. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/gyylogowhite.png
  19. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/jcmj.png
  20. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/jcmj1.png
  21. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/listcricle.png
  22. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/mxqybg.png
  23. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/npxqcyy.jpg
  24. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/qwtj.png
  25. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/rwdy.png
  26. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/tdcj.webp
  27. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/tdcy.webp
  28. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/tdgybg.png
  29. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/tdnp.webp
  30. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/tdyl.webp
  31. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/xjqcdzcyy.jpg
  32. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ylcxg.jpg
  33. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/yqfwbg.png
  34. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/yqlbListbg.png
  35. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/yqlbbg.png
  36. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ysxxbg.png
  37. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/zmj.png
  38. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztcjcx.webp
  39. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztcy.webp
  40. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztdx.webp
  41. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztfwbg.png
  42. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztnp.webp
  43. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztxj.webp
  44. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/ztyl.png
  45. 二進制
      nngkxxdp/src/main/resources/static/naxsb/image/zyys.png
  46. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/back-dqfw.png
  47. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/bg-open.png
  48. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw.png
  49. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/bglt.png
  50. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/bottombg-dqfw.png
  51. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/button-bdbhv.png
  52. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/button-ljbmhv.png
  53. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/button-yyhv.png
  54. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/close-dqfw.png
  55. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/dqfw-arrow.png
  56. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/dqfwl1.png
  57. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/dqfwl2.png
  58. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/dqfwl3.png
  59. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/logo-dqfw.png
  60. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/logo-lxr.png
  61. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/tdaddr.png
  62. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/topbg-dqfw.png
  63. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/tsdh.png
  64. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/tsdz.png
  65. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/tslxr.png
  66. 二進制
      nngkxxdp/src/main/resources/static/naxsb/images/ztcrno.png
  67. 55 18
      nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html
  68. 0 554
      nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html
  69. 0 664
      nngkxxdp/src/main/resources/static/naxsb/indexsyy.html
  70. 0 322
      nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
  71. 0 0
      nngkxxdp/src/main/resources/static/naxsb/js/index.js
  72. 1790 0
      nngkxxdp/src/main/resources/static/naxsb/js/najson.json
  73. 1 1
      nngkxxdp/src/main/resources/static/naxsb/js/rightmap.js
  74. 5 0
      nngkxxdp/src/main/resources/static/naxsb/js/vue.min.js
  75. 0 40
      nngkxxdp/src/main/resources/static/naxsb/map.html
  76. 二進制
      nngkxxdp/src/main/resources/static/naxsb/media/业.ecabc222.mp4
  77. 301 302
      nngkxxdp/src/main/resources/static/naxsb/qjt.html
  78. 10 9
      nngkxxdp/src/main/resources/static/naxsb/qysmzq.html
  79. 0 248
      nngkxxdp/src/main/resources/static/naxsb/rcfw.html
  80. 0 739
      nngkxxdp/src/main/resources/static/naxsb/syyggyy.html
  81. 97 32
      nngkxxdp/src/main/resources/static/naxsb/tdcr.html
  82. 49 33
      nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html
  83. 111 57
      nngkxxdp/src/main/resources/static/naxsb/tsfw.html
  84. 471 411
      nngkxxdp/src/main/resources/static/naxsb/wybdb.html
  85. 267 101
      nngkxxdp/src/main/resources/static/naxsb/wyyy.html
  86. 0 215
      nngkxxdp/src/main/resources/static/naxsb/yqgk.html
  87. 34 19
      nngkxxdp/src/main/resources/static/naxsb/znxz.html
  88. 23 7
      nngkxxdp/src/main/resources/static/naxsb/znxzchoice.html
  89. 49 37
      nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html
  90. 174 103
      nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html
  91. 80 62
      nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html
  92. 6 0
      nngkxxdp/src/main/resources/static/zyylg/package-lock.json

+ 2 - 0
nngkxxdp/src/main/java/com/example/nngkxxdp/entity/SellLand.java

@@ -11,6 +11,8 @@ import java.util.Date;
  */
 @Data
 public class SellLand implements Serializable {
+    //土地拆迁情况
+    private String remove;
     //土地名称在地图中的经纬度
     private String namePoint;
     //土地详细信息中心经纬度

+ 6 - 5
nngkxxdp/src/main/resources/mapper/SellLandDao.xml

@@ -18,13 +18,14 @@
             <result property="introduce" column="introduce" jdbcType="VARCHAR"/>
             <result property="cost" column="cost" jdbcType="VARCHAR"/>
             <result property="imgUrl" column="img_url" jdbcType="VARCHAR"/>
-          <result property="remark" column="remark" jdbcType="VARCHAR"/>
-         <result property="businessIndustry" column="business_industry" jdbcType="VARCHAR"/>
-         <result property="landState" column="land_state" jdbcType="VARCHAR"/>
+            <result property="remark" column="remark" jdbcType="VARCHAR"/>
+           <result property="businessIndustry" column="business_industry" jdbcType="VARCHAR"/>
+           <result property="landState" column="land_state" jdbcType="VARCHAR"/>
            <result property="point" column="point" jdbcType="VARCHAR"/>
            <result property="belongPark" column="belong_park" jdbcType="INTEGER"/>
-        <result property="namePoint" column="name_point" jdbcType="VARCHAR"/>
-        <result property="centerPoint" column="center_point" jdbcType="VARCHAR"/>
+         <result property="namePoint" column="name_point" jdbcType="VARCHAR"/>
+         <result property="centerPoint" column="center_point" jdbcType="VARCHAR"/>
+         <result property="remove" column="remove" jdbcType="VARCHAR"/>
             <result property="createTime" column="create_time" jdbcType="VARCHAR"/>
            <association property="parkData" javaType="com.example.nngkxxdp.entity.ParkData">
             <result column="title" property="title"/>

+ 1 - 0
nngkxxdp/src/main/resources/static/naxsb/css/floorcon.css

@@ -49,6 +49,7 @@ html {
 }
 
 .detailDiv .top {
+    height: 48px;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;

二進制
nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.ttf


二進制
nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.woff


文件差異過大導致無法顯示
+ 0 - 0
nngkxxdp/src/main/resources/static/naxsb/css/index.css


+ 76 - 45
nngkxxdp/src/main/resources/static/naxsb/cybj.html

@@ -4,17 +4,19 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>产业布局</title>
+  <title>产业投资</title>
   <!-- 引入 Vue -->
-  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+  <script src="js/vue.min.js"></script>
+  <script src="js/echarts.min.js"></script>
   <!-- 引入样式 -->
-  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+  <link rel="stylesheet" href="css/index.css">
   <!-- 引入组件库 -->
-  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+  <script src="js/index.js"></script>
   <link rel="stylesheet" href="swiper/swiper-bundle.css">
   <!-- jquery-->
   <script src="js/jquery-3.5.1.min.js"></script>
   <script src="js/urljson.js"></script>
+  <script src="js/nanan.js" type="text/javascript"></script>
   <style>
     * {
       padding: 0;
@@ -65,8 +67,9 @@
       display: flex;
       border-radius: 1.525rem;
     }
-    .list{
-      width: calc( 30% - 40px);
+
+    .list {
+      width: calc(30% - 40px);
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -74,7 +77,8 @@
       padding: 20px;
       margin-right: 40px;
     }
-    .map{
+
+    .map {
       width: 40%;
       height: 70%;
       margin: auto;
@@ -84,25 +88,31 @@
       border-left: 1px solid rgba(214, 225, 240, .5);
       border-right: 1px solid rgba(214, 225, 240, .5);
     }
-    .map>img{
+
+    #mapEcharts {
       width: 70%;
       height: 70%;
       padding-top: 10%;
+      position: relative;
+      z-index: 999;
     }
-    .dec{
+
+    .dec {
       width: 30%;
       padding-top: 3.5%;
       padding-left: 2rem;
       padding-right: 2rem;
     }
-    .dec>div{
+
+    .dec>div {
       text-indent: 2em;
       color: #fff;
       font-size: 1.17rem;
       line-height: 35px;
       padding-top: 2rem;
     }
-    .dec>span{
+
+    .dec>span {
       background: #176ED0;
       border-radius: 10px;
       color: #fff;
@@ -110,7 +120,8 @@
       padding: 20px 25px;
       font-size: 1.17rem;
     }
-    .mapdec{
+
+    .mapdec {
       color: #fff;
       font-size: 0.925rem;
       text-align: center;
@@ -168,8 +179,9 @@
       justify-content: space-between;
       cursor: pointer;
     }
-    .contentList:hover{
-      background-color:rgba(23, 110, 208, .5);
+
+    .contentList:hover {
+      background-color: rgba(23, 110, 208, .5);
       font-size: 1.37rem;
     }
 
@@ -319,7 +331,7 @@
     :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
     <div class="contentBox">
       <div class="title">
-        <span class="subtitle">产业布局</span>
+        <span class="subtitle">产业园区</span>
         <div class="backbutton" @click="window.history.go(-1)">
           <img src="images/backlogo.png" alt="">
           <span>返回</span>
@@ -327,25 +339,28 @@
       </div>
       <div class="content">
         <div class="list">
-        <li v-for="(tab, index)  in this.titleList" :key="index" class="contentList" @click="golink(`indexsyy.html?id=${tab.id}`)">
-          <div class="listLeft">
-            &emsp;&emsp;&emsp;&emsp;{{tab.title}}
+          <li v-for="(tab, index)  in this.titleList" :key="index" class="contentList"
+            @click="golink(`indexsyy.html?id=${tab.id}`)">
+            <div class="listLeft">
+              &emsp;&emsp;&emsp;&emsp;{{tab.title}}
+            </div>
+            <div class="listRight">
+              <img src="images/arrowR.png" />
+            </div>
+          </li>
+        </div>
+        <div class="map">
+          <div id="mapEcharts"></div>
+          <div class="mapdec">南岸区产业布局图</div>
+        </div>
+        <div class="dec">
+          <span>产业简介及发展重点</span>
+          <div>
+            ‌
+            重庆经开区的“四园一港”是指‌南坪西区产业园、‌长江绿色创新产业园、‌先进汽车电子产业园、‌茶园工业园以及‌迎龙创新港。‌这一概念是为了形成高质量发展的区域空间格局,推动经济社会高质量发展,培育推动经济社会产生高质量变革的新质生产力,壮大经济发展新动能、新方式、新引擎。
           </div>
-          <div class="listRight">
-            <img src="images/arrowR.png" /></div>
-        </li>
-      </div>
-      <div class="map">
-        <img src="images/map.png" />
-        <div class="mapdec">南岸区产业布局图</div>
-      </div>
-      <div class="dec">
-        <span>产业简介及发展重点</span>
-        <div>
-          ‌      重庆经开区的“四园一港”是指‌南坪西区产业园、‌长江绿色创新产业园、‌先进汽车电子产业园、‌茶园工业园以及‌迎龙创新港。‌这一概念是为了形成高质量发展的区域空间格局,推动经济社会高质量发展,培育推动经济社会产生高质量变革的新质生产力,壮大经济发展新动能、新方式、新引擎。
         </div>
       </div>
-      </div>
     </div>
     <!-- <div class="dialog">
      <div class="dialogHeader">
@@ -373,7 +388,7 @@
         id: null
       };
     },
-    created() {},
+    created() { },
     mounted() {
       const url = new URL(window.location.href);
       this.id = url.searchParams.get('id');
@@ -387,6 +402,20 @@
       } else {
         this.backgroundImage = 'images/indexsyyg.png';
       }
+      var myChart = echarts.init(document.getElementById('mapEcharts'));
+      console.log(document.getElementById('mapEcharts'));
+      // 注册地图(数据放在axios返回对象的data中哦)
+      echarts.registerMap('nanan', nanan)
+      window.addEventListener("resize", function () {
+        myChart.resize();
+      })
+      myChart.setOption({
+        series: [{
+          type: 'map',
+          map: 'nanan',
+          regions: []
+        }]
+      });
     },
     methods: {
       goIndex() {
@@ -399,19 +428,21 @@
         window.location.href = hrf;
       },
       getParkData() {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/",
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        data.forEach(function (item) {
-                            item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
-                        })
-                        that.titleList = data;
-                    }
-                })
-            }
+        let that = this;
+        $.ajax({
+          url: conpath + "/parkData/",
+          type: "get",
+          dataType: "json",
+          success: function (data) {
+            const arr = []
+            data.forEach(function (item) {
+              item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
+            })
+            arr.push(data[2], data[0], data[3], data[1], data[4], data[5])
+            that.titleList = arr;
+          }
+        })
+      }
     }
   });
 </script>

+ 874 - 0
nngkxxdp/src/main/resources/static/naxsb/cytz.html

@@ -0,0 +1,874 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>产业园区</title>
+  <!-- 引入 Vue -->
+  <script src="js/vue.min.js"></script>
+  <script src="js/echarts.min.js"></script>
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="css/index.css">
+  <!-- 引入组件库 -->
+  <script src="js/index.js"></script>
+  <link rel="stylesheet" href="swiper/swiper-bundle.css">
+  <!-- jquery-->
+  <script src="js/jquery-3.5.1.min.js"></script>
+  <script src="js/urljson.js"></script>
+  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+  </script>
+  <script src="js/bmap.min.js"></script>
+  <style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+
+    li {
+      list-style: none;
+    }
+
+    ::-webkit-scrollbar {
+      display: none;
+      /* Chrome Safari */
+    }
+
+    @font-face {
+      font-family: 'DOUYU';
+      src: url('fonts/DOUYUFONT-2.OTF');
+      font-weight: normal;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Source Han Sans SC';
+      src: url('fonts/MSYHL.TTC');
+      font-weight: normal;
+      font-style: normal;
+    }
+
+    .backbutton img {
+      margin-right: 0.625rem;
+    }
+
+    #cytz {
+      height: 100vh;
+      font-family: Microsoft YaHei;
+      color: #FFFFFF;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .content {
+      height: calc(100% - 82px);
+      ;
+      display: flex;
+      background: #EDF5FF;
+      padding: 0 15px 15px 15px;
+    }
+
+    #map {
+      width: 60%;
+      height: calc(100% - 10px);
+      margin-top: 10px;
+    }
+
+    .contentR {
+      width: calc(40% - 10px);
+      height: 100%;
+    }
+
+    .contentBox {
+      height: calc(100% - 73px);
+      width: 100%;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      grid-column-gap: 15px;
+      grid-row-gap: 15px;
+    }
+
+    .contentItem {
+      border-radius: 10px;
+      background: url(image/ysxxbg.png) no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      width: 100%;
+    }
+
+    .main {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0 20px;
+      flex: 1;
+    }
+
+    .mainTab {
+      padding: 20px 0;
+      font-size: 20px;
+    }
+
+    .mainTab>span:hover {
+      font-weight: bold;
+    }
+
+    .activeTab {
+      background-color: rgba(0, 0, 0, .4) !important;
+      font-weight: bold;
+    }
+
+    .mainTab>span {
+      display: inline-block;
+      height: 29px;
+      padding: 0 12px;
+      line-height: 29px;
+      background-color: rgba(0, 0, 0, .2);
+      margin-left: 5px;
+      cursor: pointer;
+    }
+
+    .mainTab>span:hover {
+      font-weight: bold;
+    }
+
+    .activeTab {
+      background-color: rgba(0, 0, 0, .4) !important;
+      font-weight: bold;
+    }
+
+    .main>div {
+      width: 100%;
+    }
+
+    li {
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+    }
+
+    li>img {
+      width: 20px;
+      height: 20px;
+      margin-right: 10px;
+      vertical-align: middle;
+    }
+
+    .yqfw {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 3rem;
+      flex: 1;
+    }
+
+    .yqlb {
+      display: grid;
+      padding: 0 0 0.9rem 0.9rem;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      grid-column-gap: 0.2rem;
+      grid-row-gap: 0.9rem;
+      flex: 1;
+    }
+
+    .tdgy {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0 20px;
+      width: 100%;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .ztfw {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0 20px;
+      width: 100%;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .tdgyList {
+      display: flex;
+      border-bottom: 1px solid rgba(245, 250, 255, .2);
+      cursor: pointer;
+      padding: 5px 0;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      width: 100%;
+      position: relative;
+      -webkit-animation: 40s rowup linear infinite normal;
+      animation: 40s rowup linear infinite normal;
+    }
+
+    .tdgyList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .tdgyList>img {
+      width: 20px;
+      height: 20px;
+      margin-top: 5px;
+      margin-right: 10px;
+    }
+
+    .ztfwList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .ztfwList>img {
+      width: 20px;
+      height: 20px;
+      margin-top: 5px;
+      margin-right: 10px;
+    }
+
+    .ztfwList {
+      display: flex;
+      border-bottom: 1px solid rgba(245, 250, 255, .2);
+      padding: 5px 0;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      width: 100%;
+      position: relative;
+      -webkit-animation: 20s rowupzt linear infinite normal;
+      animation: 20s rowupzt linear infinite normal;
+      cursor: pointer;
+    }
+
+    .tdgyContent {
+      width: calc(100% - 35px);
+    }
+
+    .tdgyTitle {
+      font-size: 20px;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+    }
+
+    .tdgyLocation {
+      font-size: 12px;
+      color: rgba(255, 255, 255, .6);
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+    }
+
+    .tdgyDec {
+      font-size: 16px;
+    }
+
+    .mainList {
+      background: url(image/yqlbListbg.png) no-repeat;
+      background-size: 100% 100%;
+      box-sizing: border-box;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    .mb {
+      margin-bottom: 25px;
+    }
+
+    .mainBox>img {
+      width: 2rem;
+      height: 2rem;
+      margin-right: 10px;
+    }
+
+    .mainBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 18px;
+      box-sizing: border-box;
+      cursor: pointer;
+      justify-content: center;
+    }
+
+    .yqfwBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 18px;
+      box-sizing: border-box;
+      cursor: pointer;
+      /* justify-content: center; */
+    }
+
+    .yqfwBox>img {
+      width: 20px;
+      height: 20px;
+      margin-right: 10px;
+    }
+
+    .title {
+      display: flex;
+      justify-content: space-between;
+      padding: 15px;
+      align-items: center;
+      color: #FFFFFF;
+      font-family: Microsoft YaHei;
+    }
+
+    .text {
+      font-weight: bold;
+      font-size: 20px;
+    }
+
+    .more {
+      font-size: 16px;
+      cursor: pointer;
+    }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #B7C7DC;
+      background: #192E47;
+    }
+
+    .toplogo img {
+      margin-bottom: 17px;
+      margin-right: 10px;
+    }
+
+    .toplogo {
+      padding-left: 10px;
+      display: flex;
+      align-items: center;
+      font-family: DOUYU;
+      font-weight: normal;
+      font-size: 30px;
+      color: #fff;
+      height: 66px;
+      cursor: pointer;
+    }
+
+    .backbutton {
+      width: 117px;
+      height: 42px;
+      background: #539EDD;
+      border-radius: 10px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      font-size: 16px;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      cursor: pointer;
+    }
+
+    .backbutton img {
+      margin-right: 10px;
+    }
+
+    .location {
+      height: 73px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      font-size: 1.17rem;
+      color: #333333;
+      line-height: 73px;
+    }
+
+    .location>i {
+      color: #C4C4C4 !important;
+    }
+
+    /* 淡出动画 */
+    .fade-out {
+      animation: fadeOut 1s forwards;
+    }
+
+    /* 淡入动画 */
+    .fade-in {
+      animation: fadeIn 1s forwards;
+    }
+
+    @keyframes fadeOut {
+      from {
+        opacity: 0.8;
+      }
+
+      to {
+        opacity: 0.6;
+      }
+    }
+
+    @keyframes fadeIn {
+      from {
+        opacity: 0.6;
+      }
+
+      to {
+        opacity: 0.8;
+      }
+    }
+
+    @media screen and (max-width:1600px) {
+
+      html,
+      body {
+        font-size: 14px;
+      }
+    }
+
+    @media screen and (max-width:1400px) {
+
+      html,
+      body {
+        font-size: 14px;
+      }
+    }
+
+    @media screen and (max-width:1300px) {
+
+      html,
+      body {
+        font-size: 10px;
+      }
+    }
+  </style>
+</head>
+
+<body>
+  <div class="" id="cytz">
+    <div class="top">
+      <div class="toplogo">
+        <img src="image/gyylogowhite.png" alt="">
+        <span>产业园区</span>
+      </div>
+      <div class="backbutton" @click="window.history.go(-1)">
+        <img src="images/backlogo.png" alt="">
+        <span>返回</span>
+      </div>
+    </div>
+    <div class="content">
+      <div id="map"></div>
+      <div class="contentR">
+        <div class="location"><i class="el-icon-location"></i>&nbsp;南岸区</div>
+        <div class="contentBox">
+          <div class="contentItem">
+            <video autoplay loop muted playsinline style="width:100%;height: 100%;">
+              <source style="width:100%;height: 100%;" src="media/业.ecabc222.mp4" type="video/mp4" />
+            </video>
+          </div>
+          <div class="contentItem">
+            <div class="mainTab"><span class="activeTab" @click="switchTab(1)">区位条件</span><span
+                @click="switchTab(2)">创新优势</span><span @click="switchTab(3)">产业特色</span></div>
+            <div class="main">
+              <div v-show="this.activeName===1">
+                <li><img src="image/listcricle.png" />15分钟直达江北国际机场,20分钟可抵重庆西部物流园</li>
+                <li><img src="image/listcricle.png" />高铁重庆东站主体结构封顶</li>
+                <li><img src="image/listcricle.png" />13座长江大桥贯通南北</li>
+                <li><img src="image/listcricle.png" />轨道3号线、6号线、10号线及环线等运营</li>
+              </div>
+              <div v-show="this.activeName===2">
+                <li><img src="image/listcricle.png" />拥有国家级基地(园区)7个、高等院校6所</li>
+                <li><img src="image/listcricle.png" />高新技术企业、科技型企业分别达344家、2640家</li>
+                <li><img src="image/listcricle.png" />市级以上研发平台301个(国家级20个)</li>
+                <li><img src="image/listcricle.png" />20项科技成果入选2022年度重庆市科学技术奖</li>
+              </div>
+              <!-- <el-tab-pane label="资源优势">
+                  <li><img src="image/listcricle.png" />15分钟直达江北国际机场,20分钟可抵重庆西部物流园</li>
+                  <li><img src="image/listcricle.png" />高铁重庆东站主体结构封顶</li>
+                  <li><img src="image/listcricle.png" />13座长江大桥贯通南北</li>
+                  <li><img src="image/listcricle.png" />轨道3号线、6号线、10号线及环线等运营</li>
+                </el-tab-pane> -->
+              <div v-show="this.activeName===3">
+                <li><img src="image/listcricle.png" />2023年地区生产总值增长6.7%,居中心城区第一</li>
+                <li><img src="image/listcricle.png" />加快构建智能终端、软件信息服务、大健康3个1000亿级主导产业体系</li>
+                <li><img src="image/listcricle.png" />加快构建节能环保、汽车电子2个500亿级特色支柱产业体系</li>
+                <li><img src="image/listcricle.png" />长嘉汇金融中心</li>
+                <li><img src="image/listcricle.png" />国际消费中心城市中心区</li>
+                <li><img src="image/listcricle.png" />重庆脑与智能科学中心</li>
+              </div>
+              <!-- <div class="mainBox mb" @click="window.open('https://www.cqna.gov.cn/zjna/nagk/qwtj/202306/t20230606_12033765.html')">
+                  <img src="image/qwtj.png" />区位条件
+                </div>
+                <div class="mainBox mb" @click="window.open('https://www.cqna.gov.cn/zjna/nagk/rwdy/202208/t20220819_11023321.html')">
+                  <img src="image/rwdy.png" />人文底蕴
+                </div>
+                <div class="mainBox" @click="window.open('https://www.cqna.gov.cn/zjna/nagk/zyys/202306/t20230606_12033786.html')">
+                  <img src="image/zyys.png" />资源优势
+                </div>
+                <div class="mainBox" @click="window.open('https://www.cqna.gov.cn/zjna/nagk/cyts/202306/t20230606_12033851.html')">
+                  <img src="image/cyts.png" />产业特色
+                </div> -->
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/yqlbbg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">园区列表</span>
+            </div>
+            <div class="yqlb">
+              <div class="mainList" v-for="(tab, index)  in this.titleList" @click="golink(`dqfwNew.html?id=${tab.id}`)"
+                :key="index">&nbsp;{{tab.title}}</div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/tdgybg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">土地供应</span>
+              <span class="more" @click="golink('tdcrlist.html?id=-1',1)">更多>></span>
+            </div>
+            <div class="tdgy">
+              <div :data="contentList" class="tdgyList" v-for="(tab, index)  in this.contentList"
+                @click="golink('tdcr.html?tdid=' + tab.id)" :key="index">
+                <img src="image/listcricle.png" />
+                <div class="tdgyContent">
+                  <div class="tdgyTitle">{{tab.landName}}</div>
+                  <div class="tdgyDec">{{tab.landArea}}亩&nbsp;丨&nbsp;{{tab.landFunction}}</div>
+                  <div class="tdgyLocation"><i class="el-icon-location"></i>{{tab.addr}}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/ztfwbg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">载体服务</span>
+              <span class="more" @click="golink('ztcrlist.html?id=-1',2)">更多>></span>
+            </div>
+            <div class="ztfw">
+              <div class="ztfwList" v-for="(tab, index)  in this.buildList"
+                @click="golink('ztcrdetail.html?ztid=' + tab.id)" :key="index">
+                <img src="image/listcricle.png" />
+                <div class="tdgyContent">
+                  <div class="tdgyTitle">{{tab.carrierName}}</div>
+                  <div class="tdgyDec">{{tab.space}}亩&nbsp;丨&nbsp;{{tab.parkData.title}}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/yqfwbg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">园区服务</span>
+            </div>
+            <div class="yqfw">
+              <div class="yqfwBox mb" @click="golink('tsfw.html?id=1')">
+                <img src="image/listcricle.png" />特色服务
+              </div>
+              <div class="yqfwBox mb" @click="tolink('dqfw.html')">
+                <img src="image/listcricle.png" />党群服务
+              </div>
+              <div class="yqfwBox" @click="window.open('wybdb.html')">
+                <img src="image/listcricle.png" />帮代办服务
+              </div>
+              <div class="yqfwBox" @click="golink('znxzchoice.html')">
+                <img src="image/listcricle.png" />智能选址
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script>
+  // 初始化Vue实例
+  new Vue({
+    el: '#cytz',
+    data: function () {
+      return {
+        reqPtah: '',
+        currentTab: -1,
+        contentList: [],
+        buildList: [],
+        currentTitle: '',
+        parkDesc: '',
+        parkName: '',
+        titleList: [],
+        backgroundImage: 'images/yqgkBg.png',
+        fadeOut: false,
+        fadeIn: false,
+        id: null,
+        activeName: 1
+      };
+    },
+    created() { },
+    async mounted() {
+      const url = new URL(window.location.href);
+      this.id = url.searchParams.get('id');
+      await this.getParkData()
+      this.loadAllMap()
+    },
+    methods: {
+      switchTab(val) {
+        this.activeName = val
+        const arr = document.querySelectorAll('.mainTab>span')
+        arr.forEach(item => {
+          item.classList.remove('activeTab')
+          arr[val - 1].classList.add('activeTab')
+        })
+
+      },
+      goIndex() {
+        window.location.href = "indexsyyg.html"
+      },
+      back() {
+        window.location.href = "indexsyyg.html"
+      },
+      golink(hrf, val) {
+        window.location.href = hrf;
+      },
+      tolink(hrf, val) {
+        window.location.href = `${hrf}?id=1`;
+      },
+      getParkAllPoint() {
+        let that = this;
+        var points;
+        $.ajax({
+          url: conpath + "/parkData/-1",
+          type: "get",
+          dataType: "json",
+          async: false,
+          success: function (data) {
+            points = data.addrs;
+          }
+        });
+        return points;
+      },
+      addKey(y) {
+        var style = document.createElement('style');
+        style.type = 'text/css';
+        var keyFrames = '\
+    @keyframes rowup {\
+        100% {\
+            -webkit-transform: translate3d(0, A_DYNAMIC_VALUE, 0);\
+            top: -A_DYNAMIC_VALUEpx;\
+        }\
+    }';
+        style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, y);
+        document.getElementsByClassName('ztfw')[0].appendChild(style);
+      },
+      loadAllMap() {
+        var that = this;
+        fetch('js/najson.json')
+          .then(response => response.json())
+          .then(data => {
+            var centerPoint = data.features[0].properties.center;
+            let map = new BMap.Map("map");
+            map.enableScrollWheelZoom(); // 启用滚轮缩放
+            map.enableDragging(); // 启用拖拽功能
+            map.centerAndZoom(new BMap.Point(106.651444, 29.51982), 13);
+            map.setMapType(BMAP_NORMAL_MAP);
+            var pointList = data.features[0].geometry.coordinates[0][0];
+            let result = [];
+            pointList.forEach(function (point) {
+              result.push(new BMap.Point(point[0], point[1]));
+            });
+            // 创建多边形
+            let polygon = new BMap.Polygon(result, {
+              strokeColor: "#226cfb",
+              strokeWeight: 3,
+              strokeOpacity: 1,
+              strokeStyle: "dashed",
+              fillColor: "#4B98F6",
+              fillOpacity: 0.3
+            });
+            // 将多边形添加到地图中
+            map.addOverlay(polygon);
+            var allpointList = that.titleList;
+            console.log(allpointList)
+            var polygon1, polygon2, polygon3, polygon4, polygon5;
+            var resultlist = [];
+            for (var i = 0; i < allpointList.length; i++) {
+              let pointList = allpointList[i].addr.split('@');
+              let result = [];
+              pointList.forEach(function (point) {
+                let arr = point.split(',');
+                result.push(new BMap.Point(arr[0], arr[1]));
+              });
+              resultlist.push(result);
+            }
+
+            // 创建多边形
+            polygon1 = new BMap.Polygon(resultlist[0], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon1.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[0].id;
+            });
+            map.addOverlay(polygon1);
+            // 创建多边形
+            polygon2 = new BMap.Polygon(resultlist[1], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon2.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[1].id;
+            });
+            // 将多边形添加到地图中
+            map.addOverlay(polygon2);
+            polygon3 = new BMap.Polygon(resultlist[2], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon3.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[2].id;
+            });
+            map.addOverlay(polygon3);
+            polygon4 = new BMap.Polygon(resultlist[3], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon4.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[3].id;
+            });
+            map.addOverlay(polygon4);
+            polygon5 = new BMap.Polygon(resultlist[4], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon5.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[4].id;
+            });
+            map.addOverlay(polygon5);
+            polygon6 = new BMap.Polygon(resultlist[5], {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+
+            polygon6.addEventListener('click', function () {
+              window.location.href = 'dqfwNew.html?id=' + allpointList[5].id;
+            });
+            map.addOverlay(polygon6);
+
+          })
+          .catch(error => console.error('Error fetching JSON:', error));
+
+      },
+      async getParkData() {
+        let that = this;
+        await $.ajax({
+          url: conpath + "/parkData/",
+          type: "get",
+          dataType: "json",
+          async: false,
+          success: function (data) {
+            const arr = []
+            data.forEach(function (item) {
+              item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
+            })
+            that.titleList = data;
+          }
+        })
+        await $.ajax({
+          url: conpath + "/sellLand",
+          type: "post",
+          contentType: 'application/json',
+          data: JSON.stringify({
+            "currentPage": 1,
+            "pageSize": 10000,
+            "parkId": that.id,
+            "keyword": ''
+          }),
+          dataType: "json",
+          success: function (data) {
+            let dataList = data.list;
+            that.contentList = dataList;
+          }
+        });
+        await $.ajax({
+          url: conpath + "/sellBuild",
+          type: "post",
+          contentType: 'application/json',
+          data: JSON.stringify({
+            "currentPage": 1,
+            "pageSize": 10000,
+            "parkId": that.id,
+            "space1": null,
+            "application": null
+          }),
+          dataType: "json",
+          success: function (data) {
+            let dataList = data.list;
+            that.buildList = dataList;
+          }
+        });
+        var height = document.querySelector('.tdgyList').clientHeight;
+        console.log(height);
+        this.addKeyFrames('-' + height * this.contentList.length + 'px');
+        var height1 = document.querySelector('.ztfwList').clientHeight;
+        console.log(height1);
+        this.addKey('-' + height1 * this.buildList.length + 'px');
+      },
+      addKeyFrames(y) {
+        var style = document.createElement('style');
+        style.type = 'text/css';
+        var keyFrames = '\
+    @keyframes rowupzt {\
+        100% {\
+            -webkit-transform: translate3d(0, A_DYNAMIC_VALUE, 0);\
+            top: -A_DYNAMIC_VALUEpx;\
+        }\
+    }';
+        style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, y);
+        document.getElementsByClassName('tdgy')[0].appendChild(style);
+      }
+    }
+  });
+</script>
+
+</html>

+ 54 - 0
nngkxxdp/src/main/resources/static/naxsb/cytzs.html

@@ -0,0 +1,54 @@
+<!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" />
+    <meta name=”SiteName” content=”重庆市南岸区人民政府”>
+    <meta name="SiteDomain" content="http://ww.cqna.gov.cn" />
+    <meta name="SiteIDCode" content="5001080014">
+    <meta name="ColumnName" content="重庆市南岸区政务公开惠民便民地图">
+    <meta name="ColumnDescription" content="重庆市南岸区政务公开惠民便民地图" />
+    <meta name="ColumnKeywords" content="重庆市南岸区政务公开惠民便民地图" />
+    <meta name="ColumnType" content="重庆市南岸区政务公开惠民便民地图" />
+    <title>重庆市南岸区政务公开惠民便民地图</title>
+</head>
+<style>
+    body {
+        width: 100%;
+        height: 100%;
+        margin: 0px;
+        padding: 0px;
+    }
+
+    iframe {
+        border: 0px;
+    }
+
+    .pFoot-btm {
+        margin-top: 0px !important;
+    }
+</style>
+
+<body>
+    <div style="width:100%;height:570px" class="header"></div>
+    <iframe id="childshell" width="100%" height="937px" src="cytz.html"></iframe>
+    <div style="width:100%;" class="footer"></div>
+
+</body>
+<script src="js/jquery-3.5.1.min.js"></script>
+
+<script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+
+
+</html>

+ 246 - 78
nngkxxdp/src/main/resources/static/naxsb/dqfw.html

@@ -6,11 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>党建服务</title>
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <!-- jquery-->
     <script src="js/jquery-3.5.1.min.js"></script>
     <script src="js/urljson.js"></script>
@@ -25,7 +25,6 @@
             margin: 0;
             padding: 0;
             font-family: Microsoft YaHei;
-            height: 100%;
             background: #EDF5FF;
         }
 
@@ -36,12 +35,20 @@
             font-style: normal;
         }
 
+        .dqfw {
+            height: 100%;
+            position: relative;
+        }
+
         .dqfw>.top {
+            height: 476px;
+            padding-top: 10px;
+            box-sizing: border-box;
             display: flex;
             justify-content: space-between;
-            align-items: center;
             border-bottom: 1px solid #B7C7DC;
-            background: #FFFFFF;
+            background-image: url(images/topbg-dqfw.png);
+            background-size: 100% 100%;
         }
 
         .toplogo {
@@ -122,46 +129,24 @@
             min-width: 790px;
         }
 
-        .dqfw .line {
-            width: 4px;
-            height: 20px;
-            background: #4B98F6;
-            margin: 0 10px;
-        }
-
-        .container>.right .title {
-            display: flex;
-            align-items: center;
-            color: #4B98F6;
-            padding: 10px;
-            box-sizing: border-box;
-            border-bottom: 1px solid #4B98F6;
-        }
-
-        .container>.right .title span {
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-
-        .container>.right .content {
-            border: 1px solid #4B98F6;
-            margin: 10px;
+        .content {
+            width: 1400px;
+            margin: auto;
         }
 
         .content .person {
             width: 100%;
-            height: 161px;
+            height: 109px;
             display: flex;
+            background-image: url(images/bottombg-dqfw.png);
+            background-size: 100% 100%;
+            color: #FFFFFF;
+            margin-top: 30px;
         }
 
         .content .person .grzl {
-            width: 36%;
-            min-width: 350px;
+            width: 400px;
             display: flex;
-            background: #4B98F6;
-            color: #FFFFFF;
             padding: 10px;
             box-sizing: border-box;
         }
@@ -175,59 +160,217 @@
             margin-bottom: 5px;
         }
 
-        .content .person .grzl p:first-child {
-            font-size: 26px;
-            color: #FFFFFF;
-            line-height: 48px;
-            text-shadow: 3px 5px 7px rgba(44, 119, 210, 0.43);
-            background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
+        .content .person .sevre {
+            width: calc(100% - 400px);
+            box-sizing: border-box;
+            margin-top: 25px;
+            margin-left: 30px;
         }
 
-        .content .person .sevre {
-            color: #4B98F6;
-            padding: 40px;
-            background: #DEEDFF;
+        .content .ctlist {
+            display: flex;
+            justify-content: space-between;
+            padding: 0 100px;
+            margin-top: 50px;
+        }
+
+        .content .line {
+            width: 2px;
+            height: 86px;
+            background: rgb(255 255 255 / 30%);
+            margin-top: 10px;
+        }
+
+        .content .list {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            cursor: pointer;
+        }
+
+        .content .list span {
+            font-weight: bold;
+            font-size: 32px;
+            color: #000000;
+        }
+
+        .content .img {
+            width: 130px;
+            height: 130px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .content .active .img {
+            background: rgb(255 195 142 / 30%);
+            border-radius: 50%;
+        }
+
+        .content .list>img {
+            margin-top: 35px;
+            display: none;
+        }
+
+        .content .list ul {
+            display: none;
+        }
+
+        .content .active ul {
+            display: block;
+        }
+
+        .content .active>img {
+            display: block;
+        }
+
+        .content .botlist {
+            /* position: absolute; */
+            width: 1400px;
+            height: auto;
+            background-color: #ff4a3c;
+            font-size: 18px;
+            color: #FFFFFF;
+            padding: 40px 0;
+            padding-left: 50px;
             box-sizing: border-box;
+
         }
 
-        .content>.bottom {
-            padding: 35px;
+        .content .botlist li {
+            margin-bottom: 20px;
+            cursor: pointer;
+        }
+
+        .content .botlist li:last-child {
+            margin-bottom: 0;
+        }
+
+        .dialog {
+            width: 1195px;
+            height: 712px;
+            background-image: url('images/bg-open.png');
+            background-size: 100% 100%;
+            position: absolute;
+            top: 17vh;
+            left: calc((100vw - 1195px)/2);
+            display: flex;
+            flex-direction: column;
+            padding: 20px;
             box-sizing: border-box;
+            line-height: 48px;
+            margin-top: 50px;
         }
 
-        .content>.bottom .name {
-            height: 51px;
-            line-height: 51px;
-            width: 263px;
-            background: #4BB664;
-            font-size: 20px;
-            color: #FFFFFF;
-            padding: 0 30px;
-            margin-bottom: 30px;
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
+        ::-webkit-scrollbar {
+            display: none;
+            /* Chrome Safari */
+        }
+
+        .close>img {
+            width: 45px;
+            height: 45px;
+            cursor: pointer;
+        }
+
+        .dialogHeader {
+            display: flex;
+            padding: 25px 25px;
+            justify-content: space-between;
+            color: #A51400;
+            font-size: 22px;
+            border-bottom: 2px solid #A51400;
+            width: calc(100% - 50px);
+        }
+
+        .dialogContent {
+            height: 100%;
+            overflow: auto;
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+
+        .hide {
+            width: 100%;
+            height: 100%;
+            background-color: rgb(0 0 0 / 30%);
+            position: absolute;
+            left: 0;
+            right: 0;
+        }
+
+        .noData {
+            text-align: center;
         }
     </style>
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div class="dqfw" id="dqfw">
+        <div class="hide" v-if="hide"></div>
         <div class="top">
             <div class="toplogo">
-                <img src="images/gyylogo.png" alt="">
-                <span>党群服务</span>
+                <img src="images/logo-dqfw.png" alt="">
+                <span style="color:#FFD8A4;">党群服务</span>
             </div>
-            <div class="backbutton" @click="window.history.go(-1)">
-                <img src="images/back1.png" alt="">
+            <div class="backbutton" @click="window.history.go(-1)"
+                style="background: rgba(165, 20, 0, .3);color:#FFD8A4;">
+                <img src="images/back-dqfw.png" alt="">
                 <span>返回</span>
             </div>
         </div>
-        <div class="container">
-            <div class="left">
+        <div class="content">
+            <div class="person">
+                <div class="grzl">
+                    <img src="images/logo-lxr.png" alt="">
+                    <div>
+                        <p><span>姓名:</span><span>{{rightdata.contacts?rightdata.contacts:'- '}}</span></p>
+                        <p><span>联系电话:</span>
+                            <span>{{rightdata.contactsPhone?rightdata.contactsPhone:'-'}}</span>
+                        </p>
+                        <p><span>地址:</span><span>{{rightdata.contactsAddr?rightdata.contactsAddr:'- '}}</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="line">
+                </div>
+                <div class="sevre">{{rightdata.contactsFunction?rightdata.contactsFunction:'- '}}</div>
+            </div>
+            <div class="ctlist" style="position: relative;">
+                <div class="list" :class="{ active: currentTab == item.id }" v-for="(item, index)  in leftList"
+                    :key="index" v-if="leftList.length" @mouseover="mentopChange(item.id)">
+                    <div class="img"><img :src="'images/dqfwl'+(index+1)+'.png'" alt=""></div>
+                    <span>{{item.partyForm?item.partyForm:'- '}}</span>
+                    <img src="images/dqfw-arrow.png" alt="">
+                </div>
+            </div>
+            <ul class="botlist">
+                <div v-for="(tabc, indexc)  in childrenList" v-if="currentTab==tabc.id">
+                    <li v-for="(tabl, indexl)  in tabc.children" :key="indexl" @click="menuChange(tabl.id,tabc.id)">
+                        {{tabl.information?tabl.information:'- '}}
+                    </li>
+                </div>
+            </ul>
+            <div style="height: 60px;"></div>
+            <div v-if="dialogVisible" class="dialog">
+                <div class="dialogHeader">
+                    <div class="dialogTitle">· 经开区新建非公党组织流程图</div>
+                    <div class="close" @click="dialogVisible=!dialogVisible;hide = false;">
+                        <img src="images/close-dqfw.png" />
+                    </div>
+                </div>
+                <div class="dialogContent">
+                    <div class="diaBox" v-if="rightdata.createWork">
+                        {{rightdata.createWork?rightdata.createWork:rightdata.imgUrl}}
+                    </div>
+                    <img :src="rightdata.imgUrl" style="width: 100%; height: 100%;" v-else-if="rightdata.imgUrl">
+
+                    </img>
+                    <div v-else class="noData">暂无内容</div>
+                </div>
+            </div>
+            <!-- <div class="left">
                 <div class="list" v-for="(item, index)  in leftList" :key="index" v-if="leftList.length">
                     <div class="title" :class="{ active: currtopId == item.id }">{{item.partyForm?item.partyForm:'- '}}
                     </div>
@@ -268,29 +411,46 @@
                         <img :src="rightdata.imgUrl" alt="" v-if="rightdata.imgUrl" style="width: 100%;">
                     </div>
                 </div>
-            </div>
+            </div> -->
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     // 初始化Vue实例
     new Vue({
         el: '#dqfw',
         data: function () {
             return {
                 reqPtah: '',
-                currentTab: '',
+                currentTab: 2,
                 currtopId: '',
                 leftList: [],
-                rightdata: {}
+                rightdata: {},
+                dialogVisible: false,
+                childrenList: [],
+                hide: false,
             };
         },
         methods: {
-            menuChange(id, topid) {
-                this.currtopId = topid;
+            mentopChange(id) {
                 this.currentTab = id;
+            },
+            menuChange(id) {
                 this.getrightData(id);
+                this.dialogVisible = true;
+                this.hide = true;
             },
             getParkData(id) {
                 let that = this;
@@ -310,8 +470,17 @@
                                 newList.push(obj)
                             }
                         })
-                        that.currentTab = newList[0].children[0].id;
-                        that.currtopId = newList[0].id;
+                        for (var i = 0; i < newList.length; i++) {
+                            that.childrenList.push({
+                                id: newList[i].id,
+                                children: newList[i].children
+                            })
+                            console.log(newList, that.childrenList);
+                        }
+                        if (newList.length) {
+                            that.currentTab = newList[0].id
+                        }
+                        console.log(that.currentTab);
                         that.getrightData(that.currentTab);
                         that.leftList = newList;
                     }
@@ -324,7 +493,6 @@
                     type: "get",
                     dataType: "json",
                     success: function (data) {
-                        console.log(data)
                         that.rightdata = data;
                     }
                 })

+ 803 - 0
nngkxxdp/src/main/resources/static/naxsb/dqfwNew.html

@@ -0,0 +1,803 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>产业园区</title>
+  <!-- 引入 Vue -->
+  <script src="js/vue.min.js"></script>
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="css/index.css">
+  <!-- 引入组件库 -->
+  <script src="js/index.js"></script>
+  <script src="js/jquery-3.5.1.min.js"></script>
+  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
+  </script>
+  <script src="js/urljson.js"></script>
+  <style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+
+    li {
+      list-style: none;
+    }
+
+    ::-webkit-scrollbar {
+      display: none;
+      /* Chrome Safari */
+    }
+
+    @font-face {
+      font-family: 'DOUYU';
+      src: url('fonts/DOUYUFONT-2.OTF');
+      font-weight: normal;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: 'Source Han Sans SC';
+      src: url('fonts/MSYHL.TTC');
+      font-weight: normal;
+      font-style: normal;
+    }
+
+    .backbutton img {
+      margin-right: 0.625rem;
+    }
+
+    #dqfwNew {
+      height: 100vh;
+      font-family: Microsoft YaHei;
+      color: #FFFFFF;
+      box-sizing: border-box;
+      position: relative;
+    }
+
+    .content {
+      height: calc(100% - 82px);
+      display: flex;
+      background: #EDF5FF;
+      padding: 0 15px 15px 15px;
+    }
+
+    #mapcontainer {
+      width: 60%;
+      height: calc(100% - 10px);
+      margin-top: 10px;
+    }
+
+    .contentR {
+      width: calc(40% - 10px);
+      height: 100%;
+      margin-left: 10px;
+    }
+
+    .contentBox {
+      height: calc(100% - 73px);
+      width: 100%;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      grid-column-gap: 15px;
+      grid-row-gap: 15px;
+    }
+
+    .contentItem {
+      border-radius: 10px;
+      background: url(image/ysxxbg.png) no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      width: 100%;
+    }
+
+    .main {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 20px;
+      flex: 1;
+    }
+
+    .yqfw {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 3rem;
+      flex: 1;
+    }
+
+    .yqlb {
+      display: grid;
+      padding: 0.9rem;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      grid-column-gap: 0.2rem;
+      grid-row-gap: 0.9rem;
+      flex: 1;
+    }
+
+    .mxqy {
+      display: flex;
+      flex-wrap: wrap;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      padding: 0.9rem;
+      flex: 1;
+    }
+
+    .tdgy {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0 20px;
+      width: 100%;
+      overflow-y: auto;
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+      box-sizing: border-box;
+      height: 100%;
+    }
+
+    .tdgyList {
+      display: flex;
+      border-bottom: 1px solid rgba(245, 250, 255, .2);
+      padding: 5px 0;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      width: 100%;
+      cursor: pointer;
+    }
+
+    .tdgyList:last-child {
+      display: flex;
+      border-bottom: none;
+    }
+
+    .tdgyList>img {
+      width: 20px;
+      height: 20px;
+      margin-top: 5px;
+      margin-right: 10px;
+    }
+
+    .nodata {
+      height: calc(100% - 10px);
+      width: 100%;
+      background-size: 100% 100%;
+    }
+
+    .tdgyContent {
+      width: calc(100% - 35px);
+    }
+
+    .tdgyTitle {
+      font-size: 20px;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+    }
+
+    .mxqyList {
+      width: calc(50% - 5px);
+      height: 50%;
+      box-sizing: border-box;
+      margin-bottom: 5px;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .mxqyList:nth-child(even) {
+      margin-left: 5px;
+    }
+
+    .mxqyList>img {
+      width: 100%;
+      height: 100%;
+    }
+
+    .tdgyLocation {
+      font-size: 12px;
+      color: rgba(255, 255, 255, .6);
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;
+      text-overflow: ellipsis !important;
+      -o-text-overflow: ellipsis;
+    }
+
+    .tdgyDec {
+      font-size: 16px;
+    }
+
+    .mainList {
+      background: url(image/yqlbListbg.png) no-repeat;
+      background-size: 100% 100%;
+      box-sizing: border-box;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+    }
+
+    .mainList:nth-child(odd) {
+      padding-right: 25px;
+    }
+
+    .mb {
+      margin-bottom: 25px;
+    }
+
+    .mainBox>img {
+      width: 2rem;
+      height: 2rem;
+      margin-right: 10px;
+    }
+
+    .mainBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 16px;
+      box-sizing: border-box;
+      cursor: pointer;
+      /* justify-content: center; */
+    }
+
+    .mainBox span {
+      font-weight: bold;
+    }
+
+    .mainBox>img {
+      vertical-align: middle;
+    }
+
+    .dec {
+      font-size: 12px;
+    }
+
+    .yqfwBox {
+      width: 50%;
+      display: flex;
+      align-items: center;
+      font-size: 18px;
+      box-sizing: border-box;
+      cursor: pointer;
+      /* justify-content: center; */
+    }
+
+    .yqfwBox>img {
+      width: 20px;
+      height: 20px;
+      margin-right: 10px;
+    }
+
+    .title {
+      display: flex;
+      justify-content: space-between;
+      padding: 15px;
+      align-items: center;
+      color: #FFFFFF;
+      font-family: Microsoft YaHei;
+    }
+
+    .text {
+      font-weight: bold;
+      font-size: 20px;
+    }
+
+    .more {
+      font-size: 16px;
+      cursor: pointer;
+    }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #B7C7DC;
+      background: #192E47;
+    }
+
+    .toplogo img {
+      margin-bottom: 17px;
+      margin-right: 10px;
+    }
+
+    .toplogo {
+      padding-left: 10px;
+      display: flex;
+      align-items: center;
+      font-family: DOUYU;
+      font-weight: normal;
+      font-size: 30px;
+      color: #fff;
+      height: 66px;
+      cursor: pointer;
+    }
+
+    .backbutton {
+      width: 117px;
+      height: 42px;
+      background: #539EDD;
+      border-radius: 10px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      font-size: 16px;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      cursor: pointer;
+    }
+
+    .backbutton img {
+      margin-right: 10px;
+    }
+
+    .location {
+      height: 73px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      font-size: 1.17rem;
+      color: #333333;
+      line-height: 73px;
+    }
+
+    .location>i {
+      color: #C4C4C4 !important;
+    }
+
+    /* 淡出动画 */
+    .fade-out {
+      animation: fadeOut 1s forwards;
+    }
+
+    /* 淡入动画 */
+    .fade-in {
+      animation: fadeIn 1s forwards;
+    }
+
+    @keyframes fadeOut {
+      from {
+        opacity: 0.8;
+      }
+
+      to {
+        opacity: 0.6;
+      }
+    }
+
+    @keyframes fadeIn {
+      from {
+        opacity: 0.6;
+      }
+
+      to {
+        opacity: 0.8;
+      }
+    }
+
+    @media screen and (max-width:1600px) {
+
+      html,
+      body {
+        font-size: 14px;
+      }
+    }
+
+    @media screen and (max-width:1400px) {
+
+      html,
+      body {
+        font-size: 14px;
+      }
+    }
+
+    @media screen and (max-width:1300px) {
+
+      html,
+      body {
+        font-size: 10px;
+      }
+    }
+
+    .contentItem video {
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+</head>
+
+<body>
+  <div style="width:100%;height:570px" class="header"></div>
+  <div class="" id="dqfwNew">
+    <div class="top">
+      <div class="toplogo">
+        <img src="image/gyylogowhite.png" alt="">
+        <span>{{parkDesc?parkDesc.title:'-'}}</span>
+      </div>
+      <div class="backbutton" @click="window.history.go(-1)">
+        <img src="images/backlogo.png" alt="">
+        <span>返回</span>
+      </div>
+    </div>
+    <div class="content">
+      <div id="mapcontainer"></div>
+      <div class="contentR">
+        <div class="location"><i class="el-icon-location"></i>&nbsp;南岸区</div>
+        <div class="contentBox">
+          <div class="contentItem">
+            <video autoplay loop muted playsinline>
+              <source src="media/业.ecabc222.mp4" type="video/mp4" style="width:100%;height: 100%;">
+              Your browser does not support the video tag.
+            </video>
+          </div>
+          <div class="contentItem">
+            <div class="title">
+              <span class="text">园区介绍</span>
+            </div>
+            <div class="main">
+              <div class="mainBox mb" v-show="parkDesc&&parkDesc.title&&parkDesc.title.length">
+                <img src="image/zmj.png" />
+                <div>
+                  <div>{{parkDesc?parkDesc.title:'-'}}</div>
+                </div>
+              </div>
+              <div class="mainBox mb" v-show="parkDesc&&parkDesc.totalArea&&parkDesc.totalArea.length">
+                <img src="image/jcmj.png" />
+                <div>
+                  <div>用地面积</div>
+                  <div class="dec"><span>{{parkDesc?parkDesc.totalArea:'-'}}</span>平方公里</div>
+                </div>
+              </div>
+              <div class="mainBox mb" v-show="parkDesc&&parkDesc.buildArea&&parkDesc.buildArea.length">
+                <img src="image/jcmj1.png" />
+                <div>建成面积
+                  <div class="dec"><span>{{parkDesc?parkDesc.buildArea:'-'}}</span>平方公里</div>
+                </div>
+              </div>
+              <div class="mainBox" v-show="parkDesc&&parkDesc.industry&&parkDesc.industry.length">
+                <img src="image/cyfb.png" />
+                <div>主导产业
+                  <div class="dec">{{parkDesc?parkDesc.industry:'-'}}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/tdgybg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">土地供应</span>
+              <span class="more" @click="golink('tdcrlist.html?id=-1',1)" v-if="!contentList.length">更多>></span>
+              <span class="more" @click="golink('tdcrlist.html',2)" v-else>更多>></span>
+            </div>
+            <div class="tdgy">
+              <div class="tdgyList" v-for="(tab, index)  in this.contentList" :key="index" @click="goTdcr(tab.id)">
+                <img src="image/listcricle.png" />
+                <div class="tdgyContent">
+                  <div class="tdgyTitle">{{tab.landName}}</div>
+                  <div class="tdgyDec">{{tab.landArea}}亩&nbsp;丨&nbsp;{{tab.landFunction?tab.landFunction:''}}</div>
+                  <div class="tdgyLocation"><i class="el-icon-location"></i>{{tab.addr?tab.addr:''}}</div>
+                </div>
+              </div>
+              <div class="nodata" v-show="!contentList.length"
+                :style="{ backgroundImage: 'url(' + tdBackgroundImage + ')'}"></div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/ztfwbg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">载体服务</span>
+              <span class="more" @click="golink('ztcrlist.html',2)">更多>></span>
+            </div>
+            <div class="tdgy">
+              <div class="tdgyList" v-for="(tab, index)  in this.buildList" :key="index" @click="goZtcr(tab.id)">
+                <img src="image/listcricle.png" />
+                <div class="tdgyContent">
+                  <div class="tdgyTitle">{{tab.carrierName}}</div>
+                  <div class="tdgyDec">
+                    {{tab.space?tab.space:''}}亩&nbsp;丨&nbsp;</div>
+                </div>
+              </div>
+              <div class="nodata" v-show="!buildList.length"
+                :style="{ backgroundImage: 'url(' + ztBackgroundImage + ')'}"></div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/yqfwbg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">园区服务</span>
+            </div>
+            <div class="yqfw">
+              <div class="yqfwBox mb" @click="golink('tsfw.html')">
+                <img src="image/listcricle.png" />特色服务
+              </div>
+              <div class="yqfwBox mb" @click="golink('dqfw.html')">
+                <img src="image/listcricle.png" />党群服务
+              </div>
+              <div class="yqfwBox" @click="window.open('wybdb.html')">
+                <img src="image/listcricle.png" />帮代办服务
+              </div>
+              <div class="yqfwBox" @click="golink('znxzchoice.html')">
+                <img src="image/listcricle.png" />智能选址
+              </div>
+            </div>
+          </div>
+          <div class="contentItem" style="background:url(image/mxqybg.png) no-repeat;background-size: 100% 100%;">
+            <div class="title">
+              <span class="text">明星企业</span>
+            </div>
+            <div class="mxqy">
+              <div class="mxqyList" v-for="(tab, index)  in this.titleList" @click="tab.link?window.open(tab.link):''"
+                :key="index">
+                <img :src="tab.logo" alt="">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div style="width:100%;" class="footer"></div>
+</body>
+<script>
+  $(function () {
+    /*公共部分
+    * 导航栏
+    * footer CopyRight
+    */
+    $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+    $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+  });
+</script>
+<script>
+  // 初始化Vue实例
+  new Vue({
+    el: '#dqfwNew',
+    data: function () {
+      return {
+        reqPtah: '',
+        currentTab: -1,
+        contentList: [],
+        buildList: [],
+        currentTitle: '',
+        parkDesc: null,
+        parkName: '',
+        titleList: [],
+        tdBackgroundImage: 'image/tdcy.webp',
+        ztBackgroundImage: 'image/ztcy.webp',
+        fadeOut: false,
+        fadeIn: false,
+        id: null,
+        curraddr: ''
+      };
+    },
+    created() { },
+    async mounted() {
+      const url = new URL(window.location.href);
+      this.id = url.searchParams.get('id');
+      await this.getParkData()
+      if (this.id == 4) {
+        this.tdBackgroundImage = 'image/npxqcyy.jpg';
+      } else if (this.id == 6) {
+        this.tdBackgroundImage = 'image/dxkjy.jpg';
+      } else if (this.id == 5) {
+        this.tdBackgroundImage = 'image/ylcxg.jpg';
+      } else if (this.id == 1) {
+        this.tdBackgroundImage = 'image/cycyy.jpg';
+      } else if (this.id == 2) {
+        this.tdBackgroundImage = 'image/xjqcdzcyy.jpg';
+      } else if (this.id == 3) {
+        this.tdBackgroundImage = 'image/cjlscxcyy.jpg';
+      } else {
+        this.tdBackgroundImage = 'image/tdcy.webp';
+      }
+      if (this.id == 4) {
+        this.ztBackgroundImage = 'image/ztnp.webp';
+      } else if (this.id == 6) {
+        this.ztBackgroundImage = 'image/ztdx.webp';
+      } else if (this.id == 5) {
+        this.ztBackgroundImage = 'image/ztyl.webp';
+      } else if (this.id == 3) {
+        this.ztBackgroundImage = 'image/ztcjcx.webp';
+      } else if (this.id == 2) {
+        this.ztBackgroundImage = 'image/ztxj.webp';
+      } else {
+        this.ztBackgroundImage = 'image/ztcy.webp';
+      }
+    },
+    methods: {
+      goIndex() {
+        window.location.href = "indexsyyg.html"
+      },
+      back() {
+        window.location.href = "indexsyyg.html"
+      },
+      goTdcr(id) {
+        window.location.href = 'tdcr.html?tdid=' + id;
+      },
+      goZtcr(id) {
+        window.location.href = 'ztcrdetail.html?ztid=' + id;
+      },
+      golink(hrf, val) {
+        if (val) {
+          if (val === 1 && !this.contentList.length || val === 2 && !this.buildList.length) return window.location.href = hrf;
+        }
+        window.location.href = `${hrf}?id=${this.id}`;
+      },
+      loadAllMap() {
+        var that = this;
+        fetch('js/najson.json')
+          .then(response => response.json())
+          .then(data => {
+            var centerPoint = data.features[0].properties.center;
+
+            var map = new BMap.Map("mapcontainer");
+            map.enableScrollWheelZoom(); // 启用滚轮缩放
+            map.enableDragging(); // 启用拖拽功能
+            map.centerAndZoom(new BMap.Point(106.651444, 29.51982), 13);
+            map.setMapType(BMAP_NORMAL_MAP);
+            var pointList = data.features[0].geometry.coordinates[0][0];
+            let result = [];
+            pointList.forEach(function (point) {
+              result.push(new BMap.Point(point[0], point[1]));
+            });
+            // 创建多边形
+            let polygon = new BMap.Polygon(result, {
+              strokeColor: "#226cfb",
+              strokeWeight: 3,
+              strokeOpacity: 1,
+              strokeStyle: "dashed",
+              fillColor: "#4B98F6",
+              fillOpacity: 0.3
+            });
+            // 将多边形添加到地图中
+            map.addOverlay(polygon);
+            let pointList1 = that.curraddr.split('@');
+            let result1 = [];
+            pointList1.forEach(function (point) {
+              let arr = point.split(',');
+              result1.push(new BMap.Point(arr[0], arr[1]));
+            });
+            // 创建多边形
+            polygon1 = new BMap.Polygon(result1, {
+              strokeColor: "transparent",
+              strokeWeight: 0,
+              strokeOpacity: 1,
+              strokeStyle: "solid",
+              fillColor: "#f76f3a",
+              fillOpacity: 1
+            });
+            // 将多边形添加到地图中
+            map.addOverlay(polygon1);
+          })
+          .catch(error => console.error('Error fetching JSON:', error));
+
+      },
+      loadMap(points) {
+        let map = new BMap.Map("mapcontainer");
+        map.enableScrollWheelZoom(); // 启用滚轮缩放
+        map.enableDragging(); // 启用拖拽功能
+        // 设定中心点和地图级别
+        const addr = new URL(window.location.href);
+        const id = addr.searchParams.get('id');
+        // 设定中心点和地图级别
+        if (id == 1) {
+          map.centerAndZoom(new BMap.Point(106.651444, 29.45682), 14);
+        } else if (id == 2) {
+          map.centerAndZoom(new BMap.Point(106.76723874457288, 29.573276880811712), 14);
+        } else if (id == 3) {
+          map.centerAndZoom(new BMap.Point(106.69517131217539, 29.51577313312822), 15);
+        } else if (id == 4) {
+          map.centerAndZoom(new BMap.Point(106.559829995157, 29.501581648208534), 15);
+        } else if (id == 5) {
+          map.centerAndZoom(new BMap.Point(106.72194027111843, 29.513690776940248), 16);
+        } else if (id == 6) {
+          map.centerAndZoom(new BMap.Point(106.70580793222035, 29.514020426917684), 16);
+        } else {
+          map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+        }
+        map.setMapType(BMAP_NORMAL_MAP);
+        if (!points) return;
+
+        // // 创建文本标签
+        // if (!namePoint) return;
+        // let namearr = namePoint.split(',');
+        // var opts = {
+        //   position: new BMap.Point(namearr[0], namearr[1]), // 指定文本标签所在的地理位置
+        //   offset: new BMap.Size(10, 10) // 设置文本偏移量
+        // };
+        // // var opts = {
+        // //     position: new BMap.Point(106.76806451085417, 29.60233121330567), // 指定文本标签所在的地理位置
+        // //     offset: new BMap.Size(10, 10) // 设置文本偏移量
+        // // };
+        // // 创建文本标签对象,并添加到地图
+        // var label = new BMap.Label(this.tdcrDetail.landName, opts);
+        // // 自定义文本标签样式
+        // label.setStyle({
+        //   color: "#FFFFFF",
+        //   fontSize: "18px",
+        //   height: "auto",
+        //   lineHeight: "20px",
+        //   fontFamily: "微软雅黑",
+        //   fontWeight: 'bold',
+        //   backgroundColor: 'transparent',
+        //   border: 'none',
+        //   textShadow: '0 0 4px #4B97F5',
+        //   textStrokeColor: "#4B97F5", // 文本描边颜色
+        //   textStrokeWidth: "4px", // 文本描边宽度
+        // });
+        // map.addOverlay(label);
+      },
+      getParkData() {
+        let that = this;
+        $.ajax({
+          url: conpath + "/parkData/" + this.id,
+          type: "get",
+          dataType: "json",
+          async: false,
+          success: function (data) {
+            var pointlist = data.addr.split('@');
+            that.parkDesc = data;
+            that.curraddr = data.addr;
+            that.loadAllMap();
+          }
+        })
+        console.log(that.parkDesc)
+        $.ajax({
+          url: conpath + "/parkData/details/" + this.id,
+          type: "get",
+          dataType: "json",
+          success: function (data) {
+            that.titleList = data.filter(item => item.moduleType === "3");
+          }
+        });
+        $.ajax({
+          url: conpath + "/sellLand",
+          type: "post",
+          contentType: 'application/json',
+          data: JSON.stringify({
+            "currentPage": 1,
+            "pageSize": 10000,
+            "parkId": that.id,
+            "keyword": ''
+          }),
+          dataType: "json",
+          success: function (data) {
+            let dataList = data.list;
+            that.contentList = dataList;
+          }
+        });
+        $.ajax({
+          url: conpath + "/sellBuild",
+          type: "post",
+          contentType: 'application/json',
+          data: JSON.stringify({
+            "currentPage": 1,
+            "pageSize": 10000,
+            "parkId": that.id,
+            "space1": null,
+            "application": null
+          }),
+          dataType: "json",
+          success: function (data) {
+            let dataList = data.list;
+            that.buildList = dataList;
+          }
+        });
+      }
+    }
+  });
+</script>
+
+</html>

+ 21 - 8
nngkxxdp/src/main/resources/static/naxsb/floorone.html

@@ -237,6 +237,7 @@
 </style>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div class="container hide" id="app">
         <div class="floorTabs">
             <div class="list" :class="{ active: currentFloor == tab.id }" v-for="(tab,index) in floorList" :key="index"
@@ -416,7 +417,7 @@
                     <div style="font-weight: bold;font-size: 1.625rem;">{{btnName}}您可以办理:</div>
                     <div class="right" style="font-size: 1rem;">
                         <span>工作时间:</span>
-                        <span>法定工作日 9:00-12:30 14:00-18:00</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
                     </div>
                 </div>
                 <el-tabs v-model="activeName" @tab-click="handleClick">
@@ -444,9 +445,9 @@
                 </div>
                 <div class="top">
                     <div style="font-weight: bold;font-size: 1.625rem;white-space: nowrap;">{{btnName}}您可以办理:</div>
-                    <div class="right" style="font-size: 1rem;">
+                    <div class="right" style="font-size: 1rem;" v-show="btnName!=='24h自助服务区'">
                         <span>工作时间:</span>
-                        <span>法定工作日 9:00-12:30 14:00-18:00</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
                     </div>
                 </div>
                 <el-tabs v-model="activeNametwo" @tab-click="handleClicktwo">
@@ -480,7 +481,7 @@
                     <div style="font-weight: bold;font-size: 1.625rem;">{{btnName}}您可以办理:</div>
                     <div class="right" style="font-size: 1rem;">
                         <span>工作时间:</span>
-                        <span>法定工作日 9:00-12:30 14:00-18:00</span>
+                        <span>法定工作日 9:00-12:00 14:00-17:30</span>
                     </div>
                 </div>
             </div>
@@ -586,19 +587,31 @@
                 <div class="button" @click="goToLink('wyyy.html')">延时办</div>
                 <div class="button" @click="goToLink('wybdb.html')">帮代办</div>
                 <div class="button" @click="goToLink('qysmzq.html')">生命周期</div>
-                <div class="button" @click="goToLink('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/msjxjsbmp/index.html')">免申即享</div>
+                <div class="button" @click="goToLink('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/msjxjsbmp/index.html')">
+                    免申即享</div>
                 <div class="button" @click="goToLink('https://www.cqna.gov.cn/ghwd/znwd/index.html')">智能问答</div>
                 <div class="button" @click="dialogVisible=true">窗口电话</div>
             </div>
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 </body>
+<script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
 <!-- 引入 Vue -->
-<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+<script src="js/vue.min.js"></script>
 <!-- 引入样式 -->
-<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+<link rel="stylesheet" href="css/index.css">
 <!-- 引入组件库 -->
-<script src="https://unpkg.com/element-ui/lib/index.js"></script>
+<script src="js/index.js"></script>
 <script>
     var nowDiv = new Vue({
         el: "#app",

二進制
nngkxxdp/src/main/resources/static/naxsb/image/cjlscxcyy.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/cycyy.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/cyfb.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/cyts.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/dxkjy.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/gyylogowhite.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/jcmj.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/jcmj1.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/listcricle.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/mxqybg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/npxqcyy.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/qwtj.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/rwdy.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/tdcj.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/tdcy.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/tdgybg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/tdnp.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/tdyl.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/xjqcdzcyy.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ylcxg.jpg


二進制
nngkxxdp/src/main/resources/static/naxsb/image/yqfwbg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/yqlbListbg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/yqlbbg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ysxxbg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/zmj.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztcjcx.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztcy.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztdx.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztfwbg.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztnp.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztxj.webp


二進制
nngkxxdp/src/main/resources/static/naxsb/image/ztyl.png


二進制
nngkxxdp/src/main/resources/static/naxsb/image/zyys.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/back-dqfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/bg-open.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/bglt.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/bottombg-dqfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/button-bdbhv.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/button-ljbmhv.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/button-yyhv.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/close-dqfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/dqfw-arrow.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/dqfwl1.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/dqfwl2.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/dqfwl3.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/logo-dqfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/logo-lxr.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/tdaddr.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/topbg-dqfw.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/tsdh.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/tsdz.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/tslxr.png


二進制
nngkxxdp/src/main/resources/static/naxsb/images/ztcrno.png


+ 55 - 18
nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html

@@ -4,13 +4,13 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>便民惠企空间-重庆市南岸区经开区</title>
+  <title>便民惠企空间-重庆市南岸重庆区经开区</title>
   <!-- 引入 Vue -->
-  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+  <script src="js/vue.min.js"></script>
   <!-- 引入样式 -->
-  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+  <link rel="stylesheet" href="css/index.css">
   <!-- 引入组件库 -->
-  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+  <script src="js/index.js"></script>
   <link rel="stylesheet" href="swiper/swiper-bundle.css">
   <!-- jquery-->
   <script src="js/jquery-3.5.1.min.js"></script>
@@ -49,8 +49,6 @@
 
     #indexcygyy {
       height: 100vh;
-      background-image: url(images/indexcygyy.png);
-      background-size: 100% 100%;
       font-family: Microsoft YaHei;
       color: #FFFFFF;
       padding-top: 10px;
@@ -127,7 +125,7 @@
     }
 
     .el-collapse-item__content {
-      padding: 0 15px 15px 15px;
+      padding: 0 5px 15px 15px;
     }
 
     .el-collapse-item.is-disabled .el-collapse-item__header {
@@ -259,19 +257,35 @@
         font-size: 10px;
       }
     }
+
+    video {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      /* 确保视频按比例填充整个页面 */
+      z-index: -1;
+      /* 将视频置于所有内容之下 */
+    }
   </style>
 </head>
 
 <body>
-  <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
-    :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
+  <!-- <div style="width:100%;height:570px" class="header"></div> -->
+  <video autoplay loop muted playsinline>
+    <source src="media/业.ecabc222.mp4" type="video/mp4">
+    Your browser does not support the video tag.
+  </video>
+  <div class="" id="indexcygyy">
     <div class="title">
       <div class="subtitle"><span>重庆市南岸区</span><span>重庆经开区</span></div>
       <div class="mainTitle">便民惠企空间</div>
     </div>
     <div class="content">
-      <el-collapse accordion>
-        <el-collapse-item name="1">
+      <el-collapse accordion v-model="activeName">
+        <el-collapse-item name="1" disabled @mouseover.native="autoShow(1)" @mouseout.native="autoHide(1)">
           <template slot="title">
             <div class="titleC" @click.stop="window.open('qjt.html')">
               <img src="images/zwqjt.png" />
@@ -281,12 +295,14 @@
           <div class="collapseItem">
             <div class="link" @click="window.open('wybdb.html')">帮代办</div>
             <div class="link" @click="window.open('wyyy.html')">延时办</div>
-            <div class="link" @click="goToLink('qysmzq.html')">生命周期</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/ykb_254/')">主题服务</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/maps/sy.html')">政务便民地图</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/llzx/#/')">网上政府驾驶舱</div>
           </div>
         </el-collapse-item>
-        <el-collapse-item name="2">
+        <el-collapse-item name="2" disabled @mouseover.native="autoShow(2)" @mouseout.native="autoHide(2)">
           <template slot="title">
-            <div class="titleC" @click.stop="goToLink('cybj.html')">
+            <div class="titleC" @click.stop="goToLink('cytzs.html')">
               <img src="images/cyyq.png" />
               <div class="textCollapse">&emsp;产业园区</div>
             </div>
@@ -300,7 +316,7 @@
           <template slot="title">
             <div class="titleC" @click="goToLink('tdcrlist.html?id=-1')">
               <img src="images/tdcr.png" />
-              <div class="textCollapse">&emsp;土地出让服务</div>
+              <div class="textCollapse">&emsp;土地供应</div>
             </div>
           </template>
           <div class="collapseItem">
@@ -316,7 +332,7 @@
           <div class="collapseItem">
           </div>
         </el-collapse-item>
-        <el-collapse-item name="5" disabled>
+        <el-collapse-item name="5" disabled @mouseover.native="autoShow(5)" @mouseout.native="autoHide(5)">
           <template slot="title">
             <div class="titleC" @click="window.open('https://www.cqna.gov.cn/zczs/')">
               <img src="images/zcfw.png" />
@@ -324,20 +340,35 @@
             </div>
           </template>
           <div class="collapseItem">
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zcjd/wzjd/')">政策文件</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zczs/zcwd/')">政策问答</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zczs/zcwj/')">政策解读</div>
+            <div class="link" @click="window.open('https://www.cqna.gov.cn/zczs/zcjsq/')">政策计算器</div>
           </div>
         </el-collapse-item>
       </el-collapse>
     </div>
 
   </div>
+  <!-- <div style="width:100%;" class="footer"></div> -->
 </body>
+<!-- <script>
+  $(function () {
+    /*公共部分
+    * 导航栏
+    * footer CopyRight
+    */
+    $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+    $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+  });
+</script> -->
 <script>
   // 初始化Vue实例
   new Vue({
     el: '#indexcygyy',
     data: function () {
       return {
-        reqPtah: '',
+        activeName: '',
         currentTab: 1,
         titleList: [],
         currentTitle: '',
@@ -353,6 +384,12 @@
       this.getParkData()
     },
     methods: {
+      autoShow(val) {
+        this.activeName = String(val)
+      },
+      autoHide(val) {
+        this.activeName = ''
+      },
       goIndex() {
         window.location.href = "indexsyyg.html"
       },
@@ -365,7 +402,7 @@
         }
       },
       tsmore(id) {
-        window.location.href = "indexsyy.html?id=" + id;
+        window.location.href = "dqfwNew.html?id=" + id;
       },
       getParkData() {
         let that = this;

+ 0 - 554
nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html

@@ -1,554 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title></title>
-    <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-    <link rel="stylesheet" href="swiper/swiper-bundle.css">
-    <!-- jquery-->
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script src="js/urljson.js"></script>
-    <style>
-        * {
-            padding: 0;
-            margin: 0;
-        }
-
-        ul {
-            list-style-type: none;
-        }
-
-        li {
-            list-style: none;
-        }
-
-        @font-face {
-            font-family: 'DOUYU';
-            src: url('fonts/DOUYUFONT-2.OTF');
-            font-weight: normal;
-            font-style: normal;
-        }
-
-        .backbutton {
-            width: 7.3125rem;
-            height: 2.625rem;
-            background: rgb(0 0 0 / 30%);
-            border-radius: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            position: absolute;
-            top: 1.25rem;
-            right: 1.5625rem;
-            cursor: pointer;
-            z-index: 99;
-        }
-
-        .backbutton img {
-            margin-right: 0.625rem;
-        }
-
-        .topbg {
-            position: absolute;
-            top: 0;
-            width: 100vw;
-            height: 30vh;
-            background-image: url(images/bg-indextop.png);
-            background-size: 100% 100%;
-        }
-
-        #indexcygyy {
-            height: 100vh;
-            background-image: url(images/indexcygyy.png);
-            background-size: 100% 100%;
-            font-family: Microsoft YaHei;
-            color: #FFFFFF;
-            padding-top: 10px;
-            box-sizing: border-box;
-            position: relative;
-            opacity: 0.8;
-        }
-
-        .bg-cygyy {
-            background-image: url(images/indexcygyy.png);
-        }
-
-        .bg-dxkjy {
-            background-image: url(images/bg-dxkjy.png) !important;
-        }
-
-        .bg-npxq {
-            background-image: url(images/bg-npxq.png) !important;
-        }
-
-        .bg-ylcxg {
-            background-image: url(images/bg-ylcxg.jpg) !important;
-        }
-
-        #indexcygyy .top {
-            display: flex;
-            margin: auto;
-            justify-content: center;
-            position: absolute;
-            width: 100%;
-        }
-
-        #indexcygyy .logo {
-            display: flex;
-            align-items: center;
-            font-size: 1.25rem;
-            margin-right: 1.25rem;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-
-        #indexcygyy .logo img {
-            width: 3.5rem;
-            height: 3.5rem;
-        }
-
-        #indexcygyy .menu {
-            /* width: 60%; */
-            max-width: 1065px;
-            font-size: 1rem;
-            display: flex;
-        }
-
-        #indexcygyy .menu li {
-            width: 16%;
-            cursor: pointer;
-            white-space: nowrap;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        #indexcygyy .menu .active span {
-            font-size: 1.25rem;
-            padding-bottom: 0.3125rem;
-            box-sizing: border-box;
-            border-bottom: 1px solid #fff;
-        }
-
-        .content {
-            width: 53vw;
-            min-width: 589px;
-            height: 70vh;
-            background: rgb(0 28 60 / 60%);
-            border-radius: 10px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            margin-left: 8.3125rem;
-            margin-top: 15vh;
-            position: relative;
-        }
-
-        .content>div {
-            margin-top: 2%;
-        }
-
-        .content>.title {
-            /* margin-top: 1.875rem; */
-            font-family: DOUYU;
-            font-weight: normal;
-            font-size: 1.625rem;
-            color: #FFFFFF;
-            /* line-height: 3rem; */
-            /* text-shadow: 0px 2px 4px rgba(11, 96, 169, 0.25); */
-            background: linear-gradient(0deg, rgba(184, 225, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        .content>.line {
-            width: 37.9375rem;
-            height: 1.125rem;
-            /* margin-bottom: 1.25rem; */
-        }
-
-        .content>.text {
-            width: 95%;
-            min-height: 120px;
-            font-size: 1rem;
-            color: #FFFFFF;
-            line-height: 1.875rem;
-            text-indent: 2.5rem;
-
-        }
-
-        .content .more {
-            width: 95%;
-            height: 3.75rem;
-            background-image: url(images/more-cygyy.png);
-            background-size: 100% 100%;
-            font-size: 1.5rem;
-            color: #E1F0FE;
-            line-height: 2.75rem;
-            text-align: center;
-            cursor: pointer;
-        }
-
-        .swiper {
-            width: 95%;
-            height: 50%;
-            /* margin: 2.5rem auto; */
-        }
-
-        .swiper .title {
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-
-        .swiper-slide.list {
-            font-size: 1.125rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-evenly;
-            cursor: pointer;
-        }
-
-        .swiper-slide img {
-            display: block;
-            width: 17.8125rem;
-            height: 80%;
-            object-fit: cover;
-        }
-
-        .swiper-slide .slidecontent {
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            display: block;
-            font-size: 1rem;
-            color: rgb(255 255 255 / 60%);
-        }
-
-        .swiper-button-next,
-        .swiper-button-prev {
-            position: absolute;
-            top: 64%;
-            transform: translateY(-50%);
-            z-index: 20;
-            color: #fff;
-            margin-top: 0 !important;
-        }
-
-        .swiper-button-next {
-            right: 0;
-        }
-
-        .swiper-button-prev {
-            left: 0;
-        }
-
-        .swiper-button-prev:after,
-        .swiper-button-next:after {
-            font-size: 33px;
-        }
-
-        /* 淡出动画 */
-        .fade-out {
-            animation: fadeOut 1s forwards;
-        }
-
-        /* 淡入动画 */
-        .fade-in {
-            animation: fadeIn 1s forwards;
-        }
-
-        @keyframes fadeOut {
-            from {
-                opacity: 0.8;
-            }
-
-            to {
-                opacity: 0.6;
-            }
-        }
-
-        @keyframes fadeIn {
-            from {
-                opacity: 0.6;
-            }
-
-            to {
-                opacity: 0.8;
-            }
-        }
-
-        @media screen and (max-width:1600px) {
-
-            html,
-            body {
-                font-size: 14px;
-            }
-
-            .content {
-                width: 58vw;
-                height: 68vh;
-            }
-
-            .swiper-button-next,
-            .swiper-button-prev {
-                top: 68%;
-            }
-        }
-
-        @media screen and (max-width:1400px) {
-
-            html,
-            body {
-                font-size: 14px;
-            }
-
-            .content {
-                width: 56vw;
-                height: 68vh;
-            }
-        }
-
-        @media screen and (max-width:1300px) {
-
-            html,
-            body {
-                font-size: 10px;
-            }
-
-            .content {
-                width: 54vw;
-                height: 50vh;
-            }
-        }
-    </style>
-</head>
-
-<body>
-    <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
-        :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
-        <div class="backbutton" @click="back">
-            <img src="images/backlogo.png" alt="">
-            <span>返回</span>
-        </div>
-        <div class="topbg"></div>
-        <div class="top">
-            <div class="logo" @click="goIndex">
-                <img src="images/nalogo.png" alt="">
-                <span>重庆市南岸区人民政府</span>
-            </div>
-            <ul class="menu">
-                <li :class="{ active: currentTab == tab.id }" v-for="(tab, index)  in this.titleList" :key="index"
-                    @click="menuChange(tab.id)" :style="{width:tab.textwidth+'px'}">
-                    <span>{{tab.title}}</span>
-                </li>
-            </ul>
-        </div>
-        <div class="content">
-            <div class="title">{{currentTitle}}</div>
-            <img src="images/cygyyline.png" alt="" class="line">
-            <div class="text">{{parkDesc?parkDesc.slice(0,200):''}}<span
-                    v-if="parkDesc && parkDesc.length > 180">...</span>
-                <span v-if="parkDesc && parkDesc.length > 180" style="color: #E5C999;cursor: pointer;"
-                    @click="cheakmore">详情>></span>
-            </div>
-            <div class="swiper mySwiper">
-                <div class="swiper-wrapper">
-                    <div class="swiper-slide list" v-for="(item,index) in swiperList"
-                        @click="goToLink('ztcrdetail.html?ztid=' + item.id)">
-                        <div class="title" :title="item.carrierName">{{item.application}}</div>
-                        <div class="slidecontent">{{item.carrierName}}</div>
-                        <img :src="item.logo" alt="" v-if="item.logo">
-                        <img src="images/indexztcrno.png" alt="" v-else>
-                    </div>
-                </div>
-            </div>
-            <div class="swiper-button-prev"></div>
-            <div class="swiper-button-next"></div>
-            <div class="more" @click="cheakmore">查看更多>></div>
-        </div>
-
-    </div>
-</body>
-<script src="swiper/swiper-bundle.js"></script>
-<script>
-    // 初始化Vue实例
-    new Vue({
-        el: '#indexcygyy',
-        data: function () {
-            return {
-                reqPtah: '',
-                currentTab: -1,
-                titleList: [],
-                currentTitle: '',
-                parkDesc: '',
-                swiperList: [
-                ],
-                backgroundImage: 'images/indexcygyy.png',
-                fadeOut: false,
-                fadeIn: false
-            };
-        },
-        created() {
-        },
-        mounted() {
-        },
-        methods: {
-            goIndex() {
-                window.location.href = "indexsyyg.html"
-            },
-            menuChange(id) {
-                this.getDetailData(id);
-                this.currentTab = id;
-                this.getSellBuild(id);
-                // if (id == 4) {
-                //     var bgClass = `bg-npxq`;
-                // } else if (id == 6) {
-                //     var bgClass = `bg-dxkjy`;
-                // } else if (id == 5) {
-                //     var bgClass = `bg-ylcxg`;
-                // } else {
-                //     var bgClass = `bg-cygyy`;
-                // }
-                // $('#indexcygyy').removeClass();
-                // $('#indexcygyy').addClass(bgClass);
-                //         .bg-dxkjy {
-                //     background-image: url() !important;
-                // }
-
-                // .bg-npxq {
-                //     background-image: url() !important;
-                // }
-
-                // .bg-ylcxg {
-                //     background-image: url(images/bg-ylcxg.jpg) !important;
-                // }
-                this.fadeOut = true;
-                setTimeout(() => {
-                    if (id == 4) {
-                        this.backgroundImage = 'images/bg-npxq.png';
-                    } else if (id == 6) {
-                        this.backgroundImage = 'images/bg-dxkjy.png';
-                    } else if (id == 5) {
-                        this.backgroundImage = 'images/bg-ylcxg.jpg';
-                    } else {
-                        this.backgroundImage = 'images/indexcygyy.png';
-                    }
-
-                    this.fadeOut = false;
-                    this.fadeIn = true;
-                    setTimeout(() => {
-                        this.fadeIn = false;
-                    }, 1000);
-                }, 1000);
-            },
-            back() {
-                window.location.href = "indexsyyg.html"
-            },
-            cheakmore() {
-                window.location.href = "syyggyy.html?id=" + this.currentTab;
-            },
-            goToLink(url) {
-                if (url) {
-                    window.location.href = url;
-                }
-            },
-            getSellBuild(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/sellBuild",
-                    type: "post",
-                    contentType: 'application/json',
-                    data: JSON.stringify({
-                        "currentPage": 1,
-                        "pageSize": 1000,
-                        "parkId": id
-                    }),
-                    async: false,
-                    dataType: "json",
-                    success: function (data) {
-                        let dataList = data.list;
-                        dataList.forEach(function (d) {
-                            d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
-                        });
-                        that.swiperList = dataList;
-                    }
-                });
-            },
-            getParkData() {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/",
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        data.forEach(function (item) {
-                            item.subtitleList = item.subtitle ? item.subtitle.split(",") : [];
-                            item.textwidth = item.title.length * 20;
-                        })
-                        that.titleList = data;
-                        console.log(that.titleList)
-                    }
-                })
-            },
-            getDetailData(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/" + id,
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        that.currentTitle = data.title;
-                        document.title = that.currentTitle;
-                        that.parkDesc = data.desc?data.desc:'';
-                    }
-                })
-            }
-        },
-        mounted() {
-            const url = new URL(window.location.href);
-            const id = url.searchParams.get('id');
-            this.currentTab = id;
-            this.getSellBuild(id);
-            this.getDetailData(id);
-            this.getParkData();
-            if (id == 4) {
-                var bgClass = `bg-npxq`;
-            } else if (id == 6) {
-                var bgClass = `bg-dxkjy`;
-            } else if (id == 5) {
-                var bgClass = `bg-ylcxg`;
-            } else {
-                var bgClass = `bg-cygyy`;
-            }
-            $('#indexcygyy').removeClass();
-            $('#indexcygyy').addClass(bgClass);
-            this.$nextTick(() => {
-                var swiper = new Swiper(".mySwiper", {
-                    slidesPerView: 3,
-                    spaceBetween: 30,
-                    pagination: {
-                        el: ".swiper-pagination",
-                        clickable: true,
-                    },
-                    navigation: {
-                        nextEl: '.swiper-button-next',
-                        prevEl: '.swiper-button-prev',
-                    },
-                });
-            })
-        }
-    });
-
-</script>
-
-</html>

+ 0 - 664
nngkxxdp/src/main/resources/static/naxsb/indexsyy.html

@@ -1,664 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title></title>
-  <!-- 引入 Vue -->
-  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-  <!-- 引入样式 -->
-  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-  <!-- 引入组件库 -->
-  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-  <link rel="stylesheet" href="swiper/swiper-bundle.css">
-  <!-- jquery-->
-  <script src="js/jquery-3.5.1.min.js"></script>
-  <script src="js/urljson.js"></script>
-  <style>
-    * {
-      padding: 0;
-      margin: 0;
-      font-family: Microsoft YaHei;
-    }
-
-    ul {
-      list-style-type: none;
-    }
-
-    li {
-      list-style: none;
-    }
-
-    @font-face {
-      font-family: 'DOUYU';
-      src: url('fonts/DOUYUFONT-2.OTF');
-      font-weight: normal;
-      font-style: normal;
-    }
-
-    @font-face {
-      font-family: 'Source Han Sans SC';
-      src: url('fonts/MSYHL.TTC');
-      font-weight: normal;
-      font-style: normal;
-    }
-
-    .backbutton img {
-      margin-right: 0.625rem;
-    }
-
-    #indexcygyy {
-      height: 100vh;
-      /* background-image: url(images/indexcygyy.png); */
-      background-size: 100% 100%;
-      font-family: Microsoft YaHei;
-      color: #FFFFFF;
-      padding-top: 10px;
-      box-sizing: border-box;
-      position: relative;
-    }
-
-    .content {
-      width: 20vw;
-      /* min-width: 402px; */
-      height: auto;
-      background: rgb(4 20 40 / 50%);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      left: 64%;
-      top: 15vh;
-      position: absolute;
-      border-radius: 1.525rem;
-      padding: 20px;
-    }
-
-    .title {
-      color: #FFFFFF;
-      position: absolute;
-      left: 12%;
-      top: 15vh;
-    }
-
-    .subtitle {
-      font-family: DOUYU;
-      font-size: 2.225rem;
-      display: inline-block;
-      padding: 2rem 3rem;
-      background-color: #176ED0;
-      border-radius: .5rem;
-    }
-
-    .mainTitle {
-      border-radius: 0px 60px 0px 0px;
-      font-size: 1.225rem;
-      padding: 2rem 3rem;
-      background-color: rgba(0, 0, 0, .5);
-      text-indent: 2em;
-      width: 32vw;
-      height: 453px;
-      margin-top: 20px;
-      line-height: 36px;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .contentList {
-      height: auto;
-      justify-content: space-between;
-      line-height: normal;
-      background-color: transparent;
-      color: #FFFFFF !important;
-      font-size: 1.17rem;
-      font-family: Microsoft YaHei;
-      letter-spacing: 2px;
-      /* font-weight: 600; */
-      padding: 1.37rem;
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      cursor: pointer;
-      box-sizing: border-box;
-    }
-
-    .contentList:hover {
-      transform: scale(1.2);
-    }
-
-    .listRight {
-      display: flex;
-      align-items: center;
-    }
-
-    .listRight>img {
-      width: 0.7rem;
-      height: 1.2rem;
-    }
-
-    .el-collapse-item__content {
-      padding: 0 15px 15px 15px;
-    }
-
-    .listLeft {
-      display: flex;
-      align-items: center;
-    }
-
-    .collapseItem {
-      color: #DFDFDF;
-      display: flex;
-      flex-wrap: wrap;
-      font-size: 0.9rem;
-    }
-
-    .link {
-      cursor: pointer;
-      width: 50%;
-    }
-
-    .listLeft>img {
-      width: 3rem;
-      height: 3rem;
-    }
-
-    .content>.title {
-      /* margin-top: 1.875rem; */
-      font-family: DOUYU;
-      font-weight: normal;
-      font-size: 1.625rem;
-      color: #FFFFFF;
-      /* line-height: 3rem; */
-      /* text-shadow: 0px 2px 4px rgba(11, 96, 169, 0.25); */
-      background: linear-gradient(0deg, rgba(184, 225, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-
-    .content>.line {
-      width: 37.9375rem;
-      height: 1.125rem;
-      /* margin-bottom: 1.25rem; */
-    }
-
-    .content>.text {
-      width: 95%;
-      min-height: 120px;
-      font-size: 1rem;
-      color: #FFFFFF;
-      line-height: 1.875rem;
-      text-indent: 2.5rem;
-
-    }
-
-    .dialog {
-      width: 76vw;
-      background: rgba(4, 20, 40, .8);
-      position: absolute;
-      height: 71vh;
-      top: 17vh;
-      left: 12vw;
-      display: flex;
-      flex-direction: column;
-      /* justify-content: center; */
-    }
-
-    .close>img {
-      width: 1.1rem;
-      height: 1.1rem;
-      cursor: pointer;
-    }
-
-    .dialogHeader {
-      display: flex;
-      padding: 25px 25px;
-      justify-content: space-between;
-      color: #176ED0;
-      font-size: 1.375rem;
-      border-bottom: 1px solid #176ED0;
-      width: calc(100% - 50px);
-      margin: auto;
-      font-weight: 600;
-    }
-
-    .dialogContent {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-row-gap: 20px;
-      grid-column-gap: 20px;
-      padding: 3rem;
-      flex: 1;
-      overflow: auto;
-      -ms-overflow-style: none;
-      scrollbar-width: none;
-    }
-
-    .diaBox {
-      text-align: center;
-    }
-
-    .diaBox>img {
-      width: 90%;
-      height: 7.5rem;
-      background-color: #fff;
-    }
-
-    /* 淡出动画 */
-    .fade-out {
-      animation: fadeOut 1s forwards;
-    }
-
-    /* 淡入动画 */
-    .fade-in {
-      animation: fadeIn 1s forwards;
-    }
-
-    .backbutton {
-      width: 117px;
-      height: 42px;
-      background: url(images/buttonbg.png) no-repeat;
-      background-size: 100% 100%;
-      border-radius: 10px;
-      font-family: Microsoft YaHei;
-      font-weight: 400;
-      font-size: 16px;
-      color: #fff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 10px;
-      cursor: pointer;
-      position: absolute;
-      top: 4vh;
-      right: 2vw;
-    }
-
-    .backbutton img {
-      margin-right: 10px;
-    }
-
-    ::-webkit-scrollbar {
-      display: none;
-      /* Chrome Safari */
-    }
-
-
-    .jbqk {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 30px;
-
-    }
-
-    .jbqk img {
-      margin: 0 10px;
-    }
-
-    .jbqk .list {
-      width: 199px;
-      height: 80px;
-      background: #4EB2AD;
-      display: flex;
-      font-family: Microsoft YaHei;
-      box-sizing: border-box;
-      font-size: 18px;
-      color: #ffffff;
-      align-items: center;
-    }
-
-    .jbqk .right {
-      display: flex;
-      flex-direction: column;
-      text-indent: 0;
-      justify-content: center;
-      height: 100%;
-      box-sizing: border-box;
-    }
-
-    .jbqk .right>div {
-      text-align: left;
-      width: auto;
-    }
-
-    .jbqk .right>div span:last-child {
-      font-size: 12px;
-    }
-
-    .jbqk .right>div span:first-child {
-      font-size: 26px;
-      font-weight: bold;
-    }
-
-    .cyfb {
-      font-size: 12px;
-      margin-top: 5px;
-      cursor: pointer;
-      display: -webkit-box;
-      line-height: 15px;
-      -webkit-line-clamp: 2;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      -webkit-box-orient: vertical;
-      word-break: break-all;
-      margin-right: 5px;
-    }
-
-    @keyframes fadeOut {
-      from {
-        opacity: 0.8;
-      }
-
-      to {
-        opacity: 0.6;
-      }
-    }
-
-    @keyframes fadeIn {
-      from {
-        opacity: 0.6;
-      }
-
-      to {
-        opacity: 0.8;
-      }
-    }
-
-    @media screen and (max-width:1600px) {
-
-      html,
-      body {
-        font-size: 14px;
-      }
-    }
-
-    @media screen and (max-width:1400px) {
-
-      html,
-      body {
-        font-size: 14px;
-      }
-    }
-
-    @media screen and (max-width:1300px) {
-
-      html,
-      body {
-        font-size: 10px;
-      }
-    }
-  </style>
-</head>
-
-<body>
-  <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
-    :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
-    <div class="title">
-      <span class="subtitle">{{parkName}}</span>
-      <div class="mainTitle">
-
-        <div class="jbqk">
-          <div class="list" style="">
-            <img src="images/jbqki1.png" alt="">
-            <div class="right">
-              <div>总面积</div>
-              <div><span id="totalSpace">-</span><span>平方公里</span></div>
-            </div>
-          </div>
-          <div class="list" style="background-color: #4B98F6;">
-            <img src="images/jbqki2.png" alt="">
-            <div class="right">
-              <div>建成面积</div>
-              <div><span id="buildSpace">-</span><span>平方公里</span></div>
-            </div>
-          </div>
-          <div class="list" style="background-color: #4BB664;">
-            <img src="images/jbqki3.png" alt="">
-            <div class="right" style="justify-content: flex-start;">
-              <div>产业分布</div>
-              <span class="cyfb" :title="jbqk.industry">{{this.jbqk.industry?this.jbqk.industry:'- '}}</span>
-            </div>
-          </div>
-        </div>
-        <div style="text-indent:2em; -ms-overflow-style: none;flex:1;scrollbar-width: none;overflow: auto;">
-          {{parkDesc?parkDesc:'暂无简介'}}
-        </div>
-      </div>
-    </div>
-    <div class="backbutton" @click="window.history.go(-1)">
-      <img src="images/backlogo.png" alt="">
-      <span>返回</span>
-    </div>
-    <div class="content">
-      <li class="contentList" @click="golink('tsfw.html')">
-        <div class="listLeft">
-          <img src="images/tsfw.png" />&emsp;特色服务
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="golink('dqfw.html')">
-        <div class="listLeft">
-          <img src="images/dqfw.png" />&emsp;党群服务
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="window.open('wybdb.html')">
-        <div class="listLeft">
-          <img src="images/bdbfw.png" />&emsp;帮代办服务
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="golink('tdcrlist.html',1)">
-        <div class="listLeft">
-          <img src="images/tdcrfw.png" />&emsp;土地出让服务
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="golink('ztcrlist.html',2)">
-        <div class="listLeft">
-          <img src="images/ztfw_index.png" />&emsp;载体服务
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="golink('znxzchoice.html')">
-        <div class="listLeft">
-          <img src="images/tsfw2.png" />&emsp;智能选址
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-      <li class="contentList" @click="dialogVisible=!dialogVisible">
-        <div class="listLeft">
-          <img src="images/mxqy.png" />&emsp;明星企业
-        </div>
-        <div class="listRight">
-          <img src="images/arrowR.png" />
-        </div>
-      </li>
-    </div>
-    <div v-if="dialogVisible" class="dialog">
-      <div class="dialogHeader">
-        <div class="dialogTitle">明星企业</div>
-        <div class="close" @click="dialogVisible=!dialogVisible">
-          <img src="images/close.png" />
-        </div>
-      </div>
-      <div class="dialogContent">
-        <div class="diaBox" v-for="(item,index) in mxqyList" @click="item.link?window.open(item.link):''">
-          <img :src="item.logo" alt="">
-          <div>{{item.title}}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-<script>
-  // 初始化Vue实例
-  new Vue({
-    el: '#indexcygyy',
-    data: function () {
-      return {
-        reqPtah: '',
-        currentTab: -1,
-        contentList: [],
-        currentTitle: '',
-        parkDesc: '',
-        parkName: '',
-        mxqyList: [],
-        backgroundImage: 'images/indexsyyg.png',
-        fadeOut: false,
-        fadeIn: false,
-        id: null,
-        dialogVisible: false,
-        jbqk: {}
-      };
-    },
-    watch: {
-      dialogVisible: {
-        handler(val) {
-          if (val) {
-            this.getDetail(this.id)
-          }
-        }
-      }
-    },
-    mounted() {
-      const url = new URL(window.location.href);
-      this.id = url.searchParams.get('id');
-      this.getJBQK(this.id)
-      if (this.id == 4) {
-        this.backgroundImage = 'images/bg-npxq.png';
-      } else if (this.id == 6) {
-        this.backgroundImage = 'images/bg-dxkjy.png';
-      } else if (this.id == 5) {
-        this.backgroundImage = 'images/bg-ylcxg.jpg';
-      } else {
-        this.backgroundImage = 'images/indexsyyg.png';
-      }
-    },
-    methods: {
-      goIndex() {
-        window.location.href = "indexsyyg.html"
-      },
-      back() {
-        window.location.href = "indexsyyg.html"
-      },
-      getDetail(id) {
-        let that = this;
-        $.ajax({
-          url: conpath + "/parkData/details/" + id,
-          type: "get",
-          dataType: "json",
-          success: function (data) {
-            that.mxqyList = data.filter(item => item.moduleType === "3");
-          }
-        });
-      },
-      golink(hrf, val) {
-        if (!val) {
-          window.location.href = `${hrf}?id=${this.id}`;
-        } else {
-          if (val === 1) {
-            let that = this;
-            $.ajax({
-              url: conpath + "/sellLand",
-              type: "post",
-              contentType: 'application/json',
-              data: JSON.stringify({
-                "currentPage": 1,
-                "pageSize": 10000,
-                "parkId": that.id,
-                "keyword": ''
-              }),
-              dataType: "json",
-              success: function (data) {
-                let dataList = data.list;
-                that.contentList = dataList;
-                if (that.contentList && !that.contentList.length) {
-                  that.$message.warning('暂无土地出让数据!');
-                } else {
-                  window.location.href = `${hrf}?id=${that.id}`;
-                }
-              }
-            });
-          } else {
-            let that = this;
-            $.ajax({
-              url: conpath + "/sellBuild",
-              type: "post",
-              contentType: 'application/json',
-              data: JSON.stringify({
-                "currentPage": 1,
-                "pageSize": 10000,
-                "parkId": that.id,
-                "space1": null,
-                "application": null
-              }),
-              dataType: "json",
-              success: function (data) {
-                let dataList = data.list;
-                const contentList = dataList;
-                if (contentList && !contentList.length) {
-                  that.$message.warning('暂无载体服务数据!');
-                } else {
-                  window.location.href = `${hrf}?id=${that.id}`;
-                }
-              }
-            });
-          }
-        }
-
-      },
-      animateValue(obj, start, end, duration) {
-        let startTimestamp = null;
-        const step = (timestamp) => {
-          if (!startTimestamp) startTimestamp = timestamp;
-          const progress = Math.min((timestamp - startTimestamp) / duration, 1);
-          obj.innerHTML = Math.floor(progress * (end - start) + start);
-          if (progress < 1) {
-            window.requestAnimationFrame(step);
-          } else {
-            obj.innerHTML = end;
-            obj.classList.remove('animate');
-          }
-        };
-        obj.classList.add('animate');
-        window.requestAnimationFrame(step);
-      },
-      getJBQK(id) {
-        let that = this;
-        $.ajax({
-          url: conpath + "/parkData/" + id,
-          type: "get",
-          dataType: "json",
-          success: function (data) {
-            that.parkDesc = data.desc;
-            that.jbqk = data;
-            that.parkName = data.title;
-            document.title = data.title;
-            const time = 500;
-            // 总面积
-            const totalSpaceElement = document.getElementById('totalSpace');
-            that.animateValue(totalSpaceElement, 0, data.totalArea ? parseFloat(data.totalArea).toFixed(2) : '-', time);
-            // 建成面积
-            const buildSpaceElement = document.getElementById('buildSpace');
-            that.animateValue(buildSpaceElement, 0, data.buildArea ? parseFloat(data.buildArea).toFixed(2) : '-', time);
-          }
-        })
-      },
-    }
-  });
-</script>
-
-</html>

+ 0 - 322
nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html

@@ -1,322 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>四园一港</title>
-    <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-    <!-- jquery-->
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script src="js/urljson.js"></script>
-    <style>
-        * {
-            padding: 0;
-            margin: 0;
-        }
-
-        ul {
-            list-style-type: none;
-        }
-
-        li {
-            list-style: none;
-        }
-
-        body {
-            min-width: 1370px;
-            margin: 0;
-            overflow: hidden;
-            /* 确保视频覆盖整个页面 */
-        }
-
-        video {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            /* 确保视频按比例填充整个页面 */
-            z-index: -1;
-            /* 将视频置于所有内容之下 */
-        }
-
-        .indexcot {
-            height: 100vh;
-            /* background-image: url(images/indexsyyg.png); */
-            /* background-size: 100% 100%; */
-            font-family: Microsoft YaHei;
-            color: #FFFFFF;
-            padding-top: 1.875rem;
-            box-sizing: border-box;
-        }
-
-        .indexcot .top {
-            width: 69%;
-            display: flex;
-            margin: auto;
-            justify-content: space-between;
-        }
-
-        .indexcot .logo {
-            display: flex;
-            align-items: center;
-            font-size: 1.25rem;
-            margin-right: 10%;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-
-        .indexcot .logo img {
-            width: 3.5rem;
-            height: 3.5rem;
-        }
-
-        .indexcot .menu {
-            width: 60%;
-            max-width: 620px;
-            font-size: 1rem;
-            display: flex;
-            justify-content: space-evenly;
-            align-items: center;
-        }
-
-        .indexcot .menu li {
-            cursor: pointer;
-            white-space: nowrap;
-        }
-
-        .indexcot .menu .active {
-            font-size: 1.25rem;
-            padding-bottom: 0.3125rem;
-            box-sizing: border-box;
-            border-bottom: 1px solid #fff;
-        }
-
-        .indexcot .title {
-            display: flex;
-            width: 69%;
-            margin: auto;
-            align-items: center;
-            justify-content: center;
-            margin-top: 25vh;
-        }
-
-        .indexcot .title .left {
-            font-size: 2.375rem;
-            color: #FFFFFF;
-            display: flex;
-            flex-direction: column;
-            white-space: nowrap;
-        }
-
-        .indexcot .right {
-            font-size: 5rem;
-            color: #FFFFFF;
-            white-space: nowrap;
-            margin-left: 30px;
-        }
-
-        #titleTabs {
-            width: 80%;
-            max-width: 1500px;
-            margin: 0 auto;
-            font-size: 1.25rem;
-            display: flex;
-            justify-content: center;
-            margin-top: 3.125rem;
-        }
-
-        #titleTabs .tab {
-            width: 100%;
-            display: flex;
-            justify-content: space-between;
-        }
-
-        #titleTabs .tab-contents {
-            display: none;
-        }
-
-
-        #titleTabs .active .tab-contents {
-            display: flex;
-            flex-direction: column;
-            height: 24vh;
-            background: rgb(116 175 244 / 40%);
-        }
-
-        .tab-items {
-            /* width: 16%; */
-            width: 14.25rem;
-            height: 4.1875rem;
-            cursor: pointer;
-        }
-
-        .tab-items>.name {
-            height: 4.1875rem;
-            background: #5598E7;
-            margin-left: 0.9375rem;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            white-space: nowrap;
-            padding: 0 0.625rem;
-        }
-
-        .tab-items.active>.name {
-            background: #206AC2;
-            font-size: 1.375rem;
-        }
-
-        .tab-contents {
-            margin-left: 0.9375rem;
-        }
-
-        .tab-contents li {
-            display: flex;
-            align-items: center;
-            height: 2.5rem;
-            padding-left: 1.25rem;
-            box-sizing: border-box;
-            margin-top: 0.625rem;
-        }
-
-        .tab-contents li img {
-            margin-right: 0.9375rem;
-        }
-
-        .tab-contents .more {
-            padding-left: 2.6875rem;
-            font-size: 0.875rem;
-            color: #FFFFFF;
-            line-height: 3rem;
-            text-decoration-line: underline;
-            cursor: pointer;
-        }
-
-        @media screen and (max-width:1600px) {
-
-            html,
-            body {
-                font-size: 14px;
-            }
-        }
-
-        @media screen and (max-width:1300px) {
-
-            html,
-            body {
-                font-size: 10px;
-            }
-        }
-    </style>
-</head>
-
-<body>
-    <div class="indexcot" id="indexcot">
-        <video autoplay loop muted playsinline>
-            <source src="media/业.ecabc222.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-        </video>
-        <div class="top">
-            <div class="logo">
-                <img src="images/nalogo.png" alt="">
-                <span>重庆市南岸区人民政府</span>
-            </div>
-            <ul class="menu">
-                <li class="active" @click="golink('indexsyyg.html')">首页</li>
-                <li @click="golink('yqgk.html')">园区概况</li>
-                <li>产业布局</li>
-                <li @click="window.open('https://www.cqna.gov.cn/zczs/')">政策通</li>
-                <li @click=" golink('tsfw.html?id=1')">特色服务</li>
-                <li @click="golink('ztcrlist.html?id=-1')">载体租售</li>
-                <li @click=" golink('dqfw.html?id=1')">党群服务</li>
-            </ul>
-        </div>
-        <div class="title">
-            <div class="left">
-                <span style="letter-spacing: 4px; width: 230px;">重庆市南岸区</span>
-                <span style="letter-spacing: 13px; width: 230px;">重庆经开区</span>
-            </div>
-            <div class="right">
-                园区服务平台
-            </div>
-        </div>
-        <div id="titleTabs">
-            <div class="tab">
-                <div class="tab-items" :class="{ active: currentTab === tab.id }"
-                    v-for="(tab, index)  in this.titleList" :key="index" @mouseenter="currentTab = tab.id"
-                    @mouseleave="currentTab = -1">
-                    <div class="name" @click="tsmore(tab.id)">
-                        {{tab.title}}
-                    </div>
-                    <div class="tab-contents">
-                        <ul class="">
-                            <li v-for="(tabl, indexl)  in tab.subtitleList" :key="indexl">
-                                <img src="images/listlogo.png" alt="" />
-                                <div class="name">{{tabl}}</div>
-                            </li>
-                        </ul>
-                        <div class="more" @click="tsmore(tab.id)" v-if="tab.subtitleList.length">
-                            探索更多>>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    </div>
-</body>
-<script>
-    // 初始化Vue实例
-    new Vue({
-        el: '#indexcot',
-        data: function () {
-            return {
-                currentTab: -1,
-                titleList: [
-
-                ],
-                // parkData: {
-                //     id:[],
-                //     title:[],
-                //     subtitle:[]
-                // },
-            };
-        },
-        methods: {
-            tsmore(id) {
-                window.location.href = "syyggyy.html?id=" + this.currentTab;
-            },
-            golink(hrf) {
-                window.location.href = hrf;
-            },
-            getParkData() {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/",
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        data.forEach(function (item) {
-                            item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
-                        })
-                        that.titleList = data;
-                    }
-                })
-            }
-        },
-        mounted() {
-            this.getParkData();
-        }
-    });
-</script>
-
-</html>

文件差異過大導致無法顯示
+ 0 - 0
nngkxxdp/src/main/resources/static/naxsb/js/index.js


+ 1790 - 0
nngkxxdp/src/main/resources/static/naxsb/js/najson.json

@@ -0,0 +1,1790 @@
+{
+    "type": "FeatureCollection",
+    "features": [
+        {
+            "type": "Feature",
+            "properties": {
+                "adcode": 500108,
+                "name": "南岸区",
+                "center": [
+                    106.560813,
+                    29.523992
+                ],
+                "centroid": [
+                    106.660614,
+                    29.535521
+                ],
+                "childrenNum": 0,
+                "level": "district",
+                "acroutes": [
+                    100000,
+                    500000
+                ],
+                "parent": {
+                    "adcode": 500000
+                }
+            },
+            "geometry": {
+                "type": "MultiPolygon",
+                "coordinates": [
+                    [
+                        [
+                            [
+                                106.80117,
+                                29.589045
+                            ],
+                            [
+                                106.798864,
+                                29.590403
+                            ],
+                            [
+                                106.797363,
+                                29.591139
+                            ],
+                            [
+                                106.79622,
+                                29.592072
+                            ],
+                            [
+                                106.795776,
+                                29.593506
+                            ],
+                            [
+                                106.794995,
+                                29.595248
+                            ],
+                            [
+                                106.794554,
+                                29.596679
+                            ],
+                            [
+                                106.794024,
+                                29.599844
+                            ],
+                            [
+                                106.794059,
+                                29.601472
+                            ],
+                            [
+                                106.793158,
+                                29.603114
+                            ],
+                            [
+                                106.792472,
+                                29.604042
+                            ],
+                            [
+                                106.791552,
+                                29.604666
+                            ],
+                            [
+                                106.790164,
+                                29.605297
+                            ],
+                            [
+                                106.788423,
+                                29.605324
+                            ],
+                            [
+                                106.783788,
+                                29.606611
+                            ],
+                            [
+                                106.781238,
+                                29.60726
+                            ],
+                            [
+                                106.7788,
+                                29.607702
+                            ],
+                            [
+                                106.775892,
+                                29.608252
+                            ],
+                            [
+                                106.773229,
+                                29.608695
+                            ],
+                            [
+                                106.770913,
+                                29.609441
+                            ],
+                            [
+                                106.768707,
+                                29.609881
+                            ],
+                            [
+                                106.766969,
+                                29.610411
+                            ],
+                            [
+                                106.764634,
+                                29.610546
+                            ],
+                            [
+                                106.76196,
+                                29.610584
+                            ],
+                            [
+                                106.754258,
+                                29.610277
+                            ],
+                            [
+                                106.752622,
+                                29.610097
+                            ],
+                            [
+                                106.751573,
+                                29.609703
+                            ],
+                            [
+                                106.748616,
+                                29.607706
+                            ],
+                            [
+                                106.747306,
+                                29.605888
+                            ],
+                            [
+                                106.746219,
+                                29.603764
+                            ],
+                            [
+                                106.745011,
+                                29.601236
+                            ],
+                            [
+                                106.744282,
+                                29.59931
+                            ],
+                            [
+                                106.743655,
+                                29.597178
+                            ],
+                            [
+                                106.742934,
+                                29.595761
+                            ],
+                            [
+                                106.741716,
+                                29.592825
+                            ],
+                            [
+                                106.741108,
+                                29.591305
+                            ],
+                            [
+                                106.7405,
+                                29.589682
+                            ],
+                            [
+                                106.739187,
+                                29.588071
+                            ],
+                            [
+                                106.737761,
+                                29.586664
+                            ],
+                            [
+                                106.736233,
+                                29.585766
+                            ],
+                            [
+                                106.733998,
+                                29.584673
+                            ],
+                            [
+                                106.732467,
+                                29.583979
+                            ],
+                            [
+                                106.730936,
+                                29.583387
+                            ],
+                            [
+                                106.729179,
+                                29.582898
+                            ],
+                            [
+                                106.726024,
+                                29.582121
+                            ],
+                            [
+                                106.724259,
+                                29.581429
+                            ],
+                            [
+                                106.72098,
+                                29.580655
+                            ],
+                            [
+                                106.718631,
+                                29.579865
+                            ],
+                            [
+                                106.713003,
+                                29.578507
+                            ],
+                            [
+                                106.709611,
+                                29.577627
+                            ],
+                            [
+                                106.707607,
+                                29.576837
+                            ],
+                            [
+                                106.706076,
+                                29.575837
+                            ],
+                            [
+                                106.704655,
+                                29.575036
+                            ],
+                            [
+                                106.700165,
+                                29.571621
+                            ],
+                            [
+                                106.699329,
+                                29.570511
+                            ],
+                            [
+                                106.697421,
+                                29.568393
+                            ],
+                            [
+                                106.69588,
+                                29.566781
+                            ],
+                            [
+                                106.69422,
+                                29.565374
+                            ],
+                            [
+                                106.692329,
+                                29.564274
+                            ],
+                            [
+                                106.689988,
+                                29.563689
+                            ],
+                            [
+                                106.688692,
+                                29.563091
+                            ],
+                            [
+                                106.686585,
+                                29.562606
+                            ],
+                            [
+                                106.683661,
+                                29.562127
+                            ],
+                            [
+                                106.67969,
+                                29.562373
+                            ],
+                            [
+                                106.678176,
+                                29.562696
+                            ],
+                            [
+                                106.677366,
+                                29.562907
+                            ],
+                            [
+                                106.674702,
+                                29.564258
+                            ],
+                            [
+                                106.673893,
+                                29.56488
+                            ],
+                            [
+                                106.672631,
+                                29.566319
+                            ],
+                            [
+                                106.671614,
+                                29.567857
+                            ],
+                            [
+                                106.671159,
+                                29.568778
+                            ],
+                            [
+                                106.670473,
+                                29.569702
+                            ],
+                            [
+                                106.669909,
+                                29.570725
+                            ],
+                            [
+                                106.66922,
+                                29.571649
+                            ],
+                            [
+                                106.668426,
+                                29.573186
+                            ],
+                            [
+                                106.66541,
+                                29.578826
+                            ],
+                            [
+                                106.66466,
+                                29.581048
+                            ],
+                            [
+                                106.66353,
+                                29.583192
+                            ],
+                            [
+                                106.662295,
+                                29.58559
+                            ],
+                            [
+                                106.661631,
+                                29.586789
+                            ],
+                            [
+                                106.660388,
+                                29.588336
+                            ],
+                            [
+                                106.65904,
+                                29.58963
+                            ],
+                            [
+                                106.657794,
+                                29.59092
+                            ],
+                            [
+                                106.656439,
+                                29.591872
+                            ],
+                            [
+                                106.654582,
+                                29.591976
+                            ],
+                            [
+                                106.653218,
+                                29.591738
+                            ],
+                            [
+                                106.65193,
+                                29.590897
+                            ],
+                            [
+                                106.65084,
+                                29.589889
+                            ],
+                            [
+                                106.649458,
+                                29.588794
+                            ],
+                            [
+                                106.646993,
+                                29.587798
+                            ],
+                            [
+                                106.644836,
+                                29.587225
+                            ],
+                            [
+                                106.641903,
+                                29.586831
+                            ],
+                            [
+                                106.640147,
+                                29.58719
+                            ],
+                            [
+                                106.638016,
+                                29.588322
+                            ],
+                            [
+                                106.63637,
+                                29.589361
+                            ],
+                            [
+                                106.634928,
+                                29.5904
+                            ],
+                            [
+                                106.633292,
+                                29.592037
+                            ],
+                            [
+                                106.632536,
+                                29.593493
+                            ],
+                            [
+                                106.631301,
+                                29.595381
+                            ],
+                            [
+                                106.63083,
+                                29.596664
+                            ],
+                            [
+                                106.629682,
+                                29.59838
+                            ],
+                            [
+                                106.628361,
+                                29.601207
+                            ],
+                            [
+                                106.627995,
+                                29.60266
+                            ],
+                            [
+                                106.627815,
+                                29.6036
+                            ],
+                            [
+                                106.627734,
+                                29.604452
+                            ],
+                            [
+                                106.627745,
+                                29.605302
+                            ],
+                            [
+                                106.627675,
+                                29.607094
+                            ],
+                            [
+                                106.627702,
+                                29.608542
+                            ],
+                            [
+                                106.627336,
+                                29.610165
+                            ],
+                            [
+                                106.626483,
+                                29.611708
+                            ],
+                            [
+                                106.625622,
+                                29.61274
+                            ],
+                            [
+                                106.624656,
+                                29.613772
+                            ],
+                            [
+                                106.623309,
+                                29.614981
+                            ],
+                            [
+                                106.621181,
+                                29.615855
+                            ],
+                            [
+                                106.618754,
+                                29.616649
+                            ],
+                            [
+                                106.616911,
+                                29.617354
+                            ],
+                            [
+                                106.613984,
+                                29.617643
+                            ],
+                            [
+                                106.612524,
+                                29.617661
+                            ],
+                            [
+                                106.609882,
+                                29.617351
+                            ],
+                            [
+                                106.607536,
+                                29.617122
+                            ],
+                            [
+                                106.605381,
+                                29.616635
+                            ],
+                            [
+                                106.603912,
+                                29.616227
+                            ],
+                            [
+                                106.602244,
+                                29.615567
+                            ],
+                            [
+                                106.600969,
+                                29.614899
+                            ],
+                            [
+                                106.598798,
+                                29.613648
+                            ],
+                            [
+                                106.597127,
+                                29.612986
+                            ],
+                            [
+                                106.595166,
+                                29.61216
+                            ],
+                            [
+                                106.593595,
+                                29.611412
+                            ],
+                            [
+                                106.592422,
+                                29.610915
+                            ],
+                            [
+                                106.589662,
+                                29.609331
+                            ],
+                            [
+                                106.588473,
+                                29.607981
+                            ],
+                            [
+                                106.586485,
+                                29.605622
+                            ],
+                            [
+                                106.585194,
+                                29.603932
+                            ],
+                            [
+                                106.584395,
+                                29.602582
+                            ],
+                            [
+                                106.583397,
+                                29.600804
+                            ],
+                            [
+                                106.582485,
+                                29.598686
+                            ],
+                            [
+                                106.581669,
+                                29.596567
+                            ],
+                            [
+                                106.58094,
+                                29.593167
+                            ],
+                            [
+                                106.580402,
+                                29.590279
+                            ],
+                            [
+                                106.580367,
+                                29.587977
+                            ],
+                            [
+                                106.580914,
+                                29.585416
+                            ],
+                            [
+                                106.581158,
+                                29.582345
+                            ],
+                            [
+                                106.581035,
+                                29.580729
+                            ],
+                            [
+                                106.581201,
+                                29.578766
+                            ],
+                            [
+                                106.581858,
+                                29.57748
+                            ],
+                            [
+                                106.582888,
+                                29.575164
+                            ],
+                            [
+                                106.583555,
+                                29.574217
+                            ],
+                            [
+                                106.584806,
+                                29.572925
+                            ],
+                            [
+                                106.586447,
+                                29.571795
+                            ],
+                            [
+                                106.588191,
+                                29.571263
+                            ],
+                            [
+                                106.589345,
+                                29.570396
+                            ],
+                            [
+                                106.590187,
+                                29.568342
+                            ],
+                            [
+                                106.590275,
+                                29.567232
+                            ],
+                            [
+                                106.590544,
+                                29.565951
+                            ],
+                            [
+                                106.590614,
+                                29.564332
+                            ],
+                            [
+                                106.590499,
+                                29.56314
+                            ],
+                            [
+                                106.590448,
+                                29.559902
+                            ],
+                            [
+                                106.589926,
+                                29.557865
+                            ],
+                            [
+                                106.589614,
+                                29.556504
+                            ],
+                            [
+                                106.5891,
+                                29.555062
+                            ],
+                            [
+                                106.588102,
+                                29.553202
+                            ],
+                            [
+                                106.58701,
+                                29.551853
+                            ],
+                            [
+                                106.586211,
+                                29.550414
+                            ],
+                            [
+                                106.585013,
+                                29.548979
+                            ],
+                            [
+                                106.58373,
+                                29.547804
+                            ],
+                            [
+                                106.581968,
+                                29.546801
+                            ],
+                            [
+                                106.5803,
+                                29.546227
+                            ],
+                            [
+                                106.579122,
+                                29.545731
+                            ],
+                            [
+                                106.577075,
+                                29.545162
+                            ],
+                            [
+                                106.574723,
+                                29.544596
+                            ],
+                            [
+                                106.573265,
+                                29.544361
+                            ],
+                            [
+                                106.570823,
+                                29.54405
+                            ],
+                            [
+                                106.569744,
+                                29.543724
+                            ],
+                            [
+                                106.567215,
+                                29.543246
+                            ],
+                            [
+                                106.563112,
+                                29.542278
+                            ],
+                            [
+                                106.561162,
+                                29.54188
+                            ],
+                            [
+                                106.558918,
+                                29.541482
+                            ],
+                            [
+                                106.556188,
+                                29.541095
+                            ],
+                            [
+                                106.554439,
+                                29.541033
+                            ],
+                            [
+                                106.551033,
+                                29.541079
+                            ],
+                            [
+                                106.547827,
+                                29.54121
+                            ],
+                            [
+                                106.544232,
+                                29.54126
+                            ],
+                            [
+                                106.542777,
+                                29.541197
+                            ],
+                            [
+                                106.54024,
+                                29.540721
+                            ],
+                            [
+                                106.53946,
+                                29.540474
+                            ],
+                            [
+                                106.538473,
+                                29.539806
+                            ],
+                            [
+                                106.537789,
+                                29.539134
+                            ],
+                            [
+                                106.536896,
+                                29.538125
+                            ],
+                            [
+                                106.536205,
+                                29.537453
+                            ],
+                            [
+                                106.535226,
+                                29.536615
+                            ],
+                            [
+                                106.534523,
+                                29.535347
+                            ],
+                            [
+                                106.533434,
+                                29.533741
+                            ],
+                            [
+                                106.532923,
+                                29.532132
+                            ],
+                            [
+                                106.532611,
+                                29.530857
+                            ],
+                            [
+                                106.53228,
+                                29.528704
+                            ],
+                            [
+                                106.532264,
+                                29.527369
+                            ],
+                            [
+                                106.532151,
+                                29.526008
+                            ],
+                            [
+                                106.532412,
+                                29.52413
+                            ],
+                            [
+                                106.532576,
+                                29.522167
+                            ],
+                            [
+                                106.532654,
+                                29.52072
+                            ],
+                            [
+                                106.532525,
+                                29.51893
+                            ],
+                            [
+                                106.532506,
+                                29.517226
+                            ],
+                            [
+                                106.532385,
+                                29.51578
+                            ],
+                            [
+                                106.532315,
+                                29.511096
+                            ],
+                            [
+                                106.532576,
+                                29.509301
+                            ],
+                            [
+                                106.532947,
+                                29.507933
+                            ],
+                            [
+                                106.533509,
+                                29.506901
+                            ],
+                            [
+                                106.534166,
+                                29.505444
+                            ],
+                            [
+                                106.535605,
+                                29.504231
+                            ],
+                            [
+                                106.536955,
+                                29.503274
+                            ],
+                            [
+                                106.538201,
+                                29.502148
+                            ],
+                            [
+                                106.539355,
+                                29.501281
+                            ],
+                            [
+                                106.540706,
+                                29.500665
+                            ],
+                            [
+                                106.54215,
+                                29.499878
+                            ],
+                            [
+                                106.544367,
+                                29.498823
+                            ],
+                            [
+                                106.545709,
+                                29.498041
+                            ],
+                            [
+                                106.547063,
+                                29.497169
+                            ],
+                            [
+                                106.548214,
+                                29.496215
+                            ],
+                            [
+                                106.54985,
+                                29.49551
+                            ],
+                            [
+                                106.550232,
+                                29.494995
+                            ],
+                            [
+                                106.550614,
+                                29.494135
+                            ],
+                            [
+                                106.551655,
+                                29.492247
+                            ],
+                            [
+                                106.552112,
+                                29.490454
+                            ],
+                            [
+                                106.552096,
+                                29.489258
+                            ],
+                            [
+                                106.551999,
+                                29.487255
+                            ],
+                            [
+                                106.556013,
+                                29.486522
+                            ],
+                            [
+                                106.556591,
+                                29.486897
+                            ],
+                            [
+                                106.557094,
+                                29.488023
+                            ],
+                            [
+                                106.557519,
+                                29.488362
+                            ],
+                            [
+                                106.559373,
+                                29.488692
+                            ],
+                            [
+                                106.560285,
+                                29.488605
+                            ],
+                            [
+                                106.564818,
+                                29.487333
+                            ],
+                            [
+                                106.56753,
+                                29.486516
+                            ],
+                            [
+                                106.568824,
+                                29.485887
+                            ],
+                            [
+                                106.569545,
+                                29.485138
+                            ],
+                            [
+                                106.569246,
+                                29.484759
+                            ],
+                            [
+                                106.569238,
+                                29.483557
+                            ],
+                            [
+                                106.569859,
+                                29.48293
+                            ],
+                            [
+                                106.570169,
+                                29.48235
+                            ],
+                            [
+                                106.570422,
+                                29.482296
+                            ],
+                            [
+                                106.569816,
+                                29.48163
+                            ],
+                            [
+                                106.570979,
+                                29.480873
+                            ],
+                            [
+                                106.571078,
+                                29.480589
+                            ],
+                            [
+                                106.571656,
+                                29.480181
+                            ],
+                            [
+                                106.572092,
+                                29.480136
+                            ],
+                            [
+                                106.572722,
+                                29.480742
+                            ],
+                            [
+                                106.573055,
+                                29.480827
+                            ],
+                            [
+                                106.574126,
+                                29.480504
+                            ],
+                            [
+                                106.576141,
+                                29.479001
+                            ],
+                            [
+                                106.577295,
+                                29.477793
+                            ],
+                            [
+                                106.577701,
+                                29.477124
+                            ],
+                            [
+                                106.577615,
+                                29.476634
+                            ],
+                            [
+                                106.577123,
+                                29.47598
+                            ],
+                            [
+                                106.577045,
+                                29.475644
+                            ],
+                            [
+                                106.578247,
+                                29.471257
+                            ],
+                            [
+                                106.578751,
+                                29.469874
+                            ],
+                            [
+                                106.579178,
+                                29.469386
+                            ],
+                            [
+                                106.579455,
+                                29.469284
+                            ],
+                            [
+                                106.580096,
+                                29.469409
+                            ],
+                            [
+                                106.584427,
+                                29.472389
+                            ],
+                            [
+                                106.584653,
+                                29.473315
+                            ],
+                            [
+                                106.585043,
+                                29.473488
+                            ],
+                            [
+                                106.586068,
+                                29.47345
+                            ],
+                            [
+                                106.586668,
+                                29.473104
+                            ],
+                            [
+                                106.589269,
+                                29.470002
+                            ],
+                            [
+                                106.592602,
+                                29.46615
+                            ],
+                            [
+                                106.594324,
+                                29.464458
+                            ],
+                            [
+                                106.595225,
+                                29.463882
+                            ],
+                            [
+                                106.59579,
+                                29.463977
+                            ],
+                            [
+                                106.596944,
+                                29.465167
+                            ],
+                            [
+                                106.597361,
+                                29.465712
+                            ],
+                            [
+                                106.597822,
+                                29.466848
+                            ],
+                            [
+                                106.598273,
+                                29.469167
+                            ],
+                            [
+                                106.59883,
+                                29.470257
+                            ],
+                            [
+                                106.599699,
+                                29.471067
+                            ],
+                            [
+                                106.600227,
+                                29.471355
+                            ],
+                            [
+                                106.600861,
+                                29.471291
+                            ],
+                            [
+                                106.601749,
+                                29.470897
+                            ],
+                            [
+                                106.602129,
+                                29.470959
+                            ],
+                            [
+                                106.604275,
+                                29.472611
+                            ],
+                            [
+                                106.605892,
+                                29.473986
+                            ],
+                            [
+                                106.606812,
+                                29.474335
+                            ],
+                            [
+                                106.60887,
+                                29.474229
+                            ],
+                            [
+                                106.610756,
+                                29.473848
+                            ],
+                            [
+                                106.61166,
+                                29.473515
+                            ],
+                            [
+                                106.612989,
+                                29.472691
+                            ],
+                            [
+                                106.613406,
+                                29.472245
+                            ],
+                            [
+                                106.613823,
+                                29.471289
+                            ],
+                            [
+                                106.613616,
+                                29.470635
+                            ],
+                            [
+                                106.613094,
+                                29.469762
+                            ],
+                            [
+                                106.613261,
+                                29.469437
+                            ],
+                            [
+                                106.61611,
+                                29.468287
+                            ],
+                            [
+                                106.620021,
+                                29.466939
+                            ],
+                            [
+                                106.620613,
+                                29.467091
+                            ],
+                            [
+                                106.621353,
+                                29.467739
+                            ],
+                            [
+                                106.621735,
+                                29.467946
+                            ],
+                            [
+                                106.623796,
+                                29.468165
+                            ],
+                            [
+                                106.624899,
+                                29.468109
+                            ],
+                            [
+                                106.62641,
+                                29.467797
+                            ],
+                            [
+                                106.627002,
+                                29.467208
+                            ],
+                            [
+                                106.627559,
+                                29.46612
+                            ],
+                            [
+                                106.627976,
+                                29.46583
+                            ],
+                            [
+                                106.628848,
+                                29.465843
+                            ],
+                            [
+                                106.629254,
+                                29.466
+                            ],
+                            [
+                                106.631196,
+                                29.467467
+                            ],
+                            [
+                                106.633308,
+                                29.468464
+                            ],
+                            [
+                                106.637717,
+                                29.469999
+                            ],
+                            [
+                                106.640042,
+                                29.470449
+                            ],
+                            [
+                                106.641225,
+                                29.470451
+                            ],
+                            [
+                                106.642826,
+                                29.469943
+                            ],
+                            [
+                                106.645132,
+                                29.467963
+                            ],
+                            [
+                                106.64681,
+                                29.466181
+                            ],
+                            [
+                                106.648142,
+                                29.465516
+                            ],
+                            [
+                                106.650222,
+                                29.465022
+                            ],
+                            [
+                                106.651144,
+                                29.464647
+                            ],
+                            [
+                                106.652718,
+                                29.463141
+                            ],
+                            [
+                                106.65398,
+                                29.462431
+                            ],
+                            [
+                                106.654695,
+                                29.462251
+                            ],
+                            [
+                                106.655319,
+                                29.462355
+                            ],
+                            [
+                                106.655766,
+                                29.462882
+                            ],
+                            [
+                                106.655809,
+                                29.463573
+                            ],
+                            [
+                                106.655556,
+                                29.464202
+                            ],
+                            [
+                                106.655077,
+                                29.465033
+                            ],
+                            [
+                                106.655096,
+                                29.465443
+                            ],
+                            [
+                                106.655669,
+                                29.466283
+                            ],
+                            [
+                                106.656872,
+                                29.467326
+                            ],
+                            [
+                                106.657515,
+                                29.467683
+                            ],
+                            [
+                                106.658349,
+                                29.467859
+                            ],
+                            [
+                                106.658647,
+                                29.46773
+                            ],
+                            [
+                                106.65957,
+                                29.466045
+                            ],
+                            [
+                                106.660832,
+                                29.464462
+                            ],
+                            [
+                                106.661666,
+                                29.463793
+                            ],
+                            [
+                                106.662153,
+                                29.463573
+                            ],
+                            [
+                                106.663207,
+                                29.463485
+                            ],
+                            [
+                                106.665462,
+                                29.463818
+                            ],
+                            [
+                                106.666557,
+                                29.46374
+                            ],
+                            [
+                                106.668125,
+                                29.463296
+                            ],
+                            [
+                                106.668464,
+                                29.462882
+                            ],
+                            [
+                                106.668214,
+                                29.462245
+                            ],
+                            [
+                                106.667151,
+                                29.460942
+                            ],
+                            [
+                                106.66533,
+                                29.458989
+                            ],
+                            [
+                                106.665268,
+                                29.458368
+                            ],
+                            [
+                                106.665505,
+                                29.45808
+                            ],
+                            [
+                                106.666341,
+                                29.457728
+                            ],
+                            [
+                                106.66816,
+                                29.45777
+                            ],
+                            [
+                                106.670508,
+                                29.457778
+                            ],
+                            [
+                                106.671676,
+                                29.457922
+                            ],
+                            [
+                                106.673347,
+                                29.458444
+                            ],
+                            [
+                                106.67629,
+                                29.460196
+                            ],
+                            [
+                                106.677578,
+                                29.46143
+                            ],
+                            [
+                                106.679066,
+                                29.463229
+                            ],
+                            [
+                                106.679973,
+                                29.46397
+                            ],
+                            [
+                                106.682044,
+                                29.464902
+                            ],
+                            [
+                                106.685046,
+                                29.465851
+                            ],
+                            [
+                                106.68651,
+                                29.466504
+                            ],
+                            [
+                                106.688215,
+                                29.467674
+                            ],
+                            [
+                                106.688772,
+                                29.468247
+                            ],
+                            [
+                                106.688799,
+                                29.468472
+                            ],
+                            [
+                                106.688145,
+                                29.468796
+                            ],
+                            [
+                                106.68563,
+                                29.469436
+                            ],
+                            [
+                                106.68475,
+                                29.470054
+                            ],
+                            [
+                                106.683421,
+                                29.472317
+                            ],
+                            [
+                                106.682932,
+                                29.473475
+                            ],
+                            [
+                                106.682714,
+                                29.475191
+                            ],
+                            [
+                                106.683021,
+                                29.476065
+                            ],
+                            [
+                                106.683368,
+                                29.476485
+                            ],
+                            [
+                                106.685412,
+                                29.47791
+                            ],
+                            [
+                                106.688261,
+                                29.479177
+                            ],
+                            [
+                                106.689601,
+                                29.479952
+                            ],
+                            [
+                                106.691767,
+                                29.481678
+                            ],
+                            [
+                                106.692735,
+                                29.482709
+                            ],
+                            [
+                                106.693074,
+                                29.483362
+                            ],
+                            [
+                                106.693195,
+                                29.484748
+                            ],
+                            [
+                                106.692638,
+                                29.485623
+                            ],
+                            [
+                                106.691516,
+                                29.486737
+                            ],
+                            [
+                                106.691532,
+                                29.487277
+                            ],
+                            [
+                                106.692603,
+                                29.488492
+                            ],
+                            [
+                                106.693292,
+                                29.488977
+                            ],
+                            [
+                                106.694441,
+                                29.48929
+                            ],
+                            [
+                                106.695398,
+                                29.489094
+                            ],
+                            [
+                                106.700488,
+                                29.488386
+                            ],
+                            [
+                                106.7037,
+                                29.487977
+                            ],
+                            [
+                                106.705258,
+                                29.48722
+                            ],
+                            [
+                                106.705877,
+                                29.486522
+                            ],
+                            [
+                                106.706286,
+                                29.484975
+                            ],
+                            [
+                                106.706275,
+                                29.484618
+                            ],
+                            [
+                                106.705901,
+                                29.483896
+                            ],
+                            [
+                                106.705274,
+                                29.482235
+                            ],
+                            [
+                                106.707286,
+                                29.481715
+                            ],
+                            [
+                                106.708338,
+                                29.481758
+                            ],
+                            [
+                                106.710399,
+                                29.482995
+                            ],
+                            [
+                                106.711392,
+                                29.483555
+                            ],
+                            [
+                                106.712707,
+                                29.483538
+                            ],
+                            [
+                                106.714604,
+                                29.483171
+                            ],
+                            [
+                                106.717864,
+                                29.483728
+                            ],
+                            [
+                                106.723083,
+                                29.484317
+                            ],
+                            [
+                                106.728407,
+                                29.484535
+                            ],
+                            [
+                                106.73212,
+                                29.483931
+                            ],
+                            [
+                                106.733831,
+                                29.484165
+                            ],
+                            [
+                                106.734944,
+                                29.484514
+                            ],
+                            [
+                                106.737145,
+                                29.485541
+                            ],
+                            [
+                                106.738197,
+                                29.486258
+                            ],
+                            [
+                                106.738541,
+                                29.486733
+                            ],
+                            [
+                                106.739335,
+                                29.489514
+                            ],
+                            [
+                                106.740976,
+                                29.493441
+                            ],
+                            [
+                                106.741987,
+                                29.49534
+                            ],
+                            [
+                                106.746453,
+                                29.501977
+                            ],
+                            [
+                                106.748538,
+                                29.505482
+                            ],
+                            [
+                                106.750023,
+                                29.50737
+                            ],
+                            [
+                                106.752256,
+                                29.509747
+                            ],
+                            [
+                                106.753311,
+                                29.510998
+                            ],
+                            [
+                                106.754516,
+                                29.513121
+                            ],
+                            [
+                                106.754613,
+                                29.514078
+                            ],
+                            [
+                                106.754489,
+                                29.515398
+                            ],
+                            [
+                                106.754675,
+                                29.516004
+                            ],
+                            [
+                                106.755759,
+                                29.517474
+                            ],
+                            [
+                                106.761352,
+                                29.527908
+                            ],
+                            [
+                                106.762274,
+                                29.52893
+                            ],
+                            [
+                                106.763663,
+                                29.530202
+                            ],
+                            [
+                                106.764176,
+                                29.530937
+                            ],
+                            [
+                                106.766511,
+                                29.537412
+                            ],
+                            [
+                                106.769272,
+                                29.543232
+                            ],
+                            [
+                                106.771034,
+                                29.546831
+                            ],
+                            [
+                                106.771182,
+                                29.549155
+                            ],
+                            [
+                                106.776753,
+                                29.558188
+                            ],
+                            [
+                                106.778402,
+                                29.561233
+                            ],
+                            [
+                                106.780772,
+                                29.563335
+                            ],
+                            [
+                                106.781458,
+                                29.566023
+                            ],
+                            [
+                                106.784843,
+                                29.571087
+                            ],
+                            [
+                                106.788012,
+                                29.576343
+                            ],
+                            [
+                                106.788663,
+                                29.576821
+                            ],
+                            [
+                                106.789774,
+                                29.577245
+                            ],
+                            [
+                                106.790261,
+                                29.57752
+                            ],
+                            [
+                                106.793712,
+                                29.58035
+                            ],
+                            [
+                                106.798361,
+                                29.585206
+                            ],
+                            [
+                                106.800416,
+                                29.587136
+                            ],
+                            [
+                                106.800849,
+                                29.587774
+                            ],
+                            [
+                                106.80117,
+                                29.589045
+                            ]
+                        ]
+                    ]
+                ]
+            }
+        }
+    ]
+}

+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/js/rightmap.js

@@ -31,4 +31,4 @@ var polygon = new BMap.Polygon(points, { strokeColor: "blue", strokeWeight: 2, s
 // map.addOverlay(polygon);
 // 设定中心点和地图级别
 map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 15);
-map.setMapType(BMAP_SATELLITE_MAP);
+map.setMapType(BMAP_NORMAL_MAP);

文件差異過大導致無法顯示
+ 5 - 0
nngkxxdp/src/main/resources/static/naxsb/js/vue.min.js


+ 0 - 40
nngkxxdp/src/main/resources/static/naxsb/map.html

@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>Hello, World</title>
-    <style type="text/css">
-        html {
-            height: 100%
-        }
-
-        body {
-            height: 100%;
-            margin: 0px;
-            padding: 0px
-        }
-
-        #container {
-            height: 100%
-        }
-    </style>
-    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
-    </script>
-</head>
-
-<body>
-    <div id="container"></div>
-    <script type="text/javascript">
-        var map = new BMap.Map("container");
-        // 创建地图实例  
-        var point = new BMap.Point(116.404, 39.915);
-        // 创建点坐标  
-        map.centerAndZoom(point, 15);
-        // 初始化地图,设置中心点坐标和地图级别  
-        map.enableScrollWheelZoom();
-    </script>
-</body>
-
-</html>

二進制
nngkxxdp/src/main/resources/static/naxsb/media/业.ecabc222.mp4


+ 301 - 302
nngkxxdp/src/main/resources/static/naxsb/qjt.html

@@ -13,12 +13,12 @@
     <script src="3ddemo/examples/js/renderers/CSS3DRenderer.js"></script>
     <script src="3ddemo/examples/js/renderers/CSS2DRenderer.js"></script>
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <link rel="stylesheet" href="css/qjt.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/echarts.min.js"></script>
     <script src="js/urljson.js"></script>
     <style>
@@ -79,7 +79,7 @@
 </head>
 
 <body>
-
+    <div style="width:100%;height:570px" class="header"></div>
     <div class="container">
         <div class="row">
             <div class="col-sm-12">
@@ -92,36 +92,36 @@
                         <div class="qjttitle"></div>
                         <div class="nowtime">{{currentTime }}</div>
                         <div class="onefloor conList">
-                            <div class="floortitle">1号楼概览</div>
+                            <div class="floortitle">交通配套</div>
                             <div class="floorcontent">
                                 <div class="list blue">
-                                    <div class="top radio">1号楼当前排队人数:</div>
+                                    <div class="top radio">公交车站:</div>
                                     <div class="bottom">
                                         <img src="images/floor1.png" alt="">
-                                        <div><span class="number" id="currWaitPeople">-</span>
-                                            <span></span>
+                                        <div>
+                                            <span>天福路口站</span>
                                         </div>
                                     </div>
                                 </div>
                                 <div class="list yellow">
-                                    <div class="top radio">可办事项数量:</div>
+                                    <div class="top radio">公交线路:</div>
                                     <div class="bottom">
                                         <img src="images/floor2.png" alt="">
-                                        <div><span class="number" id="taskNum">-</span>
-                                            <span></span>
+                                        <div>
+                                            <span>144路 &nbsp; 180路 &nbsp; 188路 &nbsp; 345路</span>
                                         </div>
                                     </div>
                                 </div>
-                                <div class="list green">
-                                    <div class="top radio">平均等待时长:</div>
+                                <div class="list1 green">
+                                    <div class="top radio">停车场:</div>
                                     <div class="bottom">
                                         <img src="images/floor3.png" alt="">
-                                        <div><span class="number" id="waitTime">-</span>
-                                            <span>分钟</span>
+                                        <div>
+                                            行政中心室外/底下停车场<br />盛捷公寓停车场
                                         </div>
                                     </div>
                                 </div>
-                                <div class="list purple">
+                                <!-- <div class="list purple">
                                     <div class="top radio">窗口数:</div>
                                     <div class="bottom">
                                         <img src="images/floor4.png" alt="">
@@ -129,11 +129,11 @@
                                             <span>个</span>
                                         </div>
                                     </div>
-                                </div>
+                                </div> -->
                             </div>
                         </div>
                         <div class="twofloor conList">
-                            <div class="floortitle">2号楼概览</div>
+                            <div class="floortitle">排队数据</div>
                             <div class="floorcontent">
                                 <div class="list blue">
                                     <div class="top radio">2号楼当前排队人数:</div>
@@ -181,9 +181,9 @@
                                         <img src="images/blsl1.png" alt="">
                                     </div>
                                     <div class="right">
-                                        <span>本办理数量</span>
+                                        <span>本办理数量</span>
                                         <div class="number">
-                                            <span id="currDayTaskNum">-</span>
+                                            <span id="currDayTaskNum">325</span>
                                             <span>件</span>
                                         </div>
                                     </div>
@@ -195,7 +195,7 @@
                                     <div class="right">
                                         <span>本月办理数量</span>
                                         <div class="number">
-                                            <span id="currMonthTaskNum">-</span>
+                                            <span id="currMonthTaskNum">7152</span>
                                             <span>件</span>
                                         </div>
                                     </div>
@@ -205,10 +205,10 @@
                                         <img src="images/blsl3.png" alt="">
                                     </div>
                                     <div class="right">
-                                        <span>本年办理数量</span>
+                                        <span>窗口数量</span>
                                         <div class="number">
-                                            <span id="currYearTaskNum">-</span>
-                                            <span></span>
+                                            <span id="currYearTaskNum">78</span>
+                                            <span></span>
                                         </div>
                                     </div>
                                 </div>
@@ -219,7 +219,7 @@
                             <div class="floorcontent">
                                 <div id="pdgdfechart" style="width: 100%;height: 100%;"></div>
                             </div>
-                            
+
                         </div>
                     </div>
                 </div>
@@ -229,261 +229,269 @@
             <i class="fa fa-spinner fa-spin fa-fw"></i>加载中...
         </div>
     </div>
-    </div>
-    </div>
-    </div>
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script>
-        // 判断浏览器是否支持 webgl
-        if (!Detector.webgl) Detector.addGetWebGLMessage();
-        let mwidth = window.innerWidth;
-        let mheight = window.innerHeight;
-        // 初始化场景
-        let scene = new THREE.Scene();
-        // 初始化摄像机
-        let camera = new THREE.PerspectiveCamera(10, mwidth / mheight, 1, 1000000);
-        // camera.position.set(90000, 41120, 81120);
-        camera.position.set(50000, 71120, 51120);
-        camera.lookAt(new THREE.Vector3(0, 0, 0));
-        let renderer = new THREE.WebGLRenderer({
-            canvas: document.getElementById("canvas-model-view"),
-            antialias: true, // 设置抗锯齿
-            alpha: true, // 背景透明
-            autoClear: true,
-            logarithmicDepthBuffer: true
-        });
-        // 设置渲染器背景颜色
-        //    renderer.setClearColor(0xCFD1D3, 0.0);
-        renderer.setSize(mwidth, mheight);
-        // 设置渲染编码为 RGB 模式编码
-        //   renderer.outputEncoding = THREE.sRGBEncoding;
-        // renderer.toneMapping = THREE.ACESFilmicToneMapping;
-        //   renderer.toneMappingExposure = 2.0;
-        renderer.shadowMap.enabled = true;
-
-        // 2D 文字渲染
-        let css2Renderer = new THREE.CSS2DRenderer();
-        css2Renderer.setSize(mwidth, mheight);
-        css2Renderer.domElement.style.position = 'absolute';
-        css2Renderer.domElement.style.top = '0px';
-        // 设置.pointerEvents=none,解决 HTM L元素标签对 threejs canvas 画布鼠标事件的遮挡
-        css2Renderer.domElement.style.pointerEvents = 'none';
-        document.body.appendChild(css2Renderer.domElement);
-
-        // 四个方向的平行光
-        // let directionalLight = new THREE.DirectionalLight(0xffffff, .2);
-        // directionalLight.position.set(1, 0, 0);
-        // let directionalLight3 = new THREE.DirectionalLight(0xffffff, .2);
-        // directionalLight3.position.set(-1, 0, 0);
-        // let directionalLight1 = new THREE.DirectionalLight(0xffffff, .2);
-        // directionalLight1.position.set(0, 0, 1);
-        // let directionalLight2 = new THREE.DirectionalLight(0xffffff, .2);
-        // directionalLight2.position.set(0, 0, -1);
-        // scene.add(directionalLight);
-        // scene.add(directionalLight1);
-        // scene.add(directionalLight2);
-        // scene.add(directionalLight3);
-
-        // 环境光
-        let ambient = new THREE.AmbientLight(0x404040, 0.1);
-        scene.add(ambient);
-
-
-        var pointLight = new THREE.PointLight(0xf0e68c, 0.9, 12500);
-        pointLight.position.set(0, 8500, 0);
-        pointLight.castShadow = true;
-        pointLight.shadow.camera.near = 1;
-        pointLight.shadow.camera.far = 15000;
-        pointLight.shadow.mapSize.width = 10240;
-        pointLight.shadow.mapSize.height = 10240;
-        scene.add(pointLight);
-
-
-
-
-        // 加载模型文件
-        let gLTFLoader = new THREE.GLTFLoader()
-        let dracoLoader = new THREE.DRACOLoader();
-        dracoLoader.setDecoderPath('3ddemo/examples/js/libs/draco/gltf/');
-        dracoLoader.setDecoderConfig({
-            type: 'js'
-        });
-        gLTFLoader.setDRACOLoader(dracoLoader);
-        gLTFLoader.load('3ddemo/model/21.gltf', function (obj) {
-            obj.scene.traverse(function (child) {
-                if (child.isMesh) {
-                    // child.material.envMap = undefined;
-                    child.frustumCulled = false;
-                    child.castShadow = true;
-                    child.receiveShadow = true;
-                    child.material.emissive = child.material.color;
-                    child.material.emissiveMap = child.material.map;
-                    child.material.transparent = true;
-                    child.material.emissiveIntensity = 0.8;
-                    //    child.material.opacity = 0.8;
-                    //     child.material.color = 0xd2d2d2;
-                    if (child.name) {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        div.style = 'color:red;';
-                        div.setAttribute("data", child.name);
-                        div.innerHTML = '<p data-name="' + child.name + '"></p>';
-                        let tag = new THREE.CSS2DObject(div);
-                        // let tag = new THREE.CSS3DSprite(div);
-                        // tag.position.set(0, 0, 0);
-                        // child.add(tag);
-                    }
-                    // 一号楼
-                    if (child.name == 'yihaolou') {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        let html = '';
-                        html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
-                        html += '<div class="building-text" style="background: #1D96E9;" onclick="handleClick()">';
-                        html += '<span>1号楼</span><span style="font-size: 10px;">社保大厅、医保大厅</span>';
-                        html += '</div>';
-                        html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
-                        html += '</div>';
-                        html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
-                        html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
-                        div.innerHTML = html;
-                        let tag = new THREE.CSS2DObject(div);
-                        child.add(tag);
-
-
-
-
-
-
-                    }
-                    // 二号楼
-                    if (child.name == 'erhaolou') {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        let html = '';
-                        html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
-                        html += '<i class="el-icon-thumb" style="animation:blink 1s infinite;">点我</i>';
-                        html += '<div class="building-text" style="background: #1D96E9;">';
-                        html += '<span>2号楼</span></span></span><span style="font-size: 10px;">南岸区政务服务中心</span>';
-                        html += '</div>';
-                        html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
-                        html += '</div>';
-                        html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
-                        html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
-                        div.innerHTML = html;
-                        let tag = new THREE.CSS2DObject(div);
-                        child.add(tag);
-                        div.style.pointerEvents = 'auto';
-
-                        div.addEventListener('click', function (event) {
-                            window.location.href = 'floorone.html?floorid=' + 2;
-                        });
-                    }
-                    // 三号楼
-                    if (child.name == 'sanhaolou') {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        let html = '';
-                        html += '<div class="building-box" style="width: 50px; top: -133px; left: -23px;">';
-                        html += '<div class="building-text" style="background: #1D96E9;">';
-                        html += '<span>3号楼</span><span style="font-size: 10px;"></span>';
-                        html += '</div>';
-                        html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
-                        html += '</div>';
-                        html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
-                        html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
-                        div.innerHTML = html;
-                        let tag = new THREE.CSS2DObject(div);
-                        child.add(tag);
-                    }
-                    // 四号楼
-                    if (child.name == 'sihaolou-Chrome') {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        let html = '';
-                        html += '<div class="building-box">';
-                        html+=`<div class="text" style="top: -15px;left: 146px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #1A95EB;">
+    <div style="width:100%;" class="footer"></div>
+</body>
+<script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script src="js/jquery-3.5.1.min.js"></script>
+<script>
+    // 判断浏览器是否支持 webgl
+    if (!Detector.webgl) Detector.addGetWebGLMessage();
+    let mwidth = window.innerWidth;
+    let mheight = window.innerHeight;
+    // 初始化场景
+    let scene = new THREE.Scene();
+    // 初始化摄像机
+    let camera = new THREE.PerspectiveCamera(10, mwidth / mheight, 1, 1000000);
+    // camera.position.set(90000, 41120, 81120);
+    camera.position.set(50000, 71120, 51120);
+    camera.lookAt(new THREE.Vector3(0, 0, 0));
+    let renderer = new THREE.WebGLRenderer({
+        canvas: document.getElementById("canvas-model-view"),
+        antialias: true, // 设置抗锯齿
+        alpha: true, // 背景透明
+        autoClear: true,
+        logarithmicDepthBuffer: true
+    });
+    // 设置渲染器背景颜色
+    //    renderer.setClearColor(0xCFD1D3, 0.0);
+    renderer.setSize(mwidth, mheight);
+    // 设置渲染编码为 RGB 模式编码
+    //   renderer.outputEncoding = THREE.sRGBEncoding;
+    // renderer.toneMapping = THREE.ACESFilmicToneMapping;
+    //   renderer.toneMappingExposure = 2.0;
+    renderer.shadowMap.enabled = true;
+
+    // 2D 文字渲染
+    let css2Renderer = new THREE.CSS2DRenderer();
+    css2Renderer.setSize(mwidth, mheight);
+    css2Renderer.domElement.style.position = 'absolute';
+    css2Renderer.domElement.style.top = '0px';
+    // 设置.pointerEvents=none,解决 HTM L元素标签对 threejs canvas 画布鼠标事件的遮挡
+    css2Renderer.domElement.style.pointerEvents = 'none';
+    document.body.appendChild(css2Renderer.domElement);
+
+    // 四个方向的平行光
+    // let directionalLight = new THREE.DirectionalLight(0xffffff, .2);
+    // directionalLight.position.set(1, 0, 0);
+    // let directionalLight3 = new THREE.DirectionalLight(0xffffff, .2);
+    // directionalLight3.position.set(-1, 0, 0);
+    // let directionalLight1 = new THREE.DirectionalLight(0xffffff, .2);
+    // directionalLight1.position.set(0, 0, 1);
+    // let directionalLight2 = new THREE.DirectionalLight(0xffffff, .2);
+    // directionalLight2.position.set(0, 0, -1);
+    // scene.add(directionalLight);
+    // scene.add(directionalLight1);
+    // scene.add(directionalLight2);
+    // scene.add(directionalLight3);
+
+    // 环境光
+    let ambient = new THREE.AmbientLight(0x404040, 0.1);
+    scene.add(ambient);
+
+
+    var pointLight = new THREE.PointLight(0xf0e68c, 0.9, 12500);
+    pointLight.position.set(0, 8500, 0);
+    pointLight.castShadow = true;
+    pointLight.shadow.camera.near = 1;
+    pointLight.shadow.camera.far = 15000;
+    pointLight.shadow.mapSize.width = 10240;
+    pointLight.shadow.mapSize.height = 10240;
+    scene.add(pointLight);
+
+
+
+
+    // 加载模型文件
+    let gLTFLoader = new THREE.GLTFLoader()
+    let dracoLoader = new THREE.DRACOLoader();
+    dracoLoader.setDecoderPath('3ddemo/examples/js/libs/draco/gltf/');
+    dracoLoader.setDecoderConfig({
+        type: 'js'
+    });
+    gLTFLoader.setDRACOLoader(dracoLoader);
+    gLTFLoader.load('3ddemo/model/21.gltf', function (obj) {
+        obj.scene.traverse(function (child) {
+            if (child.isMesh) {
+                // child.material.envMap = undefined;
+                child.frustumCulled = false;
+                child.castShadow = true;
+                child.receiveShadow = true;
+                child.material.emissive = child.material.color;
+                child.material.emissiveMap = child.material.map;
+                child.material.transparent = true;
+                child.material.emissiveIntensity = 0.8;
+                //    child.material.opacity = 0.8;
+                //     child.material.color = 0xd2d2d2;
+                if (child.name) {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    div.style = 'color:red;';
+                    div.setAttribute("data", child.name);
+                    div.innerHTML = '<p data-name="' + child.name + '"></p>';
+                    let tag = new THREE.CSS2DObject(div);
+                    // let tag = new THREE.CSS3DSprite(div);
+                    // tag.position.set(0, 0, 0);
+                    // child.add(tag);
+                }
+                // 一号楼
+                if (child.name == 'yihaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
+                    html += '<div class="building-text" style="background: #1D96E9;" onclick="handleClick()">';
+                    html += '<span>1号楼</span><span style="font-size: 10px;">社保大厅、医保大厅</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
+                    html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+
+
+
+
+
+
+                }
+                // 二号楼
+                if (child.name == 'erhaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
+                    html += '<i class="el-icon-thumb" style="animation:blink 1s infinite;">点我</i>';
+                    html += '<div class="building-text" style="background: #1D96E9;">';
+                    html += '<span>2号楼</span></span></span><span style="font-size: 10px;">南岸区政务服务中心</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
+                    html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                    div.style.pointerEvents = 'auto';
+
+                    div.addEventListener('click', function (event) {
+                        window.location.href = 'floorone.html?floorid=' + 2;
+                    });
+                }
+                // 三号楼
+                if (child.name == 'sanhaolou') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box" style="width: 50px; top: -133px; left: -23px;">';
+                    html += '<div class="building-text" style="background: #1D96E9;">';
+                    html += '<span>3号楼</span><span style="font-size: 10px;"></span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
+                    html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                }
+                // 四号楼
+                if (child.name == 'sihaolou-Chrome') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div class="building-box">';
+                    html += `<div class="text" style="top: -15px;left: 146px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #1A95EB;">
                                 <span style="font-size: 18px;font-weight: bold;margin-bottom: 5px;">地铁6号线</span>
                                 <span>邱家湾站2B出口</span>
                                 <span>距离:800米</span>
                                 <img src="images/qjtArrow.png" alt="" style="height: 1.75rem;">
                             </div>`
-                        html += '<div class="building-text">';
-                        html += '<span>4号楼</span><span style="font-size: 10px;">商务打印、小卖部、食堂</span>';
-                        html += '</div>';
-                        html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#18A65A"/></svg>';
-                        html += '</div>';
-                        html += '<div class="building-line"></div>';
-                        html += '<div class="building-bottom"></div>';
-                        div.innerHTML = html;
-                        let tag = new THREE.CSS2DObject(div);
-                        child.add(tag);
-                    }
-                    // ----
-                    // if (child.name == 'chewei-dizhuan') {
-                    if (child.name == 'chedao-chedao') {
-                        const div = document.createElement('div');
-                        div.id = child.uuid;
-                        let html = '';
-                        html += '<div style="font-size: 12px; width: 80px; text-align: center;">';
-                        html += '<div class="building-text" style="background: #18A65A; margin-bottom: -2px;">';
-                        html += '<span style="text-align: left;">停车场</span>';
-                        html += '<span style="font-size: 10px; text-align: left;">空余车位:-</span>';
-                        html += '<span style="font-size: 10px; text-align: left;">空余充电桩:-</span>';
-                        html += '</div>';
-                        // html += '<svg width="15" height="15"><polygon id="triangle" points="0,0 15,0 1,15" fill="#18A65A"/></svg>';
-                        html += '</div>';
-                        div.innerHTML = html;
-                        let tag = new THREE.CSS2DObject(div);
-                        child.add(tag);
-                    }
+                    html += '<div class="building-text">';
+                    html += '<span>4号楼</span><span style="font-size: 10px;">商务打印、小卖部、食堂</span>';
+                    html += '</div>';
+                    html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#18A65A"/></svg>';
+                    html += '</div>';
+                    html += '<div class="building-line"></div>';
+                    html += '<div class="building-bottom"></div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
                 }
-            });
-            scene.add(obj.scene);
-
-
+                // ----
+                // if (child.name == 'chewei-dizhuan') {
+                if (child.name == 'chedao-chedao') {
+                    const div = document.createElement('div');
+                    div.id = child.uuid;
+                    let html = '';
+                    html += '<div style="font-size: 12px; width: 80px; text-align: center;">';
+                    html += '<div class="building-text" style="background: #18A65A; margin-bottom: -2px;">';
+                    html += '<span style="text-align: left;">停车场</span>';
+                    html += '<span style="font-size: 10px; text-align: left;">空余车位:-</span>';
+                    html += '<span style="font-size: 10px; text-align: left;">空余充电桩:-</span>';
+                    html += '</div>';
+                    // html += '<svg width="15" height="15"><polygon id="triangle" points="0,0 15,0 1,15" fill="#18A65A"/></svg>';
+                    html += '</div>';
+                    div.innerHTML = html;
+                    let tag = new THREE.CSS2DObject(div);
+                    child.add(tag);
+                }
+            }
+        });
+        scene.add(obj.scene);
 
 
 
 
-            // 计算模型的统计中心
-            const box = new THREE.Box3().setFromObject(obj.scene);
-            const center = new THREE.Vector3();
-            box.getCenter(center);
-            // 将模型的统计中心与其本身的原始统计中心进行对齐
-            obj.scene.position.sub(center);
-            // 设置摄像机位置,使模型处于视角中心
-            //camera.position.z = box.max.length() * 3;
-            //camera.lookAt(obj.scene.position); // 确保摄像机看向模型
 
-            document.getElementById('loading').style.display = 'none';
-            render();
-        }, function (xhr) {
-            console.log((xhr.loaded / xhr.total * 100) + '% loaded');
-        }, function (error) {
-            console.log('load error!' + error);
-        })
 
-        function render() {
-            // 执行渲染操作
-            css2Renderer.render(scene, camera)
-            renderer.render(scene, camera);
-        }
+        // 计算模型的统计中心
+        const box = new THREE.Box3().setFromObject(obj.scene);
+        const center = new THREE.Vector3();
+        box.getCenter(center);
+        // 将模型的统计中心与其本身的原始统计中心进行对齐
+        obj.scene.position.sub(center);
+        // 设置摄像机位置,使模型处于视角中心
+        //camera.position.z = box.max.length() * 3;
+        //camera.lookAt(obj.scene.position); // 确保摄像机看向模型
 
+        document.getElementById('loading').style.display = 'none';
         render();
-        // 创建控件对象
-        let controls = new THREE.OrbitControls(camera, renderer.domElement);
-        controls.enableZoom = false
-        // controls.enableRotate = false
-        controls.maxPolarAngle = Math.PI / 2
-        controls.minPolarAngle = 0
-        // 监听鼠标、键盘事件
-        controls.addEventListener('change', render);
-        // 辅助线
-        let axisHelper = new THREE.AxisHelper(50050);
+    }, function (xhr) {
+        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
+    }, function (error) {
+        console.log('load error!' + error);
+    })
+
+    function render() {
+        // 执行渲染操作
+        css2Renderer.render(scene, camera)
+        renderer.render(scene, camera);
+    }
+
+    render();
+    // 创建控件对象
+    let controls = new THREE.OrbitControls(camera, renderer.domElement);
+    controls.enableZoom = false
+    // controls.enableRotate = false
+    controls.maxPolarAngle = Math.PI / 2
+    controls.minPolarAngle = 0
+    // 监听鼠标、键盘事件
+    controls.addEventListener('change', render);
+    // 辅助线
+    let axisHelper = new THREE.AxisHelper(50050);
         // scene.add(axisHelper);
-    </script>
-</body>
+</script>
 <script>
     // 初始化Vue实例
     new Vue({
@@ -546,7 +554,7 @@
             {
                 type: 'category',
                 boundaryGap: false,
-                data: ['9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'],
+                data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:30'],
                 axisLabel: {
                     color: 'rgba(26,149,235,0.5);' // 这里设置刻度字的颜色为蓝色
                 }
@@ -597,7 +605,7 @@
                 emphasis: {
                     focus: 'series'
                 },
-                data: [0, 32, 10, 0, 0, 0, 50, 20, 25, 30]
+                data: [14, 72, 138, 150, 26, 2, 60, 154, 100, 44]
             }
         ]
     };
@@ -650,18 +658,18 @@
     }
     const time = 2 * 1000;
 
-    // 1号楼当前排队人数
-    const currWaitPeopleElement = document.getElementById('currWaitPeople');
-    animateValue(currWaitPeopleElement, 0, 12, time);
-    // 1号楼可办事项数量
-    const taskNumElement = document.getElementById('taskNum');
-    animateValue(taskNumElement, 0, 798, time);
-    // 1号楼平均等待时长
-    const waitTimeElement = document.getElementById('waitTime');
-    animateValue(waitTimeElement, 0, 2, time);
-    // 1号楼窗口数
-    const winNumElement = document.getElementById('winNum');
-    animateValue(winNumElement, 0, 28, time);
+    // // 1号楼当前排队人数
+    // const currWaitPeopleElement = document.getElementById('currWaitPeople');
+    // animateValue(currWaitPeopleElement, 0, 12, time);
+    // // 1号楼可办事项数量
+    // const taskNumElement = document.getElementById('taskNum');
+    // animateValue(taskNumElement, 0, 798, time);
+    // // 1号楼平均等待时长
+    // const waitTimeElement = document.getElementById('waitTime');
+    // animateValue(waitTimeElement, 0, 2, time);
+    // // 1号楼窗口数
+    // const winNumElement = document.getElementById('winNum');
+    // animateValue(winNumElement, 0, 28, time);
     // 2号楼当前排队人数
     const currWaitPeopleElement2 = document.getElementById('currWaitPeople2');
     animateValue(currWaitPeopleElement2, 0, 6, time);
@@ -676,29 +684,20 @@
     animateValue(winNumElement2, 0, 11, time);
     //本月加载
     var data = handlingNumber(1, 2)
-    // $("#monthDeclare").html(data.applicationNumberNetwork + data.applicationNumberWindow)
-    // $("#monthAcceptance").html(data.acceptNumber)
-    // $("#monthConclude").html(data.serialNumber)
-
-    // 本月办理数量
-    const currMonthTaskNumElement = document.getElementById('currMonthTaskNum');
-    animateValue(currMonthTaskNumElement, 0, data.acceptNumber, time);
-    //本周加载
-    var data = handlingNumber(1, 1)
-    // $("#weekDeclare").html(data.applicationNumberNetwork + data.applicationNumberWindow)
-    // $("#weekAcceptance").html(data.acceptNumber)
-    // $("#weekConclude").html(parseInt(data.serialNumber))
-    // 本周办理数量
-    const currTaskNumElement = document.getElementById('currDayTaskNum');
-    animateValue(currTaskNumElement, 0, data.acceptNumber, time);
-    //本年加载
-    var data = handlingNumber(1, 3)
-    // $("#yearDeclare").html(data.applicationNumberNetwork + data.applicationNumberWindow)
-    // $("#yearAcceptance").html(data.acceptNumber)
-    // $("#yearConclude").html(data.serialNumber)
-    // 本年办理数量
-    const currYearTaskNumElement = document.getElementById('currYearTaskNum');
-    animateValue(currYearTaskNumElement, 0, data.acceptNumber, time);
+
+    // // 本月办理数量
+    // const currMonthTaskNumElement = document.getElementById('currMonthTaskNum');
+    // animateValue(currMonthTaskNumElement, 0, data.acceptNumber, time);
+    // //本周加载
+    // var data = handlingNumber(1, 1)
+    // // 本周办理数量
+    // const currTaskNumElement = document.getElementById('currDayTaskNum');
+    // animateValue(currTaskNumElement, 0, data.acceptNumber, time);
+    // //本年加载
+    // var data = handlingNumber(1, 3)
+    // // 本年办理数量
+    // const currYearTaskNumElement = document.getElementById('currYearTaskNum');
+    // animateValue(currYearTaskNumElement, 0, data.acceptNumber, time);
 </script>
 
 </html>

+ 10 - 9
nngkxxdp/src/main/resources/static/naxsb/qysmzq.html

@@ -163,6 +163,7 @@
             border: 1px solid #DADADA;
             box-sizing: border-box;
             margin-top: 20px;
+            cursor: pointer;
         }
 
         .conlist .content .title {
@@ -201,7 +202,7 @@
                     <div class="more">更多>></div>
                 </div>
                 <div class="content">
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://zwykb.cq.gov.cn/qxzz/naq/bszn/?rowGuid=10f21204-ee4e-4ff0-9520-7ae91906e4d8')">
                         <img src="images/cyfw1.png" alt="">
                         <div class="title">
                             <span>不动产信息检索</span>
@@ -246,11 +247,11 @@
                     <div class="list">
                         <img src="images/kbqy1.png" alt="">
                         <div class="title">
-                            <span>包括企业选址服务</span>
+                            <span>企业选址服务</span>
                             <span>提供一表申报完成企业注册领...</span>
                         </div>
                     </div>
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://ywt.scjgj.cq.gov.cn/?url=http%3A%2F%2Fwsbs.scjgj.cq.gov.cn%3A8888%2FQCDZH%2Fapp%2Fkbindex.html#/kzmenu/2&isLogin=0')">
                         <img src="images/kbqy2.png" alt="">
                         <div class="title">
                             <span>企业注册</span>
@@ -264,7 +265,7 @@
                             <span>提供企业、非法人组织的印章备...</span>
                         </div>
                     </div>
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://www.gdzwfw.gov.cn/portal/v2/lv3/hot?region=440100&area_code=440100&type=company&id=9400000175&lv1code=9200000001&lv1_name=%E4%BC%81%E4%B8%9A%E5%BC%80%E5%8A%9E&lv2_name=%E9%93%B6%E7%A8%8E%E4%B8%89%E6%96%B9%EF%BC%88%E5%A7%94%E6%89%98%EF%BC%89%E5%88%92%E7%BC%B4%E5%8D%8F%E8%AE%AE')">
                         <img src="images/kbqy4.png" alt="">
                         <div class="title">
                             <span>企业银行账户服务</span>
@@ -285,14 +286,14 @@
                     <div class="more">更多>></div>
                 </div>
                 <div class="content">
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://zwykb.cq.gov.cn/qxzz/naq/bszn/?rowGuid=301f1396-d2e7-4f46-b230-65d562c08460')">
                         <img src="images/qyjy1.png" alt="">
                         <div class="title">
                             <span>集体合同审查备案</span>
                             <span>为企业职工质检进行集体协商,</span>
                         </div>
                     </div>
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://zwykb.cq.gov.cn/qxzz/naq/bszn/?rowGuid=baffad0b-4ce2-4458-ace9-02c20ffbd5c0')">
                         <img src="images/qyjy3.png" alt="">
                         <div class="title">
                             <span>社保服务</span>
@@ -306,7 +307,7 @@
                             <span>对法人金融机构的高管,给予...</span>
                         </div>
                     </div>
-                    <div class="list">
+                    <div class="list" onclick="window.open('http://chongqing.chinatax.gov.cn/cqtax/nsfw/bsrl/')">
                         <img src="images/qyjy4.png" alt="">
                         <div class="title">
                             <span>办税日历</span>
@@ -327,7 +328,7 @@
                     <div class="more">更多>></div>
                 </div>
                 <div class="content">
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://zwfw.cq.gov.cn/cqnew/icity/chain/guide/details?flowId=AAA437055A83413CAB6F49D004E7C0FF&flowName=%E4%BC%81%E4%B8%9A%E6%B3%A8%E9%94%80%E4%B8%80%E4%BB%B6%E4%BA%8B')">
                         <img src="images/qyzx1.png" alt="">
                         <div class="title">
                             <span>企业注销一网通</span>
@@ -341,7 +342,7 @@
                             <span>为内外资企业、个体户、非公...</span>
                         </div>
                     </div>
-                    <div class="list">
+                    <div class="list" onclick="window.open('https://zwykb.cq.gov.cn/qxzz/naq/bszn/?rowGuid=2b1d1d35-8380-4182-aade-6a87b0238c5a')">
                         <img src="images/qyzx3.png" alt="">
                         <div class="title">
                             <span>企业裁员备案</span>

+ 0 - 248
nngkxxdp/src/main/resources/static/naxsb/rcfw.html

@@ -1,248 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>人才服务</title>
-    <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-    <!-- jquery-->
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script src="js/urljson.js"></script>
-    <style>
-        * {
-            padding: 0;
-            margin: 0;
-        }
-
-        html,
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: Microsoft YaHei;
-            height: 100%;
-            background: #EDF5FF;
-        }
-
-        @font-face {
-            font-family: 'DOUYU';
-            src: url('fonts/DOUYUFONT-2.OTF');
-            font-weight: normal;
-            font-style: normal;
-        }
-
-        .dqfw>.top {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #B7C7DC;
-            background: #FFFFFF;
-        }
-
-        .toplogo {
-            display: flex;
-            align-items: center;
-            font-family: DOUYU;
-            font-weight: normal;
-            font-size: 30px;
-            color: #186FF0;
-            height: 66px;
-            cursor: pointer;
-        }
-
-        .toplogo img {
-            margin: 0 20px;
-            margin-bottom: 17px;
-        }
-
-        .backbutton {
-            width: 117px;
-            height: 42px;
-            background: #DEEDFF;
-            border-radius: 10px;
-            font-family: Microsoft YaHei;
-            font-weight: 400;
-            font-size: 16px;
-            color: #2474F1;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 10px;
-            cursor: pointer;
-        }
-
-        .backbutton img {
-            margin-right: 10px;
-        }
-
-        .container {
-            display: flex;
-            justify-content: space-between;
-            min-width: 1300px;
-            min-height: calc(100vh - 67px);
-            padding: 15px;
-            box-sizing: border-box;
-        }
-
-        .container>.left,
-        .container>.right {
-            width: 48%;
-        }
-
-        .title {
-            height: 60px;
-            background: #4B98F6;
-            border-radius: 10px;
-            font-family: DOUYU;
-            font-weight: normal;
-            font-size: 26px;
-            color: #FEFEFE;
-            line-height: 70px;
-            text-align: center;
-        }
-
-        .container .list {
-            width: 93%;
-            margin: 10px auto;
-            padding: 20px;
-            background: #FFFFFF;
-            border-radius: 10px;
-            color: #333333;
-        }
-
-        .list .name {
-            font-size: 20px;
-            color: #333333;
-            font-weight: bold;
-            margin-bottom: 9px;
-        }
-
-        .list .content {
-            text-indent: 40px;
-            display: -webkit-box;
-            -webkit-line-clamp: 2;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            -webkit-box-orient: vertical;
-            word-break: break-all;
-        }
-
-        .list .gly {
-            display: flex;
-            color: #999999;
-            align-items: center;
-            margin-top: 20px;
-        }
-
-        .list .line {
-            width: 1px;
-            height: 16px;
-            background: #999;
-            display: block;
-            margin: 0 5px;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="dqfw" id="dqfw">
-        <div class="top">
-            <div class="toplogo">
-                <img src="images/gyylogo.png" alt="">
-                <span>人才服务</span>
-            </div>
-            <div class="backbutton" @click="window.history.go(-1)">
-                <img src="images/back1.png" alt="">
-                <span>返回</span>
-            </div>
-        </div>
-        <div class="container">
-            <div class="left">
-                <div class="title">江南菁英人才政策</div>
-                <div class="list" v-for="(item,index) in jnjyrczph">
-                    <div class="name">{{item.name}}</div>
-                    <div class="content">{{item.content}}</div>
-                    <div class="gly"><span>{{item.person}}</span><span class="line"></span><span>{{item.time}}</span>
-                    </div>
-                </div>
-            </div>
-            <div class="right">
-                <div class="title" style="background: #4BB664;">招聘会</div>
-                <div class="list" v-for="(item,index) in zph">
-                    <div class="name">{{item.name}}</div>
-                    <div class="content">{{item.content}}</div>
-                    <div class="gly"><span>{{item.person}}</span><span class="line"></span><span>{{item.time}}</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-</body>
-<script>
-    // 初始化Vue实例
-    new Vue({
-        el: '#dqfw',
-        data: function () {
-            return {
-                jnjyrczph: [
-                    {
-                        id: 1,
-                        name: '解读《百万高校毕业生等青年留渝来渝就业创业行动计划》',
-                        content: '4月17日,市政府新闻办召开“机遇重庆”系列主题新闻发布会(第五场)百万高校些业生等青年留渝来渝就业创业行动新闻发布会。近日,我市出台《百万高校些业生等青年留渝来渝就业创业行动计划》 (以下简称《行动计划》)。... ',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    },
-                    {
-                        id: 2,
-                        name: '@青年人 重庆十五条举措邀你留渝来渝就业创业',
-                        content: '4月17日,市政府新闻办召开“机遇重庆”系列主题新闻发布会(第五场)百万高校些业生等青年留渝来渝就业创业行动新闻发布会。近日,我市出台《百万高校些业生等青年留渝来渝就业创业行动计划》 (以下简称《行动计划》)。... ',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    },
-                    {
-                        id: 3,
-                        name: '重庆市人民政府办公厅关于印发《百万高校毕业生等青年留渝来渝就业创业行动计划 (2024 2027年) 》的通知',
-                        content: '4月17日,市政府新闻办召开“机遇重庆”系列主题新闻发布会(第五场)百万高校些业生等青年留渝来渝就业创业行动新闻发布会。近日,我市出台《百万高校些业生等青年留渝来渝就业创业行动计划》 (以下简称《行动计划》)。... ',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    }
-                ],
-                zph: [
-                    {
-                        id: 1,
-                        name: '重庆小易智联智能技术有限公司招聘信息',
-                        content: '',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    },
-                    {
-                        id: 2,
-                        name: '招商交科2024春季校园招聘',
-                        content: '',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    },
-                    {
-                        id: 3,
-                        name: '中移物联2024春季校园招聘',
-                        content: '中移物联网有限公司校园招聘(zhaopincom)',
-                        time: '2024-04-18 10:36:58',
-                        person: '管理员'
-                    }
-                ]
-            };
-        },
-        methods: {
-        },
-        mounted() {
-        }
-    });
-</script>
-
-</html>

+ 0 - 739
nngkxxdp/src/main/resources/static/naxsb/syyggyy.html

@@ -1,739 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="css/syygggy.css">
-    <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-    <!-- jquery-->
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
-    </script>
-    <script src="js/urljson.js"></script>
-    <script src="js/echarts.min.js"></script>
-    <script src="js/bmap.min.js"></script>
-    <style>
-        html,
-        body {
-            /* width: 1852px; */
-            min-width: 1852px;
-        }
-
-        .toplogo img {
-            margin-bottom: 17px;
-        }
-
-        .contentright {
-            width: 50vw;
-            min-width: 900px;
-            height: 1384px;
-        }
-
-        .ec-extension-bmap {
-            width: 50vw !important;
-            min-width: 900px;
-        }
-
-        .zwsj {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .cyfb {
-            display: -webkit-box;
-            line-height: 20px;
-            -webkit-line-clamp: 2;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            -webkit-box-orient: vertical;
-            word-break: break-all;
-            cursor: pointer;
-        }
-
-        #ggyq>.top {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #B7C7DC;
-            background: #FFFFFF;
-        }
-
-        .btnrlt {
-            background-image: url(images/btn-cyrlt.png);
-            background-size: 100% 100%;
-            width: 185px;
-            height: 68px;
-            font-weight: bold;
-            font-size: 24px;
-            color: #FFFFFF;
-            text-shadow: 3px 5px 7px rgba(11, 58, 165, 0.43);
-            position: absolute;
-            top: 90px;
-            right: 10px;
-            z-index: 100;
-            text-align: center;
-            line-height: 58px;
-            cursor: pointer;
-        }
-
-        #scrollContainer {
-            overflow: hidden;
-            white-space: nowrap;
-            position: relative;
-        }
-
-        .scrollContent {
-            animation: scroll 10s infinite;
-        }
-
-        @keyframes scroll {
-            0% {
-                transform: translateY(100%);
-            }
-
-            100% {
-                transform: translateY(-100%);
-            }
-        }
-    </style>
-</head>
-
-<body>
-    <div id="ggyq" style="position: relative;">
-        <div class="btnrlt" @click="currentmap=1" v-show="currentmap==2">产业地图</div>
-        <div class="btnrlt" @click="currentmap=2" v-show="currentmap==1">产业热力图</div>
-        <div class="top">
-            <div class="toplogo">
-                <img src="images/gyylogo.png" alt="">
-                <span>{{this.jbqk.title}}</span>
-            </div>
-            <div class="backbutton" @click="window.history.go(-1)">
-                <img src="images/back1.png" alt="">
-                <span>返回</span>
-            </div>
-        </div>
-        <div style="display: flex;">
-            <div class="contentleft">
-                <div class="title">
-                    <img src="images/gyy-title1.png" alt="">
-                    <span>园区简介</span>
-                </div>
-                <div class="yqjj">
-                    <div class="zwsj" v-if="!this.parkDesc.length">暂无数据</div>
-                    {{parkDesc?parkDesc.slice(0,160):''}}<span v-if="parkDesc && parkDesc.length > 160">...</span>
-                    <span v-if="parkDesc && parkDesc.length > 160" style="color: #186FF0;cursor: pointer;"
-                        @click="cheakmore">更多>></span>
-                </div>
-                <div class="title">
-                    <img src="images/gyy-title1.png" alt="">
-                    <span>基本情况</span>
-                </div>
-                <div class="jbqk">
-                    <div class="list" style="background-image: url(images/jbqk1.png);">
-                        <p>总面积</p>
-                        <p><span id="totalSpace">-</span><span>平方公里</span></p>
-                    </div>
-                    <div class="list" style="background-image: url(images/jbqk2.png);">
-                        <p>建成面积 </p>
-                        <p><span id="buildSpace">-</span><span>平方公里</span></p>
-                    </div>
-                    <div class="list" style="background-image: url(images/jbqk3.png);">
-                        <p>产业分布</p>
-                        <span class="cyfb" :title="jbqk.industry">{{this.jbqk.industry?this.jbqk.industry:'- '}}</span>
-                    </div>
-                </div>
-                <div class="title">
-                    <img src="images/gyy-title8.png" alt="">
-                    <span>便企服务站</span>
-                </div>
-                <div class="tsfw">
-                    <div class="list" @click="goToLink('dqfw.html')"><img src="images/tsfw1.png" alt="">
-                        <span>党群服务</span>
-                    </div>
-                    <div class="list" @click="window.open('https://www.cqna.gov.cn/zczs/')">
-                        <img src="images/tsfw3.png" alt=""><span>政策通</span>
-                    </div>
-                    <div class="list" @click="goToLink('tsfw.html')"><img src="images/tsfw5.png" alt="">
-                        <span>特色服务</span>
-                    </div>
-                    <div class="list" @click="goToLink('qysmzq.html')"><img src="images/tsfw4.png" alt="">
-                        <span>生命周期</span>
-                    </div>
-                    <div class="list" @click="goToLink('rcfw.html')"><img src="images/tsfw6.png" alt="">
-                        <span>人才服务</span>
-                    </div>
-                    <div class="list" @click="goToLink('znxzchoice.html')"><img src="images/tsfw2.png" alt="">
-                        <span>智能选址</span>
-                    </div>
-                    <div class="list" @click="goToLink('wybdb.html')"><img src="images/tsfw7.png" alt="">
-                        <span>帮代办</span>
-                    </div>
-                    <div class="list" @click="goToLink('wyyy.html')"><img src="images/tsfw8.png" alt="">
-                        <span>延时办</span>
-                    </div>
-                </div>
-                <!-- <div class="title" style="margin-left: 5px;">
-                    <img src="images/gyy-title2.png" alt="">
-                    <span>区位优势</span>
-                </div>
-                <div class="qwys" style="height: 179px;">
-                    <div class="zwsj" v-if="!this.qwysList.length">暂无数据</div>
-                    <div class="list" v-for="(item,index) in this.qwysList" v-else>
-                        <div class="name">
-                            <img :src="item.logo" alt="">
-                            <span>{{item.title}}</span>
-                        </div>
-                        <ul>
-                            <li v-for="(item1,index1) in item.subtitleList">
-                                {{item1}}
-                            </li>
-                        </ul>
-                    </div>
-                </div> -->
-                <div style="display: flex;justify-content: space-between;height: 398px;">
-                    <div class="left" style="height: 100%;">
-                        <div class="title" style="display: flex;justify-content: space-between;">
-                            <div style="display: flex;align-items: center;">
-                                <img src="images/gyy-title7.png" alt="" style="margin-right: 5px;">
-                                <span>载体租售</span>
-                            </div>
-                            <div class="more" @click="ztcrmore" v-if="this.ztcrList.length">更多>></div>
-                        </div>
-                        <div class="ztcr">
-                            <div class="zwsj" v-if="!this.ztcrList.length">暂无数据</div>
-                            <div class="list" v-for="(item,index) in ztcrList"
-                                @click="goToLink('ztcrdetail.html?ztid=' + item.id)" v-else>
-                                <div class="bg">
-                                    <img :src="item.logo" alt="" v-if="item.logo">
-                                    <img src="images/ztcrlno.png" alt="" v-else>
-                                    <div class="number">{{item.space}}&nbsp;㎡</div>
-                                </div>
-                                <div class="title" :title="item.carrierName">{{item.application}}</div>
-                                <div class="content">{{item.carrierName}}</div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="right" style="height: 100%;">
-                        <div class="title" style="display: flex;justify-content: space-between;">
-                            <div style="display: flex;align-items: center;">
-                                <img src="images/gyy-title6.png" alt="" style="margin-right: 5px;">
-                                <span>土地出让</span>
-                            </div>
-                            <div class="more" @click="tdcrmore" v-if="this.tdcrList.length">更多>></div>
-                        </div>
-                        <div class="tdcr">
-                            <div class="top">
-                                <div class="left">地块编号</div>
-                                <div class="right">占地面积(亩)</div>
-                            </div>
-                            <div class="zwsj" v-if="!this.tdcrList.length">暂无数据</div>
-                            <div class="content" v-else>
-                                <div class="list" v-for="(item,index) in tdcrList"
-                                    @click="goToLink('tdcr.html?tdid=' + item.id)">
-                                    <div class="left">{{item.landName}}</div>
-                                    <div class="right">{{item.landArea}}</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div style="display: flex;justify-content: space-between;">
-                    <div class="left" style="width: 49.5%;">
-                        <div class="title">
-                            <img src="images/gyy-title3.png" alt="">
-                            <span>园区活动</span>
-                        </div>
-                        <div class="yqhd">
-                            <div class="zwsj" v-if="!this.yqhdList.length">暂无数据</div>
-                            <ul v-else>
-                                <li v-for="(item,index) in yqhdList"><span>{{item.title}}</span></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="right" style="width: 49.5%;">
-                        <div class="title">
-                            <img src="images/gyy-title5.png" alt="">
-                            <span>政策文件</span>
-                        </div>
-                        <div class="zcwj">
-                            <ul v-if="zcwjList && zcwjList.length > 0">
-                                <li v-for="(item,index) in zcwjList" @click="goToLink(item.link)">
-                                    <div>{{item.title}}</div>
-                                </li>
-                            </ul>
-                            <div class="zwsj" v-else>暂无数据</div>
-                        </div>
-                    </div>
-                </div>
-                <!-- <div style="display: flex;justify-content: space-evenly;margin-bottom: 20px;">
-                    <div class="left">
-                        <div class="title">
-                            <img src="images/gyy-title8.png" alt="">
-                            <span>特色服务</span>
-                        </div>
-                        <div class="tsfw">
-                            <div class="list" @click="goToLink('dqfw.html')"><img src="images/tsfw1.png" alt="">
-                                <span>党群服务</span>
-                            </div>
-                            <div class="list" @click="goToLink('znxz.html')"><img src="images/tsfw2.png" alt="">
-                                <span>智能选址</span>
-                            </div>
-                            <div class="list" @click="window.open('https://www.cqna.gov.cn/zczs/')"><img
-                                    src="images/tsfw3.png" alt=""> <span>南岸政策通</span></div>
-                            <div class="list" @click="goToLink('tsfw.html')"><img src="images/tsfw4.png" alt="">
-                                <span>便企服务站</span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="right">
-                        <div class="title">
-                            <img src="images/gyy-title9.png" alt="">
-                            <span>服务事项清单</span>
-                        </div>
-                        <div class="fwsxqd">
-                            <div class="zwsj" v-if="!this.fwsxqdList.length">暂无数据</div>
-                            <div v-for="(item,index) in fwsxqdList" class="list" v-else>
-                                <div v-if="index==0" style="background: #DEEDFF;
-border: 1px solid #4B98F6;color: #4B98F6;" @click="goToLink('tsfw.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-                                <div v-if="index==1" style="background: #CEEBE8;
-border: 1px solid #62B9AF;color: #62B9AF;" @click="goToLink('tsfw.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-                                <div v-if="index==2" style="background: #F7EBE0;
-border: 1px solid #EFA34E;color: #EFA34E;" @click="goToLink('tsfw.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-                                <div v-if="index==3" style="background: #DFF8E2;
-                                border: 1px solid #6CB179;color: #6CB179;" @click="goToLink('tsfw.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-                                <div v-if="index==4" style="background: #F7EBE0;
-border: 1px solid #EFA34E;color: #EFA34E;" @click="goToLink('tsfw.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-
-                                <div v-if="index==5" style="background: #DEEDFF;
-border: 1px solid #4B98F6;color: #4B98F6;" @click="goToLink('qysmzq.html')">
-                                    <div v-if="item.title.length == 6"
-                                        style="display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;">
-                                        <span>{{item.title.slice(0,4)}}</span><span>{{item.title.slice(4,6)}}</span>
-                                    </div>
-                                    <div v-else>{{item.title}}</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div> -->
-
-                <div class="title">
-                    <img src="images/gyy-title4.png" alt="">
-                    <span>明星企业</span>
-                </div>
-                <div class="mxqy" id="scrollContainer">
-                    <div class="zwsj" v-if="!this.mxqyList.length">暂无数据</div>
-                    <ul id="auto-scroll-div" :class="{scrollContent:this.mxqyList.length>12}" v-else>
-                        <li v-for="(item,index) in mxqyList" @click="item.link?window.open(item.link):''">
-                            <img :src="item.logo" alt="">
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="contentright" id="mapcontainerdt" v-show="currentmap==1">
-            </div>
-            <div class="contentright" id="mapcontainerrlt" v-show="currentmap==2">
-            </div>
-        </div>
-    </div>
-</body>
-<script>
-    // 初始化Vue实例
-    new Vue({
-        el: '#ggyq',
-        data: function () {
-            return {
-                pageSize: 20,
-                jbqk: {},
-                currentmap: 1,
-                qwysList: [],
-                yqhdList: [],
-                mxqyList: [],
-                tsfwList: [],
-                zcwjList: [],
-                ztcrList: [],
-                tdcrList: [],
-                fwsxqdList: [],
-                firstPoint: '',
-                wordPoint: '',
-                parkDesc: ''
-            };
-        },
-        mounted() {
-            const url = new URL(window.location.href);
-            const id = url.searchParams.get('id');
-            this.getJBQK(id);
-            this.getDetail(id);
-            this.getSellBuild(id);
-            this.getSellLand(id);
-            this.getParkActivity(id);
-            if (id == 1) {
-                this.loadheatMap('json/cycyy.json', '106.600974,29.551763');
-            } else if (id == 2) {
-                this.loadheatMap('json/xjqcdzcyy.json', '106.70485,29.644364');
-            } else if (id == 3) {
-                this.loadheatMap('json/cjlscxcyy.json', '106.620834,29.575306');
-            } else if (id == 4) {
-                this.loadheatMap('json/npxqcyy.json', '106.496471,29.573469');
-            } else if (id == 5) {
-                this.loadheatMap('json/ylcxg.json', '106.656781,29.572237');
-            } else if (id == 6) {
-                this.loadheatMap('json/dxkjy.json', '106.688802,29.654054');
-            }
-        },
-        methods: {
-            cheakmore() { },
-            goIndex() {
-                window.location.href = "indexsyyg.html"
-            },
-            ztcrmore() {
-                const url = new URL(window.location.href);
-                const id = url.searchParams.get('id');
-                window.location.href = "ztcrlist.html?id=" + id;
-            },
-            tdcrmore() {
-                const url = new URL(window.location.href);
-                const id = url.searchParams.get('id');
-                window.location.href = "tdcrlist.html?id=" + id;
-            },
-            goToLink(url) {
-                const addr = new URL(window.location.href);
-                const id = addr.searchParams.get('id');
-                if (url) {
-                    window.location.href = url + '?id=' + id;
-                }
-            },
-            getJBQK(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/" + id,
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        var pointlist = data.addr.split('@');
-                        that.jbqk = data;
-                        that.parkDesc = data.desc;
-                        document.title = that.jbqk.title;
-                        that.loadMap(data.addr);
-                        const time = 500;
-                        // 总面积
-                        const totalSpaceElement = document.getElementById('totalSpace');
-                        that.animateValue(totalSpaceElement, 0, data.totalArea ? parseFloat(data.totalArea).toFixed(2) : '-', time);
-                        // 建成面积
-                        const buildSpaceElement = document.getElementById('buildSpace');
-                        that.animateValue(buildSpaceElement, 0, data.buildArea ? parseFloat(data.buildArea).toFixed(2) : '-', time);
-                    }
-                })
-            },
-            loadMap(points) {
-                let map = new BMap.Map("mapcontainerdt");
-                map.enableScrollWheelZoom();// 启用滚轮缩放
-                map.enableDragging(); // 启用拖拽功能
-                const addr = new URL(window.location.href);
-                const id = addr.searchParams.get('id');
-                // 设定中心点和地图级别
-                if (id == 1) {
-                    map.centerAndZoom(new BMap.Point(106.651444, 29.45682), 14);
-                    // var marker = new BMap.Marker(new BMap.Point(106.651444, 29.48682));        // 创建标注    
-                    // map.addOverlay(marker);
-                } else if (id == 2) {
-                    map.centerAndZoom(new BMap.Point(106.76723874457288, 29.573276880811712), 14);
-                } else if (id == 3) {
-                    map.centerAndZoom(new BMap.Point(106.69517131217539, 29.51577313312822), 15);
-                } else if (id == 4) {
-                    map.centerAndZoom(new BMap.Point(106.559829995157, 29.501581648208534), 15);
-                } else if (id == 5) {
-                    map.centerAndZoom(new BMap.Point(106.72194027111843, 29.513690776940248), 16);
-                } else if (id == 6) {
-                    map.centerAndZoom(new BMap.Point(106.70580793222035, 29.514020426917684), 16);
-                } else {
-                    map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
-                }
-                map.setMapType(BMAP_SATELLITE_MAP);
-                if (!points) return;
-                let pointList = points.split('@');
-                let result = [];
-                pointList.forEach(function (point) {
-                    let arr = point.split(',');
-                    result.push(new BMap.Point(arr[0], arr[1]));
-                });
-                // 创建多边形
-                let polygon = new BMap.Polygon(result, {
-                    strokeColor: "#FFD119",
-                    strokeWeight: 4,
-                    strokeOpacity: 1,
-                    strokeStyle: "solid",
-                    fillColor: "transparent",
-                    fillOpacity: 0.3
-                });
-                setInterval(function () {
-                    var strColor = polygon.getStrokeColor();
-                    console.log(strColor)
-                    if (strColor == "#FFD119") {
-                        polygon.setStrokeColor('red');
-                    } else {
-                        polygon.setStrokeColor('#FFD119');
-                    }
-                }, 500)
-                // 将多边形添加到地图中
-                map.addOverlay(polygon);
-
-                // 创建文本标签
-                if (id == 1) {
-                    var opts = {
-                        position: new BMap.Point(106.644876, 29.491868), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else if (id == 2) {
-                    var opts = {
-                        position: new BMap.Point(106.75723874457288, 29.603376880811712), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else if (id == 3) {
-                    var opts = {
-                        position: new BMap.Point(106.68517131217539, 29.53777313312822), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else if (id == 4) {
-                    var opts = {
-                        position: new BMap.Point(106.552829995157, 29.520581648208534), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else if (id == 5) {
-                    var opts = {
-                        position: new BMap.Point(106.71894027111843, 29.522690776940248), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else if (id == 6) {
-                    var opts = {
-                        position: new BMap.Point(106.70480793222035, 29.523020426917684), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                } else {
-                    var opts = {
-                        position: new BMap.Point(106.644876, 29.491868), // 指定文本标签所在的地理位置
-                        offset: new BMap.Size(10, 10) // 设置文本偏移量
-                    };
-                }
-                // 创建文本标签对象,并添加到地图
-                var label = new BMap.Label(this.jbqk.title, opts);
-                // 自定义文本标签样式
-                label.setStyle({
-                    color: "#FFFFFF",
-                    fontSize: "22px",
-                    height: "auto",
-                    lineHeight: "20px",
-                    fontFamily: "微软雅黑",
-                    fontWeight: 'bold',
-                    backgroundColor: 'transparent',
-                    border: 'none',
-                    textShadow: '0 0 4px #4B97F5',
-                    textStrokeColor: "#4B97F5", // 文本描边颜色
-                    textStrokeWidth: "4px", // 文本描边宽度
-                });
-                map.addOverlay(label);
-            },
-            getDetail(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/details/" + id,
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        // 特色服务
-                        that.tsfwList = data.filter(item => item.moduleType === "1");
-                        // 区位优势
-                        that.qwysList = data.filter(item => item.moduleType === "2");
-                        that.qwysList.forEach(item => {
-                            if (item.subtitle) {
-                                item.subtitleList = item.subtitle.split(",");
-                            }
-                        });
-                        // 明星企业
-                        that.mxqyList = data.filter(item => item.moduleType === "3");
-                        // 特色服务
-                        that.fwsxqdList = data.filter(item => item.moduleType === "4");
-                        // 政策文件
-                        that.zcwjList = data.filter(item => item.moduleType === "5");
-                    }
-                });
-            },
-            getSellBuild(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/sellBuild",
-                    type: "post",
-                    contentType: 'application/json',
-                    data: JSON.stringify({
-                        "currentPage": 1,
-                        "pageSize": that.pageSize,
-                        "parkId": id
-                    }),
-                    dataType: "json",
-                    success: function (data) {
-                        let dataList = data.list;
-                        dataList.forEach(function (d) {
-                            d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
-                        });
-                        that.ztcrList = dataList.splice(0, 6);
-                    }
-                });
-            },
-            getSellLand(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/sellLand",
-                    type: "post",
-                    contentType: 'application/json',
-                    data: JSON.stringify({
-                        "currentPage": 1,
-                        "pageSize": that.pageSize,
-                        "parkId": id
-                    }),
-                    dataType: "json",
-                    success: function (data) {
-                        let dataList = data.list;
-                        that.tdcrList = dataList;
-                    }
-                });
-            },
-            getParkActivity(id) {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkActivity",
-                    type: "post",
-                    contentType: 'application/json',
-                    data: JSON.stringify({
-                        "currentPage": 1,
-                        "pageSize": that.pageSize,
-                        "parkId": id
-                    }),
-                    dataType: "json",
-                    success: function (data) {
-                        let dataList = data.list;
-                        that.yqhdList = dataList;
-                    }
-                });
-            },
-            animateValue(obj, start, end, duration) {
-                let startTimestamp = null;
-                const step = (timestamp) => {
-                    if (!startTimestamp) startTimestamp = timestamp;
-                    const progress = Math.min((timestamp - startTimestamp) / duration, 1);
-                    obj.innerHTML = Math.floor(progress * (end - start) + start);
-                    if (progress < 1) {
-                        window.requestAnimationFrame(step);
-                    } else {
-                        obj.innerHTML = end;
-                        obj.classList.remove('animate');
-                    }
-                };
-                obj.classList.add('animate');
-                window.requestAnimationFrame(step);
-            },
-            loadheatMap(url, centerpoint) {
-                var app = {};
-
-                var chartDom = document.getElementById('mapcontainerrlt');
-                var myChart = echarts.init(chartDom);
-                var option;
-                var point = centerpoint.split(',');
-                $.get(url, function (data) {
-                    var points = [].concat.apply(
-                        [],
-                        data.map(function (track) {
-                            return track.map(function (seg) {
-                                return seg.coord.concat([1]);
-                            });
-                        })
-                    );
-                    myChart.setOption(
-                        (option = {
-                            toolbox: {
-                                show: false,
-                                feature: {
-                                    saveAsImage: false,
-                                    toolbox: false // 隐藏工具箱按钮
-                                }
-                            },
-                            animation: false,
-                            bmap: {
-                                center: [point[0], point[1]],
-                                zoom: 14,
-                                roam: true
-                            },
-                            visualMap: {
-                                show: false,
-                                top: 'top',
-                                min: 0,
-                                max: 5,
-                                seriesIndex: 0,
-                                calculable: true,
-                                inRange: {
-                                    color: ['blue', 'yellow', 'red']
-                                }
-                            },
-                            series: [
-                                {
-                                    type: 'heatmap',
-                                    coordinateSystem: 'bmap',
-                                    data: points,
-                                    pointSize: 25,
-                                    blurSize: 15
-                                }
-                            ]
-                        })
-                    );
-                    // 添加百度地图插件
-                    var bmap = myChart.getModel().getComponent('bmap').getBMap();
-                    bmap.addControl(new BMap.MapTypeControl());
-                    bmap.setMapType(BMAP_SATELLITE_MAP);
-                });
-
-                option && myChart.setOption(option);
-            }
-        }
-    });
-</script>
-
-</html>

+ 97 - 32
nngkxxdp/src/main/resources/static/naxsb/tdcr.html

@@ -4,15 +4,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>土地出让</title>
+    <title>土地供应</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <link rel="stylesheet" href="swiper/swiper-bundle.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
@@ -36,7 +36,8 @@
             box-sizing: border-box;
             font-family: Microsoft YaHei;
         }
-        .contentleft>.list .listitm{
+
+        .contentleft>.list .listitm {
             width: 32.5%;
         }
 
@@ -156,16 +157,40 @@
                 right: 71px;
             }
         }
+
+        .tablecon .cont {
+            width: auto;
+            min-width: 157px;
+            background: #fff !important;
+        }
+
+        .contentleft .tablecon {
+            background: transparent;
+            padding: 0;
+            margin-top: 30px;
+        }
+
+        .contentleft .tablecon td {
+            width: auto;
+        }
+
+        .contentleft {
+            height: 1000px;
+        }
+
+        .contentright {
+            height: 1000px;
+        }
     </style>
 </head>
 
-
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="tdcr">
         <div class="top">
             <div class="toplogo">
                 <img src="images/gyylogo.png" alt="">
-                <span>土地出让</span>
+                <span>土地供应</span>
             </div>
             <div class="backbutton" @click="window.history.go(-1)">
                 <img src="images/back1.png" alt="">
@@ -190,8 +215,8 @@
                         </div>
                     </div>
                     <div class="swiper-button-next"><img src="images/bottomarrow.png" alt=""></div>
-                </div> 
-                <div class="list">
+                </div>
+                <!-- <div class="list">
                     <div class="listitm" style="background-color: #4EB2AD;">
                         <span>占地面积</span>
                         <span>{{ tdcrDetail.landArea?tdcrDetail.landArea:'-' }}&nbsp;亩</span>
@@ -200,32 +225,16 @@
                         <span>主导产业</span>
                         <span>{{ tdcrDetail.businessIndustry?tdcrDetail.businessIndustry:'-' }}</span>
                     </div>
-                    <!-- <div class="listitm" style="background-color: #4B98F6;">
-                        <span>土地用途</span>
-                        <span>{{ tdcrDetail.landFunction }}</span>
-                    </div>
-                    <div class="listitm" style="background-color: #4BB664;">
-                        <span>招引产业</span>
-                        <span>{{ tdcrDetail.businessIndustry }}</span>
-                    </div> -->
                     <div class="listitm" style="background-color: #DFC483;">
                         <span>可用地情况</span>
                         <span>{{ tdcrDetail.landState?tdcrDetail.landState:"不可用" }}</span>
                     </div>
                 </div>
                 <div class="text">
-                    <!-- <div style="align-items: flex-start;">
-                        <span>主导产业:</span>
-                        <div class="icon"
-                            v-for="(item,index) in (tdcrDetail.landFunction ? tdcrDetail.landFunction.split('、') : [])">
-                            {{
-                            item }}</div>
-                    </div> -->
                     <div><span>详细地址:</span><span>{{ tdcrDetail.addr?tdcrDetail.addr:'-' }}</span></div>
                     <div><span>联系方式:</span><span>{{ tdcrDetail.contactName?tdcrDetail.contactName:'-' }}&nbsp;&nbsp;{{ tdcrDetail.contactPhone
                             }}</span></div>
                 </div>
-                <!-- <div class="buttontz"><span>我要投资</span></div> -->
                 <div class="title">
                     <img src="images/gyy-title1.png" alt="">
                     <span>概况</span>
@@ -239,12 +248,53 @@
                 </div>
                 <div class="tablecon" v-html="tdcrDetail.cost" v-if="tdcrDetail.cost">
                 </div>
-                <div class="tablecon" style="font-size: 18px;" v-else>暂未公开</div>
+                <div class="tablecon" style="font-size: 18px;" v-else>暂未公开</div> -->
+                <div class="tablecon" style="font-size: 16px;">
+                    <table style="width: 100%" border="0" cellspacing="0">
+                        <tbody>
+                            <tr>
+                                <td class="tit">地块面积</td>
+                                <td class="cont">{{ tdcrDetail.landArea?tdcrDetail.landArea:'无' }}&nbsp;亩</td>
+                                <td class="tit">所属板块</td>
+                                <td class="cont">{{tdcrDetail.parkData?tdcrDetail.parkData.title:'无'}}</td>
+                                <td class="tit">可用地情况</td>
+                                <td class="cont">{{ tdcrDetail.landState?tdcrDetail.landState:"不可用" }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">拆迁情况</td>
+                                <td class="cont">{{ tdcrDetail.remove?tdcrDetail.remove:'无' }}</td>
+                                <td class="tit">招引产业</td>
+                                <td class="cont">{{ tdcrDetail.businessIndustry?tdcrDetail.businessIndustry:'无' }}</td>
+                                <td class="tit">土地性质</td>
+                                <td class="cont">{{ tdcrDetail.addr?tdcrDetail.addr:'无' }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">联系人</td>
+                                <td class="cont">{{ tdcrDetail.contactName?tdcrDetail.contactName:'无' }}</td>
+                                <td class="tit">联系地址</td>
+                                <td class="cont">{{ tdcrDetail.landFunction?tdcrDetail.landFunction:'无' }}</td>
+                                <td class="tit">联系电话</td>
+                                <td class="cont">{{ tdcrDetail.contactPhone?tdcrDetail.contactPhone:'无' }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
             </div>
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 </body>
+<script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
 <script src="swiper/swiper-bundle.js"></script>
 <script>
     new Vue({
@@ -254,6 +304,7 @@
                 reqPtah: '',
                 tdcrDetail: {},
                 imgUrl: '',
+                backgroundImage: 'images/indexsyyg.png',
                 swiperList: []
             }
         },
@@ -274,6 +325,21 @@
                     spaceBetween: 10
                 });
             })
+            if (this.id == 4) {
+                this.backgroundImage = 'image/npxqcyy.jpg';
+            } else if (this.id == 6) {
+                this.backgroundImage = 'image/dxkjy.jpg';
+            } else if (this.id == 5) {
+                this.backgroundImage = 'image/ylcxg.jpg';
+            } else if (this.id == 1) {
+                this.backgroundImage = 'image/cycyy.jpg';
+            } else if (this.id == 2) {
+                this.backgroundImage = 'image/xjqcdzcyy.jpg';
+            } else if (this.id == 3) {
+                this.backgroundImage = 'image/cjlscxcyy.jpg';
+            } else {
+                this.backgroundImage = 'image/tdcy.webp';
+            }
         },
         methods: {
             backIndex() {
@@ -287,7 +353,7 @@
             },
             loadMap(points, namePoint, centerPoint) {
                 let map = new BMap.Map("mapcontainer");
-              
+
                 map.enableScrollWheelZoom();// 启用滚轮缩放
                 map.enableDragging(); // 启用拖拽功能
                 // 设定中心点和地图级别
@@ -304,8 +370,8 @@
                     let arr = point.split(',');
                     result.push(new BMap.Point(arr[0], arr[1]));
                 });
-               // 创建多边形
-               let polygon = new BMap.Polygon(result, {
+                // 创建多边形
+                let polygon = new BMap.Polygon(result, {
                     strokeColor: "#4BB664",
                     strokeWeight: 4,
                     strokeOpacity: 1,
@@ -315,7 +381,6 @@
                 });
                 setInterval(function () {
                     var strColor = polygon.getStrokeColor();
-                    console.log(strColor)
                     if (strColor == "#4BB664") {
                         polygon.setStrokeColor('red');
                     } else {
@@ -339,7 +404,7 @@
                 var label = new BMap.Label(this.tdcrDetail.landName, opts);
                 // 自定义文本标签样式
                 label.setStyle({
-                    color: "#FFFFFF",
+                    color: "#186FF0",
                     fontSize: "18px",
                     height: "auto",
                     lineHeight: "20px",
@@ -377,7 +442,7 @@
                         that.tdcrDetail = data;
                         that.swiperList = data.imgUrl ? data.imgUrl.split(",") : [];
                         if (!that.swiperList.length) {
-                            that.swiperList.push('images/ztcrlistno.png')
+                            that.swiperList.push(backgroundImage)
                         }
                         that.imgUrl = that.swiperList[0];
                         let points = data.parkData.addr;

+ 49 - 33
nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html

@@ -7,11 +7,11 @@
     <title>土地出让</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
@@ -158,19 +158,18 @@
 
         .con .list {
             cursor: pointer;
-            margin-left: 3px;
-            width: 32%;
-            margin-left: 1.5%;
+            width: 49%;
+            margin-right: 1%;
             margin-bottom: 30px;
         }
 
-        .con .list:nth-child(3n+1) {
-            margin-left: 5px;
+        .con .list:nth-child(2n) {
+            margin-right: 0;
         }
 
         .con .list .bg {
             width: 100%;
-            height: 168px;
+            height: 270px;
             position: relative;
 
         }
@@ -214,6 +213,11 @@
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
+            display: flex;
+        }
+
+        .con .list .content img {
+            margin-right: 10px;
         }
 
         @media screen and (max-width:1800px) {
@@ -241,6 +245,7 @@
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="ztcr">
         <div class="top">
             <div class="toplogo">
@@ -271,11 +276,12 @@
                         <div class="list" v-for="(item,index) in contentList"
                             @click="goToLink('tdcr.html?tdid=' + item.id)">
                             <div class="bg">
-                                <img :src="item.imgUrl?item.imgUrl:'images/ztcrlistno.png'" alt="">
+                                <img :src="item.imgUrl?item.imgUrl:backgroundImage" alt="">
                                 <div class="number">{{item.landArea}}&nbsp;亩</div>
                             </div>
                             <div class="title">{{item.landName}}</div>
-                            <div class="content">{{item.ownerUnit}}</div>
+                            <div class="content"><img src="images/tdaddr.png" alt=""><span>{{item.addr}}</span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -283,9 +289,19 @@
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
-
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     new Vue({
         el: '#ztcr',
         data: function () {
@@ -297,6 +313,7 @@
                 pointList: [],
                 currentPq: -1,
                 inputValue: '',
+                backgroundImage: 'image/cycyy.jpg',
                 pqList: [
                 ],
             }
@@ -308,6 +325,21 @@
             this.getParkDetail();
             this.getParkData();
             this.getSellLand(id);
+            if (this.id == 4) {
+                this.backgroundImage = 'image/npxqcyy.jpg';
+            } else if (this.id == 6) {
+                this.backgroundImage = 'image/dxkjy.jpg';
+            } else if (this.id == 5) {
+                this.backgroundImage = 'image/ylcxg.jpg';
+            } else if (this.id == 1) {
+                this.backgroundImage = 'image/cycyy.jpg';
+            } else if (this.id == 2) {
+                this.backgroundImage = 'image/xjqcdzcyy.jpg';
+            } else if (this.id == 3) {
+                this.backgroundImage = 'image/cjlscxcyy.jpg';
+            } else {
+                this.backgroundImage = 'image/tdcy.webp';
+            }
         },
         methods: {
             goDeteil(id) {
@@ -373,7 +405,7 @@
             getParkDetail() {
                 let that = this;
                 $.ajax({
-                    url:  conpath + "/parkData/" + that.currentPq,
+                    url: conpath + "/parkData/" + that.currentPq,
                     type: "get",
                     dataType: "json",
                     success: function (data) {
@@ -392,8 +424,8 @@
                 that.parkMap.enableScrollWheelZoom();// 启用滚轮缩放
                 that.parkMap.enableDragging(); // 启用拖拽功能
                 that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
-                 var allpointList = allpoints.split('?');
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
+                var allpointList = allpoints.split('?');
                 for (var i = 0; i < allpointList.length; i++) {
                     let pointList = allpointList[i].split('@');
                     let result = [];
@@ -403,21 +435,13 @@
                     });
                     // 创建多边形
                     let polygon = new BMap.Polygon(result, {
-                        strokeColor: "#FFD119",
+                        strokeColor: "red",
                         strokeWeight: 4,
                         strokeOpacity: 1,
                         strokeStyle: "solid",
                         fillColor: "transparent",
                         fillOpacity: 0.3
                     });
-                    setInterval(function () {
-                        var strColor = polygon.getStrokeColor();
-                        if (strColor == "#FFD119") {
-                            polygon.setStrokeColor('red');
-                        } else {
-                            polygon.setStrokeColor('#FFD119');
-                        }
-                    }, 500)
                     // 将多边形添加到地图中
                     that.parkMap.addOverlay(polygon);
                 }
@@ -444,7 +468,7 @@
                 } else {
                     that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
                 }
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
                 if (!points) return;
                 let pointList = points.split('@');
                 let result = [];
@@ -461,14 +485,6 @@
                     fillColor: "transparent",
                     fillOpacity: 0.3
                 });
-                setInterval(function () {
-                    var strColor = polygon.getStrokeColor();
-                    if (strColor == "#FFD119") {
-                        polygon.setStrokeColor('red');
-                    } else {
-                        polygon.setStrokeColor('#FFD119');
-                    }
-                }, 500)
                 // 将多边形添加到地图中
                 that.parkMap.addOverlay(polygon);
 

+ 111 - 57
nngkxxdp/src/main/resources/static/naxsb/tsfw.html

@@ -6,11 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>特色服务</title>
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <!-- jquery-->
     <script src="js/jquery-3.5.1.min.js"></script>
     <script src="js/urljson.js"></script>
@@ -81,84 +81,97 @@
         }
 
         .tsfw>.container {
+            width: 100%;
+            background-image: url(images/bg-tsfw.png);
+            background-size: 100% 100%;
+            padding: 10px 20px;
+            box-sizing: border-box;
             display: flex;
-            padding: 10px;
+            flex-direction: column;
+            justify-content: center;
+            min-width: 380px;
         }
 
-        .tsfw>.container .left {
-            width: 74.5%;
-            margin-right: 10px;
+        .tsfw .top {
+            display: flex;
+            justify-content: space-between;
         }
 
-        .tsfw>.container .right {
-            width: 25%;
-            background-image: url(images/bg-tsfwr.png);
-            background-size: 100% 100%;
-            margin-top: 10px;
-            padding: 0 20px;
+        .top .tlist {
+            width: 31.5%;
+            height: 155px;
+            font-size: 26px;
+            color: #194D8C;
+            background: rgb(255 255 255 / 30%);
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            padding-left: 50px;
+            padding-right: 20px;
             box-sizing: border-box;
+        }
+
+        .tlist img {
+            margin-right: 20px;
+        }
+
+        .tlist .right {
             display: flex;
             flex-direction: column;
-            justify-content: center;
-            min-width: 380px;
         }
 
-        .tsfw .left .list {
-            display: flex;
+        .tlist .right span:last-child {
             margin-top: 10px;
-            min-width: 820px;
         }
 
-        .tsfw .left .title {
-            position: relative;
-            width: 30%;
+        .bottom {
+            display: flex;
+            flex-wrap: wrap;
         }
 
-        .tsfw .left .content {
-            width: 69.5%;
-            background: #DEEDFF;
-            border: 1px solid #4B98F6;
+        .bottom .list {
+            width: 32.8%;
+            height: 323px;
             font-size: 20px;
-            color: #4B98F6;
-            line-height: 36px;
-            padding: 20px 30px;
+            background: rgb(255 255 255 / 40%);
+            font-size: 20px;
+            color: #194D8C;
+            padding-left: 30px;
+            padding-bottom: 10px;
             box-sizing: border-box;
-            margin-left: 5px;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
+            position: relative;
+            padding-top: 100px;
+            margin-top: 35px;
+            margin-right: calc(1.6%/2);
         }
 
-        .tsfw .left .title p {
-            white-space: nowrap;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            font-family: Microsoft YaHei;
-            font-weight: bold;
-            font-size: 40px;
-            color: #FFFFFF;
-            background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
+        .bottom .list:nth-child(3n) {
+            margin-right: 0;
         }
 
-        .tsfw .rlist {
-            display: flex;
-            flex-direction: column;
-            font-size: 26px;
+        .bottom .list .title {
+            position: absolute;
+            top: -10px;
+            font-weight: bold;
+            font-size: 30px;
             color: #FFFFFF;
-            margin-bottom: 50px;
+            text-align: center;
+            width: 379px;
+            height: 65px;
+            line-height: 65px;
+            background-image: url(images/bglt.png);
+            background-size: 100% 100%;
+            left: calc((100% - 379px)/2);
         }
 
-        .tsfw .rlist p:first-child {
-            margin-bottom: 10px;
+        .bottom .list .content {
+            line-height: 36px;
         }
     </style>
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div class="tsfw" id="tsfw">
         <div class="top">
             <div class="toplogo">
@@ -171,11 +184,9 @@
             </div>
         </div>
         <div class="container">
-            <div class="left">
+            <!-- <div class="left">
                 <div class="list" v-for="(item, index)  in leftList" :key="index">
                     <div class="title">
-                        <!-- <img :src="'images/bg-tsfw'+(index+1)+'.png'" alt="" style="width: 100%;height: 100%;"
-                            v-if="index<6"> -->
                         <img src="images/bg-tsfw.png" alt="" style="width: 100%;height: 100%;">
                         <p>{{item.parkForm}}</p>
                     </div>
@@ -207,12 +218,55 @@
                     <p>地址:</p>
                     <p>{{address?address:'-'}}</p>
                 </div>
+            </div> -->
+            <div class="top">
+                <div class="tlist">
+                    <img src="images/tslxr.png" alt="">
+                    <div class="right">
+                        <span>联系人:</span>
+                        <span>{{person?person:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdh.png" alt="">
+                    <div class="right">
+                        <span>电话:</span>
+                        <span>{{telphone?telphone:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdz.png" alt="">
+                    <div class="right">
+                        <span>地址:</span>
+                        <span>{{address?address:'-'}}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="bottom">
+                <div class="list" v-for="(item, index)  in leftList" :key="index">
+                    <div class="title">{{item.parkForm}}</div>
+                    <div class="content">
+                        <div v-for="(tabl, indexl)  in item.children" :key="indexl">
+                            {{indexl+1}}.{{tabl.information}}
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
-
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     // 初始化Vue实例
     new Vue({
         el: '#tsfw',
@@ -224,7 +278,7 @@
                 person: '',
                 telphone: '',
                 address: '',
-                currentTitle:''
+                currentTitle: ''
             };
         },
         methods: {

+ 471 - 411
nngkxxdp/src/main/resources/static/naxsb/wybdb.html

@@ -7,20 +7,25 @@
     <title>我要帮代办</title>
     <link rel="stylesheet" href="css/conmon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <!-- jquery-->
     <script src="js/jquery-3.5.1.min.js"></script>
     <script src="js/urljson.js"></script>
     <style>
         .topBg .topButton {
+            background-image: url(images/button-bdb.png);
             color: #B68957 !important;
             text-shadow: 0px 2px 1px #FFFFFF !important;
         }
 
+        .topBg .topButton:hover {
+            background-image: url(images/button-bdbhv.png);
+        }
+
         .content>div:last-child {
             margin-bottom: 0;
         }
@@ -99,7 +104,9 @@
             background-image: url(images/arrow.png);
             background-size: 100% 100%;
         }
-        tr,td{
+
+        tr,
+        td {
             margin: 0;
             padding: 0;
         }
@@ -108,7 +115,7 @@
             margin-bottom: 0 !important;
             width: 70%;
             margin: auto;
-            border-spacing:0;
+            border-spacing: 0;
             border: 1px solid #7BA7CC;
         }
 
@@ -119,7 +126,8 @@
         table tr {
             /* border-bottom: 1px solid #7BA7CC; */
         }
-        .table .title{
+
+        .table .title {
             display: table-row;
         }
 
@@ -236,17 +244,19 @@
 </head>
 
 <body>
-    <div class="topBg" style="background-image: url(images/indexbg-bdb.png);" id="topBg">
-        <div class="topButton" style="background-image: url(images/button-bdb.png);" @click="wybdb">我要帮代办
-        </div>
-        <el-dialog title="南岸区重庆经开区帮办代办需求表" :visible.sync="dialogVisible" width="50%" @close="handleClose"
-            :close-on-click-modal="false">
-            <!-- 表单内容 -->
-            <el-form ref="form" :model="form" :rules="rules" label-width="150px">
-                <el-form-item label="项目单位名称" prop="unitName">
-                    <el-input v-model="form.unitName" placeholder="请输入项目单位名称"></el-input>
-                </el-form-item>
-                <el-form-item label="项目编码" prop="projectCoding">
+    <div style="width:100%;height:570px" class="header"></div>
+    <div>
+        <div class="topBg" style="background-image: url(images/indexbg-bdb.png);" id="topBg">
+            <div class="topButton" @click="wybdb">我要帮代办
+            </div>
+            <el-dialog title="南岸区重庆经开区帮办代办需求表" :visible.sync="dialogVisible" width="50%" @close="handleClose"
+                :close-on-click-modal="false">
+                <!-- 表单内容 -->
+                <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+                    <el-form-item label="项目单位名称" prop="unitName">
+                        <el-input v-model="form.unitName" placeholder="请输入项目单位名称"></el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="项目编码" prop="projectCoding">
                     <el-input v-model="form.projectCoding" placeholder="请输入项目编码"></el-input>
                 </el-form-item>
                 <el-form-item label="是否重点项目" prop="keyProject">
@@ -254,109 +264,152 @@
                         <el-radio label="是"></el-radio>
                         <el-radio label="否"></el-radio>
                     </el-radio-group>
-                </el-form-item>
-                <el-form-item label="项目单位地址" prop="projectAddr">
-                    <el-input type="textarea" v-model="form.projectAddr" placeholder="请输入项目单位地址"></el-input>
-                </el-form-item>
-                <div style="display: flex;">
-                    <el-form-item label="项目单位负责人" prop="chargeName">
-                        <el-input v-model="form.chargeName" placeholder="请输入项目单位负责人"></el-input>
-                    </el-form-item>
-                    <el-form-item label="联系电话" prop="chargePhone">
-                        <el-input v-model="form.chargePhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
-                            @blur="validatePhonefzr"></el-input>
-                    </el-form-item>
-                </div>
-                <div style="display: flex;">
-                    <el-form-item label="项目单位经办人" prop="handlerName">
-                        <el-input v-model="form.handlerName" placeholder="请输入项目单位经办人"></el-input>
-                    </el-form-item>
-                    <el-form-item label="联系电话" prop="handlerPhone">
-                        <el-input v-model="form.handlerPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
-                            @blur="validatePhonejbr"></el-input>
+                </el-form-item> -->
+                    <el-form-item label="项目单位地址" prop="projectAddr">
+                        <el-input type="textarea" v-model="form.projectAddr" placeholder="请输入项目单位地址"></el-input>
                     </el-form-item>
-                </div>
-                <!-- <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
+                    <div style="display: flex;">
+                        <el-form-item label="项目单位负责人" prop="chargeName">
+                            <el-input v-model="form.chargeName" placeholder="请输入项目单位负责人"></el-input>
+                        </el-form-item>
+                        <el-form-item label="联系电话" prop="chargePhone">
+                            <el-input v-model="form.chargePhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                                @blur="validatePhonefzr"></el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="display: flex;">
+                        <el-form-item label="项目单位经办人" prop="handlerName">
+                            <el-input v-model="form.handlerName" placeholder="请输入项目单位经办人"></el-input>
+                        </el-form-item>
+                        <el-form-item label="联系电话" prop="handlerPhone">
+                            <el-input v-model="form.handlerPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                                @blur="validatePhonejbr"></el-input>
+                        </el-form-item>
+                    </div>
+                    <!-- <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
                     <el-input type="textarea" v-model="form.proxyMatters" placeholder="请输入需帮办代办具体事项"></el-input>
                 </el-form-item> -->
-                <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
-                    <el-select v-model="form.proxyMatters" placeholder="请选择需帮办代办具体事项" style="width: 100%;">
-                        <el-option label="需帮办代办具体事项1" value="需帮办代办具体事项1"></el-option>
-                        <el-option label="需帮办代办具体事项2" value="需帮办代办具体事项2"></el-option>
-                        <el-option label="需帮办代办具体事项3" value="需帮办代办具体事项3"></el-option>
-                    </el-select>
-                </el-form-item>
-                <!-- 帮办代办/联络人电话 -->
-                <div style="display: flex;">
-                    <el-form-item label="帮办代办联络人" prop="proxyName">
-                        <el-input v-model="form.proxyName" placeholder="请输入帮办代办联络人"></el-input>
+                    <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
+                        <el-select v-model="form.proxyMatters" placeholder="请选择需帮办代办具体事项" style="width: 100%;">
+                            <el-option label="政府投资房屋建筑和市政基础设施工程建设项目初步设计审批" value="政府投资房屋建筑和市政基础设施工程建设项目初步设计审批">
+                            </el-option>
+                            <el-option label="建设工程消防设计审查" value="建设工程消防设计审查"></el-option>
+                            <el-option label="施工图审查备案" value="施工图审查备案"></el-option>
+                            <el-option label="建筑工程施工许可证核发" value="建筑工程施工许可证核发"></el-option>
+                            <el-option label="城镇污水排入排水管网许可" value="城镇污水排入排水管网许可"></el-option>
+                            <el-option label="建设工程质量竣工验收监督" value="建设工程质量竣工验收监督"></el-option>
+                            <el-option label="建设工程消防验收" value="建设工程消防验收"></el-option>
+                            <el-option label="建设工程消防验收备案" value="建设工程消防验收备案"></el-option>
+                            <el-option label="建设工程档案专项验收" value="建设工程档案专项验收"></el-option>
+                            <el-option label="医疗机构执业登记(申请变更诊疗科目)" value="医疗机构执业登记(申请变更诊疗科目)"></el-option>
+                            <el-option label="医疗机构执业登记(申请变更法定代表人或主要负责人)" value="医疗机构执业登记(申请变更法定代表人或主要负责人)"></el-option>
+                            <el-option label="医疗机构执业登记(申请变更床位)" value="医疗机构执业登记(申请变更床位)"></el-option>
+                            <el-option label="医疗机构执业登记(申请医疗机构执业登记)" value="医疗机构执业登记(申请医疗机构执业登记)"></el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可(放射诊疗许可证校检)" value="放射源诊疗技术和医用辐射机构许可(放射诊疗许可证校检)">
+                            </el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可(放射诊疗许可证变更(变更射诊疗场所、诊疗设备或诊疗项目、放射性核素))"
+                                value="放射源诊疗技术和医用辐射机构许可(放射诊疗许可证变更(变更射诊疗场所、诊疗设备或诊疗项目、放射性核素))"></el-option>
+                            <el-option label="放射源诊疗技术和医用辐射机构许可(放射诊疗许可)" value="放射源诊疗技术和医用辐射机构许可(放射诊疗许可)"></el-option>
+                            <el-option label="医疗机构放射性职业病危害建设项目预评价报告审核" value="医疗机构放射性职业病危害建设项目预评价报告审核"></el-option>
+                            <el-option label="医疗机构放射性职业病危害建设项目竣工验收" value="医疗机构放射性职业病危害建设项目竣工验收"></el-option>
+                            <el-option label="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(延续)" value="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(延续)">
+                            </el-option>
+                            <el-option label="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(新办)" value="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(新办)">
+                            </el-option>
+                            <el-option label="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(变更)" value="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(变更)">
+                            </el-option>
+                            <el-option label="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(注销)" value="公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(注销)">
+                            </el-option>
+                            <el-option label="诊所备案(新办)" value="诊所备案(新办)"></el-option>
+                            <el-option label="诊所备案(变更)" value="诊所备案(变更)"></el-option>
+                            <el-option label="中医诊所备案" value="中医诊所备案"></el-option>
+                            <el-option label="存量房买卖(企业间交易)" value="存量房买卖(企业间交易)"></el-option>
+                            <el-option label="企业不动产登记资料查询" value="企业不动产登记资料查询"></el-option>
+                            <el-option label="土地使用权初始登记" value="土地使用权初始登记"></el-option>
+                            <el-option label="城镇房屋初始登记" value="城镇房屋初始登记"></el-option>
+                            <el-option label="内资企业设立登记" value="内资企业设立登记"></el-option>
+                            <el-option label="内资企业变更登记" value="内资企业变更登记"></el-option>
+                            <el-option label="外资企业设立登记" value="外资企业设立登记"></el-option>
+                            <el-option label="外资企业变更登记" value="外资企业变更登记"></el-option>
+                            <el-option label="食品经营许可新设" value="食品经营许可新设"></el-option>
+                            <el-option label="食品经营许可变更" value="食品经营许可变更"></el-option>
+                        </el-select>
                     </el-form-item>
-                    <el-form-item label="联系电话" prop="proxyPhone">
-                        <el-input v-model="form.proxyPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
-                            @blur="validatePhonellr"></el-input>
-                    </el-form-item>
-                </div>
-                <el-form-item label="验证码" prop="imgCode">
+                    <!-- 帮办代办/联络人电话 -->
                     <div style="display: flex;">
-                        <el-input v-model="form.imgCode" style="width: 36%;" placeholder="请输入验证码"></el-input>
-                        <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        <el-form-item label="帮办代办联络人" prop="proxyName">
+                            <el-input v-model="form.proxyName" placeholder="请输入帮办代办联络人"></el-input>
+                        </el-form-item>
+                        <el-form-item label="联系电话" prop="proxyPhone">
+                            <el-input v-model="form.proxyPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
+                                @blur="validatePhonellr"></el-input>
+                        </el-form-item>
                     </div>
-                </el-form-item>
-                <el-form-item class="subButton">
-                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
-                    <el-button @click="dialogVisible = false">取消</el-button>
-                </el-form-item>
-            </el-form>
-        </el-dialog>
-    </div>
-    </div>
-    <div class="content">
-        <div class="name">活动介绍</div>
-        <div class="project">
-            为南岸区、重庆经开区辖区范围内重点产业投资项目提供帮代办服务。
-            (一)帮助办的服务内容为入驻大厅的政务服务事项。
-            (二)代理办服务具体内容详见《南岸区重庆经开区代办事项清单》,该清单根据实际情况适时调整更新。
-        </div>
-        <ul class="list">
-            <li style="background-image: url(images/bdb1.png);">
-                <div class="top" style="text-shadow: 0px 3px 3px #387E66;">帮助办</div>
-                <div class="bottom" style="color: #387E66;">根据项目单位需要,为服务对象提供事项办理咨询、指导、协调等服务</div>
-            </li>
-            <li style="background-image: url(images/bdb2.png);">
-                <div class="top" style="text-shadow: 0px 3px 3px rgba(65,9,99,0.46);">代理办</div>
-                <div class="bottom" style="color: #410963;">接受服务对象的委托,代理服务对象办理事项的服务。项目单位只需提交符合要求的申报资料和收取结果文件,不参与中间办理过程。
-                </div>
-            </li>
-            <li style="background-image: url(images/bdb3.png);">
-                <div class="top" style="text-shadow: 0px 3px 3px #A6190F;">上门办</div>
-                <div class="bottom" style="color: #72120B;">针对老、弱、病、残、孕等特殊群体有需要可提供上门办服务。</div>
-            </li>
-        </ul>
-        <div class="name">服务对象</div>
-        <div class="fwdx">重庆经开区辖区范围内的重点产业投资项目。</div>
-        <div class="name">服务流程</div>
-        <div class="fwlc">
-            <div class="text">受理</div>
-            <div class="arrow"></div>
-            <div class="text">承办</div>
-            <div class="arrow"></div>
-            <div class="text">会商</div>
-            <div class="arrow"></div>
-            <div class="text">办结</div>
+                    <el-form-item label="验证码" prop="imgCode">
+                        <div style="display: flex;">
+                            <el-input v-model="form.imgCode" style="width: 36%;" placeholder="请输入验证码"></el-input>
+                            <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        </div>
+                    </el-form-item>
+                    <el-form-item class="subButton">
+                        <el-button type="primary" @click="submitForm('form')">提交</el-button>
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-dialog>
         </div>
-        <div class="name">服务内容</div>
-        <table class="table">
-            <tr class="title">
-                <td class="one" style="padding: 5px;">序号</td>
-                <td class="two">事项名称</td>
-                <!-- <td class="three">所需材料</td> -->
-                <td class="four">审批部门</td>
-                <td class="five">咨询电话</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">1</td>
-                <td class="two" rowspan="2">政府投资房屋建筑和市政基础设施工程建设项目初步设计审批</td>
-                <!-- <td class="three">
+        <div class="content">
+            <div class="name">活动介绍</div>
+            <div class="project">
+                为南岸区、重庆经开区辖区范围内重点产业投资项目提供帮代办服务。
+                (一)帮助办的服务内容为入驻大厅的政务服务事项。
+                (二)代理办服务具体内容详见《南岸区重庆经开区代办事项清单》,该清单根据实际情况适时调整更新。
+            </div>
+            <ul class="list">
+                <li style="background-image: url(images/bdb1.png);">
+                    <div class="top" style="text-shadow: 0px 3px 3px #387E66;">帮助办</div>
+                    <div class="bottom" style="color: #387E66;">根据项目单位需要,为服务对象提供事项办理咨询、指导、协调等服务</div>
+                </li>
+                <li style="background-image: url(images/bdb2.png);">
+                    <div class="top" style="text-shadow: 0px 3px 3px rgba(65,9,99,0.46);">代理办</div>
+                    <div class="bottom" style="color: #410963;">
+                        接受服务对象的委托,代理服务对象办理事项的服务。项目单位只需提交符合要求的申报资料和收取结果文件,不参与中间办理过程。
+                    </div>
+                </li>
+                <li style="background-image: url(images/bdb3.png);">
+                    <div class="top" style="text-shadow: 0px 3px 3px #A6190F;">上门办</div>
+                    <div class="bottom" style="color: #72120B;">针对老、弱、病、残、孕等特殊群体有需要可提供上门办服务。</div>
+                </li>
+            </ul>
+            <div class="name">服务对象</div>
+            <div class="fwdx">重庆市南岸区 重庆经开区辖区范围内的重点产业投资项目。</div>
+            <div class="name">服务流程</div>
+            <div class="fwlc">
+                <div class="text">受理</div>
+                <div class="arrow"></div>
+                <div class="text">承办</div>
+                <div class="arrow"></div>
+                <div class="text">会商</div>
+                <div class="arrow"></div>
+                <div class="text">办结</div>
+            </div>
+            <div class="name">代办人员</div>
+            <div class="fwdx">
+                <div>柴静、樊世行&nbsp;&nbsp;&nbsp;&nbsp;电话:023-62606905</div>
+            </div>
+            <div class="name">服务内容</div>
+            <table class="table">
+                <tr class="title">
+                    <td class="one" style="padding: 5px;">序号</td>
+                    <td class="two">事项名称</td>
+                    <!-- <td class="three">所需材料</td> -->
+                    <td class="four">审批部门</td>
+                    <td class="five">咨询电话</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">1</td>
+                    <td class="two" rowspan="2">政府投资房屋建筑和市政基础设施工程建设项目初步设计审批</td>
+                    <!-- <td class="three">
                     <span>1.公司登记(备案)申请书;</span>
                     <span>2.公司章程;</span>
                     <span>3.股东、发起人的主体资格文件或自然人身份证明;</span>
@@ -364,17 +417,17 @@
                     <span>5.住所使用文件;</span>
                     <span>6.其他视项目而论的必需材料。</span>
                 </td> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62988217</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">2</td>
-                <td class="two" rowspan="2">建设工程消防设计审查</td>
-                <!-- <li class="three">
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62988217</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">2</td>
+                    <td class="two" rowspan="2">建设工程消防设计审查</td>
+                    <!-- <li class="three">
                     <span>1.公司登记(备案)申请书;</span>
                     <span>2.变更登记事项涉及公司章程修改的,提交修改公司章
                         程的决议、决定;</span>
@@ -383,17 +436,17 @@
                     <span>5.已领取纸质版营业执照的缴回所有营业执照正、副本;</span>
                     <span>6.其他视项目而论的必需材料。</span>
                 </li> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62988355</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">3</td>
-                <td class="two" rowspan="2">施工图审查备案</td>
-                <!-- <td class="three">
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62988355</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">3</td>
+                    <td class="two" rowspan="2">施工图审查备案</td>
+                    <!-- <td class="three">
                     <span>1.公司登记(备案)申请书;</span>
                     <span>2.公司章程;</span>
                     <span>3.股东、发起人的主体资格文件或自然人身份证明;</span>
@@ -401,17 +454,17 @@
                     <span>5.住所使用文件;</span>
                     <span>6.其他视项目而论的必需材料。</span>
                 </td> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62988217</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">4</td>
-                <td class="two" rowspan="2">建筑工程施工许可证核发</td>
-                <!-- <td class="three">
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62988217</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">4</td>
+                    <td class="two" rowspan="2">建筑工程施工许可证核发</td>
+                    <!-- <td class="three">
                     <span>1.公司登记(备案)申请书;</span>
                     <span>2.变更登记事项涉及公司章程修改的,提交修改公司章
                         程的决议、决定;</span>
@@ -420,265 +473,271 @@
                     <span>5.已领取纸质版营业执照的缴回所有营业执照正、副本;</span>
                     <span>6.其他视项目而论的必需材料。</span>
                 </td> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">5</td>
-                <td class="two" rowspan="2">城镇污水排入排水管网许可</td>
-                <!-- <td class="three">
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">5</td>
+                    <td class="two" rowspan="2">城镇污水排入排水管网许可</td>
+                    <!-- <td class="three">
                     <span>1.食品经营许可申请书;</span>
                     <span>2.平面布局图;</span>
                     <span>3.食品安全管理制度文本;</span>
                     <span>4.授权委托书</span>
                 </td> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62988221</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">6</td>
-                <td class="two" rowspan="2">建设工程质量竣工验收监督</td>
-                <!-- <td class="three">
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62988221</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">6</td>
+                    <td class="two" rowspan="2">建设工程质量竣工验收监督</td>
+                    <!-- <td class="three">
                     <span>1.食品经营许可申请书;</span>
                     <span>2.平面布局图;</span>
                     <span>3.食品安全管理制度文本;</span>
                     <span>4.授权委托书</span>
                 </td> -->
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62988225</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">7</td>
-                <td class="two" rowspan="2">建设工程消防验收</td>
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62987912</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">8</td>
-                <td class="two" rowspan="2">建设工程消防验收备案</td>
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62987912</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">9</td>
-                <td class="two" rowspan="2">建设工程档案专项验收</td>
-                <td class="four">区住房城乡建委</td>
-                <td class="five">023-62606780、62919705</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">023-62980249</td>
-            </tr>
-            <tr>
-                <td class="one">10</td>
-                <td class="two">医疗机构执业登记(申请变更诊疗科目)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">11</td>
-                <td class="two">医疗机构执业登记(申请变更法定代表人或主要负责人)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">12</td>
-                <td class="two">医疗机构执业登记(申请变更床位)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">13</td>
-                <td class="two">医疗机构执业登记(申请医疗机构执业登记)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">14</td>
-                <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可证校检)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">15</td>
-                <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可证变更(变更射诊疗场所、诊疗设备或诊疗项目、放射性核素))</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">16</td>
-                <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">17</td>
-                <td class="two">医疗机构放射性职业病危害建设项目预评价报告审核</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">18</td>
-                <td class="two">医疗机构放射性职业病危害建设项目竣工验收</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">19</td>
-                <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(延续)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">20</td>
-                <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(新办)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">20</td>
-                <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(新办)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">21</td>
-                <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(变更)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">22</td>
-                <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(注销)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">23</td>
-                <td class="two">诊所备案(新办)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">24</td>
-                <td class="two">诊所备案(变更)</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62606761</td>
-            </tr>
-            <tr>
-                <td class="one">25</td>
-                <td class="two">中医诊所备案</td>
-                <td class="four">区卫生健康委</td>
-                <td class="five">62980379</td>
-            </tr>
-            <tr>
-                <td class="one">26</td>
-                <td class="two">存量房买卖(企业间交易)</td>
-                <td class="four">南岸不动产登记中心</td>
-                <td class="five">62986062</td>
-            </tr>
-            <tr>
-                <td class="one">27</td>
-                <td class="two">企业不动产登记资料查询</td>
-                <td class="four">南岸不动产登记中心</td>
-                <td class="five">62986151</td>
-            </tr>
-            <tr>
-                <td class="one">28</td>
-                <td class="two">土地使用权初始登记</td>
-                <td class="four">南岸不动产登记中心</td>
-                <td class="five">62986057</td>
-            </tr>
-            <tr>
-                <td class="one">29</td>
-                <td class="two">城镇房屋初始登记</td>
-                <td class="four">南岸不动产登记中心</td>
-                <td class="five">62986057</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">30</td>
-                <td class="two" rowspan="2">内资企业设立登记</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">31</td>
-                <td class="two" rowspan="2">内资企业变更登记</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">32</td>
-                <td class="two" rowspan="2">外资企业设立登记</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">33</td>
-                <td class="two" rowspan="2">外资企业变更登记</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">34</td>
-                <td class="two" rowspan="2">食品经营许可新设</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>
-            <tr>
-                <td class="one" rowspan="2">35</td>
-                <td class="two" rowspan="2">食品经营许可变更</td>
-                <td class="four">区市场监管局</td>
-                <td class="five">62606751</td>
-            </tr>
-            <tr>
-                <td class="four">经开区生态环境建管局</td>
-                <td class="five">62980204</td>
-            </tr>            
-        </table>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62988225</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">7</td>
+                    <td class="two" rowspan="2">建设工程消防验收</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62987912</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">8</td>
+                    <td class="two" rowspan="2">建设工程消防验收备案</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62987912</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">9</td>
+                    <td class="two" rowspan="2">建设工程档案专项验收</td>
+                    <td class="four">区住房城乡建委</td>
+                    <td class="five">023-62606780、023-62919705</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980249</td>
+                </tr>
+                <tr>
+                    <td class="one">10</td>
+                    <td class="two">医疗机构执业登记(申请变更诊疗科目)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">11</td>
+                    <td class="two">医疗机构执业登记(申请变更法定代表人或主要负责人)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">12</td>
+                    <td class="two">医疗机构执业登记(申请变更床位)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">13</td>
+                    <td class="two">医疗机构执业登记(申请医疗机构执业登记)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">14</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可证校检)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">15</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可证变更(变更射诊疗场所、诊疗设备或诊疗项目、放射性核素))</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">16</td>
+                    <td class="two">放射源诊疗技术和医用辐射机构许可(放射诊疗许可)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">17</td>
+                    <td class="two">医疗机构放射性职业病危害建设项目预评价报告审核</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">18</td>
+                    <td class="two">医疗机构放射性职业病危害建设项目竣工验收</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">19</td>
+                    <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(延续)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">20</td>
+                    <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(新办)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">21</td>
+                    <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(变更)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">22</td>
+                    <td class="two">公共场所卫生许可(除饭馆、咖啡馆、酒吧、茶座等)(注销)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">23</td>
+                    <td class="two">诊所备案(新办)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">24</td>
+                    <td class="two">诊所备案(变更)</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62606761</td>
+                </tr>
+                <tr>
+                    <td class="one">25</td>
+                    <td class="two">中医诊所备案</td>
+                    <td class="four">区卫生健康委</td>
+                    <td class="five">023-62980379</td>
+                </tr>
+                <tr>
+                    <td class="one">26</td>
+                    <td class="two">存量房买卖(企业间交易)</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986062</td>
+                </tr>
+                <tr>
+                    <td class="one">27</td>
+                    <td class="two">企业不动产登记资料查询</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986151</td>
+                </tr>
+                <tr>
+                    <td class="one">28</td>
+                    <td class="two">土地使用权初始登记</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986057</td>
+                </tr>
+                <tr>
+                    <td class="one">29</td>
+                    <td class="two">城镇房屋初始登记</td>
+                    <td class="four">南岸不动产登记中心</td>
+                    <td class="five">023-62986057</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">30</td>
+                    <td class="two" rowspan="2">内资企业设立登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">31</td>
+                    <td class="two" rowspan="2">内资企业变更登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">32</td>
+                    <td class="two" rowspan="2">外资企业设立登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">33</td>
+                    <td class="two" rowspan="2">外资企业变更登记</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">34</td>
+                    <td class="two" rowspan="2">食品经营许可新设</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+                <tr>
+                    <td class="one" rowspan="2">35</td>
+                    <td class="two" rowspan="2">食品经营许可变更</td>
+                    <td class="four">区市场监管局</td>
+                    <td class="five">023-62606751</td>
+                </tr>
+                <tr>
+                    <td class="four">经开区生态环境建管局</td>
+                    <td class="five">023-62980204</td>
+                </tr>
+            </table>
+        </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     new Vue({
         el: "#topBg",
         data: function () {
@@ -687,8 +746,8 @@
                 reqPtah: '',
                 form: {
                     unitName: '',
-                    projectCoding: '',
-                    keyProject: '是',
+                    // projectCoding: '',
+                    // keyProject: '是',
                     projectAddr: '',
                     chargeName: '',
                     chargePhone: '',
@@ -741,22 +800,23 @@
                 this.$refs.form.resetFields();
             },
             wybdb() {
-                $.ajax({
-                    url: conpath + '/proxyDemand/judge',
-                    type: 'get',
-                    contentType: 'application/json; charset=utf-8',
-                    success: function (data) {
-                        if (data.result === 'ok') {
-                            this.dialogVisible = true;
-                        } else {
-                            this.$message.error(data.success || '提交失败!');
-                            this.dialogVisible = false;
-                        }
-                    }.bind(this),
-                    error: function (error) {
-                        console.error('error:', error);
-                    }
-                });
+                // $.ajax({
+                //     url: conpath + '/proxyDemand/judge',
+                //     type: 'get',
+                //     contentType: 'application/json; charset=utf-8',
+                //     success: function (data) {
+                //         if (data.result === 'ok') {
+                //             this.dialogVisible = true;
+                //         } else {
+                //             this.$message.error(data.success || '提交失败!');
+                //             this.dialogVisible = false;
+                //         }
+                //     }.bind(this),
+                //     error: function (error) {
+                //         console.error('error:', error);
+                //     }
+                // });
+                this.dialogVisible = true;
             },
             validatePhonefzr() {
                 // 这里可以添加手机号校验逻辑
@@ -817,7 +877,7 @@
                         if (!this.validatePhone()) {
                             return
                         }
-                        this.form.keyProject = this.form.keyProject === '是' ? 1 : 0;
+                        // this.form.keyProject = this.form.keyProject === '是' ? 1 : 0;
                         this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
                         let formData = this.form; // 获取表单数据
                         $.ajax({

+ 267 - 101
nngkxxdp/src/main/resources/static/naxsb/wyyy.html

@@ -7,11 +7,11 @@
     <title>我要预约</title>
     <link rel="stylesheet" href="css/conmon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <!-- jquery-->
     <script src="js/jquery-3.5.1.min.js"></script>
     <script src="js/urljson.js"></script>
@@ -99,6 +99,11 @@
 
         .topBg .topButton {
             margin-bottom: 24px;
+            background-image: url(images/button-yy.png);
+        }
+
+        .topBg .topButton:hover {
+            background-image: url(images/button-yyhv.png);
         }
 
         @media screen and (max-width:1600px) {
@@ -122,102 +127,238 @@
         input[type="number"] {
             -moz-appearance: textfield;
         }
+
+        .jzdd {
+            height: 92px;
+            background: #D4ECFF;
+            border: 2px solid #5BADFF;
+            line-height: 92px;
+            text-align: center;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 22px;
+            color: #026CD6;
+        }
+
+        .yydh {
+            height: 188px;
+            background: #D4ECFF;
+            border: 2px solid #5BADFF;
+            line-height: 42px;
+            display: flex;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 22px;
+            color: #1964A4;
+        }
+
+        .yydh>div {
+            box-sizing: border-box;
+            padding-top: 20px;
+            text-align: right;
+        }
+
+        .yydhL {
+            width: 50%;
+        }
+
+        .yydhR {
+            width: 330px;
+            padding-left: 40px;
+        }
+
+        .tableHeader {
+            height: 60px;
+            background: #279CFF;
+            line-height: 60px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 22px;
+            color: #FFFFFF;
+            display: flex;
+            margin: 0 auto !important;
+        }
+
+        .tableClumn {
+            margin: 0 auto !important;
+            background: #D4ECFF;
+            height: 60px;
+            display: flex;
+            align-items: center;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 22px;
+            color: #1964A4;
+            display: flex;
+            border-bottom: 1px solid #5BADFF;
+        }
+
+        .th1 {
+            width: 100px;
+            text-align: center;
+        }
+
+        .th2 {
+            width: 200px;
+            text-align: center;
+        }
+
+        .th3 {
+            width: calc(100% - 300px);
+        }
     </style>
 </head>
 
 <body>
-    <div class="topBg" style="background-image: url(images/indexbg-yy.png);" id="topBg">
-        <div class="topButton" style="background-image: url(images/button-yy.png);" @click="dialogVisible = true">我要预约
-        </div>
-        <el-dialog title="周六预约“加班办”报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
-            :close-on-click-modal="false">
-            <!-- 表单内容 -->
-            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="姓名" prop="overtimeName">
-                    <el-input v-model="form.overtimeName" placeholder="请输入姓名"></el-input>
-                </el-form-item>
-                <el-form-item label="年龄" prop="overtimeAge">
-                    <el-input v-model.number="form.overtimeAge"
-                        @input="form.overtimeAge = form.overtimeAge.replace(/[^d]/g,'')" placeholder="请输入年龄"></el-input>
-                </el-form-item>
-                <el-form-item label="手机号" prop="overtimePhone">
-                    <el-input v-model="form.overtimePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
-                        @blur="validatePhone"></el-input>
-                </el-form-item>
-                <!-- <el-form-item label="拟办理业务" prop="business">
+    <div style="width:100%;height:570px" class="header"></div>
+    <div>
+        <div class="topBg" style="background-image: url(images/indexbg-yy.png);" id="topBg">
+            <div class="topButton" @click="dialogVisible = true">我要预约
+            </div>
+            <el-dialog title="周六预约“加班办”报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
+                :close-on-click-modal="false">
+                <!-- 表单内容 -->
+                <el-form ref="form" :model="form" :rules="rules" label-width="135px">
+                    <el-form-item label="姓名" prop="overtimeName">
+                        <el-input v-model="form.overtimeName" placeholder="请输入姓名"></el-input>
+                    </el-form-item>
+                    <el-form-item label="年龄" prop="overtimeAge">
+                        <el-input v-model.number="form.overtimeAge"
+                            @input="form.overtimeAge = form.overtimeAge.replace(/[^d]/g,'')" placeholder="请输入年龄">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="手机号" prop="overtimePhone">
+                        <el-input v-model="form.overtimePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                            @blur="validatePhone"></el-input>
+                    </el-form-item>
+                    <!-- <el-form-item label="拟办理业务" prop="business">
                     <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
                 </el-form-item> -->
-                <el-form-item label="拟办理业务" prop="business">
-                    <el-select v-model="form.business" placeholder="请选择拟办理业务" style="width: 100%;">
-                        <el-option label="拟办理业务1" value="拟办理业务1"></el-option>
-                        <el-option label="拟办理业务2" value="拟办理业务2"></el-option>
-                        <el-option label="拟办理业务3" value="拟办理业务3"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="拟办时间">
-                    <el-col :span="11">
+                    <el-form-item label="拟办理业务" prop="business">
+                        <el-select v-model="form.business" placeholder="请选择拟办理业务" style="width: 100%;">
+                            <el-option label="事项名称" value="事项名称"></el-option>
+                            <el-option label="户政业务" value="户政业务"></el-option>
+                            <el-option label="车驾管业务" value="车驾管业务"></el-option>
+                            <el-option label="出入境业务" value="出入境业务"></el-option>
+                            <el-option label="川渝通办业务" value="川渝通办业务"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="预约时间周六上午" prop="date2">
+                        <!-- <el-col :span="11">
                         <el-date-picker type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                             v-model="form.date1" style="width: 100%;">
                         </el-date-picker>
                     </el-col>
-                    <el-col class="line" :span="2">-</el-col>
-                    <el-col :span="11">
-                        <el-time-picker placeholder="选择时间" format='HH:mm:ss' value-format='HH:mm:ss'
-                            v-model="form.date2" style="width: 100%;"></el-time-picker>
-                    </el-col>
-                </el-form-item>
-                <el-form-item label="验证码" prop="imgCode">
-                    <div style="display: flex;">
-                        <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
-                        <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                    <el-col class="line" :span="2">-</el-col> -->
+                        <el-col :span="11">
+                            <el-time-picker v-model="form.datte2" value-format="HH:mm" placeholder="选择时间"
+                                :picker-options="pickerOptions" style="width: 100%;"> </el-time-picker>
+                        </el-col>
+                    </el-form-item>
+                    <el-form-item label="验证码" prop="imgCode">
+                        <div style="display: flex;">
+                            <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
+                            <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        </div>
+                    </el-form-item>
+                    <el-form-item class="subButton">
+                        <el-button type="primary" @click="submitForm('form')">提交</el-button>
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-dialog>
+        </div>
+        <div class="content" style="padding-bottom: 60px;">
+            <p class="name" style="margin: auto;color: #007ffd;">服务内容</p>
+            <div class="project">
+                为进一步便民利民、提升工作质效,南岸公安政务窗口整合现有资源,为辖区群众提供出入境、户政、治安、车驾管等260余项综合业务的咨询、办理服务,更好地解决群众在办理证照过程中的问题难题。结合工作实际,南岸公安政务窗口于2024年1月开始,陆续推出错时办、延时办、加班办、优先办“四办”举措,持续优化公安政务服务。
+            </div>
+            <ul class="list">
+                <li style="background-image: url(images/yy1.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #DC570C;">
+                        <span>午间不休</span>
+                        <span>“错时办”</span>
                     </div>
-                </el-form-item>
-                <el-form-item class="subButton">
-                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
-                    <el-button @click="dialogVisible = false">取消</el-button>
-                </el-form-item>
-            </el-form>
-        </el-dialog>
-    </div>
-    <div class="content">
-        <p class="name" style="margin: auto;color: #007ffd;">活动介绍</p>
-        <div class="project">
-            为进一步便民利民、提升工作质效,南岸公安政务窗口整合现有资源,为辖区群众提供出入境、户政、治安、车驾管等260余项综合业务的咨询、办理服务,更好地解决群众在办理证照过程中的问题难题。结合工作实际,南岸公安政务窗口于2024年1月开始,陆续推出错时办、延时办、加班办、优先办“四办”举措,持续优化公安政务服务。
+                    <div class="right" style="color: #9A4E10;">即在工作日期间,为上班时间段无法办理证照的群众提供午休时段错时办证服务,解决群众难题。</div>
+                </li>
+                <li style="background-image: url(images/yy2.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #DC570C;">
+                        <span>办完打烊</span>
+                        <span>“延时办”</span>
+                    </div>
+                    <div class="right" style="color: #007BE2;"> 即为当日已取号的群众提供办完才打烊的延时办理服务,解决群众没办完再跑一趟的问题。</div>
+                </li>
+                <li style="background-image: url(images/yy3.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #712DC9;">
+                        <span>周六预约</span>
+                        <span>“加班办”</span>
+                    </div>
+                    <div class="right" style="color: #6E2CC3;">
+                        即为群众提供周六预约办理服务,以解决休息日无法办理证照相关业务的难题。加班办理时间:每周六上午9:00—12:00。
+                    </div>
+                </li>
+                <li style="background-image: url(images/yy4.png);">
+                    <div class="left" style="text-shadow: 0px 3px 3px #DB1011;">
+                        <span>无障服务</span>
+                        <span>“优先办”</span>
+                    </div>
+                    <div class="right" style="color: #712DC9;">即为老弱病残孕等特殊群体到窗口办理证照设置“绿色通道”,提供优先、无障碍办理服务。</div>
+                </li>
+            </ul>
+            <p class="name" style="margin: auto;color: #007ffd;">进驻地点</p>
+            <div class="jzdd">区政务服务中心(南岸区行政中心B区2号楼二楼)</div>
+            <p class="name" style="margin: auto;color: #007ffd;">进驻事项</p>
+            <div class="tableHeader">
+                <div class="th1">序号</div>
+                <div class="th2">事项名称</div>
+                <div class="th3">事项内容</div>
+            </div>
+            <div class="tableClumn">
+                <div class="th1">01</div>
+                <div class="th2">户政业务</div>
+                <div class="th3">居民身份证申领;临时身份证办理;购买成套住房、学历、夫妻投靠等落户;变更更正姓名;死亡注销 户口等。</div>
+            </div>
+            <div class="tableClumn">
+                <div class="th1">02</div>
+                <div class="th2">治安业务</div>
+                <div class="th3">新生儿出生一件事;边境证办理;公章刻制备案;保安员资格证受理;开具无犯罪记录证明等。</div>
+            </div>
+            <div class="tableClumn">
+                <div class="th1">03</div>
+                <div class="th2">车驾管业务</div>
+                <div class="th3">机动车驾驶证补证、有效期满换证(配套现场体检);交通违法处理;机动车所有人联系方式变更备案; 免检车合格标志核发等。</div>
+            </div>
+            <div class="tableClumn">
+                <div class="th1">04</div>
+                <div class="th2">出入境业务</div>
+                <div class="th3">普通护照签发;往来港澳通行证签注签发等。</div>
+            </div>
+            <div class="tableClumn">
+                <div class="th1">05</div>
+                <div class="th2">川渝通办业务</div>
+                <div class="th3">开具户籍信息证明;开具亲属关系证明;父母投靠子女落户等。</div>
+            </div>
+            <div style="height: 20px;"></div>
+            <p class="name" style="margin: auto;color: #007ffd;">预约电话</p>
+            <div class="yydh">
+                <div class="yydhL">综合管理:023-62985279<br />车驾管:023-62980287<br />天文派出所辖区户政:023-62980367</div>
+                <div class="yydhR"> 治安、户政:023-62907533<br />出入境:023-62980360 </div>
+            </div>
         </div>
-        <ul class="list">
-            <li style="background-image: url(images/yy1.png);">
-                <div class="left" style="text-shadow: 0px 3px 3px #DC570C;">
-                    <span>午间不休</span>
-                    <span>“错时办”</span>
-                </div>
-                <div class="right" style="color: #9A4E10;">即在工作日期间,为上班时间段无法办理证照的群众提供午休时段错时办证服务,解决群众难题。</div>
-            </li>
-            <li style="background-image: url(images/yy2.png);">
-                <div class="left" style="text-shadow: 0px 3px 3px #DC570C;">
-                    <span>办完打烊</span>
-                    <span>“延时办”</span>
-                </div>
-                <div class="right" style="color: #007BE2;"> 即为当日已取号的群众提供办完才打烊的延时办理服务,解决群众没办完再跑一趟的问题。</div>
-            </li>
-            <li style="background-image: url(images/yy3.png);">
-                <div class="left" style="text-shadow: 0px 3px 3px #712DC9;">
-                    <span>周六预约</span>
-                    <span>“加班办”</span>
-                </div>
-                <div class="right" style="color: #6E2CC3;">即为群众提供周六预约办理服务,以解决休息日无法办理证照相关业务的难题。加班办理时间:每周六上午9:00—12:00。
-                </div>
-            </li>
-            <li style="background-image: url(images/yy4.png);">
-                <div class="left" style="text-shadow: 0px 3px 3px #DB1011;">
-                    <span>无障服务</span>
-                    <span>“优先办”</span>
-                </div>
-                <div class="right" style="color: #712DC9;">即为老弱病残孕等特殊群体到窗口办理证照设置“绿色通道”,提供优先、无障碍办理服务。</div>
-            </li>
-        </ul>
     </div>
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     new Vue({
         el: "#topBg",
         data: function () {
@@ -231,26 +372,50 @@
                     business: '',
                     date1: '',
                     date2: '',
-                    imgCode: ''
+                    imgCode: '',
+                    pickerOptions: {
+                        selectableRange: '09:00:00 - 12:00:00' // 限制可选时间为9点到12点 
+                    }
                 },
                 /*图形验证码*/
                 imageCode: "",
                 rules: {
-                    overtimeName: [
-                        { required: true, message: '请输入姓名', trigger: 'blur' }
-                    ],
-                    overtimeAge: [
-                        { required: true, message: '请输入年龄', trigger: 'blur' }
-                    ],
-                    overtimePhone: [
-                        { required: true, message: '请输入手机号', trigger: 'blur' }
-                    ],
-                    business: [
-                        { required: true, message: '请选择拟办理业务', trigger: 'blur' }
-                    ],
-                    imgCode: [
-                        { required: true, message: '请输入验证码', trigger: 'blur' }
-                    ]
+                    overtimeName: [{
+                        required: true,
+                        message: '请输入姓名',
+                        trigger: 'blur'
+                    }],
+                    overtimeAge: [{
+                        required: true,
+                        message: '请输入年龄',
+                        trigger: 'blur'
+                    }],
+                    overtimePhone: [{
+                        required: true,
+                        message: '请输入手机号',
+                        trigger: 'blur'
+                    }],
+                    business: [{
+                        required: true,
+                        message: '请选择拟办理业务',
+                        trigger: 'blur'
+                    }],
+                    date2: [{
+                        required: true,
+                        message: '请选择时间',
+                        trigger: 'blur'
+                    }],
+                    imgCode: [{
+                        required: true,
+                        message: '请输入验证码',
+                        trigger: 'blur'
+                    }]
+                },
+                pickerOptions: {
+                    selectableRange: '09:00:00-12:00:00',
+                    step: '00:15',
+                    format: 'HH:ss'
+
                 }
             }
         },
@@ -320,7 +485,8 @@
                     s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
                 }
                 s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
-                s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+                s[19] = hexDigits.substr((s[19] & 0x3) | 0x8,
+                    1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
                 s[8] = s[13] = s[18] = s[23] = "-";
 
                 var uuid = s.join("");

+ 0 - 215
nngkxxdp/src/main/resources/static/naxsb/yqgk.html

@@ -1,215 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>园区概况</title>
-    <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-    <!-- jquery-->
-    <script src="js/jquery-3.5.1.min.js"></script>
-    <script src="js/urljson.js"></script>
-    <style>
-        * {
-            padding: 0;
-            margin: 0;
-        }
-
-        ul {
-            list-style-type: none;
-        }
-
-        li {
-            list-style: none;
-        }
-
-        body {
-            min-width: 1370px;
-            margin: 0;
-            overflow: hidden;
-            /* 确保视频覆盖整个页面 */
-        }
-
-        /* .indexcot::before {
-            content: "";
-            position: absolute;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            background: url(images/indexcygyy.png) no-repeat;
-            background-size: cover;
-            opacity: 0.5;
-            z-index: -1;
-        } */
-        .img-content {
-            width: 100%;
-            height: 100%;
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: -1;
-            filter: blur(6px);
-            background-color: #999;
-        }
-
-        .indexcot .top {
-            width: 69%;
-            display: flex;
-            margin: auto;
-            justify-content: space-between;
-            color: #fff;
-        }
-
-        .indexcot .logo {
-            display: flex;
-            align-items: center;
-            font-size: 1.25rem;
-            margin-right: 10%;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-
-        .indexcot .logo img {
-            width: 3.5rem;
-            height: 3.5rem;
-        }
-
-        .indexcot .menu {
-            width: 60%;
-            max-width: 620px;
-            font-size: 1rem;
-            display: flex;
-            justify-content: space-evenly;
-            align-items: center;
-        }
-
-        .indexcot .menu li {
-            cursor: pointer;
-            white-space: nowrap;
-        }
-
-        .indexcot .menu .active {
-            font-size: 1.25rem;
-            padding-bottom: 0.3125rem;
-            box-sizing: border-box;
-            border-bottom: 1px solid #fff;
-        }
-
-        .yqgk {
-            width: 276px;
-            height: 71px;
-            background-image: url(images/btn-yqgk.png);
-            background-size: 100% 100%;
-            color: #206AC2;
-            text-align: center;
-            line-height: 70px;
-            margin-bottom: 40px;
-        }
-
-        .gradient-text {
-            background-image: linear-gradient(to top, rgba(172, 204, 243, 0.98), rgba(255, 255, 255, 0.98));
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        .yqgkcon {
-            background-image: url(images/yqgk2.png);
-            line-height: 40px;
-            width: 650px;
-            height: 441px;
-            padding:100px 40px;
-            box-sizing: border-box;
-            text-indent: 40px;
-            text-align: left;
-            color: #123E56;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="indexcot" id="indexcot">
-        <div class="img-content">
-            <img src="images/yqgkBg.png" width="100%" height="100%">
-        </div>
-        <div class="top">
-            <div class="logo">
-                <img src="images/nalogo.png" alt="">
-                <span>重庆市南岸区人民政府</span>
-            </div>
-            <ul class="menu">
-                <li @click="golink('indexsyyg.html')">首页</li>
-                <li @click="golink('yqgk.html')" class="active">园区概况</li>
-                <li>产业布局</li>
-                <li @click="window.open('https://www.cqna.gov.cn/zczs/')">政策通</li>
-                <li @click=" golink('tsfw.html?id=1')">特色服务</li>
-                <li @click="golink('ztcrlist.html?id=-1')">载体租售</li>
-                <li @click=" golink('dqfw.html?id=1')">党群服务</li>
-            </ul>
-        </div>
-        <div style="display: flex;flex-direction: column;width:1300px;align-items: center;margin: auto;margin-top: 100px;">
-            <div class="yqgk">
-                <h1 class="gradient-text">园区概况</h1>
-            </div>
-            <div style="display: flex;width:1300px;align-items: center;">
-                <img src="images/yqgk1.png" alt="" style="width: 719px;height:483px;">
-                <div class="yqgkcon">
-                    ‌重庆经开区的“四园一港”是指‌南坪西区产业园、‌长江绿色创新产业园、‌先进汽车电子产业园、‌茶园工业园以及‌迎龙创新港。‌这一概念是为了形成高质量发展的区域空间格局,推动经济社会高质量发展,培育推动经济社会产生高质量变革的新质生产力,壮大经济发展新动能、新方式、新引擎。
-                </div>
-            </div>
-        </div>
-    </div>
-
-    </div>
-</body>
-<script>
-    // 初始化Vue实例
-    new Vue({
-        el: '#indexcot',
-        data: function () {
-            return {
-                currentTab: -1,
-                titleList: [
-
-                ],
-                // parkData: {
-                //     id:[],
-                //     title:[],
-                //     subtitle:[]
-                // },
-            };
-        },
-        methods: {
-            tsmore(id) {
-                window.location.href = "syyggyy.html?id=" + this.currentTab;
-            },
-            golink(hrf) {
-                window.location.href = hrf;
-            },
-            getParkData() {
-                let that = this;
-                $.ajax({
-                    url: conpath + "/parkData/",
-                    type: "get",
-                    dataType: "json",
-                    success: function (data) {
-                        data.forEach(function (item) {
-                            item.subtitleList = item.subtitle ? item.subtitle.split(",").slice(0, 3) : [];
-                        })
-                        that.titleList = data;
-                    }
-                })
-            }
-        },
-        mounted() {
-            this.getParkData();
-        }
-    });
-</script>
-
-</html>

+ 34 - 19
nngkxxdp/src/main/resources/static/naxsb/znxz.html

@@ -7,11 +7,11 @@
     <title>智能选址</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script type="text/javascript"
         src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
     <!-- jquery-->
@@ -194,22 +194,23 @@
             color: #333;
         }
 
-.iconzb {
-    width: 100px;
-    height: 37px;
-    line-height: 37px;
-    background: #E3F5E7;
-    border-radius: 4px;
-    border: 1px solid #4BB664;
-    font-size: 20px;
-    color: #4BB664;
-    text-align: center;
-    margin-right: 9px;
-}
+        .iconzb {
+            width: 100px;
+            height: 37px;
+            line-height: 37px;
+            background: #E3F5E7;
+            border-radius: 4px;
+            border: 1px solid #4BB664;
+            font-size: 20px;
+            color: #4BB664;
+            text-align: center;
+            margin-right: 9px;
+        }
     </style>
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="znxz">
         <div class="top">
             <div class="toplogo">
@@ -244,8 +245,11 @@
                                 <li><span>所属园区:</span><span>{{item.parkData?item.parkData.title:''}}</span></li>
                                 <li><span>联系地址:</span><span>{{item.addr?item.addr:'-'}}</span></li>
                                 <li><span>联系电话:</span><span>{{item.contactPhone?item.contactPhone:'-'}}</span></li>
-                                <li style="display: flex;"><div class="iconzb" v-for="(item,index) in (item.complement?item.complement.split(','):[])">
-                                    {{item}}</div></li>
+                                <li style="display: flex;">
+                                    <div class="iconzb"
+                                        v-for="(item,index) in (item.complement?item.complement.split(','):[])">
+                                        {{item}}</div>
+                                </li>
                             </ul>
                             <div class="num">
                                 <div class="tjzb">
@@ -265,9 +269,20 @@
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     new Vue({
         el: '#znxz',
         data: function () {
@@ -343,7 +358,7 @@
                 } else {
                     that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
                 }
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
                 that.pointList.forEach(function (d) {
                     let pList = d.point.split('@');
                     pList.forEach(function (point) {
@@ -358,7 +373,7 @@
                         // 创建文本标注对象
                         var label = new BMap.Label(d.carrierName, opts);
                         label.setStyle({
-                            color: "#fff",
+                            color: "#186FF0",
                             border: "0",
                             padding: "0",
                             display: "none",

+ 23 - 7
nngkxxdp/src/main/resources/static/naxsb/znxzchoice.html

@@ -7,11 +7,11 @@
     <title>智能选址</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script type="text/javascript"
         src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq"></script>
     <!-- jquery-->
@@ -90,6 +90,10 @@
             margin-left: 10px;
             margin-bottom: 19px;
             cursor: pointer;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
         }
 
         .fwhy .list.active {
@@ -100,6 +104,7 @@
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="znxz">
         <div class="top">
             <div class="toplogo">
@@ -143,7 +148,8 @@
                         <div class="typetitle">4.请选择您的所属园区</div>
                         <div class="fwhy" id="ssyq">
                             <div class="list" :class="getClassssyq(item.title)" :key="index"
-                                v-for="(item,index) in titleList" :data-tab-target="item.id" :data-title="item.title">
+                                v-for="(item,index) in titleList" :data-tab-target="item.id" :data-title="item.title"
+                                :title="item.title">
                                 {{item.title}}</div>
                             <div class="list ssyqbx" data-tab-target="不限" data-title="不限">不限</div>
                         </div>
@@ -164,9 +170,19 @@
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
-
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     var nowDiv = new Vue({
         el: '#znxz',
         data: function () {
@@ -318,7 +334,7 @@
                     success: function (data) {
                         that.ztlxList = data.data.applications;
                         var alltitle = that.titleList;
-                        var parkdata=data.data.parkId;
+                        var parkdata = data.data.parkId;
                         var nowtitle = [];
                         for (var i = 0; i < alltitle.length; i++) {
                             for (var j = 0; j < parkdata.length; j++) {
@@ -403,7 +419,7 @@
                 } else {
                     that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
                 }
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
                 if (!points) return;
                 let pointList = points.split('@');
                 let result = [];

+ 49 - 37
nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html

@@ -4,15 +4,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>载体租售</title>
+    <title>载体服务</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <link rel="stylesheet" href="swiper/swiper-bundle.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
@@ -187,16 +187,25 @@
                 right: 71px;
             }
         }
+
+        .contentleft>.list {
+            justify-content: flex-start;
+        }
+
+        .contentleft>.list .listitm {
+            margin-right: 20px;
+        }
     </style>
 </head>
 
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="ztcr">
         <div class="top">
             <div class="toplogo">
                 <img src="images/gyylogo.png" alt="">
-                <span>载体租售</span>
+                <span>载体服务</span>
             </div>
             <div class="backbutton" @click="window.history.go(-1)">
                 <img src="images/back1.png" alt="">
@@ -230,28 +239,29 @@
                         <span>{{ztcrDetail.space?ztcrDetail.space:'-'}}㎡</span>
                     </div>
                     <div class="listitm" style="background-color: #4B98F6;">
-                        <span>出租价格</span>
+                        <span>主导产业</span>
                         <span>{{ztcrDetail.rentalPrice?ztcrDetail.rentalPrice:'-'}}</span>
                     </div>
-                    <div class="listitm" style="background-color: #4BB664;">
+                    <!-- <div class="listitm" style="background-color: #4BB664;">
                         <span>出售价格</span>
                         <span>{{ztcrDetail.sellingPrice?ztcrDetail.sellingPrice:'-'}}</span>
                     </div>
                     <div class="listitm" style="background-color: #DFC483;">
                         <span>厂房级别</span>
                         <span>{{ztcrDetail.workLevel?ztcrDetail.workLevel:'-'}}</span>
-                    </div>
+                    </div> -->
                 </div>
                 <div class="text">
-                    <div style="">
+                    <!-- <div style="">
                         <span>主导产业:</span>
                         <div class="icon"
                             v-for="(item,index) in (ztcrDetail.productModule?ztcrDetail.productModule.split('、'):[])">
                             {{item}}</div>
-                    </div>
+                    </div> -->
                     <div style="">
                         <span>周边配套:</span>
-                        <div class="iconzb" v-for="(item,index) in (ztcrDetail.complement?ztcrDetail.complement.split(','):[])">
+                        <div class="iconzb"
+                            v-for="(item,index) in (ztcrDetail.complement?ztcrDetail.complement.split(','):[])">
                             {{item}}</div>
                     </div>
                     <div><span>详细地址:</span><span>{{ztcrDetail.addr?ztcrDetail.addr:'-'}}</span></div>
@@ -259,35 +269,23 @@
                         <span>联系方式:</span><span>{{ztcrDetail.contactName?ztcrDetail.contactName:'-'}}&nbsp;&nbsp;{{ztcrDetail.contactPhone}}</span>
                     </div>
                 </div>
-                <!-- <div class="buttontz">
-                    <span>我要投资</span>
-                </div> -->
-                <div class="title">
-                    <img src="images/gyy-title1.png" alt="">
-                    <span>概况</span>
-                </div>
-                <div class="gk">
-                    {{ztcrDetail.introduce}}
-                </div>
-                <div class="title">
-                    <img src="images/hyy-yscb.png" alt="">
-                    <span>要素成本</span>
-                </div>
-                <div class="tablecon" v-html="ztcrDetail.cost" v-if="ztcrDetail.cost">
-                </div>
-                <div class="tablecon" style="font-size: 18px;" v-else>暂未公开</div>
-                <!-- <div class="title">
-                    <img src="images/hyy-rzyq.png" alt="">
-                    <span>入住要求</span>
-                </div>
-                <div class="tablecon" v-html="ztcrDetail.checkin">
-                </div> -->
             </div>
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 
 </body>
+<script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
 <script src="swiper/swiper-bundle.js"></script>
 <script>
 
@@ -301,6 +299,7 @@
                 ztcrDetail: {},
                 imgUrl: 'images/slide1.png',
                 swiperList: [],
+                backgroundImage: 'image/ztcy.webp',
                 znptList: '学校,轻轨,公交车站'
             }
         },
@@ -321,6 +320,19 @@
                     spaceBetween: 10
                 });
             })
+            if (this.id == 4) {
+                this.backgroundImage = 'image/ztnp.webp';
+            } else if (this.id == 6) {
+                this.backgroundImage = 'image/ztdx.webp';
+            } else if (this.id == 5) {
+                this.backgroundImage = 'image/ztyl.webp';
+            } else if (this.id == 3) {
+                this.backgroundImage = 'image/ztcjcx.webp';
+            } else if (this.id == 2) {
+                this.backgroundImage = 'image/ztxj.webp';
+            } else {
+                this.backgroundImage = 'image/ztcy.webp';
+            }
         },
         methods: {
             backIndex() {
@@ -345,7 +357,7 @@
 
                         that.swiperList = mdata.imgUrl ? mdata.imgUrl.split(",") : [];
                         if (!that.swiperList.length) {
-                            that.swiperList.push('images/ztcrlistno.png')
+                            that.swiperList.push(that.backgroundImage)
                         }
                         that.imgUrl = that.swiperList[0];
                         let points = mdata.parkData.addr;
@@ -363,7 +375,7 @@
                     map.centerAndZoom(new BMap.Point(centerarr[0], centerarr[1]), 17);
                 }
                 // map.centerAndZoom(new BMap.Point(106.761208, 29.598238), 17);
-                map.setMapType(BMAP_SATELLITE_MAP);
+                map.setMapType(BMAP_NORMAL_MAP);
                 // if (!points) return;
                 // let pointList = points.split('@');
                 // let result = [];
@@ -407,7 +419,7 @@
                 var label = new BMap.Label(this.ztcrDetail.carrierName, opts);
                 // 自定义文本标签样式
                 label.setStyle({
-                    color: "#FFFFFF",
+                    color: "#186FF0",
                     fontSize: "18px",
                     height: "auto",
                     lineHeight: "20px",

+ 174 - 103
nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html

@@ -4,14 +4,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>载体租售</title>
+    <title>载体服务</title>
     <link rel="stylesheet" href="css/mapcon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <script src="js/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
@@ -87,6 +87,11 @@
             height: 0px;
         }
 
+        .contentleft .content {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
         .contentleft .content ul {
             list-style-type: none;
             display: flex;
@@ -99,25 +104,30 @@
         }
 
         .contentleft .content .list {
-            height: 280px;
+            width: 49%;
+            height: 455px;
             background: #FFFFFF;
             display: flex;
             margin-bottom: 30px;
             cursor: pointer;
+            display: flex;
+            flex-direction: column;
+            margin-right: 1%;
         }
 
         .contentleft .content .list .left {
-            width: 300px;
-            height: 100%;
+            width: 100%;
+            height: 231px;
         }
 
         .contentleft .content .list .left img {
-            width: 300px;
-            height: 100%;
+            width: 100%;
+            height: 231px;
         }
 
         .contentleft .content .list .right {
-            width: calc(100% - 300px);
+            width: 100%;
+            height: calc(100% - 231px);
             display: flex;
             justify-content: space-between;
             padding: 20px 15px;
@@ -154,20 +164,35 @@
             width: 100%;
             height: 100%;
             display: flex;
-            align-items: flex-start;
-            justify-content: center;
-            font-size: 16px;
-            color: #333;
+            align-items: center;
+            font-size: 20px;
+            color: #999999;
+            flex-direction: column;
+        }
+
+
+        .iconzb {
+            width: 100px;
+            height: 37px;
+            line-height: 37px;
+            background: #E3F5E7;
+            border-radius: 4px;
+            border: 1px solid #4BB664;
+            font-size: 20px;
+            color: #4BB664;
+            text-align: center;
+            margin-right: 9px;
         }
     </style>
 </head>
 
 <body>
+    <div style="width:100%;height:570px" class="header"></div>
     <div id="znxz">
         <div class="top">
             <div class="toplogo">
                 <img src="images/gyylogo.png" alt="">
-                <span>载体租售</span>
+                <span>载体服务</span>
             </div>
             <div class="backbutton" @click="window.history.go(-1)">
                 <img src="images/back1.png" alt="">
@@ -202,19 +227,22 @@
                     </ul>
                 </div>
                 <div class="content">
-                    <div class="zwsj" v-if="!this.contentList.length">暂无数据</div>
+                    <div class="zwsj" v-if="!this.contentList.length"><img src="images/zwsj.png"
+                            alt=""><span>暂无数据</span></div>
                     <div class="list" v-for="(item,index) in contentList" @click="goDeteil(item.id)">
                         <div class="left">
-                            <img :src="item.imgUrl ? item.imgUrl.split(',')[0] : 'images/znxz0.png'" alt="">
+                            <img :src="item.imgUrl ? item.imgUrl.split(',')[0] : backgroundImage" alt="">
                         </div>
                         <div class="right">
                             <ul class="item">
+                                <li style="display: flex;">
+                                    <div class="iconzb"
+                                        v-for="(iteml,indexl) in (item.complement?item.complement.split(','):[])">
+                                        {{iteml}}</div>
+                                </li>
                                 <li><span>载体名称:</span><span>{{item.carrierName}}</span></li>
                                 <li><span>可用面积:</span><span>{{item.area}}㎡</span></li>
-                                <li><span>可用情况:</span><span>{{item.situationState == '1' ? '可用' : '不可用'}}</span></li>
-                                <li><span>产业板块:</span><span>{{item.productModule}}</span></li>
                                 <li><span>所属园区:</span><span>{{item.parkData?item.parkData.title:''}}</span></li>
-                                <li><span>载体用途:</span><span>{{item.application?item.application:''}}</span></li>
                             </ul>
                         </div>
                     </div>
@@ -223,9 +251,19 @@
             <div class="contentright" id="mapcontainer"></div>
         </div>
     </div>
-
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     new Vue({
         el: '#znxz',
         data: function () {
@@ -303,6 +341,7 @@
                     }
                 ],
                 contentList: [],
+                backgroundImage: 'images/indexsyyg.png',
             }
         },
         mounted() {
@@ -312,6 +351,19 @@
             this.getParkData();
             this.getParkDetail();
             this.getSellBuild();
+            if (this.id == 4) {
+                this.backgroundImage = 'image/ztnp.webp';
+            } else if (this.id == 6) {
+                this.backgroundImage = 'image/ztdx.webp';
+            } else if (this.id == 5) {
+                this.backgroundImage = 'image/ztyl.webp';
+            } else if (this.id == 3) {
+                this.backgroundImage = 'image/ztcjcx.webp';
+            } else if (this.id == 2) {
+                this.backgroundImage = 'image/ztxj.webp';
+            } else {
+                this.backgroundImage = 'image/ztcy.webp';
+            }
         },
         methods: {
             backIndex() {
@@ -319,8 +371,8 @@
             },
             handleParkChange(data) {
                 this.currentPq = data.id;
-                this.getParkDetail();
                 this.getSellBuild();
+                this.getParkDetail();
             },
             handleSpaceChange(data) {
                 this.currentmj = data.id;
@@ -344,51 +396,38 @@
                     type: "get",
                     dataType: "json",
                     success: function (data) {
-                        if (that.currentPq == '-1') {
-                            that.loadAllMap(data.addrs);
-                        } else {
-                            that.loadMap(data.addr);
-                        }
                         that.maptitle = data.title;
                     }
                 });
             },
-            loadAllMap(allpoints) {
-                let that = this;
-                that.parkMap = new BMap.Map("mapcontainer");
-                that.parkMap.enableScrollWheelZoom();// 启用滚轮缩放
-                that.parkMap.enableDragging(); // 启用拖拽功能
-                that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
-                var allpointList = allpoints.split('?');
-                for (var i = 0; i < allpointList.length; i++) {
-                    let pointList = allpointList[i].split('@');
-                    let result = [];
-                    pointList.forEach(function (point) {
-                        let arr = point.split(',');
-                        result.push(new BMap.Point(arr[0], arr[1]));
-                    });
-                    // 创建多边形
-                    let polygon = new BMap.Polygon(result, {
-                        strokeColor: "#FFD119",
-                        strokeWeight: 4,
-                        strokeOpacity: 1,
-                        strokeStyle: "solid",
-                        fillColor: "transparent",
-                        fillOpacity: 0.3
-                    });
-                    setInterval(function () {
-                        var strColor = polygon.getStrokeColor();
-                        if (strColor == "#FFD119") {
-                            polygon.setStrokeColor('red');
-                        } else {
-                            polygon.setStrokeColor('#FFD119');
-                        }
-                    }, 500)
-                    // 将多边形添加到地图中
-                    that.parkMap.addOverlay(polygon);
-                }
-            },
+            // loadAllMap(allpoints) {
+            //     let that = this;
+            //     that.parkMap = new BMap.Map("mapcontainer");
+            //     that.parkMap.enableScrollWheelZoom();// 启用滚轮缩放
+            //     that.parkMap.enableDragging(); // 启用拖拽功能
+            //     that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
+            //     that.parkMap.setMapType(BMAP_NORMAL_MAP);
+            //     var allpointList = allpoints.split('?');
+            //     for (var i = 0; i < allpointList.length; i++) {
+            //         let pointList = allpointList[i].split('@');
+            //         let result = [];
+            //         pointList.forEach(function (point) {
+            //             let arr = point.split(',');
+            //             result.push(new BMap.Point(arr[0], arr[1]));
+            //         });
+            //         // 创建多边形
+            //         let polygon = new BMap.Polygon(result, {
+            //             strokeColor: "#FFD119",
+            //             strokeWeight: 4,
+            //             strokeOpacity: 1,
+            //             strokeStyle: "solid",
+            //             fillColor: "transparent",
+            //             fillOpacity: 0.3
+            //         });
+            //         // 将多边形添加到地图中
+            //         that.parkMap.addOverlay(polygon);
+            //     }
+            // },
             loadMap(points) {
                 let that = this;
                 that.parkMap = new BMap.Map("mapcontainer");
@@ -412,40 +451,71 @@
                 } else {
                     that.parkMap.centerAndZoom(new BMap.Point(106.651444, 29.48682), 14);
                 }
-                that.parkMap.setMapType(BMAP_SATELLITE_MAP);
-                if (!points) return;
-                let pointList = points.split('@');
-                let result = [];
-                pointList.forEach(function (point) {
-                    let arr = point.split(',');
-                    result.push(new BMap.Point(arr[0], arr[1]));
-                });
-                // 创建多边形
-                let polygon = new BMap.Polygon(result, {
-                    strokeColor: "#FFD119",
-                    strokeWeight: 4,
-                    strokeOpacity: 1,
-                    strokeStyle: "solid",
-                    fillColor: "transparent",
-                    fillOpacity: 0.3
-                });
-                setInterval(function () {
-                    var strColor = polygon.getStrokeColor();
-                    console.log(strColor)
-                    if (strColor == "#FFD119") {
-                        polygon.setStrokeColor('red');
-                    } else {
-                        polygon.setStrokeColor('#FFD119');
-                    }
-                }, 500)
-                // 将多边形添加到地图中
-                that.parkMap.addOverlay(polygon);
+                that.parkMap.setMapType(BMAP_NORMAL_MAP);
+                if (!points.length) return;
+                // let pointList = points.split('@');
+                // let result = [];
+                // pointList.forEach(function (point) {
+                //     let arr = point.split(',');
+                //     result.push(new BMap.Point(arr[0], arr[1]));
+                // });
+                // // 创建多边形
+                // let polygon = new BMap.Polygon(result, {
+                //     strokeColor: "red",
+                //     strokeWeight: 4,
+                //     strokeOpacity: 1,
+                //     strokeStyle: "solid",
+                //     fillColor: "transparent",
+                //     fillOpacity: 0.3
+                // });
+                // // 将多边形添加到地图中
+                // that.parkMap.addOverlay(polygon);
+                console.log(points)
+                points.forEach(function (d) {
+                    let pList = d.point.split('@');
+                    pList.forEach(function (point) {
+                        let arr = point.split(',');
+                        let p = new BMap.Point(arr[0], arr[1]);
+                        let marker = new BMap.Marker(p);
+                        var opts = {
+                            position: new BMap.Point(arr[0], arr[1]), // 指定文本标签所在的地理位置
+                            offset: new BMap.Size(10, 10) // 设置文本偏移量
+                        };
+
+                        // 创建文本标注对象
+                        var label = new BMap.Label(d.carrierName, opts);
+                        label.setStyle({
+                            color: "#186FF0",
+                            border: "0",
+                            padding: "0",
+                            display: "none",
+                            background: "transparent",
+                            fontWeight: 'bold',
+                            backgroundColor: 'transparent',
+                            textShadow: '0 0 4px #4B97F5',
+                            textStrokeColor: "#4B97F5", // 文本描边颜色
+                            textStrokeWidth: "4px", // 文本描边宽度
+                            fontSize: "18px",
+                            height: "20px",
+                            lineHeight: "20px",
+                            fontFamily: "微软雅黑"
+                        });
+                        marker.setLabel(label);
 
-                that.pointList.forEach(function (point) {
-                    let arr = point.split(',');
-                    let p = new BMap.Point(arr[0], arr[1]);
-                    let marker = new BMap.Marker(p);
-                    that.parkMap.addOverlay(marker);
+                        marker.addEventListener("mouseover", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "block" });
+                        });
+                        marker.addEventListener("mouseout", function (e) {
+                            var label = this.getLabel()
+                            label.setStyle({ display: "none" });
+                        });
+                        that.parkMap.addOverlay(marker);
+                        marker.addEventListener('click', function () {
+                            var id = d.id;
+                            window.location.href = 'ztcrdetail.html?ztid=' + id;
+                        });
+                    });
                 });
             },
             getParkData() {
@@ -483,15 +553,16 @@
                     success: function (data) {
                         let dataList = data.list;
                         that.contentList = dataList;
-
+                        that.pointList = [];
                         dataList.forEach(function (d) {
-                            // // 添加选择地址
-                            // if (!d.point) return;
-                            // let pList = d.point.split('@');
-                            // pList.forEach(function (point) {
-                            //     that.pointList.push(point);
-                            // });
+                            // 添加选择地址
+                            if (!d.point) return;
+                            let pList = d.point.split('@');
+                            pList.forEach(function (point) {
+                                that.pointList.push(d);
+                            });
                         });
+                        that.loadMap(that.pointList);
                     }
                 });
             },

+ 80 - 62
nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html

@@ -7,11 +7,11 @@
     <title>政务体验员</title>
     <link rel="stylesheet" href="css/conmon.css">
     <!-- 引入 Vue -->
-    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
+    <script src="js/vue.min.js"></script>
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="css/index.css">
     <!-- 引入组件库 -->
-    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="js/index.js"></script>
     <!-- jquery-->
     <script src="js/jquery-3.5.1.min.js"></script>
     <script src="js/urljson.js"></script>
@@ -22,6 +22,7 @@
         }
 
         .topButton {
+            background-image: url(images/button-ljbm.png);
             height: 193px;
             background-size: 100% 100%;
             font-family: "DOUYU";
@@ -35,6 +36,10 @@
             cursor: pointer;
         }
 
+        .topButton:hover {
+            background-image: url(images/button-ljbmhv.png);
+        }
+
         .content {
             margin-top: 160px;
         }
@@ -170,70 +175,83 @@
 </head>
 
 <body>
-    <div class="topBg" style="background-image: url(images/indexbg-tyy.png);background-color: #DDEDFF;">
-        <div class="title">活动介绍</div>
-    </div>
-    <div class="content" id="qqhg" style="padding: 0;">
-        <div class="project">
-            为推动政务服务效能持续提升,南岸区面向企业、群众、专家等公开征集政务服务体验员,规范体验员征集流程和管理机制,通过开展座谈交流、集中研讨等多种形式,充分激发体验员积极性和主动性,既当好“监督员”,对堵点问题和意见建议及时反馈,为政务服务发展献计献策,也当好“宣传员”,为便民利企、好用易用的服务代言,从企业和群众视角找准政务服务改革创新的着力点和发力点,让更多企业和群众享受到政务服务改革红利。
+    <div style="width:100%;height:570px" class="header"></div>
+    <div>
+        <div class="topBg" style="background-image: url(images/indexbg-tyy.png);background-color: #DDEDFF;">
+            <div class="title">活动介绍</div>
         </div>
-        <div class="fwlc" style="width: 70%;">
-            <div class="text">在线申请</div>
-            <div class="arrow"></div>
-            <div class="text">在线审核</div>
-            <div class="arrow"></div>
-            <div class="text">审核成功</div>
-        </div>
-        <p class="topButton" style="background-image: url(images/button-ljbm.png);width: 586px;margin: auto;"
-            @click="dialogVisible = true">立即报名</p>
-        <el-dialog title="政务服务体验员报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
-            :close-on-click-modal="false">
-            <!-- 表单内容 -->
-            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="姓名" prop="experienceName">
-                    <el-input v-model="form.experienceName" placeholder="请输入姓名"></el-input>
-                </el-form-item>
-                <el-form-item label="年龄" prop="experienceAge">
-                    <el-input v-model.number="form.experienceAge"
-                        @input="form.experienceAge = form.experienceAge.replace(/[^d]/g,'')"
-                        placeholder="请输入年龄"></el-input>
-                </el-form-item>
-                <el-form-item label="单位" prop="workunit">
-                    <el-input v-model="form.workunit" placeholder="请输入单位"></el-input>
-                </el-form-item>
-                <el-form-item label="职务" prop="duty">
-                    <el-input v-model="form.duty" placeholder="请输入职务"></el-input>
-                </el-form-item>
-                <el-form-item label="手机号" prop="experiencePhone">
-                    <el-input v-model="form.experiencePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
-                        @blur="validatePhone"></el-input>
-                </el-form-item>
-                <el-form-item label="拟办理业务">
-                    <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
-                </el-form-item>
-                <el-form-item label="验证码" prop="imgCode">
-                    <div style="display: flex;">
-                        <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
-                        <el-image :src="imageCode" @click="getVerifyCode"></el-image>
-                    </div>
-                </el-form-item>
-                <el-form-item class="subButton">
-                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
-                    <el-button @click="dialogVisible = false">取消</el-button>
-                </el-form-item>
-            </el-form>
-        </el-dialog>
-        <div class=" title">往期回顾</div>
-        <div style="width: 100%;margin-top: 20px;">
-            <el-carousel :interval="4000" type="card" height="501px">
-                <el-carousel-item v-for="item in 6" :key="item">
-                    <img class="medium" src="images/gwhg1.png"></img>
-                </el-carousel-item>
-            </el-carousel>
+        <div class="content" id="qqhg" style="padding: 0;">
+            <div class="project">
+                为推动政务服务效能持续提升,南岸区面向企业、群众、专家等公开征集政务服务体验员,规范体验员征集流程和管理机制,通过开展座谈交流、集中研讨等多种形式,充分激发体验员积极性和主动性,既当好“监督员”,对堵点问题和意见建议及时反馈,为政务服务发展献计献策,也当好“宣传员”,为便民利企、好用易用的服务代言,从企业和群众视角找准政务服务改革创新的着力点和发力点,让更多企业和群众享受到政务服务改革红利。
+            </div>
+            <div class="fwlc" style="width: 70%;">
+                <div class="text">在线申请</div>
+                <div class="arrow"></div>
+                <div class="text">在线审核</div>
+                <div class="arrow"></div>
+                <div class="text">审核成功</div>
+            </div>
+            <p class="topButton" style="width: 586px;margin: auto;" @click="dialogVisible = true">立即报名</p>
+            <el-dialog title="政务服务体验员报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
+                :close-on-click-modal="false">
+                <!-- 表单内容 -->
+                <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+                    <el-form-item label="姓名" prop="experienceName">
+                        <el-input v-model="form.experienceName" placeholder="请输入姓名"></el-input>
+                    </el-form-item>
+                    <el-form-item label="年龄" prop="experienceAge">
+                        <el-input v-model.number="form.experienceAge"
+                            @input="form.experienceAge = form.experienceAge.replace(/[^d]/g,'')" placeholder="请输入年龄">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="单位" prop="workunit">
+                        <el-input v-model="form.workunit" placeholder="请输入单位"></el-input>
+                    </el-form-item>
+                    <el-form-item label="职务" prop="duty">
+                        <el-input v-model="form.duty" placeholder="请输入职务"></el-input>
+                    </el-form-item>
+                    <el-form-item label="手机号" prop="experiencePhone">
+                        <el-input v-model="form.experiencePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                            @blur="validatePhone"></el-input>
+                    </el-form-item>
+                    <el-form-item label="拟办理业务">
+                        <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
+                    </el-form-item>
+                    <el-form-item label="验证码" prop="imgCode">
+                        <div style="display: flex;">
+                            <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
+                            <el-image :src="imageCode" @click="getVerifyCode"></el-image>
+                        </div>
+                    </el-form-item>
+                    <el-form-item class="subButton">
+                        <el-button type="primary" @click="submitForm('form')">提交</el-button>
+                        <el-button @click="dialogVisible = false">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-dialog>
+            <div class=" title">往期回顾</div>
+            <div style="width: 100%;margin-top: 20px;">
+                <el-carousel :interval="4000" type="card" height="501px">
+                    <el-carousel-item v-for="item in 6" :key="item">
+                        <img class="medium" src="images/gwhg1.png"></img>
+                    </el-carousel-item>
+                </el-carousel>
+            </div>
         </div>
     </div>
+    <div style="width:100%;" class="footer"></div>
 </body>
 <script>
+    $(function () {
+        /*公共部分
+        * 导航栏
+        * footer CopyRight
+        */
+        $(".header").load('https://www.cqna.gov.cn/ggbf_search/top/top_style.html');
+        $(".footer").load('https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/bottomBlack.html');
+    });
+</script>
+<script>
     // 初始化Vue实例
     new Vue({
         el: '#qqhg',

+ 6 - 0
nngkxxdp/src/main/resources/static/zyylg/package-lock.json

@@ -0,0 +1,6 @@
+{
+  "name": "zyylg",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}

部分文件因文件數量過多而無法顯示