Home Explore Help
Register Sign In
CQ_JD
/
nazw
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

提交新页面

MS-FUUVYHVOEAYJ\Administrator 6 months ago
parent
f7a0b5d2ec
commit
f965da0b55
21 changed files with 1255 additions and 3 deletions
Split View Show Diff Stats
  1. 411 0
      nngkxxdp/src/main/resources/static/naxsb/cybj.html
  2. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/arrowD.png
  3. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/arrowR.png
  4. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bdbfw.png
  5. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/buttonbg.png
  6. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/close.png
  7. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/cyyq.png
  8. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/dqfw.png
  9. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/map.png
  10. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/mxqy.png
  11. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/nodata.png
  12. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/tdcr.png
  13. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/tdcrfw.png
  14. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/tsfw.png
  15. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/zcfw.png
  16. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/ztfw.png
  17. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/ztfw_index.png
  18. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/zwqjt.png
  19. 364 0
      nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html
  20. 478 0
      nngkxxdp/src/main/resources/static/naxsb/indexsyy.html
  21. 2 3
      nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html

+ 411 - 0
nngkxxdp/src/main/resources/static/naxsb/cybj.html
View File 

@@ -0,0 +1,411 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title></title>
 
+  <!-- 引入 Vue -->
 
+  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+  <!-- 引入样式 -->
 
+  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+  <!-- 引入组件库 -->
 
+  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+  <link rel="stylesheet" href="swiper/swiper-bundle.css">
 
+  <!-- jquery-->
 
+  <script src="js/jquery-3.5.1.min.js"></script>
 
+  <script src="js/urljson.js"></script>
 
+  <style>
 
+    * {
 
+      padding: 0;
 
+      margin: 0;
 
+    }
 
+
 
+    ul {
 
+      list-style-type: none;
 
+    }
 
+
 
+    li {
 
+      list-style: none;
 
+    }
 
+
 
+    @font-face {
 
+      font-family: 'DOUYU';
 
+      src: url('fonts/DOUYUFONT-2.OTF');
 
+      font-weight: normal;
 
+      font-style: normal;
 
+    }
 
+
 
+    @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 {
 
+      /* min-width: 402px; */
 
+      height: 100%;
 
+      background: rgb(4 20 40 / 50%);
 
+      display: flex;
 
+      border-radius: 1.525rem;
 
+    }
 
+    .list{
 
+      width: calc( 30% - 40px);
 
+      display: flex;
 
+      flex-direction: column;
 
+      align-items: center;
 
+      border-radius: 1.525rem;
 
+      padding: 20px;
 
+      margin-right: 40px;
 
+    }
 
+    .map{
 
+      width: 40%;
 
+      height: 70%;
 
+      margin: auto;
 
+      display: flex;
 
+      flex-direction: column;
 
+      align-items: center;
 
+      border-left: 1px solid rgba(214, 225, 240, .5);
 
+      border-right: 1px solid rgba(214, 225, 240, .5);
 
+    }
 
+    .map>img{
 
+      width: 70%;
 
+      height: 70%;
 
+      padding-top: 10%;
 
+    }
 
+    .dec{
 
+      width: 30%;
 
+      padding-top: 3.5%;
 
+      padding-left: 2rem;
 
+      padding-right: 2rem;
 
+    }
 
+    .dec>div{
 
+      text-indent: 2em;
 
+      color: #fff;
 
+      font-size: 1.225rem;
 
+      line-height: 35px;
 
+      padding-top: 2rem;
 
+    }
 
+    .dec>span{
 
+      background: #176ED0;
 
+      border-radius: 10px;
 
+      color: #fff;
 
+      display: inline-block;
 
+      padding: 20px 25px;
 
+      font-size: 1.225rem;
 
+    }
 
+    .mapdec{
 
+      color: #fff;
 
+      font-size: 1.225rem;
 
+      text-align: center;
 
+      padding-top: 20px;
 
+    }
 
+
 
