fix：火灾分布经济损失-预警预测

app/src/views/FireCondition/components/hzfbCont.vue

@@ -48,7 +48,6 @@ export default {
     qy: {
       handler(val) {
         this.value = val;
-        console.log("-------------test", val)
         this.funUnitList();
       },
       immediate: true
@@ -76,7 +75,14 @@ export default {
         qx: this.value === "重庆市" ? "" : this.value,
 		      queryRqTime: this.params.queryRqTime ? this.params.queryRqTime.map(item => moment(item).format('yyyy-MM-DD')).join(',') : null,
 		    }).then((res) => {
-        this.tableData = res.data.rows;
+          let list=res.data.rows
+          list.map(item=>{
+            if(item.zjccss){
+              // item.zjccss
+            item.zjccss= (item.zjccss/10000).toFixed(2)
+            }
+          })
+        this.tableData = list;
         this.total = res.data.total;
       });
     },

app/src/views/FireCondition/components/hzfxCont.vue

@@ -76,6 +76,9 @@
 					...this.params,
 					qx: this.qy === "重庆市" ? "" : this.qy,
 				}).then((res) => {
+					if(res.data.zjccss){
+						res.data.zjccss=(res.data.zjccss/10000).toFixed(2)	
+					}
 					this.options = [res.data];
 					// console.log(this.options,'关键指标');
 				});

app/src/views/Home/components/RiskWarning.vue

@@ -92,37 +92,43 @@
       <div
         style="display: flex; flex-wrap: wrap; justify-content: space-around"
       >
-        <div class="card">
+        <div class="card" >
           <div class="left-card">
             <div class="card-item">重大风险</div>
           </div>
-          <div class="right-card">{{ showValue("重大风险") }}</div>
+          <div class="right-card" @click="showStice('重大风险')">{{ showValue("重大风险") }}</div>
         </div>
         <div class="card">
           <div class="left-card" style="background: #ff833d">
             <div class="card-item">较大风险</div>
           </div>
-          <div class="right-card">{{ showValue("较大风险") }}</div>
+          <div class="right-card" @click="showStice('较大风险')">{{ showValue("较大风险") }}</div>
         </div>
         <div class="card">
           <div class="left-card" style="background: #fbff3d">
             <div class="card-item">一般风险</div>
           </div>
-          <div class="right-card">{{ showValue("一般风险") }}</div>
+          <div class="right-card" @click="showStice('一般风险')">{{ showValue("一般风险") }}</div>
         </div>
         <div class="card">
           <div class="left-card" style="background: #35c2ff">
             <div class="card-item">低风险</div>
           </div>
-          <div class="right-card">{{ showValue("低风险") }}</div>
+          <div class="right-card" @click="showStice('低风险（蓝色）')">{{ showValue("低风险") }}</div>
         </div>
       </div>
     </div>
     <!-- 预测 -->
-    <div style="width: 434px; height: 340px; margin-left: 2px;" v-show="idx==2">
-      单位：起
+    <div style="width: 434px; height: 340px; margin-left: 2px; text-align: right;" v-show="idx==2">
+      <span >单位：起</span>
       <div ref="chart" style="width: 434px; height: 150px" />
+      <div style="display: flex; align-items: center; font-size: 16px; margin-left: 5px;">
+      <div class="time-on">近期防火重点预测</div>
+      <div>用电用气</div>
+    </div>
     </div>
+    <!-- 近期防火重点预测 -->
+   
   </div>
 </template>
 
@@ -363,22 +369,22 @@ export default {
   margin-left: 8px;
 }
 .tab {
-  // width: 120px;
-  // height: 27px;
-  // margin: 9px 12px;
+  width: 120px;
+  height: 27px;
+  margin: 9px 12px;
   // background: #ccc;
   // transform: perspective(0.5em) rotateX(5deg);
-  // font-size: 16px;
-  // text-align: center;
-  // line-height: 27px;
+  font-size: 16px;
+  text-align: center;
+  line-height: 27px;
   // color: black;
   border-radius: 5px;
     box-sizing: border-box;
     background: linear-gradient(360deg, #0094ff90 0%, #0094ff10 100%);
 }
 .active {
-  background: rgb(93, 169, 231);
-  color: #fff;
+  // background: rgb(93, 169, 231);
+  color: rgb(93, 169, 231);
 }
 .card {
   width: 200px;
@@ -410,4 +416,13 @@ export default {
     text-align: center;
   }
 }
+.time-on{
+  width: 120px;
+  height: 40px;
+  border: 1px solid rgb(93, 169, 231);
+  font-size: 14px;
+  line-height: 40px;
+  text-align: center;
+  margin-right: 5px;
+}
 </style>