Explorar o código

fix: 总览地图信息修改

TwoKe945 hai 1 ano
pai
achega
8f7060abb7
Modificáronse 2 ficheiros con 48 adicións e 51 borrados
  1. 1 0
      app/src/shared/mapData.js
  2. 47 51
      app/src/shared/mapInfoTemplate.js

+ 1 - 0
app/src/shared/mapData.js

@@ -43,6 +43,7 @@ export function loadMapData(selectMapType) {
             meta: item,
           }))
         );
+        console.log("---------", res)
         resolve({
           legendData,
           heatMap

+ 47 - 51
app/src/shared/mapInfoTemplate.js

@@ -1,5 +1,26 @@
 import { createMapChartWindowInfo } from "@/utils";
 
+
+/**
+人口密度
+公众消防安全常识知晓率
+大型商业综合体数量
+消防远程监控系统覆盖率
+火灾亡人数
+火灾直接财产损失数
+火灾起数
+百栋高层建筑消防站拥有率
+百栋高层建筑高技术性能消防车拥有率
+超高层建筑数量
+重大火灾隐患数
+高层建筑面积密度
+高层建筑风险预警指数
+*/
+
+function toPercent(val) {
+  return `${val}`.substring(0, 8)
+}
+
 /**
  * 总览默认地图消息弹窗模板
  * @param {*} params
@@ -11,59 +32,34 @@ function DEFAULT(params) {
   let res = `
   <table>
     <tr>
-      <td>直接财产损失 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${Math.ceil(
-        (item.zjccss || 0) / 10000
-      )}</span>万元</td>
-      <td></td>
-    </tr>
-    <tr>
-      <td>人口数量 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.rksl || 0
-      }</span>万人</td>
-      <td>建筑总数 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.jzzs || 0
-      }</span>栋</td>
-    </tr>
-    <tr>
-      <td>建成区面积 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.jcmj || 0
-      }</span>km²</td>
-      <td>超高层建筑数量 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.cgcjzsl || 0
-      }</span>栋</td>
-    </tr>
-    <tr>
-      <td>物联网接入建筑数 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.wlwjrjz || 0
-      }</span>个</td>
-      <td>消防站 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.xfz || 0
-      }</span>栋</td>
-    </tr>
-    <tr>
-      <td>火灾起数 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.hzqs || 0
-      }</span>起</td>
-      <td>亡人数 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.wrs || 0
-      }</span>人</td>
-    </tr>
-    
-    <tr>
-      <td>重大风险 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.hse || 0
-      }</span>栋</td>
-      <td>较大风险 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.cs || 0
-      }</span>栋</td>
+      <td>综合得分 <span style="font-size: 24px;color:red;font-weight:600;">${(item.总分 || 0).toFixed(2)}</span></td>
     </tr>
     <tr>
-      <td>一般风险 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.hs || 0
-      }</span>栋</td>
-      <td>低风险 <span style="font-size: 24px;color:#ffb800;font-weight:400;">${
-        item.ls || 0
-      }</span>栋</td>
+      <td>人口密度</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.人口密度)||0}</span>万人/km²</td>
+    </tr><tr>
+      <td>公众消防安全常识知晓率</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.公众消防安全常识知晓率)||0}</span></td>
+    </tr><tr>
+      <td>大型商业综合体数量</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.大型商业综合体数量)||0}</span>栋</td>
+    </tr><tr>
+      <td>消防远程监控系统覆盖率</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.消防远程监控系统覆盖率)||0}</span></td>
+    </tr><tr>
+      <td>火灾亡人数</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.火灾亡人数)||0}</span>人</td>
+    </tr><tr>
+      <td>火灾直接财产损失数</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.火灾直接财产损失数)||0}</span>万元</td>
+    </tr><tr>
+      <td>火灾起数</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.火灾起数)||0}</span>起</td>
+    </tr><tr>
+      <td>百栋高层建筑消防站拥有率</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.百栋高层建筑消防站拥有率)||0}</span>个/百栋</td>
+    </tr><tr>
+      <td>百栋高层建筑高技术性能消防车拥有率</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.百栋高层建筑高技术性能消防车拥有率)||0}</span>台/百栋</td>
+    </tr><tr>
+      <td>超高层建筑数量</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.超高层建筑数量)||0}</span>栋</td>
+    </tr><tr>
+      <td>重大火灾隐患数</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.重大火灾隐患数)||0}</span>个</td>
+    </tr><tr>
+      <td>高层建筑面积密度</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.高层建筑面积密度)||0}</span>栋/km²</td>
+    </tr><tr>
+      <td>高层建筑风险预警指数</td><td><span style="font-size:24px;color:#ffb800;font-weight:400;text-align: right;">${toPercent(item.高层建筑风险预警指数)||0}</span></td>
     </tr>
   </table>
   `;