+    .title {
 
+      color: #FFFFFF;
 
+      width: 100%;
 
+      display: flex;
 
+      justify-content: space-between;
 
+      padding-bottom: 45px;
 
+      align-items: center;
 
+    }
 
+
 
+    .subtitle {
 
+      font-size: 1.725rem;
 
+      display: inline-block;
 
+    }
 
+
 
+    .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;
 
+    }
 
+
 
+    .backbutton img {
 
+      margin-right: 10px;
 
+    }
 
+
 
+    .contentList {
 
+      height: calc(100% / 6);
 
+      justify-content: space-between;
 
+      line-height: normal;
 
+      background-color: transparent;
 
+      color: #FFFFFF !important;
 
+      font-size: 1.17rem;
 
+      font-family: Microsoft YaHei;
 
+      letter-spacing: 2px;
 
+      padding: 0 10px;
 
+      border-radius: 10px;
 
+      width: 100%;
 
+      display: flex;
 
+      justify-content: space-between;
 
+      cursor: pointer;
 
+    }
 
+    .contentList:hover{
 
+      background-color:rgba(23, 110, 208, .5);
 
+      font-size: 1.37rem;
 
+      font-weight: 600;
 
+    }
 
+
 
+    .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;
 
+
 
+    }
 
+
 
+    .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;
 
+    }
 
+
 
+    .contentBox {
 
+      width: 80%;
 
+      height: 75%;
 
+      padding-top: 5%;
 
+      padding-left: 10%;
 
+      padding-right: 10%;
 
+    }
 
+
 
+    /* 淡出动画 */
 
+    .fade-out {
 
+      animation: fadeOut 1s forwards;
 
+    }
 
+
 
+    /* 淡入动画 */
 
+    .fade-in {
 
+      animation: fadeIn 1s forwards;
 
+    }
 
+
 
+    @keyframes fadeOut {
 
+      from {
 
+        opacity: 0.8;
 
+      }
 
+
 
+      to {
 
+        opacity: 0.6;
 
+      }
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+      from {
 
+        opacity: 0.6;
 
+      }
 
+
 
+      to {
 
+        opacity: 0.8;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1600px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 14px;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1400px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 14px;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1300px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 10px;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
+
 
+<body>
 
+  <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
 
+    :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
 
+    <div class="contentBox">
 
+      <div class="title">
 
+        <span class="subtitle">产业布局</span>
 
+        <div class="backbutton" @click="window.history.go(-1)">
 
+          <img src="images/backlogo.png" alt="">
 
+          <span>返回</span>
 
+        </div>
 
+      </div>
 
+      <div class="content">
 
+        <div class="list">
 
+        <li v-for="(tab, index)  in this.titleList" :key="index" class="contentList" @click="golink(`indexsyy.html?id=${tab.id}`)">
 
+          <div class="listLeft">
 
+            &emsp;&emsp;&emsp;&emsp;{{tab.title}}
 
+          </div>
 
+          <div class="listRight">
 
+            <img src="images/arrowR.png" /></div>
 
+        </li>
 
+      </div>
 
+      <div class="map">
 
+        <img src="images/map.png" />
 
+        <div class="mapdec">南岸区产业布局图</div>
 
+      </div>
 
+      <div class="dec">
 
+        <span>产业简介及发展重点</span>
 
+        <div>
 
+          ‌      重庆经开区的“四园一港”是指‌南坪西区产业园、‌长江绿色创新产业园、‌先进汽车电子产业园、‌茶园工业园以及‌迎龙创新港。‌这一概念是为了形成高质量发展的区域空间格局，推动经济社会高质量发展，培育推动经济社会产生高质量变革的新质生产力，壮大经济发展新动能、新方式、新引擎。
 
+        </div>
 
+      </div>
 
+      </div>
 
+    </div>
 
+    <!-- <div class="dialog">
 
+     <div class="dialogHeader">
 
+      <div class="dialogTitle">明星企业</div>
 
+     </div>
 
+    </div> -->
 
+  </div>
 
+</body>
 
+<script>
 
+  // 初始化Vue实例
 
+  new Vue({
 
+    el: '#indexcygyy',
 
+    data: function () {
 
+      return {
 
+        reqPtah: '',
 
+        currentTab: -1,
 
+        contentList: [],
 
+        currentTitle: '',
 
+        parkDesc: '',
 
+        parkName: '',
 
+        titleList: [],
 
+        backgroundImage: 'images/yqgkBg.png',
 
+        fadeOut: false,
 
+        fadeIn: false,
 
+        id: null
 
+      };
 
+    },
 
+    created() {},
 
+    mounted() {
 
+      const url = new URL(window.location.href);
 
+      this.id = url.searchParams.get('id');
 
+      this.getParkData()
 
+    },
 
+    methods: {
 
+      goIndex() {
 
+        window.location.href = "indexsyyg.html"
 
+      },
 
+      back() {
 
+        window.location.href = "indexsyyg.html"
 
+      },
 
+      golink(hrf, val) {
 
+        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;
 
+                    }
 
+                })
 
+            }
 
+    }
 
+  });
 
