Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
CQ_JD
/
nazw
2
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Ver Fonte

添加头部和底部

tml há 6 meses atrás
pai
32597cf14c
commit
e06104be1d
25 ficheiros alterados com 1111 adições e 3681 exclusões
Visão Dividida Mostrar Estatísticas Diff
  1. BIN
      nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.ttf
  2. BIN
      nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.woff
  3. 13 1
      nngkxxdp/src/main/resources/static/naxsb/dqfw.html
  4. 5 4
      nngkxxdp/src/main/resources/static/naxsb/dqfwNew.html
  5. 16 4
      nngkxxdp/src/main/resources/static/naxsb/floorone.html
  6. 31 7
      nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html
  7. 0 554
      nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html
  8. 0 664
      nngkxxdp/src/main/resources/static/naxsb/indexsyy.html
  9. 0 322
      nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
  10. 0 40
      nngkxxdp/src/main/resources/static/naxsb/map.html
  11. BIN
      nngkxxdp/src/main/resources/static/naxsb/media/业.ecabc222.mp4
  12. 249 241
      nngkxxdp/src/main/resources/static/naxsb/qjt.html
  13. 0 248
      nngkxxdp/src/main/resources/static/naxsb/rcfw.html
  14. 0 739
      nngkxxdp/src/main/resources/static/naxsb/syyggyy.html
  15. 12 0
      nngkxxdp/src/main/resources/static/naxsb/tdcr.html
  16. 13 2
      nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html
  17. 12 1
      nngkxxdp/src/main/resources/static/naxsb/tsfw.html
  18. 453 436
      nngkxxdp/src/main/resources/static/naxsb/wybdb.html
  19. 178 133
      nngkxxdp/src/main/resources/static/naxsb/wyyy.html
  20. 0 216
      nngkxxdp/src/main/resources/static/naxsb/yqgk.html
  21. 12 0
      nngkxxdp/src/main/resources/static/naxsb/znxz.html
  22. 12 1
      nngkxxdp/src/main/resources/static/naxsb/znxzchoice.html
  23. 19 7
      nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html
  24. 14 3
      nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html
  25. 72 58
      nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html

BIN
nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.ttf
Ver Ficheiro


BIN
nngkxxdp/src/main/resources/static/naxsb/css/fonts/element-icons.woff
Ver Ficheiro


+ 13 - 1
nngkxxdp/src/main/resources/static/naxsb/dqfw.html
Ver Ficheiro 

@@ -306,6 +306,8 @@
 
 </head>
 
 
 <body>
 
+
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div class="dqfw" id="dqfw">
 
         <div class="hide" v-if="hide"></div>
 
         <div class="top">
 
@@ -411,9 +413,19 @@
 
             </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',

+ 5 - 4
nngkxxdp/src/main/resources/static/naxsb/dqfwNew.html
Ver Ficheiro 

@@ -416,7 +416,7 @@
 
 </head>
 
 
 <body>
 
-  <div class="header"></div>
 
+  <div style="width:100%;height:280px" class="header"></div>
 
   <div class="" id="dqfwNew">
 
     <div class="top">
 
       <div class="toplogo">
 
@@ -536,17 +536,18 @@
 
       </div>
 
     </div>
 
   </div>
 
+  <div style="width:100%;" class="footer"></div>
 
 </body>
 
-<!-- <script>
 
