|
@@ -115,10 +115,10 @@
|
|
|
<template v-if="qytsIndex == 1">
|
|
|
<template v-if="qytsTabs[qytsIndex].result.length > 0">
|
|
|
<div
|
|
|
- class="zbcy-item"
|
|
|
v-for="(item, index) in qytsTabs[qytsIndex].result"
|
|
|
- @click="zbcyClick(item)"
|
|
|
+ @click="zbcyClick(item, index)"
|
|
|
:key="index"
|
|
|
+ :class="{ 'zbcy-item': true, active: qytsActive === index}"
|
|
|
>
|
|
|
<div class="icon" v-if="false"></div>
|
|
|
<div class="value-panel">
|
|
@@ -128,9 +128,8 @@
|
|
|
<!-- <div class="type" v-else>暂无数据</div> -->
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
<div class="value">
|
|
|
- <img src="~@/assets/image/icon-loc.png" />{{
|
|
|
- item.address
|
|
|
- }}
|
|
|
+ <img src="~@/assets/image/icon-loc.png" />
|
|
|
+ <span>{{ item.address }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -150,9 +149,8 @@
|
|
|
<div class="value-panel">
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
<div class="value">
|
|
|
- <img src="~@/assets/image/icon-loc.png" />园区位置:{{
|
|
|
- item.address ? item.address : "-"
|
|
|
- }}
|
|
|
+ <img src="~@/assets/image/icon-loc.png" />园区位置:
|
|
|
+ <span>{{ item.address ? item.address : "-" }}</span>
|
|
|
</div>
|
|
|
<!-- <div class="value">
|
|
|
<img src="~@/assets/image/icon-yqlx.png" />园区类型:{{
|
|
@@ -160,9 +158,8 @@
|
|
|
}}
|
|
|
</div> -->
|
|
|
<div class="value">
|
|
|
- <img src="~@/assets/image/icon-zycy.png" />招引产业:{{
|
|
|
- item.primaryindustry
|
|
|
- }}
|
|
|
+ <img src="~@/assets/image/icon-zycy.png" />招引产业:
|
|
|
+ <span>{{ item.primaryindustry }}</span>
|
|
|
</div>
|
|
|
<div class="btn-type">
|
|
|
{{ item.kfqjb == 2 ? "省级开发区" : "国家级开发区" }}
|
|
@@ -766,6 +763,7 @@ export default {
|
|
|
{ name: "周边产业", icon: "icon-zdxm", result: [] },
|
|
|
{ name: "周边园区", icon: "icon-zdxm", result: [] },
|
|
|
],
|
|
|
+ qytsActive: -1,
|
|
|
qytsIndex: 0,
|
|
|
jbxxIndex: 0,
|
|
|
zbhjList: [],
|
|
@@ -1075,9 +1073,10 @@ export default {
|
|
|
this.analysis();
|
|
|
}, 500);
|
|
|
},
|
|
|
- zbcyClick(item) {
|
|
|
+ zbcyClick(item, index) {
|
|
|
let geojson = JSON.parse(item.geom);
|
|
|
- this.$emit("locationByGeojson", geojson,item.name);
|
|
|
+ this.$emit("locationByGeojson", geojson, item.name);
|
|
|
+ this.qytsActive = index;
|
|
|
},
|
|
|
zbyqClick(item) {
|
|
|
let geojson = JSON.parse(item.geom);
|
|
@@ -2375,6 +2374,10 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+ &.active {
|
|
|
+ background: rgba(22, 132, 252, 0.1);
|
|
|
+ border-color: rgba(22, 132, 252, .9);
|
|
|
+ }
|
|
|
.icon {
|
|
|
width: 72px;
|
|
|
height: 56px;
|
|
@@ -2384,6 +2387,7 @@ export default {
|
|
|
}
|
|
|
.value-panel {
|
|
|
flex: 1;
|
|
|
+ width: 100%;
|
|
|
height: 56px;
|
|
|
position: relative;
|
|
|
.name {
|
|
@@ -2391,6 +2395,9 @@ export default {
|
|
|
font-weight: bold;
|
|
|
font-size: 14px;
|
|
|
color: #333333;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
.value {
|
|
|
display: flex;
|
|
@@ -2401,10 +2408,15 @@ export default {
|
|
|
margin-top: 2px;
|
|
|
height: 16px;
|
|
|
}
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
+ >span {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
}
|
|
|
.type {
|
|
|
width: 73px;
|
|
@@ -2449,16 +2461,17 @@ export default {
|
|
|
flex: 1;
|
|
|
height: 140px;
|
|
|
position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
.name {
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: bold;
|
|
|
margin-bottom: 13px;
|
|
|
font-size: 15px;
|
|
|
- color: #333333;
|
|
|
}
|
|
|
.value {
|
|
|
display: flex;
|
|
|
- height: 12px;
|
|
|
margin-bottom: 15px;
|
|
|
img {
|
|
|
margin-right: 7px;
|
|
@@ -2466,6 +2479,12 @@ export default {
|
|
|
margin-top: 2px;
|
|
|
height: 16px;
|
|
|
}
|
|
|
+ >span {
|
|
|
+ color: #333333;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
font-size: 14px;
|