修改特色服务页面

nngkxxdp/src/main/resources/static/naxsb/tdcr.html

@@ -36,7 +36,8 @@
             box-sizing: border-box;
             font-family: Microsoft YaHei;
         }
-        .contentleft>.list .listitm{
+
+        .contentleft>.list .listitm {
             width: 32.5%;
         }
 
@@ -156,6 +157,30 @@
                 right: 71px;
             }
         }
+
+        .tablecon .cont {
+            width: auto;
+            min-width: 157px;
+            background: #fff !important;
+        }
+
+        .contentleft .tablecon {
+            background: transparent;
+            padding: 0;
+            margin-top: 30px;
+        }
+
+        .contentleft .tablecon td {
+            width: auto;
+        }
+
+        .contentleft {
+            height: 1000px;
+        }
+
+        .contentright {
+            height: 1000px;
+        }
     </style>
 </head>
 
@@ -190,8 +215,8 @@
                         </div>
                     </div>
                     <div class="swiper-button-next"><img src="images/bottomarrow.png" alt=""></div>
-                </div> 
-                <div class="list">
+                </div>
+                <!-- <div class="list">
                     <div class="listitm" style="background-color: #4EB2AD;">
                         <span>占地面积</span>
                         <span>{{ tdcrDetail.landArea?tdcrDetail.landArea:'-' }}&nbsp;亩</span>
@@ -200,32 +225,16 @@
                         <span>主导产业</span>
                         <span>{{ tdcrDetail.businessIndustry?tdcrDetail.businessIndustry:'-' }}</span>
                     </div>
-                    <!-- <div class="listitm" style="background-color: #4B98F6;">
-                        <span>土地用途</span>
-                        <span>{{ tdcrDetail.landFunction }}</span>
-                    </div>
-                    <div class="listitm" style="background-color: #4BB664;">
-                        <span>招引产业</span>
-                        <span>{{ tdcrDetail.businessIndustry }}</span>
-                    </div> -->
                     <div class="listitm" style="background-color: #DFC483;">
                         <span>可用地情况</span>
                         <span>{{ tdcrDetail.landState?tdcrDetail.landState:"不可用" }}</span>
                     </div>
                 </div>
                 <div class="text">
-                    <!-- <div style="align-items: flex-start;">
-                        <span>主导产业：</span>
-                        <div class="icon"
-                            v-for="(item,index) in (tdcrDetail.landFunction ? tdcrDetail.landFunction.split('、') : [])">
-                            {{
-                            item }}</div>
-                    </div> -->
                     <div><span>详细地址：</span><span>{{ tdcrDetail.addr?tdcrDetail.addr:'-' }}</span></div>
                     <div><span>联系方式：</span><span>{{ tdcrDetail.contactName?tdcrDetail.contactName:'-' }}&nbsp;&nbsp;{{ tdcrDetail.contactPhone
                             }}</span></div>
                 </div>
-                <!-- <div class="buttontz"><span>我要投资</span></div> -->
                 <div class="title">
                     <img src="images/gyy-title1.png" alt="">
                     <span>概况</span>
@@ -239,7 +248,37 @@
                 </div>
                 <div class="tablecon" v-html="tdcrDetail.cost" v-if="tdcrDetail.cost">
                 </div>
