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

nngkxxdp/src/main/resources/static/naxsb/css/floorcon.css

@@ -8,17 +8,19 @@ body {
     padding: 0;
 }
 .detailDiv {
-    width: 836px;
-    height: 569px;
+    width: 45%;
+    max-width: 836px;
+    max-height: 569px;
+    height: 60%;
     background-image: url(../images/floorbg.png);
     background-size: 100% 100%;
     font-family: Source Han Sans SC;
     color: #2895FF;
-    padding: 40px;
+    padding: 30px;
     box-sizing: border-box;
     position: absolute;
     right: 0;
-    top: 60px;
+    top: 5%;
 }
 
 .detailDiv .top {
@@ -64,9 +66,10 @@ body {
     font-weight: bold;
     font-size: 26px;
     color: #F4F4F4;
-    width: 836px;
+    width: 45%;
+    max-width: 836px;
     position: absolute;
-    bottom: 50px;
+    top: 63%;
     right: 0;
     padding-left: 180px;
     box-sizing: border-box;
@@ -93,7 +96,7 @@ body {
 .ysqgk {
     width: 100%;
     background-color: #fff;
-    height: 375px;
+    height: 100%;
 }
 
 .floorTabs {
@@ -121,14 +124,19 @@ body {
 }
 
 .sxqd {
-    margin-top: 15px;
+    height: calc(100% - 32px);
     padding-left: 25px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+}
+.sxqd ul{
+    padding-top: 0;
+    margin-top: 0;
 }
 
 .sxqd li {
     cursor: pointer;
-    margin-bottom: 10px;
-    cursor: pointer;
 }
 
 .sxqd li span {
@@ -158,4 +166,13 @@ body {
 
 .bottomBtn .active {
     background: #0D74F2;
+}
+.el-tabs{
+    height: calc(100% - 42px);
+}
+.el-tabs__content{
+    height: calc(100% - 58px);
+}
+.el-tabs__content>div{
+    height: 95%;
 }

nngkxxdp/src/main/resources/static/naxsb/css/mapcon.css

@@ -44,16 +44,63 @@ li {
 }
 
 .contentleft .tablecon td {
-    height: 42px;
+    min-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;
 }
+.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;
+    cursor: pointer;
+}
+
+
+.itemname {
+    font-size: 32px;
+    font-weight: bold;
+    color: #333333;
+    margin: 20px 0;
+}
+.contentleft>.gk {
+    background: #FFFFFF;
+    padding: 10px;
+    margin-top: 10px;
+}
+.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;
+}
 
 td.tit {
     width: 16%;
@@ -62,6 +109,36 @@ td.tit {
 td.cont {
     width: 32%;
 }
+
+.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;
+}
+
+
 .contentright {
     width: 50vw;
     height: 1384px;

nngkxxdp/src/main/resources/static/naxsb/css/syygggy.css

@@ -27,6 +27,10 @@ body {
     align-items: center;
     margin-top: 10px;
 }
+.title .more{
+    color: #666;
+    cursor: pointer;
+}
 
 .contentleft {
     width: 50%;
@@ -112,18 +116,24 @@ body {
     color: #333333;
     height: 179px;
     background: #FFFFFF;
-    padding-left: 30px;
+    padding: 10px 0;
     box-sizing: border-box;
+    overflow-y: scroll;
+}
+.yqhd::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
 }
 
-.yqhd ul {
+.yqhd>ul {
     height: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: space-evenly;
+    margin-left: 30px;
 }
 .yqhd ul li{
     cursor: pointer;
+    margin-bottom: 20px;
 }
 
 .mxqy {
@@ -152,17 +162,24 @@ body {
     color: #333333;
     height: 185px;
     background: #FFFFFF;
-    padding-left: 30px;
+    padding: 10px 0;
     box-sizing: border-box;
+    overflow-y: scroll;
+}
+.zcwj::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
 }
 
-.zcwj ul {
+.zcwj>ul {
     height: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: space-evenly;
+    margin-left: 30px;
+}
+.zcwj li{
+    margin-bottom: 10px;
 }
-
 .zcwj li>div {
     display: -webkit-box;
     line-height: 20px;
@@ -181,10 +198,10 @@ body {
     background: #FFFFFF;
     display: flex;
     align-items: center;
-    justify-content: space-evenly;
 }
 .ztcr .list{
     cursor: pointer;
+    margin-left: 3px;
 }
 
 .ztcr .list .bg {
@@ -231,6 +248,14 @@ body {
     padding-bottom: 10px;
     box-sizing: border-box;
 }
+.tdcr .content{
+    height: calc(100% - 52px);
+    overflow-y: scroll;
+}
+.tdcr .content::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
+}
 
 .tdcr .left {
     width: 60%;

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

@@ -17,7 +17,6 @@
     }
 
     .el-pagination {
-        margin-top: 15px;
         text-align: center;
     }
 
@@ -31,6 +30,12 @@
     .el-pagination.is-background .el-pager li:not(.disabled).active {
         background-color: #2895FF !important;
     }
+
+    .el-tab-pane {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+    }
 </style>
 
 <body>
@@ -71,7 +76,7 @@
         </div>
         <div class="detailDiv" v-if="currentFloor === 2">
             <div class="top">
-                <div style="font-weight: bold;font-size: 26px;">无差别综合办理区您可以办理：</div>
+                <div style="font-weight: bold;font-size: 26px;white-space: nowrap;">无差别综合办理区您可以办理：</div>
                 <div class="right">
                     <span>工作时间：</span>
                     <span>法定工作日 9:00-12:30 14:00-18:00</span>

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

@@ -69,6 +69,7 @@
             font-size: 20px;
             margin-right: 10%;
             white-space: nowrap;
+            cursor: pointer;
         }
 
         .indexcot .logo img {
@@ -160,6 +161,7 @@
             display: flex;
             flex-direction: column;
             justify-content: center;
+            cursor: pointer;
         }
 
         .swiper-slide img {
@@ -201,27 +203,29 @@
             <span>返回</span>
         </div>
         <div class="top">
-            <div class="logo">
+            <div class="logo" @click="goIndex">
                 <img src="images/nalogo.png" alt="">
                 <span>重庆市南岸区人民政府</span>
             </div>
             <ul class="menu">
-                <li :class="{ active: currentTab == tab.id }" v-for="(tab, index)  in this.titleList" :key="index">
+                <li :class="{ active: currentTab == tab.id }" v-for="(tab, index)  in this.titleList" :key="index"
+                    @click="menuChange(tab.id)">
                     {{tab.title}}</li>
             </ul>
         </div>
         <div class="content">
-            <div class="title">重庆经开区茶园工业园</div>
+            <div class="title">{{currentTitle}}</div>
             <img src="images/cygyyline.png" alt="" class="line">
             <div class="text">重庆市南岸区人民政府办公室 ​重庆经济技术开发区管理委员会办公室关于重庆市南岸区人民政府办公室
                 ​重庆经济技术开发区管理委员会办公室关于印发《南岸区重庆经开区优化营商环境专项行动方案...印发《南岸区重庆经开区优化营商环境专项行动方案...重庆市南岸区人民政府办公室
                 ​重庆经济技术开发区管理委员会办公室关于重庆市南岸区人民政府办公室 ​... <span style="color: #E5C999;"> 详情>></span></div>
             <div class="swiper mySwiper">
                 <div class="swiper-wrapper">
-                    <div class="swiper-slide list" v-for="(item,index) in swiperList">
-                        <div class="title">{{item.title}}</div>
-                        <div class="slidecontent">{{item.content}}</div>
-                        <img :src="item.bgsrc" alt="">
+                    <div class="swiper-slide list" v-for="(item,index) in swiperList"
+                        @click="goToLink('ztcrdetail.html?ztid=' + item.id)">
+                        <div class="title">{{item.carrierName}}</div>
+                        <div class="slidecontent">{{item.subtitle}}</div>
+                        <img :src="item.logo" alt="">
                     </div>
                 </div>
             </div>
@@ -239,43 +243,59 @@
         el: '#indexcygyy',
         data: function () {
             return {
+                reqPtah: 'http://172.16.99.105:8082',
                 currentTab: -1,
                 titleList: [],
+                currentTitle: '',
                 swiperList: [
-                    {
-                        bgsrc: "images/slide1.png",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    },
-                    {
-                        bgsrc: "images/slide2.png",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    },
-                    {
-                        bgsrc: "images/slide3.png",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    },
-                    {
-                        bgsrc: "images/ztcr1.png",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    }
                 ]
             };
         },
         methods: {
+            goIndex() {
+                window.location.href = "indexsyyg.html"
+            },
+            menuChange(id) {
+                this.getDetailData(id);
+                this.currentTab = id;
+            },
             back() {
                 window.location.href = "indexsyyg.html"
             },
             cheakmore() {
                 window.location.href = "syyggyy.html?id=" + this.currentTab;
             },
+            goToLink(url) {
+                if (url) {
+                    window.open(url);
+                }
+            },
+            getSellBuild(id) {
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/sellBuild",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": id
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        dataList.forEach(function (d) {
+                            d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
+                        });
+                        that.swiperList = dataList;
+                        console.log(that.swiperList)
+                    }
+                });
+            },
             getParkData() {
                 let that = this;
                 $.ajax({
-                    url: "http://172.16.99.105:8082/parkData/",
+                    url: that.reqPtah + "/parkData/",
                     type: "get",
                     dataType: "json",
                     success: function (data) {
@@ -289,11 +309,11 @@
             getDetailData(id) {
                 let that = this;
                 $.ajax({
-                    url: "http://172.16.99.105:8082/parkData/" + id,
+                    url: that.reqPtah + "/parkData/" + id,
                     type: "get",
                     dataType: "json",
                     success: function (data) {
-                        console.log(data)
+                        that.currentTitle = data.title;
                     }
                 })
             }
@@ -302,6 +322,7 @@
             const url = new URL(window.location.href);
             const id = url.searchParams.get('id');
             this.currentTab = id;
+            this.getSellBuild(id);
             this.getDetailData(id);
             this.getParkData();
         }

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

@@ -49,6 +49,7 @@
             font-size: 20px;
             margin-right: 10%;
             white-space: nowrap;
+            cursor: pointer;
         }
 
         .indexcot .logo img {

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

@@ -86,6 +86,7 @@
 
         .conList {
             position: absolute;
+            width: 35%;
             height: 40%;
         }
 
@@ -106,22 +107,25 @@
         }
 
         .floortitle {
-            width: 562px;
-            height: 96px;
+            max-width: 562px;
+            width: 100%;
+            max-height: 96px;
+            height: 26%;
             background-image: url(images/qjt-titlebg.png);
-            background-size: cover;
+            background-size: 100% 100%;
             font-family: Microsoft YaHei;
             font-size: 24px;
             color: #FFFFFF;
-            line-height: 110px;
+            display: flex;
             font-style: italic;
             padding-left: 60px;
             box-sizing: border-box;
+            align-items: center;
         }
 
         .floorcontent {
-            width: 559px;
-            height: 70%;
+            width: calc(100% - 40px);
+            height: 72%;
             background: #D3EBFF;
             box-shadow: 5px 9px 9px 0px rgba(17, 126, 202, 0.24);
             border-radius: 20px;
@@ -262,7 +266,7 @@
 
 <body>
 
-    <div class="container" id="ggyq">
+    <div class="container">
         <div class="row">
             <div class="col-sm-12">
                 <div class="model-container"
@@ -270,141 +274,143 @@
                     <div class="model-view">
                         <canvas id="canvas-model-view" style="width: 100%;height: 100%;">您的浏览器不支持canvas!</canvas>
                     </div>
-                    <div class="qjttitle"></div>
-                    <div class="nowtime">{{currentTime }}</div>
-                    <div class="onefloor conList">
-                        <div class="floortitle">1号楼概览</div>
-                        <div class="floorcontent">
-                            <div class="list blue">
-                                <div class="top radio">1号楼当前排队人数：</div>
-                                <div class="bottom">
-                                    <img src="images/floor1.png" alt="">
-                                    <div><span class="number">12</span>
-                                        <span>人</span>
+                    <div id="qjt">
+                        <div class="qjttitle"></div>
+                        <div class="nowtime">{{currentTime }}</div>
+                        <div class="onefloor conList">
+                            <div class="floortitle">1号楼概览</div>
+                            <div class="floorcontent">
+                                <div class="list blue">
+                                    <div class="top radio">1号楼当前排队人数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor1.png" alt="">
+                                        <div><span class="number">12</span>
+                                            <span>人</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list yellow">
-                                <div class="top radio">可办事项数量：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">798</span>
-                                        <span>项</span>
+                                <div class="list yellow">
+                                    <div class="top radio">可办事项数量：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor2.png" alt="">
+                                        <div><span class="number">798</span>
+                                            <span>项</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list green">
-                                <div class="top radio">平均等待时长：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">2</span>
-                                        <span>分钟</span>
+                                <div class="list green">
+                                    <div class="top radio">平均等待时长：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor3.png" alt="">
+                                        <div><span class="number">2</span>
+                                            <span>分钟</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list purple">
-                                <div class="top radio">窗口数：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">28</span>
-                                        <span>个</span>
+                                <div class="list purple">
+                                    <div class="top radio">窗口数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor4.png" alt="">
+                                        <div><span class="number">28</span>
+                                            <span>个</span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="twofloor conList">
-                        <div class="floortitle">2号楼概览</div>
-                        <div class="floorcontent">
-                            <div class="list blue">
-                                <div class="top radio">2号楼当前排队人数：</div>
-                                <div class="bottom">
-                                    <img src="images/floor1.png" alt="">
-                                    <div><span class="number">12</span>
-                                        <span>人</span>
+                        <div class="twofloor conList">
+                            <div class="floortitle">2号楼概览</div>
+                            <div class="floorcontent">
+                                <div class="list blue">
+                                    <div class="top radio">2号楼当前排队人数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor1.png" alt="">
+                                        <div><span class="number">12</span>
+                                            <span>人</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list yellow">
-                                <div class="top radio">可办事项数量：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">798</span>
-                                        <span>项</span>
+                                <div class="list yellow">
+                                    <div class="top radio">可办事项数量：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor2.png" alt="">
+                                        <div><span class="number">798</span>
+                                            <span>项</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list green">
-                                <div class="top radio">平均等待时长：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">2</span>
-                                        <span>分钟</span>
+                                <div class="list green">
+                                    <div class="top radio">平均等待时长：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor3.png" alt="">
+                                        <div><span class="number">2</span>
+                                            <span>分钟</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list purple">
-                                <div class="top radio">窗口数：</div>
-                                <div class="bottom">
-                                    <img src="images/floor2.png" alt="">
-                                    <div><span class="number">28</span>
-                                        <span>个</span>
+                                <div class="list purple">
+                                    <div class="top radio">窗口数：</div>
+                                    <div class="bottom">
+                                        <img src="images/floor4.png" alt="">
+                                        <div><span class="number">28</span>
+                                            <span>个</span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="blsl conList">
-                        <div class="floortitle">累计办理数量</div>
-                        <div class="floorcontent">
-                            <div class="list">
-                                <div class="img">
-                                    <img src="images/blsl1.png" alt="">
-                                </div>
-                                <div class="right">
-                                    <span>本日办理数量</span>
-                                    <div class="number">
-                                        <span>98</span>
-                                        <span>项</span>
+                        <div class="blsl conList">
+                            <div class="floortitle">累计办理数量</div>
+                            <div class="floorcontent">
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl1.png" alt="">
                                     </div>
-                                </div>
-                            </div>
-                            <div class="list">
-                                <div class="img">
-                                    <img src="images/blsl2.png" alt="">
-                                </div>
-                                <div class="right">
-                                    <span>本月办理数量</span>
-                                    <div class="number">
-                                        <span>1298</span>
-                                        <span>项</span>
+                                    <div class="right">
+                                        <span>本日办理数量</span>
+                                        <div class="number">
+                                            <span>98</span>
+                                            <span>项</span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="list">
-                                <div class="img">
-                                    <img src="images/blsl3.png" alt="">
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl2.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本月办理数量</span>
+                                        <div class="number">
+                                            <span>1298</span>
+                                            <span>项</span>
+                                        </div>
+                                    </div>
                                 </div>
-                                <div class="right">
-                                    <span>本年办理数量</span>
-                                    <div class="number">
-                                        <span>6298</span>
-                                        <span>项</span>
+                                <div class="list">
+                                    <div class="img">
+                                        <img src="images/blsl3.png" alt="">
+                                    </div>
+                                    <div class="right">
+                                        <span>本年办理数量</span>
+                                        <div class="number">
+                                            <span>6298</span>
+                                            <span>项</span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="pdgdf conList">
-                        <div class="floortitle">大厅排队高低峰图</div>
-                        <div class="floorcontent">
-                            <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>
-                            <span>邱家湾站2B出口</span>
-                            <span>距离：800米</span>
-                            <img src="images/qjtArrow.png" alt="">
+                        <div class="pdgdf conList">
+                            <div class="floortitle">大厅排队高低峰图</div>
+                            <div class="floorcontent">
+                                <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>
+                                <span>邱家湾站2B出口</span>
+                                <span>距离：800米</span>
+                                <img src="images/qjtArrow.png" alt="">
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -627,7 +633,7 @@
 <script>
     // 初始化Vue实例
     new Vue({
-        el: '#ggyq',
+        el: '#qjt',
         data: function () {
             return {
                 currentTime: ""
@@ -642,8 +648,20 @@
         },
         methods: {
             updateTime() {
+                // 获取当前日期时间对象
                 const now = new Date();
-                this.currentTime = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()} ${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`;
+
+                // 获取年月日时分秒，并补零
+                const year = String(now.getFullYear()).padStart(4, '0');
+                const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+                const day = String(now.getDate()).padStart(2, '0');
+                const hours = String(now.getHours()).padStart(2, '0');
+                const minutes = String(now.getMinutes()).padStart(2, '0');
+                const seconds = String(now.getSeconds()).padStart(2, '0');
+
+                // 组合成格式化的字符串
+                const formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+                this.currentTime = formattedDateTime;
             }
         }
     });
@@ -695,7 +713,7 @@
         ],
         series: [
             {
-                name: 'Line 1',
+                name: '大厅排队高低峰图',
                 type: 'line',
                 stack: 'Total',
                 smooth: true,

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

@@ -21,161 +21,172 @@
             width: 50vw;
             height: 1384px;
         }
+
+        .zwsj {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
     </style>
 </head>
 
 <body>
-    <div class="toplogo">
-        <img src="images/gyylogo.png" alt="">
-        <span>重庆经开区茶园工业园</span>
-    </div>
-    <div style="display: flex;">
-        <div class="contentleft" id="ggyq">
-            <div class="title">
-                <img src="images/gyy-title1.png" alt="">
-                <span>基本情况</span>
-            </div>
-            <div class="jbqk">
-                <div class="list" style="background-image: url(images/jbqk1.png);">
-                    <p>总面积</p>
-                    <p><span>{{this.jbqk.total}}</span><span>平方公里</span></p>
-                </div>
-                <div class="list" style="background-image: url(images/jbqk2.png);">
-                    <p>建成面积 </p>
-                    <p><span>{{this.jbqk.build}}</span><span>平方公里</span></p>
-                </div>
-                <div class="list" style="background-image: url(images/jbqk3.png);">
-                    <p>产业分布</p>
-                    <span>{{this.jbqk.industry}}</span>
+    <div id="ggyq">
+        <div class="toplogo">
+            <img src="images/gyylogo.png" alt="">
+            <span>{{this.jbqk.title}}</span>
+        </div>
+        <div style="display: flex;">
+            <div class="contentleft">
+                <div class="title">
+                    <img src="images/gyy-title1.png" alt="">
+                    <span>基本情况</span>
                 </div>
-            </div>
-            <div class="title">
-                <img src="images/gyy-title2.png" alt="">
-                <span>区位优势</span>
-            </div>
-            <div class="qwys">
-                <div class="list" v-for="(item,index) in this.qwysList">
-                    <div class="name">
-                        <img :src="item.logo" alt="">
-                        <span>{{item.title}}</span>
+                <div class="jbqk">
+                    <div class="list" style="background-image: url(images/jbqk1.png);">
+                        <p>总面积</p>
+                        <p><span>{{this.jbqk.totalArea?this.jbqk.totalArea:'- '}}</span><span>平方公里</span></p>
                     </div>
-                    <ul>
-                        <li v-for="(item1,index1) in item.subtitleList">
-                            {{item1}}
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div style="display: flex;justify-content: space-evenly;">
-                <div class="left">
-                    <div class="title">
-                        <img src="images/gyy-title3.png" alt="">
-                        <span>园区活动</span>
+                    <div class="list" style="background-image: url(images/jbqk2.png);">
+                        <p>建成面积 </p>
+                        <p><span>{{this.jbqk.buildArea?this.jbqk.buildArea:'- '}}</span><span>平方公里</span></p>
                     </div>
-                    <div class="yqhd">
-                        <ul>
-                            <li v-for="(item,index) in yqhdList">{{item.content}}</li>
-                        </ul>
+                    <div class="list" style="background-image: url(images/jbqk3.png);">
+                        <p>产业分布</p>
+                        <span>{{this.jbqk.industry?this.jbqk.industry:'- '}}</span>
                     </div>
                 </div>
-                <div class="right">
-                    <div class="title">
-                        <img src="images/gyy-title4.png" alt="">
-                        <span>明星企业</span>
-                    </div>
-                    <div class="mxqy">
-                        <ul>
-                            <li v-for="(item,index) in mxqyList">
-                                <img :src="item.src" alt="">
-                            </li>
-                        </ul>
-                    </div>
+                <div class="title">
+                    <img src="images/gyy-title2.png" alt="">
+                    <span>区位优势</span>
                 </div>
-            </div>
-            <div style="display: flex;justify-content: space-evenly;height: 476px;">
-                <div class="left" style="height: 100%;">
-                    <div class="title">
-                        <img src="images/gyy-title5.png" alt="">
-                        <span>政策文件</span>
-                    </div>
-                    <div class="zcwj">
+                <div class="qwys" style="height: 179px;">
+                    <div class="zwsj" v-if="!this.qwysList.length">暂无数据</div>
+                    <div class="list" v-for="(item,index) in this.qwysList" v-else>
+                        <div class="name">
+                            <img :src="item.logo" alt="">
+                            <span>{{item.title}}</span>
+                        </div>
                         <ul>
-                            <li v-for="(item,index) in zcwjList">
-                                <div>{{item.content}}</div>
+                            <li v-for="(item1,index1) in item.subtitleList">
+                                {{item1}}
                             </li>
                         </ul>
                     </div>
-                    <div class="title">
-                        <img src="images/gyy-title6.png" alt="">
-                        <span>载体出让</span>
+                </div>
+                <div style="display: flex;justify-content: space-evenly;">
+                    <div class="left">
+                        <div class="title">
+                            <img src="images/gyy-title3.png" alt="">
+                            <span>园区活动</span>
+                        </div>
+                        <div class="yqhd">
+                            <div class="zwsj" v-if="!this.yqhdList.length">暂无数据</div>
+                            <ul v-else>
+                                <li v-for="(item,index) in yqhdList">{{item.title}}</li>
+                            </ul>
+                        </div>
                     </div>
-                    <div class="ztcr">
-                        <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>
-                            </div>
-                            <div class="title">{{item.title}}</div>
-                            <div class="content">{{item.content}}</div>
+                    <div class="right">
+                        <div class="title">
+                            <img src="images/gyy-title4.png" alt="">
+                            <span>明星企业</span>
+                        </div>
+                        <div class="mxqy">
+                            <div class="zwsj" v-if="!this.mxqyList.length">暂无数据</div>
+                            <ul v-else>
+                                <li v-for="(item,index) in mxqyList">
+                                    <img :src="item.logo" alt="">
+                                </li>
+                            </ul>
                         </div>
                     </div>
                 </div>
-                <div class="right" style="height: 100%;">
-                    <div class="title">
-                        <img src="images/gyy-title7.png" alt="">
-                        <span>土地出让</span>
+                <div style="display: flex;justify-content: space-evenly;height: 476px;">
+                    <div class="left" style="height: 100%;">
+                        <div class="title">
+                            <img src="images/gyy-title5.png" alt="">
+                            <span>政策文件</span>
+                        </div>
+                        <div class="zcwj">
+                            <ul v-if="zcwjList && zcwjList.length > 0">
+                                <li v-for="(item,index) in zcwjList" @click="goToLink(item.link)">
+                                    <div>{{item.title}}</div>
+                                </li>
+                            </ul>
+                            <div class="zwsj" v-else>暂无数据</div>
+                        </div>
+                        <div class="title" style="display: flex;justify-content: space-between;">
+                            <div style="display: flex;align-items: center;">
+                                <img src="images/gyy-title6.png" alt="">
+                                <span>载体出让</span>
+                            </div>
+                            <div class="more" @click="ztcrmore" v-if="this.ztcrList.length">更多>></div>
+                        </div>
+                        <div class="ztcr">
+                            <div class="zwsj" v-if="!this.ztcrList.length">暂无数据</div>
+                            <div class="list" v-for="(item,index) in ztcrList"
+                                @click="goToLink('ztcrdetail.html?ztid=' + item.id)" v-else>
+                                <div class="bg">
+                                    <img :src="item.logo" alt="">
+                                    <div class="number">{{item.space}}</div>
+                                </div>
+                                <div class="title">{{item.carrierName}}</div>
+                                <div class="content">{{item.subtitle}}</div>
+                            </div>
+                        </div>
                     </div>
-                    <div class="tdcr">
-                        <div class="top">
-                            <div class="left">地块编号</div>
-                            <div class="right">占地面积（亩）</div>
+                    <div class="right" style="height: 100%;">
+                        <div class="title">
+                            <img src="images/gyy-title7.png" alt="">
+                            <span>土地出让</span>
                         </div>
-                        <div class="content">
-                            <div class="list" v-for="(item,index) in tdcrList" @click="goTdcr()">
-                                <div class="left">{{item.dkbh}}</div>
-                                <div class="right">{{item.zdmj}}</div>
+                        <div class="tdcr">
+                            <div class="top">
+                                <div class="left">地块编号</div>
+                                <div class="right">占地面积（亩）</div>
+                            </div>
+                            <div class="zwsj" v-if="!this.tdcrList.length">暂无数据</div>
+                            <div class="content" v-else>
+                                <div class="list" v-for="(item,index) in tdcrList"
+                                    @click="goToLink('tdcr.html?tdid=' + item.id)">
+                                    <div class="left">{{item.landName}}</div>
+                                    <div class="right">{{item.landArea}}</div>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div style="display: flex;justify-content: space-evenly;margin-bottom: 20px;">
-                <div class="left">
-                    <div class="title">
-                        <img src="images/gyy-title8.png" alt="">
-                        <span>特色服务</span>
-                    </div>
-                    <div class="tsfw">
-                        <div class="list">
-                            <img src="images/tsfw1.png" alt="">
-                            <span>党群服务</span>
+                <div style="display: flex;justify-content: space-evenly;margin-bottom: 20px;">
+                    <div class="left">
+                        <div class="title">
+                            <img src="images/gyy-title8.png" alt="">
+                            <span>特色服务</span>
                         </div>
-                        <div class="list" @click="goZnxz">
-                            <img src="images/tsfw2.png" alt="">
-                            <span>智能选址</span>
+                        <div class="tsfw">
+                            <div class="zwsj" v-if="!this.tsfwList.length">暂无数据</div>
+                            <div class="list" v-for="(item,index) in tsfwList" @click="goToLink(item.link)" v-else>
+                                <img :src="item.logo" alt="">
+                                <span>{{ item.title }}</span>
+                            </div>
                         </div>
-                        <div class="list">
-                            <img src="images/tsfw3.png" alt="">
-                            <span>政策计算</span>
+                    </div>
+                    <div class="right">
+                        <div class="title">
+                            <img src="images/gyy-title9.png" alt="">
+                            <span>服务事项清单</span>
                         </div>
-                        <div class="list">
-                            <img src="images/tsfw4.png" alt="">
-                            <span>便企服务站</span>
+                        <div class="fwsxqd">
+                            <div class="zwsj" v-if="!this.fwsxqdList.length">暂无数据</div>
+                            <div v-for="(item,index) in fwsxqdList" class="list" v-else>{{item.title}}</div>
                         </div>
                     </div>
                 </div>
-                <div class="right">
-                    <div class="title">
-                        <img src="images/gyy-title9.png" alt="">
-                        <span>服务事项清单</span>
-                    </div>
-                    <div class="fwsxqd">
-                        <div v-for="(item,index) in fwsxqdList" class="list">{{item.title}}</div>
-                    </div>
-                </div>
             </div>
-        </div>
-        <div class="contentright" id="mapcontainer">
+            <div class="contentright" id="mapcontainer">
+            </div>
         </div>
     </div>
 </body>
@@ -185,222 +196,153 @@
         el: '#ggyq',
         data: function () {
             return {
-                jbqk:{
-                    total:'',
-                    build:'',
-                    industry:''
-                },
-                qwysList: [
-                    // {
-                    //     id: 1,
-                    //     name: "交通体系",
-                    //     logo: "images/qwys1.png",
-                    //     list: ["铁路运输", "轨道交通", "公路物流"]
-                    // },
-                    // {
-                    //     id: 2,
-                    //     name: "生态环境",
-                    //     logo: "images/qwys2.png",
-                    // },
-                    // {
-                    //     id: 3,
-                    //     name: "人才资源",
-                    //     logo: "images/qwys3.png",
-                    //     list: ["落户政策", "人才公寓"]
-                    // },
-                    // {
-                    //     id: 4,
-                    //     name: "营商环境",
-                    //     logo: "images/qwys4.png",
-                    // },
-                    // {
-                    //     id: 5,
-                    //     name: "产业基础",
-                    //     logo: "images/qwys5.png",
-                    //     list: ["软信行业", "服装产业", "批发零售业"]
-                    // }
-                ],
-                yqhdList: [
-                    // {
-                    //     id: 1,
-                    //     content: '"四园一港"园区法律服务中心开展企业法律知识讲座'
-                    // },
-                    // {
-                    //     id: 2,
-                    //     content: '茶园工业园区首轮服务企业资源对接暨集中签约活动取得圆满成功'
-                    // },
-                    // {
-                    //     id: 3,
-                    //     content: '"金融助力·法律赋能·科技惠企进园区"活动在重庆经开区举行'
-                    // }
-                ],
-                mxqyList: [
-                    {
-                        src: "images/mxqy1.png",
-                    },
-                    {
-                        src: "images/mxqy2.png",
-                    },
-                    {
-                        src: "images/mxqy3.png",
-                    },
-                    {
-                        src: "images/mxqy4.png",
-                    },
-                    {
-                        src: "images/mxqy5.png",
-                    },
-                    {
-                        src: "images/mxqy6.png",
-                    },
-                    {
-                        src: "images/mxqy7.png",
-                    },
-                    {
-                        src: "images/mxqy8.png",
-                    },
-                    {
-                        src: "images/mxqy9.png",
-                    },
-                    {
-                        src: "images/mxqy10.png",
-                    },
-                    {
-                        src: "images/mxqy11.png",
-                    },
-                    {
-                        src: "images/mxqy12.png",
-                    }
-                ],
-                zcwjList: [
-                    {
-                        id: 1,
-                        content: '重庆市南岸区人民政府办公室 ​重庆经济技术开发区管理委员会办公室关于印发《南岸区重庆经开区优化营商环境专项行动方案​重庆经济技术开发区管理委员会办公室关于印发《南岸区重庆经开区优化营商环境专项行动方案'
-                    },
-                    {
-                        id: 2,
-                        content: '关于公开征求对《重庆市南岸区重庆经开区培育建设国际消费中心城市核心区十条扶持办法补充政策（征求意见稿）》的通知'
-                    },
-                    {
-                        id: 3,
-                        content: '重庆市南岸区人民政府办公室关于印发《支持绿色创新若干财政金融政策》的通知'
-                    }
-                ],
-                ztcrList: [
-                    {
-                        bgsrc: "images/ztcr1.png",
-                        number: "23786㎡",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    },
-                    {
-                        bgsrc: "images/ztcr1.png",
-                        number: "23786㎡",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    },
-                    {
-                        bgsrc: "images/ztcr1.png",
-                        number: "23786㎡",
-                        title: "办公楼、底商",
-                        content: "原迎龙医药城一期项目"
-                    }
-                ],
-                tdcrList: [
-                    {
-                        dkbh: "I26-3/03（部分建完）",
-                        zdmj: "58.45"
-                    },
-                    {
-                        dkbh: "经开区鹿角组团I分区I13-2/02宗地",
-                        zdmj: "62.58"
-                    },
-                    {
-                        dkbh: "I18-1/03（部分、停建）经开区鹿角组团I分区I22/01、I20-3/02号宗地",
-                        zdmj: "192.11"
-                    },
-                    {
-                        dkbh: "I19/02（部分建成，载体闲置较多）I21-1/02",
-                        zdmj: "192.11"
-                    },
-                    {
-                        dkbh: "I19/02（部分建成，载体闲置较多）I21-1/02",
-                        zdmj: "192.11"
-                    }
-                ],
-                fwsxqdList: [
-                    {
-                        title: "载体服务"
-                    },
-                    {
-                        title: "市场服务"
-                    },
-                    {
-                        title: "投融资服务"
-                    },
-                    {
-                        title: "政策申报服务"
-                    },
-                    {
-                        title: "企业人才服务"
-                    }
-                ]
+                reqPtah: 'http://172.16.99.105:8082',
+                pageSize: 20,
+                jbqk: {},
+                qwysList: [],
+                yqhdList: [],
+                mxqyList: [],
+                tsfwList: [],
+                zcwjList: [],
+                ztcrList: [],
+                tdcrList: [],
+                fwsxqdList: []
             };
         },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.getJBQK(id);
+            this.getDetail(id);
+            this.getSellBuild(id);
+            this.getSellLand(id);
+            this.getParkActivity(id);
+        },
         methods: {
-            goZtcr() {
-                window.location.href = "ztcrlist.html"
-            },
-            goTdcr() {
-                window.location.href = "tdcr.html"
+            ztcrmore() {
+                const url = new URL(window.location.href);
+                const id = url.searchParams.get('id');
+                window.open("ztcrlist.html?id=" + id);
             },
-            goZnxz() {
-                window.location.href = "znxz.html"
+            goToLink(url) {
+                if (url) {
+                    window.open(url);
+                }
             },
-            getJBQK(id){
+            getJBQK(id) {
                 let that = this;
                 $.ajax({
-                    url: "http://localhost:8082/parkData/" + id,
+                    url: that.reqPtah + "/parkData/" + id,
                     type: "get",
                     dataType: "json",
                     success: function (data) {
-                        console.log("基本情况:",data)
-                        that.jbqk.total=data.totalArea;
-                        that.jbqk.build=data.buildArea;
-                        that.jbqk.industry=data.industry;
+                        that.jbqk = data;
+                        that.loadMap(data.addr);
                     }
                 })
             },
-            getDetail(id){
+            loadMap(points) {
+                let map = new BMap.Map("mapcontainer");
+                map.enableScrollWheelZoom();// 启用滚轮缩放
+                map.enableDragging(); // 启用拖拽功能
+                // 设定中心点和地图级别
+                map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 15);
+                if (!points) return;
+                let pointList = points.split('@');
+                let result = [];
+                pointList.forEach(function (point) {
+                    let arr = point.split(',');
+                    result.push(new BMap.Point(arr[0], arr[1]));
+                });
+                // 创建多边形
+                let polygon = new BMap.Polygon(result, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5, fillColor: "blue", fillOpacity: 0.15 });
+                // 将多边形添加到地图中
+                map.addOverlay(polygon);
+            },
+            getDetail(id) {
                 let that = this;
                 $.ajax({
-                    url: "http://localhost:8082/parkData/details/" + id,
+                    url: that.reqPtah + "/parkData/details/" + id,
                     type: "get",
                     dataType: "json",
                     success: function (data) {
-                        console.log("所有数据:",data)
-                        //区位优势
+                        // 特色服务
+                        that.tsfwList = data.filter(item => item.moduleType === "1");
+                        // 区位优势
                         that.qwysList = data.filter(item => item.moduleType === "2");
                         that.qwysList.forEach(item => {
                             if (item.subtitle) {
-                                let subtitleList = item.subtitle.split(",");
-                                console.log("subtitleList",subtitleList)
+                                item.subtitleList = item.subtitle.split(",");
                             }
                         });
-                        //园区活动
+                        // 明星企业
+                        that.mxqyList = data.filter(item => item.moduleType === "3");
+                        // 特色服务
+                        that.fwsxqdList = data.filter(item => item.moduleType === "4");
+                        // 政策文件
+                        that.zcwjList = data.filter(item => item.moduleType === "5");
                     }
-                })
+                });
+            },
+            getSellBuild(id) {
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/sellBuild",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": id
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        dataList.forEach(function (d) {
+                            d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
+                        });
+                        that.ztcrList = dataList;
+                    }
+                });
+            },
+            getSellLand(id) {
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/sellLand",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": id
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        that.tdcrList = dataList;
+                    }
+                });
+            },
+            getParkActivity(id) {
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/parkActivity",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": id
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        that.yqhdList = dataList;
+                    }
+                });
             }
-
-        },
-        mounted(){
-            const url = new URL(window.location.href);
-            const id = url.searchParams.get('id');
-            this.getJBQK(id);
-            this.getDetail(id);
         }
     });
 </script>
-<script type="text/javascript" src="js/rightmap.js"></script>
 
 </html>

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

@@ -13,6 +13,7 @@
     <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/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
     <style>
@@ -27,13 +28,6 @@
             font-family: Microsoft YaHei;
         }
 
-        .itemname {
-            font-size: 32px;
-            font-weight: bold;
-            color: #333333;
-            margin: 20px 0;
-        }
-
         .swiperimg {
             display: flex;
             justify-content: space-between;
@@ -85,78 +79,6 @@
         .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>
 
@@ -169,15 +91,15 @@
     <div style="display: flex;">
         <div class="contentleft" id="tdcr">
             <div class="itemname">
-                经开区鹿角组团I分区I13-2/02宗地
+                {{ tdcrDetail.landName }}
             </div>
             <div class="swiperimg">
-                <img src="images/znxz1.png" alt="" style="width: 75%;height: 394px;">
+                <img :src="imgUrl" 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 class="swiper-slide list" v-for="(item,index) in swiperList" @click="imgDetail(item)">
+                            <img :src="item" alt="">
                         </div>
                     </div>
                 </div>
@@ -186,29 +108,31 @@
             <div class="list">
                 <div class="listitm" style="background-color: #4EB2AD;">
                     <span>占地面积</span>
-                    <span>174.66</span>
+                    <span>{{ tdcrDetail.landArea }}</span>
                 </div>
                 <div class="listitm" style="background-color: #4B98F6;">
                     <span>土地用途</span>
-                    <span>软信服务业、制造业</span>
+                    <span>{{ tdcrDetail.landFunction }}</span>
                 </div>
                 <div class="listitm" style="background-color: #4BB664;">
                     <span>基础设施配套</span>
-                    <span>七通一平</span>
+                    <span>{{ tdcrDetail.basicConfiguration }}</span>
                 </div>
                 <div class="listitm" style="background-color: #DFC483;">
                     <span>可招商面积</span>
-                    <span>58000</span>
+                    <span>{{ tdcrDetail.usableArea }}</span>
                 </div>
             </div>
             <div class="text">
                 <div style="align-items: flex-start;">
                     <span>主导产业：</span>
-                    <div class="icon">软信服务业</div>
-                    <div class="icon">制造业</div>
+                    <div class="icon"
+                        v-for="(item,index) in (tdcrDetail.landFunction ? tdcrDetail.landFunction.split('、') : [])">{{
+                        item }}</div>
                 </div>
-                <div><span>详细地址：</span><span>南岸区茶园新区通江大道172号</span></div>
-                <div><span>联系方式：</span><span>李主管 13594386645</span></div>
+                <div><span>详细地址：</span><span>{{ tdcrDetail.addr }}</span></div>
+                <div><span>联系方式：</span><span>{{ tdcrDetail.contactName }}&nbsp;&nbsp;{{ tdcrDetail.contactPhone
+                        }}</span></div>
             </div>
             <div class="buttontz">我要投资</div>
             <div class="title">
@@ -216,35 +140,13 @@
                 <span>概况</span>
             </div>
             <div class="gk">
-                地块紧贴国道，交通便利，地块现状是平整空地。
+                {{ tdcrDetail.introduce }}
             </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 class="tablecon" v-html="tdcrDetail.cost">
             </div>
         </div>
         <div class="contentright" id="mapcontainer"></div>
@@ -253,29 +155,6 @@
 </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,
@@ -286,6 +165,78 @@
         spaceBetween: 10
     });
 </script>
-<script type="text/javascript" src="js/rightmap.js"></script>
+<script>
+    new Vue({
+        el: '#tdcr',
+        data: function () {
+            return {
+                reqPtah: 'http://172.16.99.105:8082',
+                tdcrDetail: {},
+                imgUrl: '',
+                swiperList: []
+            }
+        },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('tdid');
+            this.getLandDetail(id);
+        },
+        methods: {
+            imgDetail(imgurl) {
+                if (imgurl == "images/tdcr0.png") {
+                    return
+                }
+                this.imgUrl = imgurl;
+            },
+            loadMap(points, currPoints) {
+                let map = new BMap.Map("mapcontainer");
+                map.enableScrollWheelZoom();// 启用滚轮缩放
+                map.enableDragging(); // 启用拖拽功能
+                // 设定中心点和地图级别
+                map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 15);
+                if (!points) return;
+                let pointList = points.split('@');
+                let result = [];
+                pointList.forEach(function (point) {
+                    let arr = point.split(',');
+                    result.push(new BMap.Point(arr[0], arr[1]));
+                });
+                // 创建多边形
+                let polygon = new BMap.Polygon(result, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5, fillColor: "blue", fillOpacity: 0.15 });
+                // 将多边形添加到地图中
+                map.addOverlay(polygon);
+
+                // 添加选择地址
+                if (!currPoints) return;
+                let pList = currPoints.split('@');
+                pList.forEach(function (point) {
+                    let arr = point.split(',');
+                    let p = new BMap.Point(arr[0], arr[1]);
+                    let marker = new BMap.Marker(p);
+                    map.addOverlay(marker);
+                });
+            },
+            getLandDetail(id) {
+                console.log(id)
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/sellLand/" + id,
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        console.log(11)
+                        console.log(data)
+                        that.tdcrDetail = data;
+                        that.swiperList = data.imgUrl ? data.imgUrl.split(",") : [];
+                        console.log(that.swiperList)
+                        that.imgUrl = that.swiperList[0];
+                        let points = data.parkData.addr;
+                        that.loadMap(points, data.point);
+                    }
+                });
+            }
+        }
+    })
+</script>
 
 </html>

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

@@ -180,10 +180,10 @@
             <!-- 表单内容 -->
             <el-form ref="form" :model="form" :rules="rules" label-width="150px">
                 <el-form-item label="项目单位名称" prop="unitName">
-                    <el-input v-model="form.unitName"></el-input>
+                    <el-input v-model="form.unitName" placeholder="请输入项目单位名称"></el-input>
                 </el-form-item>
                 <el-form-item label="项目编码" prop="projectCoding">
-                    <el-input v-model="form.projectCoding"></el-input>
+                    <el-input v-model="form.projectCoding" placeholder="请输入项目编码"></el-input>
                 </el-form-item>
                 <el-form-item label="是否重点项目" prop="keyProject">
                     <el-radio-group v-model="form.keyProject">
@@ -192,42 +192,42 @@
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item label="项目单位地址" prop="projectAddr">
-                    <el-input type="textarea" v-model="form.projectAddr"></el-input>
+                    <el-input type="textarea" v-model="form.projectAddr" placeholder="请输入项目单位地址"></el-input>
                 </el-form-item>
                 <div style="display: flex;">
                     <el-form-item label="项目单位负责人" prop="chargeName">
-                        <el-input v-model="form.chargeName"></el-input>
+                        <el-input v-model="form.chargeName" placeholder="请输入项目单位负责人"></el-input>
                     </el-form-item>
                     <el-form-item label="联系电话" prop="phone">
-                        <el-input v-model="form.chargePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                        <el-input v-model="form.chargePhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
                 </div>
                 <div style="display: flex;">
                     <el-form-item label="项目单位经办人" prop="handlerName">
-                        <el-input v-model="form.handlerName"></el-input>
+                        <el-input v-model="form.handlerName" placeholder="请输入项目单位经办人"></el-input>
                     </el-form-item>
                     <el-form-item label="联系电话" prop="phone">
-                        <el-input v-model="form.handlerPhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                        <el-input v-model="form.handlerPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
                 </div>
                 <el-form-item label="需帮办代办具体事项" prop="proxyMatters">
-                    <el-input type="textarea" v-model="form.proxyMatters"></el-input>
+                    <el-input type="textarea" v-model="form.proxyMatters" placeholder="请输入需帮办代办具体事项"></el-input>
                 </el-form-item>
                 <!-- 帮办代办/联络人电话 -->
                 <div style="display: flex;">
                     <el-form-item label="帮办代办联络人" prop="proxyName">
-                        <el-input v-model="form.proxyName"></el-input>
+                        <el-input v-model="form.proxyName" placeholder="请输入帮办代办联络人"></el-input>
                     </el-form-item>
                     <el-form-item label="联系电话" prop="phone">
-                        <el-input v-model="form.proxyPhone" placeholder="请输入手机号" maxlength="11" show-word-limit
+                        <el-input v-model="form.proxyPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
                 </div>
                 <el-form-item label="验证码" prop="imgCode">
                     <div style="display: flex;">
-                        <el-input v-model="form.imgCode" style="width: 36%;"></el-input>
+                        <el-input v-model="form.imgCode" style="width: 36%;" placeholder="请输入验证码"></el-input>
                         <el-image :src="imageCode"></el-image>
                     </div>
                 </el-form-item>

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

@@ -83,21 +83,21 @@
             <!-- 表单内容 -->
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
                 <el-form-item label="姓名" prop="overtimeName">
-                    <el-input v-model="form.overtimeName"></el-input>
+                    <el-input v-model="form.overtimeName" placeholder="请输入姓名"></el-input>
                 </el-form-item>
                 <el-form-item label="年龄" prop="overtimeAge">
-                    <el-input v-model.number="form.overtimeAge"></el-input>
+                    <el-input v-model.number="form.overtimeAge" placeholder="请输入年龄"></el-input>
                 </el-form-item>
                 <el-form-item label="手机号" prop="overtimePhone">
                     <el-input v-model="form.overtimePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
                         @blur="validatePhone"></el-input>
                 </el-form-item>
                 <el-form-item label="拟办理业务" prop="business">
-                    <el-input type="textarea" v-model="form.business"></el-input>
+                    <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
                 </el-form-item>
                 <el-form-item label="验证码" prop="imgCode">
                     <div style="display: flex;">
-                        <el-input v-model="form.imgCode"></el-input>
+                        <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
                         <el-image :src="imageCode"></el-image>
                     </div>
                 </el-form-item>

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

@@ -66,6 +66,7 @@
             display: flex;
             flex-direction: column;
             justify-content: space-between;
+            padding: 0;
         }
 
         .content .list {
@@ -132,6 +133,10 @@
             align-items: center;
         }
 
+        .kzsmj span {
+            white-space: nowrap;
+        }
+
         .kzsmj span:last-child {
             font-weight: bold;
             font-size: 30px;

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

@@ -28,13 +28,6 @@
             height: auto;
         }
 
-        .itemname {
-            font-size: 32px;
-            font-weight: bold;
-            color: #333333;
-            margin: 20px 0;
-        }
-
         .itemname .topicon {
             width: 134px;
             height: 37px;
@@ -100,78 +93,6 @@
             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;
@@ -196,11 +117,12 @@
                 </div>
             </div>
             <div class="swiperimg">
-                <img src="images/znxz1.png" alt="" style="width: 75%;height: 394px;">
+                <img :src="imgUrl" 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">
+                        <div class="swiper-slide list" v-for="(item,index) in swiperList"
+                            @click="imgDetail(item.bgsrc)">
                             <img :src="item.bgsrc" alt="">
                         </div>
                     </div>
@@ -313,6 +235,7 @@
         el: '#tdcr',
         data: function () {
             return {
+                imgUrl: 'images/slide1.png',
                 swiperList: [
                     {
                         bgsrc: "images/slide1.png"
@@ -328,6 +251,14 @@
                     }
                 ],
             }
+        },
+        methods: {
+            imgDetail(imgurl) {
+                if (imgurl == "images/tdcr0.png") {
+                    return
+                }
+                this.imgUrl = imgurl;
+            }
         }
     })
 </script>

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

@@ -12,9 +12,15 @@
     <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/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
     </script>
     <style>
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
         .contentleft {
             width: 50%;
             min-width: 841px;
@@ -28,7 +34,7 @@
 
         .term {
             display: flex;
-            align-items: center;
+            align-items: flex-start;
             font-size: 16px;
             margin-top: 15px;
         }
@@ -36,35 +42,43 @@
         .term .name {
             color: #666666;
             white-space: nowrap;
-        }
-
-        .term .all {
-            width: 67px;
-            min-width: 67px;
-            height: 31px;
-            background: #DEEDFF;
-            border: 1px solid #4B98F6;
-            color: #4B98F6;
-            text-align: center;
+            margin-right: 20px;
             line-height: 30px;
-            margin: 0 15px 0 35px;
-            cursor: pointer;
         }
 
         .term .item {
             display: flex;
+            flex-wrap: wrap;
         }
 
         .term .item li {
-            margin-right: 35px;
             color: #333;
-            width: 90px;
             cursor: pointer;
+            padding: 0 18px;
+            width: auto;
+            height: 30px;
+            line-height: 30px;
+            white-space: nowrap;
         }
 
-        .contentleft .content {
+        .term .item li.active {
+            background: #DEEDFF;
+            border: 1px solid #4B98F6;
+            color: #4B98F6;
+            text-align: center;
+            cursor: pointer;
+        }
+
+        .contentleft>.content {
             width: 100%;
             margin: auto;
+            height: 1000px;
+            overflow-y: scroll;
+        }
+
+        .contentleft>.content::-webkit-scrollbar {
+            width: 0px;
+            height: 0px;
         }
 
         .contentleft .content ul {
@@ -72,6 +86,7 @@
             display: flex;
             flex-direction: column;
             justify-content: space-between;
+            padding: 0;
         }
 
         .contentleft .content .list {
@@ -87,6 +102,11 @@
             height: 303px;
         }
 
+        .contentleft .content .list .left img {
+            width: 300px;
+            height: 303px;
+        }
+
         .contentleft .content .list .right {
             width: calc(100% - 300px);
             display: flex;
@@ -129,36 +149,36 @@
             </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>
+                    <li v-for="(item,index) in pqList" :class="{ active: currentPq == item.id }" :key="index"
+                        @click="currentPq = item.id">{{item.title}}</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>
+                    <li v-for="(item,index) in mjList" :class="{ active: currentmj == item.id }" :key="index"
+                        @click="currentmj = item.id">{{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>
+                    <li v-for="(item,index) in ytList" :class="{ active: currentyt == item.id }" :key="index"
+                        @click="currentyt = item.id">{{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="">
+                        <img :src="item.imgUrl ? item.imgUrl.split(',')[0] : ''" 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.carrierName}}</span></li>
+                            <li><span>可用面积：</span><span>{{item.area}}</span></li>
+                            <li><span>可用情况：</span><span>{{item.situationState == '1' ? '可用' : '不可用'}}</span></li>
+                            <li><span>产业板块：</span><span>{{item.productModule}}</span></li>
                             <li><span>所属园区：</span><span>{{item.ssyq}}</span></li>
                         </ul>
                     </div>
@@ -174,95 +194,115 @@
         el: '#znxz',
         data: function () {
             return {
-                pqList: [
-                    {
-                        name: "茶园片区"
-                    },
+                reqPtah: 'http://172.16.99.105:8082',
+                currentPq: -1,
+                currentmj: 1,
+                currentyt: 1,
+                pqList: [],
+                mjList: [
                     {
-                        name: "广阳湾片区"
+                        id: 1,
+                        name: "全部"
                     },
                     {
-                        name: "经开区片区"
-                    }
-                ],
-                mjList: [
-                    {
+                        id: 2,
                         name: "0-50m²"
                     },
                     {
+                        id: 3,
                         name: "51-100m²"
                     },
                     {
+                        id: 4,
                         name: "100-150m²"
                     },
                     {
+                        id: 5,
                         name: "150-200m²"
                     },
                     {
+                        id: 6,
                         name: "200-250m²"
                     }
                 ],
                 ytList: [
                     {
+                        id: 1,
+                        name: "全部"
+                    },
+                    {
+                        id: 2,
                         name: "办公楼宇"
                     },
                     {
+                        id: 3,
                         name: "库房"
                     },
                     {
+                        id: 4,
                         name: "厂房"
                     },
                     {
+                        id: 5,
                         name: "医药库房"
                     },
                     {
+                        id: 6,
                         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㎡"
-                    }
-                ],
+                contentList: [],
             }
         },
+        mounted() {
+            const url = new URL(window.location.href);
+            const id = url.searchParams.get('id');
+            this.getParkData();
+            this.getSellBuild(id);
+        },
         methods: {
             goDeteil() {
                 window.location.href = "ztcrdetail.html"
-            }
+            },
+            getParkData() {
+                let that = this;
+                that.pqList = [];
+                that.pqList.push({
+                    id: -1,
+                    title: "全部"
+                });
+                $.ajax({
+                    url: that.reqPtah + "/parkData",
+                    type: "get",
+                    dataType: "json",
+                    success: function (data) {
+                        data.forEach(function (d) {
+                            that.pqList.push(d);
+                        });
+                    }
+                });
+            },
+            getSellBuild(id) {
+                let that = this;
+                $.ajax({
+                    url: that.reqPtah + "/sellBuild",
+                    type: "post",
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "currentPage": 1,
+                        "pageSize": that.pageSize,
+                        "parkId": id
+                    }),
+                    dataType: "json",
+                    success: function (data) {
+                        let dataList = data.list;
+                        // dataList.forEach(function (d) {
+                        //     d.logo = d.imgUrl ? d.imgUrl.split(",")[0] : '';
+                        // });
+                        that.contentList = dataList;
+                    }
+                });
+            },
         }
     })
 </script>

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

@@ -130,27 +130,27 @@
             <!-- 表单内容 -->
             <el-form ref="form" :model="form" :rules="rules" label-width="100px">
                 <el-form-item label="姓名" prop="experienceName">
-                    <el-input v-model="form.experienceName"></el-input>
+                    <el-input v-model="form.experienceName" placeholder="请输入姓名"></el-input>
                 </el-form-item>
                 <el-form-item label="年龄" prop="experienceAge">
-                    <el-input v-model.number="form.experienceAge"></el-input>
+                    <el-input v-model.number="form.experienceAge" placeholder="请输入年龄"></el-input>
                 </el-form-item>
                 <el-form-item label="单位" prop="workunit">
-                    <el-input v-model="form.workunit"></el-input>
+                    <el-input v-model="form.workunit" placeholder="请输入单位"></el-input>
                 </el-form-item>
                 <el-form-item label="职务" prop="duty">
-                    <el-input v-model="form.duty"></el-input>
+                    <el-input v-model="form.duty" placeholder="请输入职务"></el-input>
                 </el-form-item>
                 <el-form-item label="手机号" prop="experiencePhone">
                     <el-input v-model="form.experiencePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
                         @blur="validatePhone"></el-input>
                 </el-form-item>
                 <el-form-item label="拟办理业务">
-                    <el-input type="textarea" v-model="form.business"></el-input>
+                    <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
                 </el-form-item>
                 <el-form-item label="验证码" prop="imgCode">
                     <div style="display: flex;">
-                        <el-input v-model="form.imgCode"></el-input>
+                        <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
                         <el-image :src="imageCode"></el-image>
                     </div>
                 </el-form-item>