|
@@ -98,8 +98,7 @@
|
|
|
<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"
|
|
|
- @click="imgDetail(item)">
|
|
|
+ <div class="swiper-slide list" v-for="(item,index) in swiperList" @click="imgDetail(item)">
|
|
|
<img :src="item" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
@@ -127,10 +126,13 @@
|
|
|
<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 class="icon"
|
|
|
+ v-for="(item,index) in (tdcrDetail.landFunction ? tdcrDetail.landFunction.split('、') : [])">{{
|
|
|
+ item }}</div>
|
|
|
</div>
|
|
|
<div><span>详细地址:</span><span>{{ tdcrDetail.addr }}</span></div>
|
|
|
- <div><span>联系方式:</span><span>{{ tdcrDetail.contactName }} {{ tdcrDetail.contactPhone }}</span></div>
|
|
|
+ <div><span>联系方式:</span><span>{{ tdcrDetail.contactName }} {{ tdcrDetail.contactPhone
|
|
|
+ }}</span></div>
|
|
|
</div>
|
|
|
<div class="buttontz">我要投资</div>
|
|
|
<div class="title">
|
|
@@ -153,6 +155,17 @@
|
|
|
</body>
|
|
|
<script src="swiper/swiper-bundle.js"></script>
|
|
|
<script>
|
|
|
+ var swiper = new Swiper(".mySwiper", {
|
|
|
+ direction: "vertical",
|
|
|
+ slidesPerView: 3,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.swiper-button-next',
|
|
|
+ prevEl: '.swiper-button-prev',
|
|
|
+ },
|
|
|
+ spaceBetween: 10
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<script>
|
|
|
new Vue({
|
|
|
el: '#tdcr',
|
|
|
data: function () {
|
|
@@ -180,7 +193,7 @@
|
|
|
map.enableScrollWheelZoom();// 启用滚轮缩放
|
|
|
map.enableDragging(); // 启用拖拽功能
|
|
|
// 设定中心点和地图级别
|
|
|
- map.centerAndZoom(new BMap.Point(106.651444,29.48682), 15);
|
|
|
+ map.centerAndZoom(new BMap.Point(106.651444, 29.48682), 15);
|
|
|
if (!points) return;
|
|
|
let pointList = points.split('@');
|
|
|
let result = [];
|
|
@@ -189,7 +202,7 @@
|
|
|
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});
|
|
|
+ let polygon = new BMap.Polygon(result, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5, fillColor: "blue", fillOpacity: 0.15 });
|
|
|
// 将多边形添加到地图中
|
|
|
map.addOverlay(polygon);
|
|
|
|
|
@@ -204,15 +217,18 @@
|
|
|
});
|
|
|
},
|
|
|
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);
|
|
@@ -222,16 +238,5 @@
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
-<script>
|
|
|
- var swiper = new Swiper(".mySwiper", {
|
|
|
- direction: "vertical",
|
|
|
- slidesPerView: 3,
|
|
|
- navigation: {
|
|
|
- nextEl: '.swiper-button-next',
|
|
|
- prevEl: '.swiper-button-prev',
|
|
|
- },
|
|
|
- spaceBetween: 10
|
|
|
- });
|
|
|
-</script>
|
|
|
|
|
|
</html>
|