-                <div class="tablecon" style="font-size: 18px;" v-else>暂未公开</div>
+                <div class="tablecon" style="font-size: 18px;" v-else>暂未公开</div> -->
+                <div class="tablecon" style="font-size: 16px;">
+                    <table style="width: 100%" border="0" cellspacing="0">
+                        <tbody>
+                            <tr>
+                                <td class="tit">地块面积</td>
+                                <td class="cont">{{ tdcrDetail.landArea?tdcrDetail.landArea:'无' }}&nbsp;亩</td>
+                                <td class="tit">所属板块</td>
+                                <td class="cont">{{tdcrDetail.parkData?tdcrDetail.parkData.title:'无'}}</td>
+                                <td class="tit">可用地情况</td>
+                                <td class="cont">{{ tdcrDetail.landState?tdcrDetail.landState:"不可用" }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">拆迁情况</td>
+                                <td class="cont">{{ tdcrDetail.remove?tdcrDetail.remove:'无' }}</td>
+                                <td class="tit">招引产业</td>
+                                <td class="cont">{{ tdcrDetail.businessIndustry?tdcrDetail.businessIndustry:'无' }}</td>
+                                <td class="tit">土地性质</td>
+                                <td class="cont">{{ tdcrDetail.addr?tdcrDetail.addr:'无' }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tit">联系人</td>
+                                <td class="cont">{{ tdcrDetail.contactName?tdcrDetail.contactName:'无' }}</td>
+                                <td class="tit">联系地址</td>
+                                <td class="cont">{{ tdcrDetail.landFunction?tdcrDetail.landFunction:'无' }}</td>
+                                <td class="tit">联系电话</td>
+                                <td class="cont">{{ tdcrDetail.contactPhone?tdcrDetail.contactPhone:'无' }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
             </div>
             <div class="contentright" id="mapcontainer"></div>
         </div>
@@ -287,7 +326,7 @@
             },
             loadMap(points, namePoint, centerPoint) {
                 let map = new BMap.Map("mapcontainer");
-              
+
                 map.enableScrollWheelZoom();// 启用滚轮缩放
                 map.enableDragging(); // 启用拖拽功能
                 // 设定中心点和地图级别
@@ -304,8 +343,8 @@
                     let arr = point.split(',');
                     result.push(new BMap.Point(arr[0], arr[1]));
                 });
-               // 创建多边形
-               let polygon = new BMap.Polygon(result, {
+                // 创建多边形
+                let polygon = new BMap.Polygon(result, {
                     strokeColor: "#4BB664",
                     strokeWeight: 4,
                     strokeOpacity: 1,
@@ -315,7 +354,6 @@
                 });
                 setInterval(function () {
                     var strColor = polygon.getStrokeColor();
-                    console.log(strColor)
                     if (strColor == "#4BB664") {
                         polygon.setStrokeColor('red');
                     } else {

nngkxxdp/src/main/resources/static/naxsb/tsfw.html

@@ -81,79 +81,91 @@
         }
 
         .tsfw>.container {
+            width: 100%;
+            background-image: url(images/bg-tsfw.png);
+            background-size: 100% 100%;
+            padding: 10px 20px;
+            box-sizing: border-box;
             display: flex;
-            padding: 10px;
+            flex-direction: column;
+            justify-content: center;
+            min-width: 380px;
         }
 
-        .tsfw>.container .left {
-            width: 74.5%;
-            margin-right: 10px;
+        .tsfw .top {
+            display: flex;
+            justify-content: space-between;
         }
 
-        .tsfw>.container .right {
-            width: 25%;
-            background-image: url(images/bg-tsfwr.png);
-            background-size: 100% 100%;
-            margin-top: 10px;
-            padding: 0 20px;
+        .top .tlist {
+            width: 31.5%;
+            height: 155px;
+            font-size: 26px;
+            color: #194D8C;
+            background: rgb(255 255 255 / 30%);
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            padding-left: 50px;
+            padding-right: 20px;
             box-sizing: border-box;
+        }
+
+        .tlist img {
+            margin-right: 20px;
+        }
+
+        .tlist .right {
             display: flex;
             flex-direction: column;
-            justify-content: center;
-            min-width: 380px;
         }
 
-        .tsfw .left .list {
-            display: flex;
+        .tlist .right span:last-child {
             margin-top: 10px;
-            min-width: 820px;
         }
 
-        .tsfw .left .title {
-            position: relative;
-            width: 30%;
+        .bottom {
+            display: flex;
+            flex-wrap: wrap;
         }
 
-        .tsfw .left .content {
-            width: 69.5%;
-            background: #DEEDFF;
-            border: 1px solid #4B98F6;
+        .bottom .list {
+            width: 32.8%;
+            height: 323px;
             font-size: 20px;
-            color: #4B98F6;
-            line-height: 36px;
-            padding: 20px 30px;
+            background: rgb(255 255 255 / 40%);
+            font-size: 20px;
+            color: #194D8C;
+            padding-left: 30px;
+            padding-bottom: 10px;
             box-sizing: border-box;
-            margin-left: 5px;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
+            position: relative;
+            padding-top: 100px;
+            margin-top: 35px;
+            margin-right: calc(1.6%/2);
         }
 
-        .tsfw .left .title p {
-            white-space: nowrap;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            font-family: Microsoft YaHei;
-            font-weight: bold;
-            font-size: 40px;
-            color: #FFFFFF;
-            background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
+        .bottom .list:nth-child(3n) {
+            margin-right: 0;
         }
 
-        .tsfw .rlist {
-            display: flex;
-            flex-direction: column;
-            font-size: 26px;
+        .bottom .list .title {
+            position: absolute;
+            top: -10px;
+            font-weight: bold;
+            font-size: 30px;
             color: #FFFFFF;
-            margin-bottom: 50px;
+            text-align: center;
+            width: 379px;
+            height: 65px;
+            line-height: 65px;
+            background-image: url(images/bglt.png);
+            background-size: 100% 100%;
+            left: calc((100% - 379px)/2);
         }
 
-        .tsfw .rlist p:first-child {
-            margin-bottom: 10px;
+        .bottom .list .content {
+            line-height: 36px;
         }
     </style>
 </head>
@@ -171,11 +183,9 @@
             </div>
         </div>
         <div class="container">
-            <div class="left">
+            <!-- <div class="left">
                 <div class="list" v-for="(item, index)  in leftList" :key="index">
                     <div class="title">
-                        <!-- <img :src="'images/bg-tsfw'+(index+1)+'.png'" alt="" style="width: 100%;height: 100%;"
-                            v-if="index<6"> -->
                         <img src="images/bg-tsfw.png" alt="" style="width: 100%;height: 100%;">
                         <p>{{item.parkForm}}</p>
                     </div>
@@ -207,6 +217,39 @@
                     <p>地址：</p>
                     <p>{{address?address:'-'}}</p>
                 </div>
+            </div> -->
+            <div class="top">
+                <div class="tlist">
+                    <img src="images/tslxr.png" alt="">
+                    <div class="right">
+                        <span>联系人：</span>
+                        <span>{{person?person:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdh.png" alt="">
+                    <div class="right">
+                        <span>电话：</span>
+                        <span>{{telphone?telphone:'-'}}</span>
+                    </div>
+                </div>
+                <div class="tlist">
+                    <img src="images/tsdz.png" alt="">
+                    <div class="right">
+                        <span>地址：</span>
+                        <span>{{address?address:'-'}}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="bottom">
+                <div class="list" v-for="(item, index)  in leftList" :key="index">
+                    <div class="title">{{item.parkForm}}</div>
+                    <div class="content">
+                        <div v-for="(tabl, indexl)  in item.children" :key="indexl">
+                            {{indexl+1}}.{{tabl.information}}
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
@@ -224,7 +267,7 @@
                 person: '',
                 telphone: '',
                 address: '',
-                currentTitle:''
+                currentTitle: ''
             };
         },
         methods: {

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

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