灾后评估

src/api/disaster.js

@@ -8,3 +8,11 @@ export function getInit(year) {
     data:{"year":year}
   })
 }
+// 点击列表获取数据
+export function selectFireLoseByid(id) {
+  return request({
+    url: '/center-fire/VisuForestFireLossController/selectFireLoseByid',
+    method: 'post',
+    data:{"id":id}
+  })
+}

src/views/disaster.vue

@@ -9,7 +9,7 @@
       <div class="leftbar" :class="indentleft" ref="left">
         <div class="forthis">
           <div class="this-title">
-            <el-date-picker v-model="pickYear" type="year" placeholder="选择年">
+            <el-date-picker v-model="pickYear" @change="getInit()" type="year" placeholder="选择年">
             </el-date-picker>
           </div>
           <div class="i-list-con h-73">
@@ -170,7 +170,7 @@
             <div class="d-l-con" v-for="(item,index) in fireList">
               <div class="d-l-l-text" @click="choseFireList(item.id)">
                 <i class="i-small"></i>
-                <h4>{{pickYear}}年第{{index+1}}场火灾</h4>
+                <h4>{{pickYear.getYear()+1900}}年第{{index+1}}场火灾</h4>
               </div>
             </div>
           </div>
@@ -320,7 +320,7 @@
 
 <script>
   import {
-    getInit
+    getInit, selectFireLoseByid
   } from '@/api/disaster'
 
   import supermap from '@/components/supermap' //超图
@@ -435,8 +435,8 @@
           }
         ],
 
-        pickYear: '2022', //选择年份
-        graphicsList:[],//地图区域
+        pickYear: new Date(), //选择年份
+        graphicsList: [],//地图区域
         fireList: [], //右侧活在列表
         eventChartData: [], //左侧eachar图表数据
 