+<script>
 
   $(function () {
 
     /*公共部分
 
     * 导航栏
 
     * footer CopyRight
 
     */
 
-    // $(".headerpage").load("load/header.html");/*浏览器容易引起跨域问题*/
 
     $(".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>
 
 <script>
 
   // 初始化Vue实例
 
   new Vue({

+ 16 - 4
nngkxxdp/src/main/resources/static/naxsb/floorone.html
Ver Ficheiro 

@@ -237,6 +237,7 @@
 
 </style>
 
 
 <body>
 
+    <div style="width:100%;height:280px" 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>
 
@@ -593,7 +594,18 @@
 
             </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="js/vue.min.js"></script>
 
 <!-- 引入样式 -->

+ 31 - 7
nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html
Ver Ficheiro 

@@ -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;
 
@@ -259,12 +257,28 @@
 
         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:280px" 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>
 
@@ -281,10 +295,9 @@
 
           <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 class="link" @click="window.open('https://www.cqna.gov.cn/llzx/#/')">网上政府驾驶舱</div>
 
           </div>
 
         </el-collapse-item>
 
         <el-collapse-item name="2" disabled @mouseover.native="autoShow(2)" @mouseout.native="autoHide(2)">
 
@@ -337,8 +350,19 @@
 
     </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',

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

@@ -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="js/vue.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>
 
-    <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
Ver Ficheiro 

@@ -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="js/vue.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>
 
-  <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
Ver Ficheiro 

@@ -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="js/vue.min.js"></script>
 
-    <!-- 引入样式 -->
 
-    <link rel="stylesheet" href="css/index.css">
 
-    <!-- 引入组件库 -->
 
-    <script src="js/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 - 40
nngkxxdp/src/main/resources/static/naxsb/map.html
Ver Ficheiro 

@@ -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>

BIN
nngkxxdp/src/main/resources/static/naxsb/media/业.ecabc222.mp4
Ver Ficheiro


+ 249 - 241
nngkxxdp/src/main/resources/static/naxsb/qjt.html
Ver Ficheiro 

@@ -79,7 +79,7 @@
 
 </head>
 
 
 <body>
 
-
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div class="container">
 
         <div class="row">
 
             <div class="col-sm-12">
 
@@ -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({

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

@@ -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="js/vue.min.js"></script>
 
-    <!-- 引入样式 -->
 
-    <link rel="stylesheet" href="css/index.css">
 
-    <!-- 引入组件库 -->
 
-    <script src="js/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
Ver Ficheiro 

@@ -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="js/vue.min.js"></script>
 
-    <!-- 引入样式 -->
 
-    <link rel="stylesheet" href="css/index.css">
 
-    <!-- 引入组件库 -->
 
-    <script src="js/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>

+ 12 - 0
nngkxxdp/src/main/resources/static/naxsb/tdcr.html
Ver Ficheiro 

@@ -186,6 +186,7 @@
 
 
 
 <body>
 
+  <div style="width:100%;height:280px" class="header"></div>
 
     <div id="tdcr">
 
         <div class="top">
 
             <div class="toplogo">
 
@@ -283,7 +284,18 @@
 
             <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({

+ 13 - 2
nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html
Ver Ficheiro 

@@ -245,6 +245,7 @@
 
 </head>
 
 
 <body>
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div id="ztcr">
 
         <div class="top">
 
             <div class="toplogo">
 
@@ -279,7 +280,7 @@
 
                                 <div class="number">{{item.landArea}}&nbsp;亩</div>
 
                             </div>
 
                             <div class="title">{{item.landName}}</div>
 
-                            <div class="content"><img src="images/tdaddr.png" alt=""><span>{{item.ownerUnit}}</span>
 
+                            <div class="content"><img src="images/tdaddr.png" alt=""><span>{{item.addr}}</span>
 
                             </div>
 
                         </div>
 
                     </div>
 
@@ -288,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 () {

+ 12 - 1
nngkxxdp/src/main/resources/static/naxsb/tsfw.html
Ver Ficheiro 

@@ -171,6 +171,7 @@
 
 </head>
 
 
 <body>
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div class="tsfw" id="tsfw">
 
         <div class="top">
 
             <div class="toplogo">
 
@@ -253,9 +254,19 @@
 
             </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',

+ 453 - 436
nngkxxdp/src/main/resources/static/naxsb/wybdb.html
Ver Ficheiro 

@@ -244,17 +244,19 @@
 
 </head>
 
 
 <body>
 
-    <div class="topBg" style="background-image: url(images/indexbg-bdb.png);" id="topBg">
 
-        <div class="topButton" style="" @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:280px" 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">
 
@@ -263,149 +265,151 @@
 
                         <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 label="项目单位地址" prop="projectAddr">
 
+                        <el-input type="textarea" v-model="form.projectAddr" 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">
 
+                    <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="政府投资房屋建筑和市政基础设施工程建设项目初步设计审批" 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>
 
-                <!-- 帮办代办/联络人电话 -->
 
-                <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>
 
-        </div>
 
-        <div class="name">代办人员</div>
 
-        <div class="fwdx">
 
-            <div>柴静、樊世行&nbsp;&nbsp;&nbsp;&nbsp;电话：023-62606905</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>
 
@@ -413,17 +417,17 @@
 
                     <span>5.住所使用文件；</span>
 
                     <span>6.其他视项目而论的必需材料。</span>
 
                 </td> -->
 
-                <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">
 
+                    <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>
 
@@ -432,17 +436,17 @@
 
                     <span>5.已领取纸质版营业执照的缴回所有营业执照正、副本；</span>
 
                     <span>6.其他视项目而论的必需材料。</span>
 
                 </li> -->
 
-                <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">
 
+                    <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>
 
@@ -450,17 +454,17 @@
 
                     <span>5.住所使用文件；</span>
 
                     <span>6.其他视项目而论的必需材料。</span>
 
                 </td> -->
 
-                <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">
 
+                    <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>
 
@@ -469,259 +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、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">
 
+                    <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、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>
 
+                    <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 () {
 
@@ -784,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() {
 
                 // 这里可以添加手机号校验逻辑

+ 178 - 133
nngkxxdp/src/main/resources/static/naxsb/wyyy.html
Ver Ficheiro 

@@ -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) {
 
@@ -134,7 +139,8 @@
 
             font-size: 22px;
 
             color: #026CD6;
 
         }
 
-        .yydh{
 
+
 
+        .yydh {
 
             height: 188px;
 
             background: #D4ECFF;
 
             border: 2px solid #5BADFF;
 
@@ -145,15 +151,18 @@
 
             font-size: 22px;
 
             color: #1964A4;
 
         }
 
-        .yydh>div{
 
+
 
+        .yydh>div {
 
             box-sizing: border-box;
 
             padding-top: 20px;
 
             text-align: right;
 
         }
 
-        .yydhL{
 
+
 
+        .yydhL {
 
             width: 50%;
 
         }
 
-        .yydhR{
 
+
 
+        .yydhR {
 
             width: 330px;
 
             padding-left: 40px;
 
         }
 
@@ -169,8 +178,9 @@
 
             display: flex;
 
             margin: 0 auto !important;
 
         }
 
-        .tableClumn{ 
-            margin: 0 auto !important; 
+
 
+        .tableClumn {
 
+            margin: 0 auto !important;
 
             background: #D4ECFF;
 
             height: 60px;
 
             display: flex;
 
@@ -182,152 +192,173 @@
 
             display: flex;
 
             border-bottom: 1px solid #5BADFF;
 
         }
 
-        .th1{
 
+
 
+        .th1 {
 
             width: 100px;
 
             text-align: center;
 
         }
 
-        .th2{
 
+
 
+        .th2 {
 
             width: 200px;
 
             text-align: center;
 
         }
 
-        .th3{
 
+
 
+        .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:280px" 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>
 
-                    </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>
 
-                <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>
 
+                    <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="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 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>
 
+                    <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>
 
     </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 () {
 
@@ -341,7 +372,10 @@
 
                     business: '',
 
                     date1: '',
 
                     date2: '',
 
-                    imgCode: ''
 
+                    imgCode: '',
 
+                    pickerOptions: {
 
+                        selectableRange: '09:00:00 - 12:00:00' // 限制可选时间为9点到12点 
+                    }
 
                 },
 
                 /*图形验证码*/
 
                 imageCode: "",
 
@@ -366,11 +400,22 @@
 
                         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'
 
+
 
                 }
 
             }
 
         },

+ 0 - 216
nngkxxdp/src/main/resources/static/naxsb/yqgk.html
Ver Ficheiro 

@@ -1,216 +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="js/vue.min.js"></script>
 
-    <!-- 引入样式 -->
 
-    <link rel="stylesheet" href="css/index.css">
 
-    <!-- 引入组件库 -->
 
-    <script src="js/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>

+ 12 - 0
nngkxxdp/src/main/resources/static/naxsb/znxz.html
Ver Ficheiro 

@@ -210,6 +210,7 @@
 
 </head>
 
 
 <body>
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div id="znxz">
 
         <div class="top">
 
             <div class="toplogo">
 
@@ -268,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 () {

+ 12 - 1
nngkxxdp/src/main/resources/static/naxsb/znxzchoice.html
Ver Ficheiro 

@@ -104,6 +104,7 @@
 
 </head>
 
 
 <body>
 
+    <div style="width:100%;height:280px" class="header"></div>
 
     <div id="znxz">
 
         <div class="top">
 
             <div class="toplogo">
 
@@ -169,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 () {

+ 19 - 7
nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html
Ver Ficheiro 

@@ -4,7 +4,7 @@
 
 <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 -->
 
@@ -192,11 +192,12 @@
 
 
 
 <body>
 
+    <div style="width:100%;height:280px" 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,25 +231,25 @@
 
                         <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"
 
@@ -287,8 +288,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 src="swiper/swiper-bundle.js"></script>
 
 <script>

+ 14 - 3
nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html
Ver Ficheiro 

@@ -4,7 +4,7 @@
 
 <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="js/vue.min.js"></script>
 
@@ -187,11 +187,12 @@
 
 </head>
 
 
 <body>
 
+    <div style="width:100%;height:280px" 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="">
 
@@ -250,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 () {

+ 72 - 58
nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html
Ver Ficheiro 

@@ -175,69 +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>
 
-        <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 style="width:100%;height:280px" class="header"></div>
 
+    <div>
 
+        <div class="topBg" style="background-image: url(images/indexbg-tyy.png);background-color: #DDEDFF;">
 
+            <div class="title">活动介绍</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 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',