+</script>
 
+
 
+</html>

BIN
nngkxxdp/src/main/resources/static/naxsb/images/arrowD.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/arrowR.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bdbfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/buttonbg.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/close.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/cyyq.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/dqfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/map.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/mxqy.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/nodata.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/tdcr.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/tdcrfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/tsfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/zcfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/ztfw.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/ztfw_index.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/zwqjt.png
View File


+ 364 - 0
nngkxxdp/src/main/resources/static/naxsb/indexbmhq.html
View File 

@@ -0,0 +1,364 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title></title>
 
+  <!-- 引入 Vue -->
 
+  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+  <!-- 引入样式 -->
 
+  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+  <!-- 引入组件库 -->
 
+  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+  <link rel="stylesheet" href="swiper/swiper-bundle.css">
 
+  <!-- jquery-->
 
+  <script src="js/jquery-3.5.1.min.js"></script>
 
+  <script src="js/urljson.js"></script>
 
+  <style>
 
+    * {
 
+      padding: 0;
 
+      margin: 0;
 
+    }
 
+
 
+    ul {
 
+      list-style-type: none;
 
+    }
 
+
 
+    li {
 
+      list-style: none;
 
+    }
 
+
 
+    @font-face {
 
+      font-family: 'DOUYU';
 
+      src: url('fonts/DOUYUFONT-2.OTF');
 
+      font-weight: normal;
 
+      font-style: normal;
 
+    }
 
+
 
+    @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: 23vw;
 
+      /* min-width: 402px; */
 
+      height: auto;
 
+      background: rgb(4 20 40 / 50%);
 
+      display: flex;
 
+      flex-direction: column;
 
+      align-items: center;
 
+      left: 59%;
 
+      top: 15vh;
 
+      position: absolute;
 
+      border-radius: 1.525rem;
 
+    }
 
+
 
+    .content>div {
 
+      margin-top: 2%;
 
+    }
 
+
 
+    .title {
 
+      color: #FFFFFF;
 
+      position: absolute;
 
+      left: 12%;
 
+      top: 35vh;
 
+    }
 
+
 
+    .subtitle {
 
+      font-size: 2.625rem;
 
+      display: flex;
 
+      justify-content: space-between;
 
+      letter-spacing: 1rem;
 
+      padding-bottom: 15px;
 
+    }
 
+
 
+    .mainTitle {
 
+      font-family: DOUYU;
 
+      font-size: 5.625rem;
 
+      font-weight: 600;
 
+    }
 
+
 
+    .el-collapse {
 
+      width: calc(100% - 40px);
 
+      border: none;
 
+      padding: 20px;
 
+    }
 
+
 
+    .el-collapse-item__header {
 
+      height: auto;
 
+      justify-content: space-between;
 
+      line-height: normal;
 
+      background-color: transparent;
 
+      color: #FFFFFF !important;
 
+      font-size: 1.37rem;
 
+      font-family: Microsoft YaHei;
 
+      letter-spacing: 2px;
 
+      /* font-weight: 600; */
 
+      padding: 15px;
 
+      border-bottom: 1px solid rgba(255, 255, 255, .3);
 
+    }
 
