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

添加跳转和图表时间内容

xyg 7 months ago
parent
3c288ca83b
commit
3e5c5f1d71
16 changed files with 1269 additions and 250 deletions
Split View Show Diff Stats
  1. 21 0
      nngkxxdp/src/main/resources/static/naxsb/css/conmon.css
  2. 68 0
      nngkxxdp/src/main/resources/static/naxsb/css/mapcon.css
  3. 14 0
      nngkxxdp/src/main/resources/static/naxsb/css/syygggy.css
  4. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/button-wytz.png
  5. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/hyy-rzyq.png
  6. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/hyy-yscb.png
  7. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/tdcr0.png
  8. 15 5
      nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html
  9. 153 48
      nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
  10. 29 25
      nngkxxdp/src/main/resources/static/naxsb/js/rightmap.js
  11. 45 132
      nngkxxdp/src/main/resources/static/naxsb/qjt.html
  12. 15 4
      nngkxxdp/src/main/resources/static/naxsb/syyggyy.html
  13. 291 0
      nngkxxdp/src/main/resources/static/naxsb/tdcr.html
  14. 1 36
      nngkxxdp/src/main/resources/static/naxsb/znxz.html
  15. 347 0
      nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html
  16. 270 0
      nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html

+ 21 - 0
nngkxxdp/src/main/resources/static/naxsb/css/conmon.css
View File 

@@ -77,4 +77,25 @@ li {
 
     color: #333333;
 
     line-height: 48px;
 
     text-indent: 40px;
 
+}
 
+
 
+.toplogo {
 
+    display: flex;
 
+    align-items: center;
 
+    font-family: DOUYU;
 
+    font-weight: normal;
 
+    font-size: 30px;
 
+    color: #186FF0;
 
+    height: 66px;
 
+    border-bottom: 1px solid #B7C7DC;
 
+}
 
+
 
+.toplogo img {
 
+    margin: 0 20px;
 
+}
 
+
 
+.title {
 
+    display: flex;
 
+    align-items: center;
 
+    margin-top: 10px;
 
 }

+ 68 - 0
nngkxxdp/src/main/resources/static/naxsb/css/mapcon.css
View File 

@@ -0,0 +1,68 @@
 
+
 
+ul {
 
+    list-style-type: none;
 
+}
 
+
 
+li {
 
+    list-style: none;
 
+}
 
+
 
+.toplogo {
 
+    display: flex;
 
+    align-items: center;
 
+    font-family: DOUYU;
 
+    font-weight: normal;
 
+    font-size: 30px;
 
+    color: #186FF0;
 
+    height: 66px;
 
+    border-bottom: 1px solid #B7C7DC;
 
+}
 
+
 
+.toplogo img {
 
+    margin: 0 20px;
 
+}
 
+
 
+.title {
 
+    display: flex;
 
+    align-items: center;
 
+    margin-top: 10px;
 
+}
 
+
 
+.contentleft {
 
+    width: 50%;
 
+    height: 100%;
 
+    min-width: 952px;
 
+    background-color: #EDF5FF;
 
+    height: 1384px;
 
+}
 
+
 
+
 
+.contentleft .tablecon {
 
+    background: #FFFFFF;
 
+    padding: 20px;
 
+    margin-top: 10px;
 
+}
 
+
 
