feat:火点更新

src/components/view/right/viewRight.component.html

@@ -8,7 +8,7 @@
         <div class="text-con  flex-0">
             {{viewRightData.data.content}}
         </div>
-        <h3 class="sub-title  flex-0">模拟火情</h3>
+        <h3 v-show="viewRightData.data.dataList.length>0" class="sub-title  flex-0">模拟火情</h3>
         <div class="right-view-list">
             <div class="right-view-item d-flex align-items-center" @click="showDetail(item)" v-for="(item,i) in viewRightData.data.dataList">
 <!--                <img v-if="1%2 === 0" src="~@/assets/img/view/fire.png" alt="">

src/components/warningList.component.vue

@@ -5,7 +5,7 @@
          :data-index="i"
          class="warning-list-box animate__animated">
       <div :data-index="i" class="warning-list-box-title">{{ item.title }}</div>
-      <div :data-index="i" class="warning-list-box-info">{{ item.info }}</div>
+      <div :data-index="i" :title="item.info" class="warning-list-box-info">{{ item.info }}</div>
 <!--      <div :data-index="i" class="warning-list-box-date">{{ item.time }}</div>-->
     </div>
     <div class="d-flex align-items-center is-justify-space-center" v-show="dataList.length === 0">

src/store/index.ts

@@ -233,12 +233,12 @@ export default new Vuex.Store({
             '通过这种油罐火灾事故处置训练设施，消防人员能够在接近真实火灾环境中训练，提高熟练度和技能。这对于提高消防队伍的整体应对能力和降低重大火灾事故风险具有重要意义。',
         level:'3',
         position:[
-          11661039.260938,
+          11661009.394687,
-          3692602.370615,
+          3692599.953516,
-          46.328384,
+          88.347148,
-          -85.23777,
+          -45.539948,
-          63.604343,
+          71.90834,
-          -0.000082
+          0.000002
         ],
         pointList:[
           {
@@ -276,7 +276,7 @@ export default new Vuex.Store({
           }
         ]
       },{
-        title:'危险化学品槽罐车火灾泄漏事故处置训练设施',
+        title:'危化品槽罐车火灾泄漏事故处置训练设施',
         info:'危险化学品槽罐车火灾泄漏事故处置训练设施是一种专业的训练设备，旨在为应对危险化学品槽罐车发生火灾、泄漏等事故的相关人员提供实际操作和技能培训。',
         main:'危险化学品槽罐车火灾泄漏事故处置训练设施是一种专业的训练设备，旨在为应对危险化学品槽罐车发生火灾、泄漏等事故的相关人员提供实际操作和技能培训。这种设施模拟了实际危险化学品运输的场景，帮助应急响应部门、消防队伍和相关企业人员掌握槽罐车泄漏事故的处理流程，提高应对突发事故的能力。\n' +
             '\n' +
@@ -295,19 +295,20 @@ export default new Vuex.Store({
             '通过使用危险化学品槽罐车火灾泄漏事故处置训练设施，相关人员可以在仿真环境中熟悉危险化学品事故的应急处理程序，掌握相关设备的使用方法，提高化学品泄漏和火灾事故的处置能力，为日常工作和突发事件提供有力的保障。',
         level:'3',
         position:[
-          11661039.260938,
+          11661011.309062,
-          3692602.370615,
+          3692500.402813,
-          46.328384,
+          49.279678,
-          -85.23777,
+          -48.485798,
-          63.604343,
+          65.995995,
-          -0.000082
+          0.000003
         ],
         pointList:[
           {
             name:'',
           }
         ]
-      },{
+      }
+      /*,{
         title:'高空救助训练设施 ',
         info:'高空救助训练设施是一种专业针对高空作业人员、救援队伍及相关行业从业者进行高空救助技能培训的场所和设备。此类设施旨在提高参训者在高处进行救援任务时的安全性、效率和技能水平。',
         main:'高空救助训练设施是一种专业针对高空作业人员、救援队伍及相关行业从业者进行高空救助技能培训的场所和设备。此类设施旨在提高参训者在高处进行救援任务时的安全性、效率和技能水平。这些设施一般会包括以下几个主要部分：\n' +
@@ -330,7 +331,7 @@ export default new Vuex.Store({
             name:'',
           }
         ]
-      }
+      }*/
     ],
     peopleList:[],
     companyList:[],

src/views/overview.component.html

@@ -36,10 +36,10 @@
     </div>
 
 
-    <div class="fixed-btn" @click="resetMap">
+    <div class="fixed-btn" v-show="!hideAllPanel" @click="resetMap">
         <hbt-svg name="fixed"></hbt-svg>
     </div>
-    <div class="layer-btn-box" :style="{height:openLayerDrawer?(currentLayers.length+1) * 50+'px':'50px'}">
+    <div class="layer-btn-box" v-show="!hideAllPanel" :style="{height:openLayerDrawer?(currentLayers.length+1) * 50+'px':'50px'}">
         <div class="layer-btn" :class="{active:item.selected}" v-show="openLayerDrawer"
              v-for="(item,index) in currentLayers" :key="index">
             <el-tooltip effect="dark" :content="item.name" placement="left">

src/views/overview.component.ts

@@ -353,6 +353,22 @@ export default class OverViewComponent extends BaseComponent {
             }
         }
         this.addCustom(this.viewLayer[item.id],item.hasPop);
+        if(item.needFocus){
+            if(item.look){
+                this.player.api.camera.lookAt(
+                    item.look[0],
+                    item.look[1],
+                    item.look[2],
+                    0,
+                    item.look[4], //pitch
+                    item.look[5], //yaw
+                    2
+                )
+            }else{
+                this.player.api.customObject.focus(item.id,item.distance,2)
+            }
+
+        }
     }
     mounted() {
     }