@@ -450,22 +450,72 @@
     },
 
     methods: {
-      choseFireList(aa){
-        alert(aa)
+      choseFireList(id) {
+        let that = this
+        selectFireLoseByid(id).then(res => {
+          //地图标记
+          if (res.data.regionalFlagBOList != null && res.data.regionalFlagBOList.length > 0) {
+            for (let i = 0; i < res.data.regionalFlagBOList.length; i++) {
+              let latlng = {
+                lat: res.data.regionalFlagBOList[i].latitude,
+                lng: res.data.regionalFlagBOList[i].longitude
+              }
+              this.graphicsList.push(latlng)
+            }
+            setTimeout(() => {
+              that.$refs.supermap.clearG()
+              that.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
+            }, 1000)
+          }else{
+            that.$refs.supermap.clearG()
+          }
+          //右侧
+          this.fireLossTotal = res.data.visuForestFireLossBO.fireLossTotal != null ? res.data.visuForestFireLossBO.fireLossTotal : 0
+          this.forestResources[0].forestArea = res.data.visuForestFireLossBO.forestArea != null ? res.data.visuForestFireLossBO.forestArea : 0
+          this.forestResources[0].forestPrice = res.data.visuForestFireLossBO.forestPrice != null ? res.data.visuForestFireLossBO.forestPrice : 0
+          this.forestResources[0].treesNumber = res.data.visuForestFireLossBO.treesNumber != null ? res.data.visuForestFireLossBO.treesNumber : 0
+          this.forestResources[0].treesPrice = res.data.visuForestFireLossBO.treesPrice != null ? res.data.visuForestFireLossBO.treesPrice : 0
+
+          this.casualties[0].minorInjuriesNumber = res.data.visuForestFireLossBO.minorInjuriesNumber != null ? res.data.visuForestFireLossBO.minorInjuriesNumber : 0
+          this.casualties[0].minorInjuriesPrice = res.data.visuForestFireLossBO.minorInjuriesPrice != null ? res.data.visuForestFireLossBO.minorInjuriesPrice : 0
+          this.casualties[0].seriouslyInjuredNumber = res.data.visuForestFireLossBO.seriouslyInjuredNumber != null ? res.data.visuForestFireLossBO.seriouslyInjuredNumber : 0
+          this.casualties[0].seriouslyInjuredPrice = res.data.visuForestFireLossBO.seriouslyInjuredPrice != null ? res.data.visuForestFireLossBO.seriouslyInjuredPrice : 0
+          this.casualties[0].deathNumber = res.data.visuForestFireLossBO.deathNumber != null ? res.data.visuForestFireLossBO.deathNumber : 0
+          this.casualties[0].deathPrice = res.data.visuForestFireLossBO.deathPrice != null ? res.data.visuForestFireLossBO.deathPrice : 0
+          this.elseFireLossPrice[0].elseFireLossPrice = res.data.visuForestFireLossBO.elseFireLossPrice != null ? res.data.visuForestFireLossBO.elseFireLossPrice : 0
+          this.blazesPriceTotal = res.data.visuForestFireLossBO.blazesPriceTotal != null ? res.data.visuForestFireLossBO.blazesPriceTotal : 0
+
+          this.fireFightingCasualties[0].artificialDays = res.data.visuForestFireLossBO.artificialDays != null ? res.data.visuForestFireLossBO.artificialDays : 0
+          this.fireFightingCasualties[0].artificialPrice = res.data.visuForestFireLossBO.artificialPrice != null ? res.data.visuForestFireLossBO.artificialPrice : 0
+          this.fireFightingCasualties[0].vehicleNumber = res.data.visuForestFireLossBO.vehicleNumber != null ? res.data.visuForestFireLossBO.vehicleNumber : 0
+          this.fireFightingCasualties[0].carNumber = res.data.visuForestFireLossBO.carNumber != null ? res.data.visuForestFireLossBO.carNumber : 0
+          this.fireFightingCasualties[0].vehiclePrice = res.data.visuForestFireLossBO.vehiclePrice != null ? res.data.visuForestFireLossBO.vehiclePrice : 0
+          this.fireFightingCasualties[0].planeNumber = res.data.visuForestFireLossBO.planeNumber != null ? res.data.visuForestFireLossBO.planeNumber : 0
+          this.fireFightingCasualties[0].planePrice = res.data.visuForestFireLossBO.planePrice != null ? res.data.visuForestFireLossBO.planePrice : 0
+
+          this.otherFireCosts[0].elseBlazesPrice = res.data.visuForestFireLossBO.elseBlazesPrice != null ? res.data.visuForestFireLossBO.elseBlazesPrice : 0
+        })
       },
       getInit() {
         let that = this
         //获取左侧菜单列表
-        getInit(this.pickYear).then(res => {
+        getInit(this.pickYear.getYear() + 1900).then(res => {
+          this.fireList = []
           //地图标记
-          if(res.data.regionalFlagBOList!=null&&res.data.regionalFlagBOList.length>0){
+          if (res.data.regionalFlagBOList != null && res.data.regionalFlagBOList.length > 0) {
             for (let i = 0; i < res.data.regionalFlagBOList.length; i++) {
-              let latlng={lat: res.data.regionalFlagBOList[i].latitude, lng: res.data.regionalFlagBOList[i].longitude};
-              this.graphicsList.push(latlng);
+              let latlng = {
+                lat: res.data.regionalFlagBOList[i].latitude,
+                lng: res.data.regionalFlagBOList[i].longitude
+              }
+              this.graphicsList.push(latlng)
             }
             setTimeout(() => {
-              that.$refs.supermap.setGraphicsList(this.graphicsList,"red")
-            },1000)
+              that.$refs.supermap.clearG()
+              that.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
+            }, 1000)
+          }else {
+            that.$refs.supermap.clearG()
           }
 
           //右侧列表
@@ -475,32 +525,59 @@
           }
 
           //左侧
-          this.forestFireLossTotal = res.data.visuForestFireLossBO.forestFireLossTotal != null ? res.data.visuForestFireLossBO.forestFireLossTotal : 0
-          this.fireLossTotalYear = res.data.visuForestFireLossBO.fireLossTotal != null ? res.data.visuForestFireLossBO.fireLossTotal : 0
-          this.forestResourcesYear[0].forestArea = res.data.visuForestFireLossBO.forestArea != null ? res.data.visuForestFireLossBO.forestArea : 0
-          this.forestResourcesYear[0].forestPrice = res.data.visuForestFireLossBO.forestPrice != null ? res.data.visuForestFireLossBO.forestPrice : 0
-          this.forestResourcesYear[0].treesNumber = res.data.visuForestFireLossBO.treesNumber != null ? res.data.visuForestFireLossBO.treesNumber : 0
-          this.forestResourcesYear[0].treesPrice = res.data.visuForestFireLossBO.treesPrice != null ? res.data.visuForestFireLossBO.treesPrice : 0
+          if (res.data.visuForestFireLossBO != null) {
+            this.forestFireLossTotal = res.data.visuForestFireLossBO.forestFireLossTotal != null ? res.data.visuForestFireLossBO.forestFireLossTotal : 0
+            this.fireLossTotalYear = res.data.visuForestFireLossBO.fireLossTotal != null ? res.data.visuForestFireLossBO.fireLossTotal : 0
+            this.forestResourcesYear[0].forestArea = res.data.visuForestFireLossBO.forestArea != null ? res.data.visuForestFireLossBO.forestArea : 0
+            this.forestResourcesYear[0].forestPrice = res.data.visuForestFireLossBO.forestPrice != null ? res.data.visuForestFireLossBO.forestPrice : 0
+            this.forestResourcesYear[0].treesNumber = res.data.visuForestFireLossBO.treesNumber != null ? res.data.visuForestFireLossBO.treesNumber : 0
+            this.forestResourcesYear[0].treesPrice = res.data.visuForestFireLossBO.treesPrice != null ? res.data.visuForestFireLossBO.treesPrice : 0
 
-          this.casualtiesYear[0].minorInjuriesNumber = res.data.visuForestFireLossBO.minorInjuriesNumber != null ? res.data.visuForestFireLossBO.minorInjuriesNumber : 0
-          this.casualtiesYear[0].minorInjuriesPrice = res.data.visuForestFireLossBO.minorInjuriesPrice != null ? res.data.visuForestFireLossBO.minorInjuriesPrice : 0
-          this.casualtiesYear[0].seriouslyInjuredNumber = res.data.visuForestFireLossBO.seriouslyInjuredNumber != null ? res.data.visuForestFireLossBO.seriouslyInjuredNumber : 0
-          this.casualtiesYear[0].seriouslyInjuredPrice = res.data.visuForestFireLossBO.seriouslyInjuredPrice != null ? res.data.visuForestFireLossBO.seriouslyInjuredPrice : 0
-          this.casualtiesYear[0].deathNumber = res.data.visuForestFireLossBO.deathNumber != null ? res.data.visuForestFireLossBO.deathNumber : 0
-          this.casualtiesYear[0].deathPrice = res.data.visuForestFireLossBO.deathPrice != null ? res.data.visuForestFireLossBO.deathPrice : 0
-          this.elseFireLossPriceYear[0].elseFireLossPrice = res.data.visuForestFireLossBO.elseFireLossPrice != null ? res.data.visuForestFireLossBO.elseFireLossPrice : 0
-          this.blazesPriceTotalYear = res.data.visuForestFireLossBO.blazesPriceTotal != null ? res.data.visuForestFireLossBO.blazesPriceTotal : 0
+            this.casualtiesYear[0].minorInjuriesNumber = res.data.visuForestFireLossBO.minorInjuriesNumber != null ? res.data.visuForestFireLossBO.minorInjuriesNumber : 0
+            this.casualtiesYear[0].minorInjuriesPrice = res.data.visuForestFireLossBO.minorInjuriesPrice != null ? res.data.visuForestFireLossBO.minorInjuriesPrice : 0
+            this.casualtiesYear[0].seriouslyInjuredNumber = res.data.visuForestFireLossBO.seriouslyInjuredNumber != null ? res.data.visuForestFireLossBO.seriouslyInjuredNumber : 0
+            this.casualtiesYear[0].seriouslyInjuredPrice = res.data.visuForestFireLossBO.seriouslyInjuredPrice != null ? res.data.visuForestFireLossBO.seriouslyInjuredPrice : 0
+            this.casualtiesYear[0].deathNumber = res.data.visuForestFireLossBO.deathNumber != null ? res.data.visuForestFireLossBO.deathNumber : 0
+            this.casualtiesYear[0].deathPrice = res.data.visuForestFireLossBO.deathPrice != null ? res.data.visuForestFireLossBO.deathPrice : 0
+            this.elseFireLossPriceYear[0].elseFireLossPrice = res.data.visuForestFireLossBO.elseFireLossPrice != null ? res.data.visuForestFireLossBO.elseFireLossPrice : 0
+            this.blazesPriceTotalYear = res.data.visuForestFireLossBO.blazesPriceTotal != null ? res.data.visuForestFireLossBO.blazesPriceTotal : 0
 
-          this.fireFightingCasualtiesYear[0].artificialDays = res.data.visuForestFireLossBO.artificialDays != null ? res.data.visuForestFireLossBO.artificialDays : 0
-          this.fireFightingCasualtiesYear[0].artificialPrice = res.data.visuForestFireLossBO.artificialPrice != null ? res.data.visuForestFireLossBO.artificialPrice : 0
-          this.fireFightingCasualtiesYear[0].vehicleNumber = res.data.visuForestFireLossBO.vehicleNumber != null ? res.data.visuForestFireLossBO.vehicleNumber : 0
-          this.fireFightingCasualtiesYear[0].carNumber = res.data.visuForestFireLossBO.carNumber != null ? res.data.visuForestFireLossBO.carNumber : 0
-          this.fireFightingCasualtiesYear[0].vehiclePrice = res.data.visuForestFireLossBO.vehiclePrice != null ? res.data.visuForestFireLossBO.vehiclePrice : 0
-          this.fireFightingCasualtiesYear[0].planeNumber = res.data.visuForestFireLossBO.planeNumber != null ? res.data.visuForestFireLossBO.planeNumber : 0
-          this.fireFightingCasualtiesYear[0].planePrice = res.data.visuForestFireLossBO.planePrice != null ? res.data.visuForestFireLossBO.planePrice : 0
+            this.fireFightingCasualtiesYear[0].artificialDays = res.data.visuForestFireLossBO.artificialDays != null ? res.data.visuForestFireLossBO.artificialDays : 0
+            this.fireFightingCasualtiesYear[0].artificialPrice = res.data.visuForestFireLossBO.artificialPrice != null ? res.data.visuForestFireLossBO.artificialPrice : 0
+            this.fireFightingCasualtiesYear[0].vehicleNumber = res.data.visuForestFireLossBO.vehicleNumber != null ? res.data.visuForestFireLossBO.vehicleNumber : 0
+            this.fireFightingCasualtiesYear[0].carNumber = res.data.visuForestFireLossBO.carNumber != null ? res.data.visuForestFireLossBO.carNumber : 0
+            this.fireFightingCasualtiesYear[0].vehiclePrice = res.data.visuForestFireLossBO.vehiclePrice != null ? res.data.visuForestFireLossBO.vehiclePrice : 0
+            this.fireFightingCasualtiesYear[0].planeNumber = res.data.visuForestFireLossBO.planeNumber != null ? res.data.visuForestFireLossBO.planeNumber : 0
+            this.fireFightingCasualtiesYear[0].planePrice = res.data.visuForestFireLossBO.planePrice != null ? res.data.visuForestFireLossBO.planePrice : 0
 
-          this.otherFireCostsYear[0].elseBlazesPrice = res.data.visuForestFireLossBO.elseBlazesPrice != null ? res.data.visuForestFireLossBO.elseBlazesPrice : 0
+            this.otherFireCostsYear[0].elseBlazesPrice = res.data.visuForestFireLossBO.elseBlazesPrice != null ? res.data.visuForestFireLossBO.elseBlazesPrice : 0
+          } else {
+            this.forestFireLossTotal = 0
+            this.fireLossTotalYear = 0
+            this.forestResourcesYear[0].forestArea = 0
+            this.forestResourcesYear[0].forestPrice = 0
+            this.forestResourcesYear[0].treesNumber = 0
+            this.forestResourcesYear[0].treesPrice = 0
 
+            this.casualtiesYear[0].minorInjuriesNumber = 0
+            this.casualtiesYear[0].minorInjuriesPrice = 0
+            this.casualtiesYear[0].seriouslyInjuredNumber = 0
+            this.casualtiesYear[0].seriouslyInjuredPrice = 0
+            this.casualtiesYear[0].deathNumber = 0
+            this.casualtiesYear[0].deathPrice = 0
+            this.elseFireLossPriceYear[0].elseFireLossPrice = 0
+            this.blazesPriceTotalYear = 0
+
+            this.fireFightingCasualtiesYear[0].artificialDays = 0
+            this.fireFightingCasualtiesYear[0].artificialPrice = 0
+            this.fireFightingCasualtiesYear[0].vehicleNumber = 0
+            this.fireFightingCasualtiesYear[0].carNumber = 0
+            this.fireFightingCasualtiesYear[0].vehiclePrice = 0
+            this.fireFightingCasualtiesYear[0].planeNumber = 0
+            this.fireFightingCasualtiesYear[0].planePrice = 0
+
+            this.otherFireCostsYear[0].elseBlazesPrice = 0
+          }
 
           //右侧
           this.fireLossTotal = res.data.visuForestFireLossBOFirst.fireLossTotal != null ? res.data.visuForestFireLossBOFirst.fireLossTotal : 0