|
|
@@ -69,6 +69,10 @@
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
+ .content ul li {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
.content .list {
|
|
|
height: 303px;
|
|
|
background: #FFFFFF;
|
|
|
@@ -126,6 +130,18 @@
|
|
|
align-items: flex-end;
|
|
|
}
|
|
|
|
|
|
+ .contentleft>.content {
|
|
|
+ width: 100%;
|
|
|
+ margin: auto;
|
|
|
+ height: 1000px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .contentleft>.content::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
.kzsmj {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -148,48 +164,49 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
-
|
|
|
- <div class="toplogo">
|
|
|
- <img src="images/gyylogo.png" alt="">
|
|
|
- <span>智能选址 </span>
|
|
|
- </div>
|
|
|
- <div style="display: flex;">
|
|
|
- <div class="contentleft" id="znxz">
|
|
|
- <div>您好，根据提交的信息为您推荐如下地址：</div>
|
|
|
- <div class="tjdz">
|
|
|
- <div class="list" v-for="(item,index) in tjdzList">{{item.name}}</div>
|
|
|
- </div>
|
|
|
- <div class="choseButton">重新选择</div>
|
|
|
- <div class="content">
|
|
|
- <div class="list" v-for="(item,index) in contentList">
|
|
|
- <div class="left">
|
|
|
- <img :src="item.imgsrc" alt="">
|
|
|
- <div class="number" style="">{{item.index}}</div>
|
|
|
- </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.cybk}}</span></li>
|
|
|
- <li><span>所属园区：</span><span>{{item.ssyq}}</span></li>
|
|
|
- <li><span>联系地址：</span><span>{{item.lxdz}}</span></li>
|
|
|
- <li><span>联系电话：</span><span>{{item.lxdh}}</span></li>
|
|
|
- </ul>
|
|
|
- <div class="num">
|
|
|
- <div class="tjzb">
|
|
|
- <span>推荐指数</span>
|
|
|
- <span style="font-weight: bold;font-size: 30px;">{{item.tjzs}}</span>
|
|
|
- </div>
|
|
|
- <div class="kzsmj">
|
|
|
- <span>可招商面积</span>
|
|
|
- <span>{{item.kzsmj}}</span>
|
|
|
+ <div id="znxz">
|
|
|
+ <div class="toplogo" @click="backIndex">
|
|
|
+ <img src="images/gyylogo.png" alt="">
|
|
|
+ <span>智能选址 </span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div class="contentleft" id="">
|
|
|
+ <div>您好，根据提交的信息为您推荐如下地址：</div>
|
|
|
+ <div class="tjdz">
|
|
|
+ <div class="list" v-for="(item,index) in tjdzList">{{item.name}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="choseButton">重新选择</div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="list" v-for="(item,index) in contentList">
|
|
|
+ <div class="left">
|
|
|
+ <img :src="item.imgsrc" alt="">
|
|
|
+ <div class="number" style="">{{item.index}}</div>
|
|
|
+ </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.cybk}}</span></li>
|
|
|
+ <li><span>所属园区：</span><span>{{item.ssyq}}</span></li>
|
|
|
+ <li><span>联系地址：</span><span>{{item.lxdz}}</span></li>
|
|
|
+ <li><span>联系电话：</span><span>{{item.lxdh}}</span></li>
|
|
|
+ </ul>
|
|
|
+ <div class="num">
|
|
|
+ <div class="tjzb">
|
|
|
+ <span>推荐指数</span>
|
|
|
+ <span style="font-weight: bold;font-size: 30px;">{{item.tjzs}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="kzsmj">
|
|
|
+ <span>可招商面积</span>
|
|
|
+ <span>{{item.kzsmj}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="contentright" id="mapcontainer"></div>
|
|
|
</div>
|
|
|
- <div class="contentright" id="mapcontainer"></div>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
@@ -254,6 +271,11 @@
|
|
|
}
|
|
|
],
|
|
|
}
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ backIndex() {
|
|
|
+ window.history.go(-1)
|
|
|
+ },
|
|
|
}
|
|
|
})
|
|
|
</script>
|
xyg