|
|
@@ -9,17 +9,17 @@
|
|
|
<div class="forthis">
|
|
|
<div class="i-list-con h-78">
|
|
|
<div class="d-l-con-icon">
|
|
|
- <div class="icon-con m-btm-no icon-animal-con">
|
|
|
+ <div class="icon-con m-btm-no icon-animal-con" :class="animalcount" @click="getInit()">
|
|
|
<!-- -->
|
|
|
<!--<div class="icon icon-dot"></div>-->
|
|
|
- <div class="icon-text animal-text" @click="getInit()">
|
|
|
+ <div class="icon-text animal-text">
|
|
|
<h6>9</h6>
|
|
|
<h5>总数</h5>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="d-l-con-icon">
|
|
|
- <div class="icon-con icon-animal-con" v-for="(item,index) in animalDwfb" @click="selectForestAnimalListByType(item.type)">
|
|
|
+ <div class="icon-con icon-animal-con" :class="{on:iconCurrentIndex1==item.type}" v-for="(item,index) in animalDwfb" @click="selectForestAnimalListByType(item.type)">
|
|
|
<div class="iconfont icon icon-normal icon-animal">
|
|
|
<img :src="item.src">
|
|
|
</div>
|
|
|
@@ -58,7 +58,7 @@
|
|
|
<div class="d-l-con">
|
|
|
<div id="animal-chart" style="width: 100%;height:26.2vh;"></div>
|
|
|
</div>
|
|
|
- <div class="d-l-con d-evnet-list-con" v-for="(item,index) in animalSjlb" @click="dropLocation(item.latitude,item.longitude)">
|
|
|
+ <div class="d-l-con d-evnet-list-con" :class="{on:listCurrentIndex1==index}" v-for="(item,index) in animalSjlb" @click="dropLocation(item.latitude,item.longitude,index)">
|
|
|
<img src="@/assets/images/visual/img-sample.png" class="event-list-img animal-img">
|
|
|
<div class="event-list-text">
|
|
|
<h3>{{item.eventTitle}}</h3>
|
|
|
@@ -104,6 +104,9 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ animalcount:'',
|
|
|
+ iconCurrentIndex1:'',
|
|
|
+ listCurrentIndex1:'',
|
|
|
//左右缩进
|
|
|
indentStyle: '',
|
|
|
indentleft: '',
|
|
|
@@ -191,11 +194,14 @@
|
|
|
this.$refs.supermap.layerSwitching(url, true);
|
|
|
},
|
|
|
/** ----------------------------------底部按钮公用组件结束------------------------------------- */
|
|
|
- dropLocation(lat,lng) {
|
|
|
+ dropLocation(lat,lng,index) {
|
|
|
+ this.listCurrentIndex1 = index
|
|
|
this.$refs.supermap.dropLocation(lat,lng)
|
|
|
},
|
|
|
//初始化
|
|
|
getInit() {
|
|
|
+ this.iconCurrentIndex1 = ''
|
|
|
+ this.animalcount = 'on'
|
|
|
let that = this
|
|
|
//获取左侧菜单列表
|
|
|
getInit().then(res => {
|
|
|
@@ -261,6 +267,8 @@
|
|
|
},
|
|
|
|
|
|
selectForestAnimalListByType(type){
|
|
|
+ this.iconCurrentIndex1 = type
|
|
|
+ this.animalcount = ''
|
|
|
let that = this
|
|
|
//获取左侧菜单列表
|
|
|
selectForestAnimalListByType(type).then(res => {
|
whao