whao 2 éve
szülő
commit
ba8d56034a
1 módosított fájl, 7 hozzáadás és 5 törlés
  1. 7 5
      src/views/disaster.vue

+ 7 - 5
src/views/disaster.vue

@@ -14,14 +14,14 @@
           </div>
           <div class="i-list-con h-73">
             <div class="d-l-con-icon">
-              <div class="icon-con w-50 m-btm-no">
+              <div class="icon-con  m-btm-no">
                 <div class="icon icon-dot"></div>
                 <div class="icon-text flex-r">
                   <h5>{{numberFiresYear}}次</h5>
                   <h5>火灾次数</h5>
                 </div>
               </div>
-              <div class="icon-con w-50 m-btm-no">
+              <div class="icon-con m-btm-no">
                 <div class="icon icon-dot"></div>
                 <div class="icon-text flex-r">
                   <h5>{{forestFireLossTotal}}万元</h5>
@@ -167,8 +167,8 @@
             <span>列表</span>
           </div>
           <div class="i-list-con h-19">
-            <div class="d-l-con" v-for="(item,index) in fireList">
-              <div class="d-l-l-text" @click="choseFireList(item.id)">
+            <div class="d-l-con" :class="{on:listCurrentIndex==index}" v-for="(item,index) in fireList" :key="index"   @click="choseFireList(item.id,index)">
+              <div class="d-l-l-text" >
                 <i class="i-small"></i>
                 <h4>{{pickYear.getYear()+1900}}年第{{index+1}}场火灾</h4>
               </div>
@@ -348,6 +348,7 @@
     },
     data() {
       return {
+		listCurrentIndex:0,
         numberFiresYear: 0,
         forestFireLossTotal: 0,
         fireLossTotalYear: 0,
@@ -476,7 +477,8 @@
         this.$refs.supermap.layerSwitching(url, true);
       },
       /** ----------------------------------底部按钮公用组件结束------------------------------------- */
-      choseFireList(id) {
+      choseFireList(id,index) {
+		this.listCurrentIndex = index
         let that = this
         selectFireLoseByid(id).then(res => {
           //地图标记