+
 
+    .el-collapse-item__wrap {
 
+      background-color: transparent;
 
+      border-bottom: 1px solid rgba(255, 255, 255, .3);
 
+    }
 
+
 
+    .el-collapse-item__content {
 
+      padding: 0 15px 15px 15px;
 
+    }
 
+
 
+    .el-collapse-item.is-disabled .el-collapse-item__header{
 
+      cursor: pointer;
 
+    }
 
+
 
+    .titleC {
 
+      display: flex;
 
+      width: 90%;
 
+      align-items: center;
 
+    }
 
+
 
+    .collapseItem {
 
+      color: #DFDFDF;
 
+      display: flex;
 
+      flex-wrap: wrap;
 
+      font-size: 1rem;
 
+    }
 
+
 
+    .link {
 
+      cursor: pointer;
 
+      width: 50%;
 
+    }
 
+
 
+    .titleC>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;
 
+
 
+    }
 
+
 
+    .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;
 
+    }
 
+
 
+    /* 淡出动画 */
 
+    .fade-out {
 
+      animation: fadeOut 1s forwards;
 
+    }
 
+
 
+    /* 淡入动画 */
 
+    .fade-in {
 
+      animation: fadeIn 1s forwards;
 
+    }
 
+
 
+    @keyframes fadeOut {
 
+      from {
 
+        opacity: 0.8;
 
+      }
 
+
 
+      to {
 
+        opacity: 0.6;
 
+      }
 
+    }
 
+
 
+    @keyframes fadeIn {
 
+      from {
 
+        opacity: 0.6;
 
+      }
 
+
 
+      to {
 
+        opacity: 0.8;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1600px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 14px;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1400px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 14px;
 
+      }
 
+    }
 
+
 