+.contentleft .tablecon td {
 
+    height: 42px;
 
+    padding: 10px;
 
+    box-sizing: border-box;
 
+    font-size: 16px;
 
+    color: #4B98F6;
 
+    background: #F4F9FF;
 
+    border: 1px solid #A3C4ED;
 
+    padding-left: 25px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+td.tit {
 
+    width: 16%;
 
+}
 
+
 
+td.cont {
 
+    width: 32%;
 
+}
 
+.contentright {
 
+    width: 50vw;
 
+    height: 1384px;
 
+}

+ 14 - 0
nngkxxdp/src/main/resources/static/naxsb/css/syygggy.css
View File 

@@ -33,6 +33,7 @@ body {
 
     height: 100%;
 
     min-width: 952px;
 
     background-color: #EDF5FF;
 
+    height: 1384px;
 
 }
 
 
 .jbqk {
 
@@ -121,6 +122,9 @@ body {
 
     flex-direction: column;
 
     justify-content: space-evenly;
 
 }
 
+.yqhd ul li{
 
+    cursor: pointer;
 
+}
 
 
 .mxqy {
 
     height: 179px;
 
@@ -135,6 +139,9 @@ body {
 
     justify-content: space-between;
 
     align-content: space-around;
 
 }
 
+.mxqy>ul li{
 
+    cursor: pointer;
 
+}
 
 
 .mxqy ul img {
 
     width: 86px;
 
@@ -166,6 +173,7 @@ body {
 
     word-break: break-all;
 
     padding: 0 10px;
 
     box-sizing: border-box;
 
+    cursor: pointer;
 
 }
 
 
 .ztcr {
 
@@ -175,6 +183,9 @@ body {
 
     align-items: center;
 
     justify-content: space-evenly;
 
 }
 
+.ztcr .list{
 
+    cursor: pointer;
 
+}
 
 
 .ztcr .list .bg {
 
     width: 180px;
 
@@ -234,6 +245,7 @@ body {
 
     padding-top: 20px;
 
     padding-left: 30px;
 
     box-sizing: border-box;
 
+    cursor: pointer;
 
 }
 
 
 .tdcr .list .right {
 
@@ -254,6 +266,7 @@ body {
 
     justify-content: center;
 
     font-size: 20px;
 
     color: #333333;
 
+    cursor: pointer;
 
 }
 
 
 .tsfw .list img {
 
@@ -279,4 +292,5 @@ body {
 
     line-height: 77px;
 
     font-size: 20px;
 
     color: #4B98F6;
 
+    cursor: pointer;
 
 }

BIN
nngkxxdp/src/main/resources/static/naxsb/images/button-wytz.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/hyy-rzyq.png
View File


BIN
nngkxxdp/src/main/resources/static/naxsb/images/hyy-yscb.png
View File


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


+ 15 - 5
nngkxxdp/src/main/resources/static/naxsb/indexcygyy.html
View File 

@@ -37,6 +37,7 @@
 
             position: absolute;
 
             top: 20px;
 
             right: 25px;
 
+            cursor: pointer;
 
         }
 
 
         .backbutton img {
 
@@ -136,6 +137,7 @@
 
             color: #E1F0FE;
 
             line-height: 60px;
 
             text-align: center;
 
+            cursor: pointer;
 
         }
 
 
         .swiper {
 
@@ -184,8 +186,8 @@
 
 </head>
 
 
 <body>
 
-    <div class="indexcot">
 
-        <div class="backbutton">
 
+    <div class="indexcot" id="indexcygyy">
 
+        <div class="backbutton" @click="back">
 
             <img src="images/backlogo.png" alt="">
 
             <span>返回</span>
 
         </div>
 
@@ -203,7 +205,7 @@
 
                 <li>大学科技园</li>
 
             </ul>
 
         </div>
 
-        <div class="content" id="content">
 
+        <div class="content">
 
             <div class="title">重庆经开区茶园工业园</div>
 
             <img src="images/cygyyline.png" alt="" class="line">
 
             <div class="text">重庆市南岸区人民政府办公室 ​重庆经济技术开发区管理委员会办公室关于重庆市南岸区人民政府办公室
 
@@ -220,7 +222,7 @@
 
             </div>
 
             <div class="swiper-button-prev"></div>
 
             <div class="swiper-button-next"></div>
 
-            <div class="more">查看更多>></div>
 
+            <div class="more" @click="cheakmore">查看更多>></div>
 
         </div>
 
 
     </div>
 
@@ -229,7 +231,7 @@
 
 <script>
 
     // 初始化Vue实例
 
     new Vue({
 
-        el: '#content',
 
+        el: '#indexcygyy',
 
         data: function () {
 
             return {
 
                 swiperList: [
 
@@ -255,6 +257,14 @@
 
                     }
 
                 ]
 
             };
 
+        },
 
+        methods: {
 
+            back() {
 
+                window.location.href = "indexsyyg.html"
 
+            },
 
+            cheakmore() {
 
+                window.location.href = "syyggyy.html"
 
+            },
 
         }
 
     });

+ 153 - 48
nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
View File 

@@ -95,17 +95,48 @@
 
             margin-top: 50px;
 
         }
 
 
-        .tabs {
 
-            width: 20%;
 
+        #titleTabs .tab {
 
+            display: flex;
 
+        }
 
+
 
+        #titleTabs .tab-contents {
 
+            display: none;
 
+        }
 
+
 
+
 
+        #titleTabs .active .tab-contents {
 
             display: flex;
 
             flex-direction: column;
 
-            justify-content: space-between;
 
+            justify-content: space-evenly;
 
             width: 227px;
 
             height: 292px;
 
             background: rgb(116 175 244 / 40%);
 
         }
 
 
-        .tabs .tab-item {
 
+        .tab-items {
 
+            width: 20%;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .tab-items>.name {
 
+            min-width: 228px;
 
+            height: 67px;
 
+            line-height: 67px;
 
+            text-align: center;
 
+            background: #5598E7;
 
+            margin-left: 15px;
 
+        }
 
+
 
+        .tab-items.active>.name {
 
+            background: #206AC2;
 
+            font-size: 22px;
 
+        }
 
+
 
+        .tab-contents {
 
+            margin-left: 15px;
 
+        }
 
+
 
+        .tab-contents li {
 
             display: flex;
 
             align-items: center;
 
             height: 40px;
 
@@ -113,38 +144,17 @@
 
             box-sizing: border-box;
 
         }
 
 
-        .tabs .tab-item img {
 
+        .tab-contents li img {
 
             margin-right: 15px;
 
         }
 
 
-        .tabs .active {
 
-            height: 67px;
 
-            background: #206AC2;
 
-            font-size: 22px;
 
-            align-items: center;
 
-            justify-content: center;
 
-            letter-spacing: 5px;
 
-        }
 
-
 
-        .tabs .more {
 
+        .tab-contents li.more {
 
             padding-left: 43px;
 
             font-size: 14px;
 
             color: #FFFFFF;
 
             line-height: 48px;
 
             text-decoration-line: underline;
 
-        }
 
-
 
-        .tab-content .list {
 
-            display: flex;
 
-        }
 
-
 
-        .tab-content li {
 
-            min-width: 228px;
 
-            height: 67px;
 
-            line-height: 67px;
 
-            text-align: center;
 
-            background: #5598E7;
 
-            margin-left: 15px;
 
+            cursor: pointer;
 
         }
 
     </style>
 
 </head>
 
@@ -176,28 +186,25 @@
 
             </div>
 
         </div>
 
         <div id="titleTabs">
 
-            <div class="tabs">
 
-                <div class="tab-item" :class="{ active: currentTab === tab.id }" v-for="(tab, index)  in titleList"
 
+            <div class="tab">
 
+                <div class="tab-items" :class="{ active: currentTab === tab.id }" v-for="(tab, index)  in titleList"
 
                     :key="index" @click="currentTab = tab.id">
 
-                    <img src="images/listlogo.png" alt="" v-if="currentTab !== tab.id" />
 
                     <div class="name">
 
                         {{tab.name}}
 
                     </div>
 
+                    <ul class="tab-contents">
 
+                        <li v-for="(tabl, indexl)  in tab.listitem" :key="indexl">
 
+                            <img src="images/listlogo.png" alt="" />
 
+                            <div class="name">{{tabl.name}}</div>
 
+                        </li>
 
+                        <li class="more" @click="tsmore()">
 
+                            探索更多>>
 
+                        </li>
 
+                    </ul>
 
                 </div>
 
-                <div class="more">
 
-                    探索更多>>
 
-                </div>
 
-            </div>
 
-            <div class="tab-content">
 
-                <ul class="list" v-if="currentTab == 1">
 
-                    <li>先进汽车电子产业园</li>
 
-                    <li>长江绿色创新产业园</li>
 
-                    <li>南坪西区产业园</li>
 
-                    <li>迎龙创新港</li>
 
-                    <li>大学科技园</li>
 
-                </ul>
 
             </div>
 
         </div>
 
+    </div>
 
 
     </div>
 
 </body>
 
@@ -211,22 +218,120 @@
 
                 titleList: [
 
                     {
 
                         id: 1,
 
-                        name: "茶园工业园"
 
+                        name: "茶园工业园",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
                     },
 
                     {
 
                         id: 2,
 
-                        name: "5G产业园"
 
+                        name: "先进汽车电子产业园",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
                     },
 
                     {
 
                         id: 3,
 
-                        name: "高通·栖谷"
 
+                        name: "长江绿色创新产业园",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
                     },
 
                     {
 
                         id: 4,
 
-                        name: "重庆服装城"
 
+                        name: "南坪西区产业园",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
+                    },
 
+                    {
 
+                        id: 5,
 
+                        name: "迎龙创新港",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
+                    },
 
+                    {
 
+                        id: 6,
 
+                        name: "大学科技园",
 
+                        listitem: [
 
+                            {
 
+                                id: 2,
 
+                                name: "5G产业园"
 
+                            },
 
+                            {
 
+                                id: 3,
 
+                                name: "高通·栖谷"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                name: "重庆服装城"
 
+                            }
 
+                        ]
 
                     }
 
-                ]
 
+                ],
 
+
 
             };
 
+        },
 
+        methods: {
 
+            tsmore() {
 
+                window.location.href = "indexcygyy.html"
 
+            }
 
         }
 
     });
 
 </script>

+ 29 - 25
nngkxxdp/src/main/resources/static/naxsb/js/rightmap.js
View File 

@@ -1,29 +1,33 @@
 
 
 var map = new BMap.Map("mapcontainer");
 
-// 创建地图实例  
-var point = new BMap.Point(116.404, 39.915);
 
-// 创建点坐标  
-map.centerAndZoom(point, 15);
 
-// 初始化地图，设置中心点坐标和地图级别  
 map.enableScrollWheelZoom();// 启用滚轮缩放
 
 map.enableDragging(); // 启用拖拽功能
 
-var zoomCtrl = new BMapGL.ZoomControl();
 
-map.addControl(zoomCtrl);
 
-
 
-var proname = '山东省';
 
-var prokind = 1;
 
-var dist = null;
 
-
 
-// --- 添加行政区 ---
 
-function addDis(proname, prokind) {
 
-    map.removeDistrictLayer(dist);
 
-    dist = new BMapGL.DistrictLayer({
 
-        name: '(' + proname + ')',
 
-        kind: prokind,
 
-        fillColor: '#618bf8',
 
-        strokeColor: '#daeafa',
 
-        viewport: true
 
-    });
 
-    map.addDistrictLayer(dist);
 
-}
 
-addDis(proname, prokind);
 
+// 创建点坐标
 
+var points = [
 
+    new BMap.Point(106.644876,29.494949),
 
+    new BMap.Point(106.635821,29.481304),
 
+    new BMap.Point(106.638048,29.480675),
 
+    new BMap.Point(106.645379,29.481744),
 
+    new BMap.Point(106.648397,29.479921),
 
+    new BMap.Point(106.65429,29.480675),
 
+    new BMap.Point(106.66392,29.481367),
 
+    new BMap.Point(106.663057,29.486209),
 
+    new BMap.Point(106.662985,29.486901),
 
+    new BMap.Point(106.666076,29.48885),
 
+    new BMap.Point(106.666507,29.490233),
 
+    new BMap.Point(106.665573,29.493817),
 
+    new BMap.Point(106.66162,29.49564),
 
+    new BMap.Point(106.661692,29.493503),
 
+    new BMap.Point(106.659105,29.49344),
 
+    new BMap.Point(106.658171,29.491868),
 
+    new BMap.Point(106.654721,29.492874),
 
+    new BMap.Point(106.65314,29.494383),
 
+    new BMap.Point(106.651415,29.496143),
 
+    new BMap.Point(106.649475,29.493251),
 
+];
 
+// 创建多边形
 
+var polygon = new BMap.Polygon(points, {strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5, fillColor:"blue", fillOpacity:0.15});
 
+// 将多边形添加到地图中
 
+map.addOverlay(polygon);
 
+// 设定中心点和地图级别
 
+map.centerAndZoom(new BMap.Point(106.651444,29.48682), 15);

+ 45 - 132
nngkxxdp/src/main/resources/static/naxsb/qjt.html
View File 

@@ -11,6 +11,12 @@
 
     <script src="3ddemo/examples/js/loaders/DRACOLoader.js"></script>
 
     <script src="3ddemo/examples/js/renderers/CSS3DRenderer.js"></script>
 
     <script src="3ddemo/examples/js/renderers/CSS2DRenderer.js"></script>
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <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>
 
     <script src="js/echarts.min.js"></script>
 
 
     <style>
 
@@ -256,7 +262,7 @@
 
 
 <body>
 
 
-    <div class="container">
 
+    <div class="container" id="ggyq">
 
         <div class="row">
 
             <div class="col-sm-12">
 
                 <div class="model-container"
 
@@ -265,7 +271,7 @@
 
                         <canvas id="canvas-model-view" style="width: 100%;height: 100%;">您的浏览器不支持canvas!</canvas>
 
                     </div>
 
                     <div class="qjttitle"></div>
 
-                    <div class="nowtime">2024-09-06-11:30</div>
 
+                    <div class="nowtime">{{currentTime }}</div>
 
                     <div class="onefloor conList">
 
                         <div class="floortitle">1号楼概览</div>
 
                         <div class="floorcontent">
 
@@ -392,7 +398,7 @@
 
                     <div class="pdgdf conList">
 
                         <div class="floortitle">大厅排队高低峰图</div>
 
                         <div class="floorcontent">
 
-                            <div id="pdgdfechart"></div>
 
+                            <div id="pdgdfechart" style="width: 100%;height: 100%;"></div>
 
                         </div>
 
                         <div class="text">
 
                             <span style="font-size: 18px;font-weight: bold;margin-bottom: 5px;">地铁6号线</span>
 
@@ -619,15 +625,36 @@
 
     </script>
 
 </body>
 
 <script>
 
+    // 初始化Vue实例
 
+    new Vue({
 
+        el: '#ggyq',
 
+        data: function () {
 
+            return {
 
+                currentTime: ""
 
+            };
 
+        },
 
+        created() {
 
+            this.updateTime();
 
+            setInterval(this.updateTime, 1000); // 每秒更新一次时间
 
+        },
 
+        beforeDestroy() {
 
+            this.stopClock();
 
+        },
 
+        methods: {
 
+            updateTime() {
 
+                const now = new Date();
 
+                this.currentTime = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()} ${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`;
 
+            }
 
+        }
 
+    });
 
+</script>
 
+<script>
 
     var chartDom = document.getElementById('pdgdfechart');
 
     var myChart = echarts.init(chartDom);
 
     var option;
 
 
     option = {
 
-        color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
 
-        title: {
 
-            text: 'Gradient Stacked Area Chart'
 
-        },
 
+        color: ['#80FFA5'],
 
         tooltip: {
 
             trigger: 'axis',
 
             axisPointer: {
 
@@ -637,14 +664,6 @@
 
                 }
 
             }
 
         },
 
-        legend: {
 
-            data: ['Line 1', 'Line 2', 'Line 3', 'Line 4', 'Line 5']
 
-        },
 
-        toolbox: {
 
-            feature: {
 
-                saveAsImage: {}
 
-            }
 
-        },
 
         grid: {
 
             left: '3%',
 
             right: '4%',
 
@@ -655,12 +674,18 @@
 
             {
 
                 type: 'category',
 
                 boundaryGap: false,
 
-                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
 
+                data: ['9：00', '10：00', '11：00', '12：00', '13：00', '14：00', '15：00', '16：00', '17：00', '18：00']
 
             }
 
         ],
 
         yAxis: [
 
             {
 
-                type: 'value'
 
+                type: 'value',
 
+                axisTick: {
 
+                    show: true // 显示Y轴刻度线
 
+                },
 
+                axisLine: {
 
+                    show: true
 
+                }
 
             }
 
         ],
 
         series: [
 
@@ -678,130 +703,18 @@
 
                     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                         {
 
                             offset: 0,
 
-                            color: 'rgb(128, 255, 165)'
 
-                        },
 
-                        {
 
-                            offset: 1,
 
-                            color: 'rgb(1, 191, 236)'
 
-                        }
 
-                    ])
 
-                },
 
-                emphasis: {
 
-                    focus: 'series'
 
-                },
 
-                data: [140, 232, 101, 264, 90, 340, 250]
 
-            },
 
-            {
 
-                name: 'Line 2',
 
-                type: 'line',
 
-                stack: 'Total',
 
-                smooth: true,
 
-                lineStyle: {
 
-                    width: 0
 
-                },
 
-                showSymbol: false,
 
-                areaStyle: {
 
-                    opacity: 0.8,
 
-                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                        {
 
-                            offset: 0,
 
-                            color: 'rgb(0, 221, 255)'
 
-                        },
 
-                        {
 
-                            offset: 1,
 
-                            color: 'rgb(77, 119, 255)'
 
-                        }
 
-                    ])
 
-                },
 
-                emphasis: {
 
-                    focus: 'series'
 
-                },
 
-                data: [120, 282, 111, 234, 220, 340, 310]
 
-            },
 
-            {
 
-                name: 'Line 3',
 
-                type: 'line',
 
-                stack: 'Total',
 
-                smooth: true,
 
-                lineStyle: {
 
-                    width: 0
 
-                },
 
-                showSymbol: false,
 
-                areaStyle: {
 
-                    opacity: 0.8,
 
-                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                        {
 
-                            offset: 0,
 
-                            color: 'rgb(55, 162, 255)'
 
-                        },
 
-                        {
 
-                            offset: 1,
 
-                            color: 'rgb(116, 21, 219)'
 
-                        }
 
-                    ])
 
-                },
 
-                emphasis: {
 
-                    focus: 'series'
 
-                },
 
-                data: [320, 132, 201, 334, 190, 130, 220]
 
-            },
 
-            {
 
-                name: 'Line 4',
 
-                type: 'line',
 
-                stack: 'Total',
 
-                smooth: true,
 
-                lineStyle: {
 
-                    width: 0
 
-                },
 
-                showSymbol: false,
 
-                areaStyle: {
 
-                    opacity: 0.8,
 
-                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                        {
 
-                            offset: 0,
 
-                            color: 'rgb(255, 0, 135)'
 
-                        },
 
-                        {
 
-                            offset: 1,
 
-                            color: 'rgb(135, 0, 157)'
 
-                        }
 
-                    ])
 
-                },
 
-                emphasis: {
 
-                    focus: 'series'
 
-                },
 
-                data: [220, 402, 231, 134, 190, 230, 120]
 
-            },
 
-            {
 
-                name: 'Line 5',
 
-                type: 'line',
 
-                stack: 'Total',
 
-                smooth: true,
 
-                lineStyle: {
 
-                    width: 0
 
-                },
 
-                showSymbol: false,
 
-                label: {
 
-                    show: true,
 
-                    position: 'top'
 
-                },
 
-                areaStyle: {
 
-                    opacity: 0.8,
 
-                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                        {
 
-                            offset: 0,
 
-                            color: 'rgb(255, 191, 0)'
 
+                            color: 'rgb(17 126 202)'
 
                         },
 
                         {
 
                             offset: 1,
 
-                            color: 'rgb(224, 62, 76)'
 
+                            color: 'rgb(192 215 231)'
 
                         }
 
                     ])
 
                 },
 
                 emphasis: {
 
                     focus: 'series'
 
                 },
 
-                data: [220, 302, 181, 234, 210, 290, 150]
 
+                data: [0, 32, 10, 64, 90, 40, 50, 20, 100, 30]
 
             }
 
         ]
 
     };

+ 15 - 4
nngkxxdp/src/main/resources/static/naxsb/syyggyy.html
View File 

@@ -17,7 +17,7 @@
 
     <style>
 
         .contentright {
 
             width: 50vw;
 
-            height: 1332px;
 
+            height: 1384px;
 
         }
 
     </style>
 
 </head>
 
@@ -108,7 +108,7 @@
 
                         <span>载体出让</span>
 
                     </div>
 
                     <div class="ztcr">
 
-                        <div class="list" v-for="(item,index) in ztcrList">
 
+                        <div class="list" v-for="(item,index) in ztcrList" @click="goZtcr()">
 
                             <div class="bg">
 
                                 <img :src="item.bgsrc" alt="">
 
                                 <div class="number">{{item.number}}</div>
 
@@ -129,7 +129,7 @@
 
                             <div class="right">占地面积（亩）</div>
 
                         </div>
 
                         <div class="content">
 
-                            <div class="list" v-for="(item,index) in tdcrList">
 
+                            <div class="list" v-for="(item,index) in tdcrList" @click="goTdcr()">
 
                                 <div class="left">{{item.dkbh}}</div>
 
                                 <div class="right">{{item.zdmj}}</div>
 
                             </div>
 
@@ -148,7 +148,7 @@
 
                             <img src="images/tsfw1.png" alt="">
 
                             <span>党群服务</span>
 
                         </div>
 
-                        <div class="list">
 
+                        <div class="list" @click="goZnxz">
 
                             <img src="images/tsfw2.png" alt="">
 
                             <span>智能选址</span>
 
                         </div>
 
@@ -339,6 +339,17 @@
 
                     }
 
                 ]
 
             };
 
+        },
 
+        methods: {
 
+            goZtcr() {
 
+                window.location.href = "ztcrlist.html"
 
+            },
 
+            goTdcr() {
 
+                window.location.href = "tdcr.html"
 
+            },
 
+            goZnxz() {
 
+                window.location.href = "znxz.html"
 
+            }
 
         }
 
     });
 
 </script>

+ 291 - 0
nngkxxdp/src/main/resources/static/naxsb/tdcr.html
View File 

@@ -0,0 +1,291 @@
 
+<!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/mapcon.css">
 
+    <link rel="stylesheet" href="swiper/swiper-bundle.css">
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <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>
 
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
 
+    </script>
 
+    <style>
 
+        .contentleft {
 
+            width: 50%;
 
+            min-width: 841px;
 
+            background-color: #EDF5FF;
 
+            font-size: 20px;
 
+            color: #333;
 
+            padding: 15px 30px;
 
+            box-sizing: border-box;
 
+            font-family: Microsoft YaHei;
 
+        }
 
+
 
+        .itemname {
 
+            font-size: 32px;
 
+            font-weight: bold;
 
+            color: #333333;
 
+            margin: 20px 0;
 
+        }
 
+
 
+        .swiperimg {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            position: relative;
 
+        }
 
+
 
+        .swiper {
 
+            width: 20%;
 
+            min-width: 170px;
 
+            height: 320px;
 
+            margin: auto 0;
 
+        }
 
+
 
+        .swiper-slide {
 
+            width: 100%;
 
+            text-align: center;
 
+            font-size: 18px;
 
+            background: #fff;
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+        }
 
+
 
+        .swiper-slide img {
 
+            width: 100%;
 
+            height: 104px;
 
+        }
 
+
 
+        .swiper-button-next,
 
+        .swiper-button-prev {
 
+            /* 移除所有样式 */
 
+            all: unset;
 
+            position: absolute;
 
+            z-index: 20;
 
+            color: #666;
 
+            transform: translateY(-50%) rotate(270deg);
 
+            width: 27px;
 
+            height: 170px;
 
+            background: #FFFFFF;
 
+            right: 74px;
 
+            display: flex;
 
+            align-items: center;
 
+        }
 
+
 
+        .swiper-button-next {
 
+            top: 10px;
 
+        }
 
+
 
+        .swiper-button-prev {
 
+            top: 382px;
 
+        }
 
+
 
+        .contentleft>.list {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            margin-top: 20px;
 
+        }
 
+
 
+        .contentleft>.list .listitm {
 
+            width: 23.5%;
 
+            min-width: 199px;
 
+            height: 100px;
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: center;
 
+            justify-content: center;
 
+        }
 
+
 
+        .contentleft .list .listitm>span:first-child {
 
+            font-size: 16px;
 
+            color: rgb(255, 255, 255, 60%);
 
+            margin-bottom: 10px;
 
+        }
 
+
 
+        .contentleft .list .listitm>span:last-child {
 
+            font-size: 22px;
 
+            color: #FFFFFF;
 
+            font-style: italic;
 
+        }
 
+
 
+        .text {
 
+            font-size: 20px;
 
+            color: #333333;
 
+            line-height: 50px;
 
+            margin: 20px 0;
 
+        }
 
+
 
+        .text>div {
 
+            display: flex;
 
+            align-items: center;
 
+        }
 
+
 
+        .text .icon {
 
+            height: 38px;
 
+            line-height: 38px;
 
+            padding: 0 15px;
 
+            background: #DEEDFF;
 
+            color: #4B98F6;
 
+            border-radius: 10px;
 
+            border: 1px solid #4B98F6;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .contentleft>.buttontz {
 
+            width: 100%;
 
+            height: 115px;
 
+            font-size: 34px;
 
+            color: #FFFFFF;
 
+            text-shadow: 0px 2px 4px rgba(11, 96, 169, 0.25);
 
+            background-image: url(images/button-wytz.png);
 
+            background-size: 100% 100%;
 
+            padding-top: 23px;
 
+            box-sizing: border-box;
 
+            text-align: center;
 
+        }
 
+
 
+        .contentleft>.gk {
 
+            height: 55px;
 
+            background: #FFFFFF;
 
+            line-height: 55px;
 
+            padding-left: 10px;
 
+            margin-top: 10px;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+
 
+<body>
 
+    <div class="toplogo">
 
+        <img src="images/gyylogo.png" alt="">
 
+        <span>土地出让</span>
 
+    </div>
 
+    <div style="display: flex;">
 
+        <div class="contentleft" id="tdcr">
 
+            <div class="itemname">
 
+                经开区鹿角组团I分区I13-2/02宗地
 
+            </div>
 
+            <div class="swiperimg">
 
+                <img src="images/znxz1.png" alt="" style="width: 75%;height: 394px;">
 
+                <div class="swiper-button-prev"></div>
 
+                <div class="swiper mySwiper">
 
+                    <div class="swiper-wrapper">
 
+                        <div class="swiper-slide list" v-for="(item,index) in swiperList">
 
+                            <img :src="item.bgsrc" alt="">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="swiper-button-next"></div>
 
+            </div>
 
+            <div class="list">
 
+                <div class="listitm" style="background-color: #4EB2AD;">
 
+                    <span>占地面积</span>
 
+                    <span>174.66</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #4B98F6;">
 
+                    <span>土地用途</span>
 
+                    <span>软信服务业、制造业</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #4BB664;">
 
+                    <span>基础设施配套</span>
 
+                    <span>七通一平</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #DFC483;">
 
+                    <span>可招商面积</span>
 
+                    <span>58000</span>
 
+                </div>
 
+            </div>
 
+            <div class="text">
 
+                <div style="align-items: flex-start;">
 
+                    <span>主导产业：</span>
 
+                    <div class="icon">软信服务业</div>
 
+                    <div class="icon">制造业</div>
 
+                </div>
 
+                <div><span>详细地址：</span><span>南岸区茶园新区通江大道172号</span></div>
 
+                <div><span>联系方式：</span><span>李主管 13594386645</span></div>
 
+            </div>
 
+            <div class="buttontz">我要投资</div>
 
+            <div class="title">
 
+                <img src="images/gyy-title1.png" alt="">
 
+                <span>概况</span>
 
+            </div>
 
+            <div class="gk">
 
+                地块紧贴国道，交通便利，地块现状是平整空地。
 
+            </div>
 
+            <div class="title">
 
+                <img src="images/hyy-yscb.png" alt="">
 
+                <span>要素成本</span>
 
+            </div>
 
+            <div class="tablecon">
 
+                <table style="width: 100%" border="0" cellspacing="0">
 
+                    <tbody>
 
+                        <tr>
 
+                            <td class="tit">水价</td>
 
+                            <td class="cont">2.6元/吨</td>
 
+                            <td class="tit">电价</td>
 
+                            <td class="cont">0.58-0.67元/度</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">天然气价</td>
 
+                            <td class="cont">4.15元/立方米</td>
 
+                            <td class="tit">土地成本</td>
 
+                            <td class="cont">30万元/亩</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">劳动力成本</td>
 
+                            <td class="cont">3500元/月/人</td>
 
+                            <td></td>
 
+                            <td></td>
 
+                        </tr>
 
+                    </tbody>
 
+                </table>
 
+            </div>
 
+        </div>
 
+        <div class="contentright" id="mapcontainer"></div>
 
+    </div>
 
+
 
+</body>
 
+<script src="swiper/swiper-bundle.js"></script>
 
+<script>
 
+    new Vue({
 
+        el: '#tdcr',
 
+        data: function () {
 
+            return {
 
+                swiperList: [
 
+                    {
 
+                        bgsrc: "images/slide1.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/slide2.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/tdcr0.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/slide3.png"
 
+                    }
 
+                ]
 
+            }
 
+        }
 
+    })
 
+</script>
 
+<script>
 
+    var swiper = new Swiper(".mySwiper", {
 
+        direction: "vertical",
 
+        slidesPerView: 3,
 
+        navigation: {
 
+            nextEl: '.swiper-button-next',
 
+            prevEl: '.swiper-button-prev',
 
+        },
 
+        spaceBetween: 10
 
+    });
 
+</script>
 
+<script type="text/javascript" src="js/rightmap.js"></script>
 
+
 
+</html>

+ 1 - 36
nngkxxdp/src/main/resources/static/naxsb/znxz.html
View File 

@@ -5,6 +5,7 @@
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Document</title>
 
+    <link rel="stylesheet" href="css/mapcon.css">
 
     <!-- 引入 Vue -->
 
     <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
     <!-- 引入样式 -->
 
@@ -14,37 +15,6 @@
 
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
 
     </script>
 
     <style>
 
-        * {
 
-            padding: 0;
 
-            margin: 0;
 
-        }
 
-
 
-        body {
 
-            margin: 0;
 
-            padding: 0;
 
-        }
 
-
 
-        .toplogo {
 
-            display: flex;
 
-            align-items: center;
 
-            font-family: DOUYU;
 
-            font-weight: normal;
 
-            font-size: 30px;
 
-            color: #186FF0;
 
-            height: 66px;
 
-            border-bottom: 1px solid #B7C7DC;
 
-        }
 
-
 
-        .toplogo img {
 
-            margin: 0 20px;
 
-        }
 
-
 
-        .title {
 
-            display: flex;
 
-            align-items: center;
 
-            margin-top: 10px;
 
-        }
 
-
 
         .contentleft {
 
             width: 50%;
 
             min-width: 841px;
 
@@ -167,11 +137,6 @@
 
             line-height: 44px;
 
             font-style: italic;
 
         }
 
-
 
-        .contentright {
 
-            width: 50vw;
 
-            height: 1332px;
 
-        }
 
     </style>
 
 </head>

+ 347 - 0
nngkxxdp/src/main/resources/static/naxsb/ztcrdetail.html
View File 

@@ -0,0 +1,347 @@
 
+<!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/mapcon.css">
 
+    <link rel="stylesheet" href="swiper/swiper-bundle.css">
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <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>
 
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
 
+    </script>
 
+    <style>
 
+        .contentleft {
 
+            width: 50%;
 
+            min-width: 841px;
 
+            background-color: #EDF5FF;
 
+            font-size: 20px;
 
+            color: #333;
 
+            padding: 15px 30px;
 
+            box-sizing: border-box;
 
+            font-family: Microsoft YaHei;
 
+            height: auto;
 
+        }
 
+
 
+        .itemname {
 
+            font-size: 32px;
 
+            font-weight: bold;
 
+            color: #333333;
 
+            margin: 20px 0;
 
+        }
 
+
 
+        .itemname .topicon {
 
+            width: 134px;
 
+            height: 37px;
 
+            line-height: 37px;
 
+            background: #D8E9FE;
 
+            border-radius: 10px;
 
+            font-size: 20px;
 
+            color: #4B98F6;
 
+            text-align: center;
 
+            margin-left: 10px;
 
+            margin-top: 10px;
 
+        }
 
+
 
+        .swiperimg {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            position: relative;
 
+        }
 
+
 
+        .swiper {
 
+            width: 20%;
 
+            min-width: 170px;
 
+            height: 320px;
 
+            margin: auto 0;
 
+        }
 
+
 
+        .swiper-slide {
 
+            width: 100%;
 
+            text-align: center;
 
+            font-size: 18px;
 
+            background: #fff;
 
+            display: flex;
 
+            justify-content: center;
 
+            align-items: center;
 
+        }
 
+
 
+        .swiper-slide img {
 
+            width: 100%;
 
+            height: 104px;
 
+        }
 
+
 
+        .swiper-button-next,
 
+        .swiper-button-prev {
 
+            /* 移除所有样式 */
 
+            all: unset;
 
+            position: absolute;
 
+            z-index: 20;
 
+            color: #666;
 
+            transform: translateY(-50%) rotate(270deg);
 
+            width: 27px;
 
+            height: 170px;
 
+            background: #FFFFFF;
 
+            right: 74px;
 
+            display: flex;
 
+            align-items: center;
 
+        }
 
+
 
+        .swiper-button-next {
 
+            top: 10px;
 
+        }
 
+
 
+        .swiper-button-prev {
 
+            top: 382px;
 
+        }
 
+
 
+        .contentleft>.list {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            margin-top: 20px;
 
+        }
 
+
 
+        .contentleft>.list .listitm {
 
+            width: 23.5%;
 
+            height: 100px;
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: center;
 
+            justify-content: center;
 
+            min-width: 199px;
 
+        }
 
+
 
+        .contentleft .list .listitm>span:first-child {
 
+            font-size: 16px;
 
+            color: rgb(255, 255, 255, 60%);
 
+            margin-bottom: 10px;
 
+        }
 
+
 
+        .contentleft .list .listitm>span:last-child {
 
+            font-size: 22px;
 
+            color: #FFFFFF;
 
+            font-style: italic;
 
+        }
 
+
 
+        .text {
 
+            font-size: 20px;
 
+            color: #333333;
 
+            line-height: 50px;
 
+            margin: 20px 0;
 
+        }
 
+
 
+        .text>div {
 
+            display: flex;
 
+            align-items: center;
 
+        }
 
+
 
+        .text .icon {
 
+            height: 38px;
 
+            line-height: 38px;
 
+            padding: 0 15px;
 
+            background: #DEEDFF;
 
+            color: #4B98F6;
 
+            border-radius: 10px;
 
+            border: 1px solid #4B98F6;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .contentleft>.buttontz {
 
+            width: 100%;
 
+            height: 115px;
 
+            font-size: 34px;
 
+            color: #FFFFFF;
 
+            text-shadow: 0px 2px 4px rgba(11, 96, 169, 0.25);
 
+            background-image: url(images/button-wytz.png);
 
+            background-size: 100% 100%;
 
+            padding-top: 23px;
 
+            box-sizing: border-box;
 
+            text-align: center;
 
+        }
 
+
 
+        .contentleft>.gk {
 
+            height: 55px;
 
+            background: #FFFFFF;
 
+            line-height: 55px;
 
+            padding-left: 10px;
 
+            margin-top: 10px;
 
+        }
 
+
 
+        .contentright {
 
+            width: 50vw;
 
+            height: 1774px;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+
 
+<body>
 
+    <div class="toplogo">
 
+        <img src="images/gyylogo.png" alt="">
 
+        <span>载体出让</span>
 
+    </div>
 
+    <div style="display: flex;">
 
+        <div class="contentleft" id="tdcr">
 
+            <div class="itemname">
 
+                <div>经开区鹿角组团I分区I13-2/02宗地</div>
 
+                <div style="display: flex;">
 
+                    <div class="topicon">多层厂房</div>
 
+                    <div class="topicon">高速路口</div>
 
+                    <div class="topicon">证件齐全</div>
 
+                </div>
 
+            </div>
 
+            <div class="swiperimg">
 
+                <img src="images/znxz1.png" alt="" style="width: 75%;height: 394px;">
 
+                <div class="swiper-button-prev"></div>
 
+                <div class="swiper mySwiper">
 
+                    <div class="swiper-wrapper">
 
+                        <div class="swiper-slide list" v-for="(item,index) in swiperList">
 
+                            <img :src="item.bgsrc" alt="">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="swiper-button-next"></div>
 
+            </div>
 
+            <div class="list">
 
+                <div class="listitm" style="background-color: #4EB2AD;">
 
+                    <span>占地面积</span>
 
+                    <span>174.66</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #4B98F6;">
 
+                    <span>土地用途</span>
 
+                    <span>软信服务业、制造业</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #4BB664;">
 
+                    <span>基础设施配套</span>
 
+                    <span>七通一平</span>
 
+                </div>
 
+                <div class="listitm" style="background-color: #DFC483;">
 
+                    <span>可招商面积</span>
 
+                    <span>58000</span>
 
+                </div>
 
+            </div>
 
+            <div class="text">
 
+                <div style="align-items: flex-start;">
 
+                    <span>主导产业：</span>
 
+                    <div class="icon">软信服务业</div>
 
+                    <div class="icon">制造业</div>
 
+                </div>
 
+                <div><span>详细地址：</span><span>南岸区茶园新区通江大道172号</span></div>
 
+                <div><span>联系方式：</span><span>李主管 13594386645</span></div>
 
+            </div>
 
+            <div class="buttontz">我要投资</div>
 
+            <div class="title">
 
+                <img src="images/gyy-title1.png" alt="">
 
+                <span>概况</span>
 
+            </div>
 
+            <div class="gk">
 
+                地块紧贴国道，交通便利，地块现状是平整空地。
 
+            </div>
 
+            <div class="title">
 
+                <img src="images/hyy-yscb.png" alt="">
 
+                <span>要素成本</span>
 
+            </div>
 
+            <div class="tablecon">
 
+                <table style="width: 100%" border="0" cellspacing="0">
 
+                    <tbody>
 
+                        <tr>
 
+                            <td class="tit">水价</td>
 
+                            <td class="cont">2.6元/吨</td>
 
+                            <td class="tit">电价</td>
 
+                            <td class="cont">0.58-0.67元/度</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">天然气价</td>
 
+                            <td class="cont">4.15元/立方米</td>
 
+                            <td class="tit">土地成本</td>
 
+                            <td class="cont">30万元/亩</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">劳动力成本</td>
 
+                            <td class="cont">3500元/月/人</td>
 
+                            <td class="tit">出售价格</td>
 
+                            <td class="cont">2100-2100元/m²</td>
 
+                        </tr>
 
+                    </tbody>
 
+                </table>
 
+            </div>
 
+            <div class="title">
 
+                <img src="images/hyy-rzyq.png" alt="">
 
+                <span>入住要求</span>
 
+            </div>
 
+            <div class="tablecon">
 
+                <table style="width: 100%" border="0" cellspacing="0">
 
+                    <tbody>
 
+                        <tr>
 
+                            <td class="tit">亩均投资强度</td>
 
+                            <td class="cont">200万元/亩</td>
 
+                            <td class="tit">年产值</td>
 
+                            <td class="cont">200万元/亩</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">亩均税收</td>
 
+                            <td class="cont">200万元/亩</td>
 
+                            <td class="tit">环保要求</td>
 
+                            <td class="cont">入园项目必须达到国家环境保护、节能降耗、安全生产方面的有关规定和要求，杜
 
+                                绝“高危、高污、高耗、低效项目进入；
 
+                                对列入国家《环境保护综合名录》中高污
 
+                                染、高环境风险产品名录的项目不予准入。 </td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td class="tit">其他要求</td>
 
+                            <td colspan="3">投资主体是《财富》杂志评选出的世界500强企业、中国企业联合会评选出的中国企业500强企业、
 
+                                全国工商联评选出的中国民营企业500强企业或细分行业龙头企业、国家高新技术企业领投的项目优先。上述所指企业均以最新数据为准。
 
+                                1.对承诺落实完税任务，但实际纳税不达标，愿意在投产次年起的5年内，每年年底按实际入库税额少于承诺完税金额的差额部分向管委会支付补偿款，用于补偿园区基础设施建设成本的工业项目，在符合园区产业政策、《工业项目建设用地控制指标》、安全生产、环保和节能减排要求的前提下，其他条件可放宽，并优先安排入园。
 
+                            </td>
 
+                        </tr>
 
+                    </tbody>
 
+                </table>
 
+            </div>
 
+        </div>
 
+        <div class="contentright" id="mapcontainer"></div>
 
+    </div>
 
+
 
+</body>
 
+<script src="swiper/swiper-bundle.js"></script>
 
+<script>
 
+    new Vue({
 
+        el: '#tdcr',
 
+        data: function () {
 
+            return {
 
+                swiperList: [
 
+                    {
 
+                        bgsrc: "images/slide1.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/slide2.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/tdcr0.png"
 
+                    },
 
+                    {
 
+                        bgsrc: "images/slide3.png"
 
+                    }
 
+                ],
 
+            }
 
+        }
 
+    })
 
+</script>
 
+<script>
 
+    var swiper = new Swiper(".mySwiper", {
 
+        direction: "vertical",
 
+        slidesPerView: 3,
 
+        navigation: {
 
+            nextEl: '.swiper-button-next',
 
+            prevEl: '.swiper-button-prev',
 
+        },
 
+        spaceBetween: 10
 
+    });
 
+</script>
 
+<script type="text/javascript" src="js/rightmap.js"></script>
 
+
 
+</html>

+ 270 - 0
nngkxxdp/src/main/resources/static/naxsb/ztcrlist.html
View File 

@@ -0,0 +1,270 @@
 
+<!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/mapcon.css">
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+    <!-- 引入组件库 -->
 
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
 
+    </script>
 
+    <style>
 
+        .contentleft {
 
+            width: 50%;
 
+            min-width: 841px;
 
+            background-color: #EDF5FF;
 
+            font-size: 20px;
 
+            color: #333;
 
+            padding: 15px 30px;
 
+            box-sizing: border-box;
 
+            font-family: Microsoft YaHei;
 
+        }
 
+
 
+        .term {
 
+            display: flex;
 
+            align-items: center;
 
+            font-size: 16px;
 
+            margin-top: 15px;
 
+        }
 
+
 
+        .term .name {
 
+            color: #666666;
 
+        }
 
+
 
+        .term .all {
 
+            width: 67px;
 
+            min-width: 60px;
 
+            height: 31px;
 
+            background: #DEEDFF;
 
+            border: 1px solid #4B98F6;
 
+            color: #4B98F6;
 
+            text-align: center;
 
+            line-height: 30px;
 
+            margin: 0 15px 0 35px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .term .item {
 
+            display: flex;
 
+        }
 
+
 
+        .term .item li {
 
+            margin-right: 35px;
 
+            color: #333;
 
+            width: 90px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .contentleft .content {
 
+            width: 100%;
 
+            margin: auto;
 
+        }
 
+
 
+        .contentleft .content ul {
 
+            list-style-type: none;
 
+            display: flex;
 
+            flex-direction: column;
 
+            justify-content: space-between;
 
+        }
 
+
 
+        .contentleft .content .list {
 
+            height: 303px;
 
+            background: #FFFFFF;
 
+            display: flex;
 
+            margin-top: 30px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .contentleft .content .list .left {
 
+            width: 300px;
 
+            height: 303px;
 
+        }
 
+
 
+        .contentleft .content .list .right {
 
+            width: calc(100% - 300px);
 
+            display: flex;
 
+            justify-content: space-between;
 
+            padding: 20px 15px;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .contentleft .content .tjzb {
 
+            width: 86px;
 
+            height: 98px;
 
+            background-image: url(images/znxzlogo.png);
 
+            background-size: 100% 100%;
 
+            font-size: 16px;
 
+            color: #FFFFFF;
 
+            display: flex;
 
+            flex-direction: column;
 
+            justify-content: center;
 
+            align-items: center;
 
+        }
 
+
 
+        .contentright {
 
+            width: 50vw;
 
+            height: 1384px;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+
 
+    <div class="toplogo">
 
+        <img src="images/gyylogo.png" alt="">
 
+        <span>载体出让</span>
 
+    </div>
 
+    <div style="display: flex;">
 
+        <div class="contentleft" id="znxz">
 
+            <div class="title">
 
+                <img src="images/gyy-title1.png" alt="">
 
+                <span>条件筛选</span>
 
+            </div>
 
+            <div class="term">
 
+                <div class="name">片区</div>
 
+                <div class="all">全部</div>
 
+                <ul class="item">
 
+                    <li v-for="(item,index) in pqList">{{item.name}}</li>
 
+                </ul>
 
+            </div>
 
+            <div class="term">
 
+                <div class="name">面积</div>
 
+                <div class="all">全部</div>
 
+                <ul class="item">
 
+                    <li v-for="(item,index) in mjList">{{item.name}}</li>
 
+                </ul>
 
+            </div>
 
+            <div class="term">
 
+                <div class="name">用途</div>
 
+                <div class="all">全部</div>
 
+                <ul class="item">
 
+                    <li v-for="(item,index) in ytList">{{item.name}}</li>
 
+                </ul>
 
+            </div>
 
+            <div class="content">
 
+                <div class="list" v-for="(item,index) in contentList" @click="goDeteil()">
 
+                    <div class="left">
 
+                        <img :src="item.imgsrc" alt="">
 
+                    </div>
 
+                    <div class="right">
 
+                        <ul class="item">
 
+                            <li><span>载体名称：</span><span>{{item.ztmc}}</span></li>
 
+                            <li><span>可用面积：</span><span>{{item.kyqk}}</span></li>
 
+                            <li><span>可用情况：</span><span>{{item.kyqk}}</span></li>
 
+                            <li><span>产业板块：</span><span>{{item.cybk}}</span></li>
 
+                            <li><span>所属园区：</span><span>{{item.ssyq}}</span></li>
 
+                        </ul>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div class="contentright" id="mapcontainer"></div>
 
+    </div>
 
+
 
+</body>
 
+<script>
 
+    new Vue({
 
+        el: '#znxz',
 
+        data: function () {
 
+            return {
 
+                pqList: [
 
+                    {
 
+                        name: "茶园片区"
 
+                    },
 
+                    {
 
+                        name: "广阳湾片区"
 
+                    },
 
+                    {
 
+                        name: "经开区片区"
 
+                    }
 
+                ],
 
+                mjList: [
 
+                    {
 
+                        name: "0-50m²"
 
+                    },
 
+                    {
 
+                        name: "51-100m²"
 
+                    },
 
+                    {
 
+                        name: "100-150m²"
 
+                    },
 
+                    {
 
+                        name: "150-200m²"
 
+                    },
 
+                    {
 
+                        name: "200-250m²"
 
+                    }
 
+                ],
 
+                ytList: [
 
+                    {
 
+                        name: "办公楼宇"
 
+                    },
 
+                    {
 
+                        name: "库房"
 
+                    },
 
+                    {
 
+                        name: "厂房"
 
+                    },
 
+                    {
 
+                        name: "医药库房"
 
+                    },
 
+                    {
 
+                        name: "宿舍"
 
+                    }
 
+                ],
 
+                contentList: [
 
+                    {
 
+                        index: "01",
 
+                        imgsrc: "images/znxz1.png",
 
+                        ztmc: "重庆5G产业园二期（智谷公司持有）",
 
+                        kyqk: "可用",
 
+                        cybk: "软信服务业、制造业等",
 
+                        ssyq: "茶园工业园",
 
+                        lxdz: "通江大道223号",
 
+                        lxdh: "郑亭婷 13512366879",
 
+                        tjzs: "8.5",
 
+                        kzsmj: "12000㎡"
 
+                    },
 
+                    {
 
+                        index: "02",
 
+                        imgsrc: "images/znxz2.png",
 
+                        ztmc: "重庆5G产业园二期（智谷公司持有）",
 
+                        kyqk: "可用",
 
+                        cybk: "软信服务业、制造业等",
 
+                        ssyq: "茶园工业园",
 
+                        lxdz: "通江大道223号",
 
+                        lxdh: "郑亭婷 13512366879",
 
+                        tjzs: "8.5",
 
+                        kzsmj: "5011.9㎡"
 
+                    },
 
+                    {
 
+                        index: "03",
 
+                        imgsrc: "images/znxz0.png",
 
+                        ztmc: "重庆5G产业园二期（智谷公司持有）",
 
+                        kyqk: "可用",
 
+                        cybk: "软信服务业、制造业等",
 
+                        ssyq: "茶园工业园",
 
+                        lxdz: "通江大道223号",
 
+                        lxdh: "郑亭婷 13512366879",
 
+                        tjzs: "8.5",
 
+                        kzsmj: "12000㎡"
 
+                    }
 
+                ],
 
+            }
 
+        },
 
+        methods: {
 
+            goDeteil() {
 
+                window.location.href = "ztcrdetail.html"
 
+            }
 
+        }
 
+    })
 
+</script>
 
+<script type="text/javascript" src="js/rightmap.js"></script>
 
+
 
+</html>