+    @media screen and (max-width:1300px) {
 
+
 
+      html,
 
+      body {
 
+        font-size: 10px;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
+
 
+<body>
 
+  <div class="" id="indexcygyy" :class="{ 'fade-out': fadeOut, 'fade-in': fadeIn }"
 
+    :style="{ backgroundImage: 'url(' + backgroundImage + ')' }">
 
+    <div class="title">
 
+      <div class="subtitle"><span>重庆市南岸区</span><span>重庆经开区</span></div>
 
+      <div class="mainTitle">便民惠企空间</div>
 
+    </div>
 
+    <div class="content">
 
+      <el-collapse accordion>
 
+        <el-collapse-item name="1">
 
+          <template slot="title">
 
+            <div class="titleC">
 
+              <img src="images/zwqjt.png" />
 
+              <div class="textCollapse">&emsp;政务全景通</div>
 
+            </div>
 
+          </template>
 
+          <div class="collapseItem">
 
+            <div class="link" @click="goToLink('wybdb.html')">帮代办</div>
 
+            <div class="link" @click="goToLink('wyyy.html')">延时办</div>
 
+            <div class="link" @click="goToLink('qysmzq.html')">生命周期</div>
 
+          </div>
 
+        </el-collapse-item>
 
+        <el-collapse-item name="2">
 
+          <template slot="title">
 
+            <div class="titleC">
 
+              <img src="images/cyyq.png" />
 
+              <div class="textCollapse">&emsp;产业园区</div>
 
+            </div>
 
+          </template>
 
+          <div class="collapseItem">
 
+            <div class="link" @click="tsmore(1)">茶园产业园</div>
 
+            <div class="link" @click="tsmore(2)">先进汽车电子产业园</div>
 
+            <div class="link" @click="tsmore(3)">长江绿色创新产业园</div>
 
+            <div class="link" @click="tsmore(4)">南坪西区产业园</div>
 
+            <div class="link" @click="tsmore(5)">迎龙创新港</div>
 
+            <div class="link" @click="tsmore(6)">大学科技园</div>
 
+          </div>
 
+        </el-collapse-item>
 
+        <el-collapse-item name="3" disabled>
 
+          <template slot="title">
 
+            <div class="titleC" @click="window.location.href = 'tdcrlist.html?id=-1'">
 
+              <img src="images/tdcr.png" />
 
+              <div class="textCollapse">&emsp;土地出让服务</div>
 
+            </div>
 
+          </template>
 
+          <div class="collapseItem">
 
+          </div>
 
+        </el-collapse-item>
 
+        <el-collapse-item name="4" disabled>
 
+          <template slot="title">
 
+            <div class="titleC"  @click="window.location.href='ztcrlist.html?id=-1'">
 
+              <img src="images/ztfw.png"/>
 
+              <div class="textCollapse" >&emsp;载体服务</div>
 
+            </div>
 
+          </template>
 
+          <div class="collapseItem">
 
+          </div>
 
+        </el-collapse-item>
 
+        <el-collapse-item name="5" disabled>
 
+          <template slot="title">
 
+            <div class="titleC" @click="window.open('https://www.cqna.gov.cn/zczs/')">
 
+              <img src="images/zcfw.png" />
 
+              <div class="textCollapse">&emsp;政策服务</div>
 
+            </div>
 
+          </template>
 
+          <div class="collapseItem">
 
+          </div>
 
+        </el-collapse-item>
 
+      </el-collapse>
 
+    </div>
 
+
 
+  </div>
 
+</body>
 
+<script>
 
+  // 初始化Vue实例
 
+  new Vue({
 
+    el: '#indexcygyy',
 
+    data: function () {
 
+      return {
 
+        reqPtah: '',
 
+        currentTab: 1,
 
+        titleList: [],
 
+        currentTitle: '',
 
+        parkDesc: '',
 
+        swiperList: [],
 
+        backgroundImage: 'images/yqgkBg.png',
 
+        fadeOut: false,
 
+        fadeIn: false
 
+      };
 
+    },
 
+    created() {},
 
+    mounted() {},
 
+    methods: {
 
+      goIndex() {
 
+        window.location.href = "indexsyyg.html"
 
+      },
 
+      back() {
 
+        window.location.href = "indexsyyg.html"
 
+      },
 
+      goToLink(url) {
 
+        if (url) {
 
+          window.location.href = url;
 
+        }
 
+      },
 
+      tsmore(id) {
 
+        window.location.href = "indexsyy.html?id=" + id;
 
+      }
 
+    }
 
+  });
 
+</script>
 
+
 
+</html>

+ 478 - 0
nngkxxdp/src/main/resources/static/naxsb/indexsyy.html
View File 

@@ -0,0 +1,478 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title></title>
 
+  <!-- 引入 Vue -->
 
+  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+  <!-- 引入样式 -->
 
+  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+  <!-- 引入组件库 -->
 
+  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+  <link rel="stylesheet" href="swiper/swiper-bundle.css">
 
+  <!-- jquery-->
 
+  <script src="js/jquery-3.5.1.min.js"></script>
 
+  <script src="js/urljson.js"></script>
 
+  <style>
 
+    * {
 
+      padding: 0;
 
+      margin: 0;
 
+      font-family: Microsoft YaHei;
 
+    }
 
+
 
+    ul {
 
+      list-style-type: none;
 
+    }
 
+
 
+    li {
 
+      list-style: none;
 
+    }
 
+
 
+    @font-face {
 
+      font-family: 'DOUYU';
 
+      src: url('fonts/DOUYUFONT-2.OTF');
 
+      font-weight: normal;
 
+      font-style: normal;
 
+    }
 
+
 
+    @font-face {
 
+      font-family: 'Source Han Sans SC';
 
+      src: url('fonts/MSYHL.TTC');
 
+      font-weight: normal;
 
+      font-style: normal;
 
+    }
 
+
 
+    .backbutton img {
 
+      margin-right: 0.625rem;
 
+    }
 
+
 
+    #indexcygyy {
 
+      height: 100vh;
 
+      background-image: url(images/indexcygyy.png);
 
+      background-size: 100% 100%;
 
+      font-family: Microsoft YaHei;
 
+      color: #FFFFFF;
 
+      padding-top: 10px;
 
+      box-sizing: border-box;
 
+      position: relative;
 
+    }
 
+
 
+    .content {
 
+      width: 23vw;
 
+      /* 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;
 
+    }
 
+
 
+    .content>div {
 
+      margin-top: 2%;
 
+    }
 
+
 
+    .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;
 
+      margin-top: 20px;
 
+      line-height: 36px;
 
+    }
 
+
 
+    .contentList {
 
+      height: auto;
 
+      justify-content: space-between;
 
+      line-height: normal;
 
+      background-color: transparent;
 
+      color: #FFFFFF !important;
 
+      font-size: 1.37rem;
 
+      font-family: Microsoft YaHei;
 
+      letter-spacing: 2px;
 
+      font-weight: 600;
 
+      padding: 15px;
 
+      width: 100%;
 
+      display: flex;
 
+      justify-content: space-between;
 
+      cursor: pointer;
 
+    }
 
+    .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;
 
+    }
 
+    .dialogHeader{
 
+      display: flex;
 
+      padding: 25px 25px;
 
+      justify-content: space-between;
 
+      color: #176ED0;
 
+      font-size: 1.375rem;
 
+      border-bottom: 1px solid #176ED0;
 
+      width: calc(100% - 45px);
 
+      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;
 
+    }
 
+    .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;
 
+    }
 
+
 
+    @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">{{parkDesc?parkDesc:''}}</div>
 
+    </div>
 
+    <div class="content">
 
+      <li class="contentList" @click="golink('tsfw.html?id=1')">
 
+         <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?id=1')">
 
+        <div class="listLeft">
 
+         <img src="images/dqfw.png" />&emsp;党群服务
 
+        </div>
 
+        <div class="listRight">
 
+         <img src="images/arrowR.png"  /></div>
 
+     </li>
 
+     <li class="contentList" @click="golink('wybdb.html?id=1')">
 
+      <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?id=1',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?id=1',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="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/yqgkBg.png',
 
+        fadeOut: false,
 
+        fadeIn: false,
 
+        id:null,
 
+        dialogVisible:false
 
+      };
 
+    },
 
+    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)
 
+    },
 
+    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;
 
+        }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;
 
+                        }
 
+                    }
 
+                });
 
+          }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;
 
+                        }
 
+                    }
 
+                });
 
+          }
 
+        }
 
+       
+      },
 
+      getJBQK(id) {
 
+                let that = this;
 
+                $.ajax({
 
+                    url: conpath + "/parkData/" + id,
 
+                    type: "get",
 
+                    dataType: "json",
 
+                    success: function (data) {
 
+                        that.parkDesc = data.desc;
 
+                        that.parkName=data.title
 
+                    }
 
+                })
 
+            },
 
+    }
 
+  });
 
+</script>
 
+
 
+</html>

+ 2 - 3
nngkxxdp/src/main/resources/static/naxsb/tdcrlist.html
View File 

@@ -292,7 +292,7 @@
 
                 // reqPtah: 'http://172.16.99.105:8082',
 
                 reqPtah: '',
 
                 contentList: [],
 
-                pageSize: 1000,
 
+                pageSize: 10000,
 
                 pointList: [],
 
                 currentPq: -1,
 
                 inputValue: '',
 
@@ -359,12 +359,11 @@
 
                     data: JSON.stringify({
 
                         "currentPage": 1,
 
                         "pageSize": that.pageSize,
 
-                        "parkId": id,
 
+                        "parkId": that.currentPq == -1 ? null : that.currentPq,
 
                         "keyword": that.inputValue ? that.inputValue : ''
 
                     }),
 
                     dataType: "json",
 
                     success: function (data) {
 
-                        console.log(data)
 
                         let dataList = data.list;
 
                         that.contentList = dataList;
 
                     }