From ab8f893edcd0d87c8d175eccc98610b6899ff5b9 Mon Sep 17 00:00:00 2001
From: guangyin <guangyin@hanbangtang.com>
Date: Fri, 19 May 2023 16:00:01 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=E6=A0=91=E5=BD=A2=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=20=E5=91=8A=E8=AD=A6=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E8=AE=BE=E6=96=BD=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/left/homeLeft.component.html         |   2 +-
 src/components/warningDetail.component.vue    |  44 +-
 src/components/warningList.component.vue      |  16 +-
 src/mock/treeData.ts                          | 863 ++++++++++++++----
 src/store/index.ts                            | 311 ++++++-
 src/views/overview.component.scss             |   2 +-
 src/views/overview.component.ts               |  16 +-
 7 files changed, 1053 insertions(+), 201 deletions(-)

diff --git a/src/components/home/left/homeLeft.component.html b/src/components/home/left/homeLeft.component.html
index 236d06a..fadb756 100644
--- a/src/components/home/left/homeLeft.component.html
+++ b/src/components/home/left/homeLeft.component.html
@@ -73,7 +73,7 @@
     </div>
     <div class="box-content  margin-top-47">
         <title-component :imgSrc="imgSrc">
-            告警列表
+            设施列表
         </title-component>
         <warning-list-component class="margin-top-23" @getItem="showWaring"
                                 @changeClose="changeClose"
diff --git a/src/components/warningDetail.component.vue b/src/components/warningDetail.component.vue
index 59b8d8a..80cd1a8 100644
--- a/src/components/warningDetail.component.vue
+++ b/src/components/warningDetail.component.vue
@@ -5,35 +5,20 @@
     </title-component>
     <div class="info-content tb-style">
       <div class="info-content-text">
-        <span class="label">告警类型：</span>
-        <span class="text">{{info.typeName}}</span>
-      </div>
-      <div class="info-content-text">
-        <span class="label">告警级别：</span>
-        <span class="text" :class="info.levelClass">{{info.levelName}}</span>
-        <i class="cycle-icon" :class="info.levelClass"></i>
-      </div>
-      <div class="info-content-text">
-        <span class="label">告警内容：</span>
-        <span class="text">{{info.content}}</span>
-      </div>
-      <div class="info-content-text">
-        <span class="label">告警时间：</span>
-        <span class="text">{{info.time}}</span>
+        <span class="label">设施名称：</span>
+        <span class="text">{{info.title}}</span>
       </div>
       <div class="info-content-text cursor-pointer">
-        <span class="label">告警设备：</span>
-        <span class="text">{{info.equipment}}</span>
-        <i @click="changePoint(info)" class="position-icon"></i>
+        <span class="label">设施介绍：</span>
       </div>
-      <div @click="getHazardData" class="info-content-text cursor-pointer" v-if="info.linkDangerSource">
-        <span class="label">关联危险源：</span>
-        <span class="text blue">{{info.linkDangerSource}}</span>
+      <div class="info-content-text main-text-style">
+        {{info.main}}
       </div>
-      <div v-if="info.tableData" class="info-content-text cursor-pointer">
-        <span class="label">数据详情：</span>
-      </div>
-      <el-table
+
+
+
+
+<!--      <el-table
           v-if="info.tableData"
           :data="info.tableData"
           style="width: 100%"
@@ -53,7 +38,7 @@
           </template>
         </el-table-column>
 
-      </el-table>
+      </el-table>-->
 <!--      <el-button class="pop-btn-style margin-top-30" @click="deal">处理</el-button>-->
     </div>
   </div>
@@ -70,7 +55,7 @@ export default class WarningDetailComponent extends Vue {
   //传入的报警信息详情
   @Prop({default: []}) info!: any[];
   //传入的报警信息详情
-  @Prop({default: '告警详情'}) title!: any[];
+  @Prop({default: '设施详情'}) title!: any[];
 
   //表格添加类
   tableRowClassName({row, rowIndex}) {
@@ -124,5 +109,8 @@ export default class WarningDetailComponent extends Vue {
 .tb-info-style {
   margin-bottom: 20px;
 }
-
+.main-text-style{
+  white-space: pre-wrap;
+  text-indent: 2em;
+}
 </style>
diff --git a/src/components/warningList.component.vue b/src/components/warningList.component.vue
index fa095b6..5c07809 100644
--- a/src/components/warningList.component.vue
+++ b/src/components/warningList.component.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="warning-list scroll-list">
     <div v-show="dataList.length>0" @click="getItem(item)" :key="i" v-for="(item,i) in dataList"
-         :class="[warningBgMap[item.level]]"
+
          :data-index="i"
-         class="warning-list-box red-warning-bg animate__animated">
+         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" class="warning-list-box-date">{{ item.time }}</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">
       <i class="el-icon-warning-outline"></i><span>暂无数据</span>
@@ -99,6 +99,8 @@ export default class WarningListComponent extends Vue {
     padding: 10px 24px;
     cursor: pointer;
     margin-bottom: 10px;
+    border-left: 4px solid #7FB0FF;
+    background-color: rgba(127, 176, 255, 0.2);
 
     &-title {
       font-size: 14px;
@@ -110,10 +112,12 @@ export default class WarningListComponent extends Vue {
       font-size: 12px;
       color: #E8E8E8;
       margin: 8px 0;
-      width: 216px;
+      //width: 216px;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+
     }
 
     &-date {
diff --git a/src/mock/treeData.ts b/src/mock/treeData.ts
index a35f8bc..4a618b0 100644
--- a/src/mock/treeData.ts
+++ b/src/mock/treeData.ts
@@ -8,91 +8,264 @@ export const treeData = [
         id: Mock.mock("@id"),
         label: '技能训练设施',
         type: 'skill',
-        data: {
-            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-            dataList: [
-                {
+        children: [
+            {
+                id: Mock.mock("@id"),
+                label: '体能',
+                children: [ {
                     id: Mock.mock("@id"),
-                    rate: 1,
-                    title: '顶层沸溢火',
-                    point: 1,
-                    position: [
-                        11660785.92,
-                        3692445.44,
-                        23.0313525390625
-                    ],
-                    img:img1,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 2,
-                    title: '顶层沸溢火',
-                    point: 1,
-                    position: [
-                        11660674.56,
-                        3692452.8000000003,
-                        21.751074218750002
-                    ],
-                    img:img2,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 4,
-                    title: '顶层沸溢火',
-                    point:3,
-                    position: [[
-                        11660930.56,
-                        3692587.52,
-                        21.947177734375
-                    ],[
-                        11660902.4,
-                        3692583.68,
-                        21.947197265625
-                    ],[
-                        11660860.16,
-                        3692580.8000000003,
-                        21.94720703125
-                    ]],
-                    img:img1,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 3,
-                    title: '罐体火灾',
-                    point: 1,
-                    position: [
-                        11661059.84,
-                        3692514.24,
-                        13.2171923828125
-                    ],
-                    img:img2,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 4,
-                    title: '油罐车爆炸',
-                    point: 1,
-                    position: [
-                        11661045.76,
-                        3692601.6,
-                        2.3062506103515625
-                    ],
-                    img:img1,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }
-            ]
-        },
+                    label: '田径场',
+                    data: {
+                        content: '1. 提供训练场地：田径场为消防员提供一个广阔、平整的训练场地，帮助他们进行各种体能训练，如跑步、跳高、跳远等。这种训练可以增强消防员的身体素质，提高他们应对火灾、抢险救援等紧急情况时的反应速度和行动能力。\n' +
+                            '\n' +
+                            '2. 举办竞赛活动：田径场可以用于举办消防专业竞赛或综合性体育运动会，以检验消防员的体能和技能水平，激发他们的团队精神和向心力。\n' +
+                            '\n' +
+                            '3. 增进团队凝聚力：通过在田径场进行各种体育活动，消防员之间可以增进沟通、加强团队协作能力，提高整体战斗力。\n' +
+                            '\n' +
+                            '4. 提高教学质量：田径场为消防教育训练提供了丰富的实践条件，有利于提高消防员的动手能力和实际操作能力。\n' +
+                            '\n' +
+                            '5. 宣传普及消防知识：通过在田径场开展消防知识宣传活动，可以提高社会公众的消防意识，传播消防安全知识，降低火灾事故发生的可能性。',
+                        dataList: [
+                            {
+                                id: Mock.mock("@id"),
+                                rate: 1,
+                                title: '田径场',
+                                point: 1,
+                                position: [
+                                    11660785.92,
+                                    3692445.44,
+                                    23.0313525390625
+                                ],
+                                img:img1,
+                                content: '田径场为消防员提供一个广阔、平整的训练场地，帮助他们进行各种体能训练，如跑步、跳高、跳远等。这种训练可以增强消防员的身体素质，提高他们应对火灾、抢险救援等紧急情况时的反应速度和行动能力。',
+                                mainPoint:"田径场为消防员提供一个广阔、平整的训练场地，帮助他们进行各种体能训练，如跑步、跳高、跳远等。这种训练可以增强消防员的身体素质，提高他们应对火灾、抢险救援等紧急情况时的反应速度和行动能力。"
+                            }
+                        ]
+                    },
+                    children: []
+                },
+                    {
+                        id: Mock.mock("@id"),
+                        label: '球类训练场',
+                        data: {
+                            content: '主要用于培训和提高消防队员们的团队协作、沟通和应急处理能力。在球类训练场上，消防队员们通过参与篮球、足球、排球等球类运动，锻炼他们的身体素质，增强他们在灾难现场的快速反应和应对能力。同时，球类训练场也有助于提高消防队员之间的默契配合，强化他们的团队精神，使他们在执行任务时能够更加高效地进行紧急救援。',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '球类训练场',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '主要用于培训和提高消防队员们的团队协作、沟通和应急处理能力。在球类训练场上，消防队员们通过参与篮球、足球、排球等球类运动，锻炼他们的身体素质，增强他们在灾难现场的快速反应和应对能力。同时，球类训练场也有助于提高消防队员之间的默契配合，强化他们的团队精神，使他们在执行任务时能够更加高效地进行紧急救援。',
+                                    mainPoint:"主要用于培训和提高消防队员们的团队协作、沟通和应急处理能力。在球类训练场上，消防队员们通过参与篮球、足球、排球等球类运动，锻炼他们的身体素质，增强他们在灾难现场的快速反应和应对能力。同时，球类训练场也有助于提高消防队员之间的默契配合，强化他们的团队精神，使他们在执行任务时能够更加高效地进行紧急救援。"
+                                }
+                            ]
+                        },
+                        children: []
+                    },
+                    {
+                        id: Mock.mock("@id"),
+                        label: '器械训练设施',
+                        data: {
+                            content: '消防训练基地的器械训练设施在消防员培训过程中起到非常重要的作用。这些设施可以帮助消防员在安全的环境中学习和练习不同的消防技能，以便在实际工作中更有效、安全地进行救援和灭火。下面是一些器械训练设施的主要作用：\n' +
+                                '\n' +
+                                '1. 提高消防员的实际操作能力：通过实际操作各种设备，消防员可以熟悉和掌握各种消防器材的使用方法，提高在火场或救援现场的应对能力。\n' +
+                                '\n' +
+                                '2. 增强消防员的心理素质：实际应对火灾和救援任务需要消防员冷静、果断和勇敢。通过模拟实际情况下的训练，消防员可以在相对安全的环境中提高应对紧急情况的心理素质。\n' +
+                                '\n' +
+                                '3. 提高团队协作能力：火场救援和灭火通常需要多人协同完成。器械训练设施可以帮助消防员磨练团队协作能力，提高整个团队的执行力和工作效率。\n' +
+                                '\n' +
+                                '4. 提高应对复杂场景的能力：器械训练设施通常包含不同类型和场景的模拟环境，如高层建筑火灾、地下空间火灾等。这些训练可以帮助消防员适应各种复杂环境，提高在实际火灾现场的灵活性和应变能力。\n' +
+                                '\n' +
+                                '5. 培训安全性：消防训练基地的器械训练设施在设计和使用过程中，会充分考虑到消防员的安全，通过设施和教官的指导，降低训练中的安全风险。\n' +
+                                '\n' +
+                                '总之，消防训练基地的器械训练设施对于培养高素质、专业的消防员具有重要作用。通过这些设施的训练，消防员可以全面提高自己在火场救援和灭火任务中的综合能力，确保在实际工作中能够有效、安全地执行任务。',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '器械训练设施',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '消防训练基地的器械训练设施在消防员培训过程中起到非常重要的作用。这些设施可以帮助消防员在安全的环境中学习和练习不同的消防技能，以便在实际工作中更有效、安全地进行救援和灭火。',
+                                    mainPoint:"1. 提高消防员的实际操作能力：通过实际操作各种设备，消防员可以熟悉和掌握各种消防器材的使用方法，提高在火场或救援现场的应对能力。\n" +
+                                        "\n" +
+                                        "2. 增强消防员的心理素质：实际应对火灾和救援任务需要消防员冷静、果断和勇敢。通过模拟实际情况下的训练，消防员可以在相对安全的环境中提高应对紧急情况的心理素质。\n" +
+                                        "\n" +
+                                        "3. 提高团队协作能力：火场救援和灭火通常需要多人协同完成。器械训练设施可以帮助消防员磨练团队协作能力，提高整个团队的执行力和工作效率。\n" +
+                                        "\n" +
+                                        "4. 提高应对复杂场景的能力：器械训练设施通常包含不同类型和场景的模拟环境，如高层建筑火灾、地下空间火灾等。这些训练可以帮助消防员适应各种复杂环境，提高在实际火灾现场的灵活性和应变能力。\n" +
+                                        "\n" +
+                                        "5. 培训安全性：消防训练基地的器械训练设施在设计和使用过程中，会充分考虑到消防员的安全，通过设施和教官的指导，降低训练中的安全风险。"
+                                }
+                            ]
+                        },
+                        children: []
+                    }]
+            }, {
+                id: Mock.mock("@id"),
+                label: '基础技能',
+                children: [
+                    {
+                        id: Mock.mock("@id"),
+                        label: '心理训练设施',
+                        data: {
+                            content: '消防训练基地的心理训练设施主要对消防员进行心理素质的培训和提升',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '心理训练设施',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '消防训练基地的心理训练设施主要对消防员进行心理素质的培训和提升',
+                                    mainPoint:"消防训练基地的心理训练设施主要对消防员进行心理素质的培训和提升。这类设施的作用主要有以下几个方面：\n" +
+                                        "\n" +
+                                        "1. 增强心理素质：心理训练设施通过模拟各种紧急情况，帮助消防员提高心理承受能力，增强心理抗压能力。这有助于他们在实际应对火灾等突发事件时保持冷静，高效完成任务。\n" +
+                                        "\n" +
+                                        "2. 提高团队协作：心理训练设施可以通过模拟团队任务来提高消防员之间的团队协作能力。通过彼此协作以解决问题，消防员们可以学会更好地支持同事，加强团队精神。\n" +
+                                        "\n" +
+                                        "3. 应对焦虑和恐惧：紧急情况往往伴随着极大的焦虑和恐惧。心理训练设施可以帮助消防员学会如何在压力较大的情况下面对及克服这些负面情绪，使他们在执行任务时能够保持专注。\n" +
+                                        "\n" +
+                                        "4. 增强沟通能力：消防员在执行任务时需要与不同的人沟通，包括受灾民众、其他救援人员等。心理训练设施通过模拟各种沟通场景，帮助消防员提高沟通和应变能力，确保信息准确传递。\n" +
+                                        "\n" +
+                                        "5. 提高心理治愈能力：心理训练设施还可以通过辅导及疗愈课程，帮助消防员在经历创伤性事件后进行心理疗愈。这有助于他们更快地从心理创伤中恢复，维护良好的心理健康。"
+                                }
+                            ]
+                        },
+                        children: []
+                    },
+                    {
+                        id: Mock.mock("@id"),
+                        label: '烟热训练设施',
+                        data: {
+                            content: '烟热训练设施是一种专门为消防员提供实战训练和技能提升的模拟环境。这个设施模拟了火灾现场产生的烟雾和高温环境，以帮助消防员了解火灾现场的实际情况，提高他们的应对能力。',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '顶层沸溢火',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '烟热训练设施是一种专门为消防员提供实战训练和技能提升的模拟环境。这个设施模拟了火灾现场产生的烟雾和高温环境，以帮助消防员了解火灾现场的实际情况，提高他们的应对能力。',
+                                    mainPoint:'烟热训练设施是一种专门为消防员提供实战训练和技能提升的模拟环境。这个设施模拟了火灾现场产生的烟雾和高温环境，以帮助消防员了解火灾现场的实际情况，提高他们的应对能力。\n' +
+                                        '\n' +
+                                        '主要特点和功能如下：\n' +
+                                        '\n' +
+                                        '1. 模拟火灾现场：烟热训练设施可以模拟各种火灾情况，如室内火灾、物体燃烧、烟雾层等，为消防员提供模拟现实火灾场景的训练。\n' +
+                                        '\n' +
+                                        '2. 实战演练：消防员可以在训练过程中进行搜救、灭火、疏散等实战演练，提高他们在火灾现场应对的能力。\n' +
+                                        '\n' +
+                                        '3. 烟雾和高温模拟：烟热训练设施会产生大量烟雾，让消防员在失去视力的情况下寻找被困人员，同时还可以模拟火灾现场的高温环境以增强消防员的耐热能力。\n' +
+                                        '\n' +
+                                        '4. 安全管理：烟热训练设施配备了专业的安全管理系统，如监控摄像头、紧急报警系统，确保训练过程中的安全。\n' +
+                                        '\n' +
+                                        '5. 可调整的训练环境：烟热训练设施可以根据需要调整火源、烟雾浓度、训练场地等设置，以满足不同级别消防员的训练需求。'
+                                }
+                            ]
+                        },
+                        children: []
+                    },
+                    {
+                        id: Mock.mock("@id"),
+                        label: '燃烧训练设施',
+                        data: {
+                            content: '燃烧训练设施是消防员和救援人员进行实战演练的重要场所，旨在通过模拟各种火灾场景和环境，提高人员的应对能力和处置火灾的技巧。',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '燃烧训练设施',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '燃烧训练设施是消防员和救援人员进行实战演练的重要场所，旨在通过模拟各种火灾场景和环境，提高人员的应对能力和处置火灾的技巧。',
+                                    mainPoint:'燃烧训练设施是消防员和救援人员进行实战演练的重要场所，旨在通过模拟各种火灾场景和环境，提高人员的应对能力和处置火灾的技巧。燃烧训练设施通常包括以下几个方面：\n' +
+                                        '\n' +
+                                        '1. 实战模拟场景：通过模拟各种真实火灾场景（如住宅、工厂、商场、隧道等），让消防员和救援人员在实际环境中训练灭火、搜救、疏散等技能。\n' +
+                                        '\n' +
+                                        '2. 火源控制：燃烧训练设施通常采用可控火源，如燃气火焰、油火等，以确保训练过程中人员的安全，并可以根据需要调整火势和火场。\n' +
+                                        '\n' +
+                                        '3. 烟雾模拟：通过产生大量烟雾，模拟火场中的复杂环境，提高救援人员在低能见度条件下的作战能力。\n' +
+                                        '\n' +
+                                        '4. 模拟高空作业：设有具备高空环境的训练塔楼，让消防员和救援人员在高空作业时能熟练掌握施救技巧和使用高空设备。\n' +
+                                        '\n' +
+                                        '5. 模拟水域救援：水域救援训练区模拟各种水下场景，使消防员能熟练进行水上及水下抢险救援。\n' +
+                                        '\n' +
+                                        '6. 特种救援训练区：提供模拟工业场所、矿井、化工厂等特殊环境的消防训练，以提高救援人员在复杂条件下的作战能力。\n' +
+                                        '\n' +
+                                        '7. 教学设施：一般燃烧训练设施还会配备多媒体教学室、理论培训教室等辅助教学设施，以便结合实际操作进行全面的消防知识培训。\n' +
+                                        '\n' +
+                                        '燃烧训练设施的目标是培养消防员和救援人员面对各种火灾场景时的灵活应变、临危不乱的心理素质，以及正确地使用消防设备和器材进行有效救援。'
+                                }
+                            ]
+                        },
+                        children: []
+                    },
+                    {
+                        id: Mock.mock("@id"),
+                        label: '火幕墙训练设施',
+                        data: {
+                            content: '火幕墙训练设施是一种模拟建筑物火灾现场的特殊设备，通常提供多层楼结构，具有真实火场环境的烟雾、火苗和火势。它能帮助消防队员训练攀爬、疏散、搜救等任务，同时提高他们在火场环境中快速、准确判断火势传播、开展灭火作战的能力。',
+                            dataList: [
+                                {
+                                    id: Mock.mock("@id"),
+                                    rate: 1,
+                                    title: '顶层沸溢火',
+                                    point: 1,
+                                    position: [
+                                        11660785.92,
+                                        3692445.44,
+                                        23.0313525390625
+                                    ],
+                                    img:img1,
+                                    content: '火幕墙训练设施是一种模拟建筑物火灾现场的特殊设备，通常提供多层楼结构，具有真实火场环境的烟雾、火苗和火势。它能帮助消防队员训练攀爬、疏散、搜救等任务，同时提高他们在火场环境中快速、准确判断火势传播、开展灭火作战的能力。',
+                                    mainPoint:'火幕墙训练设施是一种模拟建筑物火灾现场的特殊设备，通常提供多层楼结构，具有真实火场环境的烟雾、火苗和火势。它能帮助消防队员训练攀爬、疏散、搜救等任务，同时提高他们在火场环境中快速、准确判断火势传播、开展灭火作战的能力。\n' +
+                                        '\n' +
+                                        '火幕墙训练设施由多种材料制成，主要模拟建筑物外墙结构。这些设施具有高度逼真的火影、烟雾和室内温度，可为消防员提供各种可能发生的火场情景。它有助于提高消防员对火场环境的理解，从而更有效地扑救火灾、保护生命和财产。\n' +
+                                        '\n' +
+                                        '此外，火幕墙训练设施还可以进行不同类型的火灾应对训练，如高层建筑火灾、物资存储火灾、危险化学品火灾等。这意味着消防员可以在同一设施中获得多种火灾现场的实战经验，提高他们的灵活性和适应性。\n' +
+                                        '\n' +
+                                        '总之，火幕墙训练设施是消防训练基地中的一项重要资源，为消防员提供了模拟真实火场环境的训练场所，有助于提高其实际操作能力和应对突发火灾的综合素质。同时，它也有助于提升公众对火灾的认识，提高火灾防范意识。'
+                                }
+                            ]
+                        },
+                        children: []
+                    }
+                ]
+            }
 
-        children: []
+
+        ]
     }, {
         label: '灾害事故处置训练设施',
         type: 'fire',
-        children: [{
+        children: [
+            {
             label: '火灾扑救训练设',
             children: [
                 {
@@ -177,6 +350,205 @@ export const treeData = [
                         ]
                     },
                     children: []
+                },
+                {
+                    label: '化工装置火灾事故处置训练设施',
+                    data: {
+                        content: '化工装置火灾事故处置训练设施是一个模拟化工生产过程中可能发生火灾事故的专业化训练场地，旨在提高消防部队和应急救援人员对化工火灾事故的应对能力。通过模拟不同类型的化工火灾事故场景，训练设施对参训人员进行实战化、实用性强的教学培训。',
+                        dataList: [
+                            {
+                                id: Mock.mock("@id"),
+                                rate: 1,
+                                title: '化工装置火灾',
+                                point: '1',
+                                position: [
+                                    11660769.28,
+                                    3692443.52,
+                                    67.69076171875
+                                ],
+                                img:img1,
+                                content: '培训人员应对火灾起源、传播途径、扑救方法等方面的知识和技能。',
+                                mainPoint:"培训人员应对火灾起源、传播途径、扑救方法等方面的知识和技能。"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 2,
+                                title: '化学品泄漏事故',
+                                point: '1',
+                                position: [
+                                    11660674.56,
+                                    3692452.8000000003,
+                                    21.751074218750002
+                                ],
+                                img:img2,
+                                content: '训练人员处理化学品泄漏事件的应急响应和环境保护措施',
+                                mainPoint:"训练人员处理化学品泄漏事件的应急响应和环境保护措施"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 4,
+                                title: '爆炸事故',
+                                point: '1',
+                                position: [
+                                    11661043.200000001,
+                                    3692599.68,
+                                    9.2683056640625
+                                ],
+                                img:img1,
+                                content: '培训人员处理化工装置爆炸事故的救援协调、现场疏散等方面的技能',
+                                mainPoint:"培训人员处理化工装置爆炸事故的救援协调、现场疏散等方面的技能"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 3,
+                                title: '有毒气体泄漏',
+                                point: '5',
+                                position: [
+                                    11661059.84,
+                                    3692514.24,
+                                    13.2171923828125
+                                ],
+                                img:img2,
+                                content: '培训人员针对有毒气体泄漏事故的应急响应、现场疏散、医疗救护等方面的技能',
+                                mainPoint:"培训人员针对有毒气体泄漏事故的应急响应、现场疏散、医疗救护等方面的技能"
+                            }
+                        ]
+                    },
+                    children: []
+                },
+                {
+                    label: '油罐火灾事故处置训练设施',
+                    data: {
+                        content: '油罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行油罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
+                        dataList: [
+                            {
+                                id: Mock.mock("@id"),
+                                rate: 1,
+                                title: '油罐火灾',
+                                point: '1',
+                                position: [
+                                    11660769.28,
+                                    3692443.52,
+                                    67.69076171875
+                                ],
+                                img:img1,
+                                content: '储油罐因操作失误、机械故障、自然灾害或其他原因引发的火灾。',
+                                mainPoint:"储油罐因操作失误、机械故障、自然灾害或其他原因引发的火灾。"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 2,
+                                title: '泄露事故',
+                                point: '1',
+                                position: [
+                                    11660674.56,
+                                    3692452.8000000003,
+                                    21.751074218750002
+                                ],
+                                img:img2,
+                                content: '由于设施老化、破裂、操作不当等原因导致石油、化学品和液化天然气泄漏，可能引发火灾或爆炸',
+                                mainPoint:"由于设施老化、破裂、操作不当等原因导致石油、化学品和液化天然气泄漏，可能引发火灾或爆炸"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 3,
+                                title: '爆炸事故',
+                                point: '1',
+                                position: [
+                                    11661059.84,
+                                    3692514.24,
+                                    13.2171923828125
+                                ],
+                                img:img2,
+                                content: '设施中可燃气体或液体泄漏、化学反应等原因引发的爆炸。',
+                                mainPoint:"设施中可燃气体或液体泄漏、化学反应等原因引发的爆炸。"
+                            }
+                        ]
+                    },
+                    children: []
+                },
+            ]
+        },
+            {
+            label: '应急救援',
+            children: [
+                {
+                    label: '危险化学品泄漏事故处置训练设施',
+                    data: {
+                        content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                        dataList: [
+                            {
+                                id: Mock.mock("@id"),
+                                rate: 1,
+                                title: '顶层沸溢火',
+                                point: '1',
+                                position: [
+                                    11660769.28,
+                                    3692443.52,
+                                    67.69076171875
+                                ],
+                                img:img1,
+                                content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                                mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 2,
+                                title: '顶层沸溢火',
+                                point: '1',
+                                position: [
+                                    11660674.56,
+                                    3692452.8000000003,
+                                    21.751074218750002
+                                ],
+                                img:img2,
+                                content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                                mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 4,
+                                title: '顶层沸溢火',
+                                point: '3',
+                                position: [[
+                                    11660930.56,
+                                    3692587.52,
+                                    21.947177734375
+                                ],[
+                                    11660902.4,
+                                    3692583.68,
+                                    21.947197265625
+                                ],[
+                                    11660860.16,
+                                    3692580.8000000003,
+                                    21.94720703125
+                                ]],
+                                img:img1,
+                                content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                                mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 3,
+                                title: '罐体火灾',
+                                point: '5',
+                                position: [
+                                    11661059.84,
+                                    3692514.24,
+                                    13.2171923828125
+                                ],
+                                img:img2,
+                                content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                                mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                            }, {
+                                id: Mock.mock("@id"),
+                                rate: 4,
+                                title: '油罐车爆炸',
+                                point: '5',
+                                position: [
+                                    11661043.200000001,
+                                    3692599.68,
+                                    9.2683056640625
+                                ],
+                                img:img1,
+                                content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                                mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                            }
+                        ]
+                    },
+                    children: []
                 }, {
                     label: '化工装置火灾事故处置训练设施',
                     data: {
@@ -261,88 +633,261 @@ export const treeData = [
                     children: []
                 }
             ]
-        }]
+        }
+
+        ]
     }, {
         label: '战勤保障训练设施',
         type: 'safeguard',
-        data: {
-            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-            dataList: [
-                {
-                    id: Mock.mock("@id"),
-                    rate: 1,
-                    title: '顶层沸溢火',
-                    point: '1',
-                    position: [
-                        11660769.28,
-                        3692443.52,
-                        67.69076171875
-                    ],
-                    img:img1,
+        children: [
+            {
+                label: '消防车辆装备维修训练设施',
+                data: {
                     content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 2,
-                    title: '顶层沸溢火',
-                    point: '1',
-                    position: [
-                        11660674.56,
-                        3692452.8000000003,
-                        21.751074218750002
-                    ],
-                    img:img2,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 4,
-                    title: '顶层沸溢火',
-                    point: '3',
-                    position: [[
-                        11660930.56,
-                        3692587.52,
-                        21.947177734375
-                    ],[
-                        11660902.4,
-                        3692583.68,
-                        21.947197265625
-                    ],[
-                        11660860.16,
-                        3692580.8000000003,
-                        21.94720703125
-                    ]],
-                    img:img1,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 3,
-                    title: '罐体火灾',
-                    point: '1',
-                    position: [
-                        11661059.84,
-                        3692514.24,
-                        13.2171923828125
-                    ],
-                    img:img2,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
-                }, {
-                    id: Mock.mock("@id"),
-                    rate: 4,
-                    title: '油罐车爆炸',
-                    point: '1',
-                    position: [
-                        11661043.200000001,
-                        3692599.68,
-                        9.2683056640625
-                    ],
-                    img:img1,
-                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
-                    mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                    dataList: [
+                        {
+                            id: Mock.mock("@id"),
+                            rate: 1,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660769.28,
+                                3692443.52,
+                                67.69076171875
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 2,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660674.56,
+                                3692452.8000000003,
+                                21.751074218750002
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '顶层沸溢火',
+                            point: '3',
+                            position: [[
+                                11660930.56,
+                                3692587.52,
+                                21.947177734375
+                            ],[
+                                11660902.4,
+                                3692583.68,
+                                21.947197265625
+                            ],[
+                                11660860.16,
+                                3692580.8000000003,
+                                21.94720703125
+                            ]],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 3,
+                            title: '罐体火灾',
+                            point: '1',
+                            position: [
+                                11661059.84,
+                                3692514.24,
+                                13.2171923828125
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '油罐车爆炸',
+                            point: '1',
+                            position: [
+                                11661043.200000001,
+                                3692599.68,
+                                9.2683056640625
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        },
+                    ]
                 },
-            ]
-        },
-        children: []
+                children: []
+            },
+            {
+                label: '驾驶员教学训练设施',
+                data: {
+                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                    dataList: [
+                        {
+                            id: Mock.mock("@id"),
+                            rate: 1,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660769.28,
+                                3692443.52,
+                                67.69076171875
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 2,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660674.56,
+                                3692452.8000000003,
+                                21.751074218750002
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '顶层沸溢火',
+                            point: '3',
+                            position: [[
+                                11660930.56,
+                                3692587.52,
+                                21.947177734375
+                            ],[
+                                11660902.4,
+                                3692583.68,
+                                21.947197265625
+                            ],[
+                                11660860.16,
+                                3692580.8000000003,
+                                21.94720703125
+                            ]],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 3,
+                            title: '罐体火灾',
+                            point: '1',
+                            position: [
+                                11661059.84,
+                                3692514.24,
+                                13.2171923828125
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '油罐车爆炸',
+                            point: '1',
+                            position: [
+                                11661043.200000001,
+                                3692599.68,
+                                9.2683056640625
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        },
+                    ]
+                },
+                children: []
+            },
+            {
+                label: '工程机械训练设施',
+                data: {
+                    content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                    dataList: [
+                        {
+                            id: Mock.mock("@id"),
+                            rate: 1,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660769.28,
+                                3692443.52,
+                                67.69076171875
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 2,
+                            title: '顶层沸溢火',
+                            point: '1',
+                            position: [
+                                11660674.56,
+                                3692452.8000000003,
+                                21.751074218750002
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '顶层沸溢火',
+                            point: '3',
+                            position: [[
+                                11660930.56,
+                                3692587.52,
+                                21.947177734375
+                            ],[
+                                11660902.4,
+                                3692583.68,
+                                21.947197265625
+                            ],[
+                                11660860.16,
+                                3692580.8000000003,
+                                21.94720703125
+                            ]],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 3,
+                            title: '罐体火灾',
+                            point: '1',
+                            position: [
+                                11661059.84,
+                                3692514.24,
+                                13.2171923828125
+                            ],
+                            img:img2,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        }, {
+                            id: Mock.mock("@id"),
+                            rate: 4,
+                            title: '油罐车爆炸',
+                            point: '1',
+                            position: [
+                                11661043.200000001,
+                                3692599.68,
+                                9.2683056640625
+                            ],
+                            img:img1,
+                            content: '模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗',
+                            mainPoint:"模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗"
+                        },
+                    ]
+                },
+                children: []
+            },
+        ]
     }]
diff --git a/src/store/index.ts b/src/store/index.ts
index 447cc22..2e22a18 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -6,7 +6,316 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   state: {
     warningList: [],
-    eventList: [],
+    eventList: [
+      {
+        title:'固定火场',
+        info:'用于模拟火势和火种的起始及发展',
+        main:'消防训练设施固定火场是一种专门为了培训和提高消防人员及相关人员的灭火、救援技能而设计的实战火源训练场所。它可以模拟各种火灾场景，以便于参训人员在安全的环境下进行扑救火灾的演练。固定火场主要分为以下几个部分：\n' +
+            '\n' +
+            '1. 训练场地：通常占地较大，并具有良好的消防安全设施，设置有安全出口和灭火器材。训练场地布置符合实际火场特点，方便参训人员进行实战模拟训练。\n' +
+            '\n' +
+            '2. 模拟火源：模拟火源设备模拟了各种火灾场景，包括室内火灾、油火、气体泄漏火灾、电器火灾等，帮助参训人员掌握在不同类型火灾中的灭火技巧。\n' +
+            '\n' +
+            '3. 教学设施：固定火场通常配备有教学设施，包括教室、讲台、多媒体设备等，以利于模拟火场训练前的理论教学衔接。\n' +
+            '\n' +
+            '4. 安全监控：为确保参训人员的安全，在固定火场设置有消防安全监控系统，包括安全监控摄像头、火灾报警器材、通讯设备等，以确保培训过程中各类火警及时发现并处理。\n' +
+            '\n' +
+            '5. 救援设备：此外，固定火场还配备了专业的消防救援设备，如灭火器、泡沫灭火器、水枪、消防梯等，用于参训人员在实战模拟中进行火场扑救。\n' +
+            '\n' +
+            '通过在消防训练设施固定火场进行实战演练，消防人员可以更好地掌握火场的应对技巧，提高自身的消防救援能力，为日后的真实火场作战打下坚实的基础。同时，固定火场也可以对企事业单位的安全管理人员、志愿者等开展消防知识培训，提高大家的火灾防范意识。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'流动火源',
+        info:'用于模拟火势和火种的起始及发展',
+        main:'流动火源是一种消防训练设施，专门用于模拟火灾现场进行救火、灭火和火源控制的实战训练。这种设备可以方便地模拟不同类型、不同程度的火源，使得消防队员能够在相对真实的火场环境下进行消防救援行动的训练。\n' +
+            '\n' +
+            '流动火源的主要特点如下：\n' +
+            '\n' +
+            '1. 可移动：流动火源的设计通常轻便易搬，可以根据实际训练需要随时调整火源的位置，从而模拟多种火场情景。\n' +
+            '\n' +
+            '2. 可控制：流动火源可以通过专用的控制台调节火源的大小、温度和火焰方向等，使得训练更具针对性和挑战性。\n' +
+            '\n' +
+            '3. 安全性高：流动火源使用的燃料通常为蒸汽、液化气、天然气等清洁燃料，火源可控制及时熄灭，有效降低了训练过程中的安全隐患。\n' +
+            '\n' +
+            '4. 真实感强：流动火源可以模拟出不同程度的火源和火场环境，提高消防人员在应对实际火灾时的实战能力。\n' +
+            '\n' +
+            '5. 环保：流动火源使用清洁燃料，并在燃烧过程中产生较少的有害物质，降低了对环境和空气质量的影响。\n' +
+            '\n' +
+            '流动火源在消防训练中扮演着重要角色，不仅可以提高消防人员的应对能力，还可培养他们在火场环境下的心理承受力。同时，流动火源的环保和安全特性也为消防训练提供了更好的条件。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'室内火灾逃生模拟室',
+        info:'模拟火灾发生时的烟雾、热量和光线条件，培训参与者进行低位逃生、搜寻及带领伤员逃生。',
+        main:'消防训练设施室内火灾逃生模拟室是一种专门用于提高公众火灾安全意识和应对火灾事件的能力的实景模拟训练场所。通过这种逼真的火灾逃生模拟环境，人们可以在安全的条件下体验火灾逃生的全过程，学习如何果断采取正确的逃生措施，提高自身应急处理能力。\n' +
+            '\n' +
+            '室内火灾逃生模拟室的特点如下：\n' +
+            '\n' +
+            '1. 高度模拟：模拟室内环境逼真，包括火源、烟雾、火警器、灭火设备等多种火灾场景和逃生通道，为参训人员提供了与真实火灾事件相仿的体验。\n' +
+            '\n' +
+            '2. 系统化：根据消防安全的相关法律法规和实际情况，模拟室提供了从火警发生、火源判断、逃生路线选择、使用灭火设备、呼救等完整的应对流程。\n' +
+            '\n' +
+            '3. 互动性强：参训人员可以在模拟环境下亲身参与操作，进行实践性的体验。现场教练也可针对培训人员的表现，提供专业的指导和建议。\n' +
+            '\n' +
+            '4. 安全性： 室内火灾逃生模拟室采用先进的火场模拟技术，控制火源和烟雾，确保参训人员安全。同时，培训现场配备专业救援人员，确保整个过程安全无虞。\n' +
+            '\n' +
+            '通过参加消防训练设施室内火灾逃生模拟室的培训，人们可以在模拟的火灾场景中磨炼火灾逃生技能，增强自己在遇到火灾时的自救能力，降低火灾事故造成的损失。同时，这种培训对于提高社会的整体消防安全意识和应急能力也具有重要的意义。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'高空攀爬室',
+        info:'锻炼消防员在高楼进行逃生、救援的技能，包括攀楼、垂降、悬吊救援等。',
+        main:'消防训练设施高空攀爬室是一种模拟高空环境的专业训练设施，主要用于培训消防员在高空作业时的应急救援能力和技能。这个训练场地通常包含以下几个部分：\n' +
+            '\n' +
+            '1. 高空攀爬墙：高空攀爬墙通常有多个高度和难度选择，训练消防员进行高原攀登、抢险救援等技能。\n' +
+            '\n' +
+            '2. 高空障碍训练：这个环节主要包括垂直攀爬、空中穿越、悬绳穿越等项目，训练消防员的悬吊、空降等高空救援技能。\n' +
+            '\n' +
+            '3. 塔吊救援：通过模拟在建筑物上，塔吊上等高空塔架环境，训练消防员进行垂直救助和平行救助等多种救援方式。\n' +
+            '\n' +
+            '4. 悬崖救援：模拟悬崖、岩壁等高空险情，训练消防员学习攀岩、绳索救援等专业技能。\n' +
+            '\n' +
+            '5. 高空滑降训练：高空滑降训练目的在于让消防员熟练掌握高空滑降的操作技巧，以应对实际工作中突发状况。\n' +
+            '\n' +
+            '消防训练设施高空攀爬室不仅结合了现实的高空救援、危险环境与实战需要，还提供了安全的环境，有利于消防员提高高空救援能力和技巧。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'烟热训练设施',
+        info:'烟热训练设施是一种专门为消防员提供实战训练和技能提升的模拟环境。这个设施模拟了火灾现场产生的烟雾和高温环境，以帮助消防员了解火灾现场的实际情况，提高他们的应对能力。',
+        main:'烟热训练设施是一种专门为消防员提供实战训练和技能提升的模拟环境。这个设施模拟了火灾现场产生的烟雾和高温环境，以帮助消防员了解火灾现场的实际情况，提高他们的应对能力。\n' +
+            '\n' +
+            '主要特点和功能如下：\n' +
+            '\n' +
+            '1. 模拟火灾现场：烟热训练设施可以模拟各种火灾情况，如室内火灾、物体燃烧、烟雾层等，为消防员提供模拟现实火灾场景的训练。\n' +
+            '\n' +
+            '2. 实战演练：消防员可以在训练过程中进行搜救、灭火、疏散等实战演练，提高他们在火灾现场应对的能力。\n' +
+            '\n' +
+            '3. 烟雾和高温模拟：烟热训练设施会产生大量烟雾，让消防员在失去视力的情况下寻找被困人员，同时还可以模拟火灾现场的高温环境以增强消防员的耐热能力。\n' +
+            '\n' +
+            '4. 安全管理：烟热训练设施配备了专业的安全管理系统，如监控摄像头、紧急报警系统，确保训练过程中的安全。\n' +
+            '\n' +
+            '5. 可调整的训练环境：烟热训练设施可以根据需要调整火源、烟雾浓度、训练场地等设置，以满足不同级别消防员的训练需求。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'燃烧训练设施',
+        info:'燃烧训练设施是消防员和救援人员进行实战演练的重要场所，旨在通过模拟各种火灾场景和环境，提高人员的应对能力和处置火灾的技巧。',
+        main:'燃烧训练设施是消防员和救援人员进行实战演练的重要场所，旨在通过模拟各种火灾场景和环境，提高人员的应对能力和处置火灾的技巧。燃烧训练设施通常包括以下几个方面：\n' +
+            '\n' +
+            '1. 实战模拟场景：通过模拟各种真实火灾场景（如住宅、工厂、商场、隧道等），让消防员和救援人员在实际环境中训练灭火、搜救、疏散等技能。\n' +
+            '\n' +
+            '2. 火源控制：燃烧训练设施通常采用可控火源，如燃气火焰、油火等，以确保训练过程中人员的安全，并可以根据需要调整火势和火场。\n' +
+            '\n' +
+            '3. 烟雾模拟：通过产生大量烟雾，模拟火场中的复杂环境，提高救援人员在低能见度条件下的作战能力。\n' +
+            '\n' +
+            '4. 模拟高空作业：设有具备高空环境的训练塔楼，让消防员和救援人员在高空作业时能熟练掌握施救技巧和使用高空设备。\n' +
+            '\n' +
+            '5. 模拟水域救援：水域救援训练区模拟各种水下场景，使消防员能熟练进行水上及水下抢险救援。\n' +
+            '\n' +
+            '6. 特种救援训练区：提供模拟工业场所、矿井、化工厂等特殊环境的消防训练，以提高救援人员在复杂条件下的作战能力。\n' +
+            '\n' +
+            '7. 教学设施：一般燃烧训练设施还会配备多媒体教学室、理论培训教室等辅助教学设施，以便结合实际操作进行全面的消防知识培训。\n' +
+            '\n' +
+            '燃烧训练设施的目标是培养消防员和救援人员面对各种火灾场景时的灵活应变、临危不乱的心理素质，以及正确地使用消防设备和器材进行有效救援。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'火幕墙训练设施',
+        info:'火幕墙训练设施是一种模拟建筑物火灾现场的特殊设备，通常提供多层楼结构，具有真实火场环境的烟雾、火苗和火势。它能帮助消防队员训练攀爬、疏散、搜救等任务，同时提高他们在火场环境中快速、准确判断火势传播、开展灭火作战的能力。',
+        main:'火幕墙训练设施是一种模拟建筑物火灾现场的特殊设备，通常提供多层楼结构，具有真实火场环境的烟雾、火苗和火势。它能帮助消防队员训练攀爬、疏散、搜救等任务，同时提高他们在火场环境中快速、准确判断火势传播、开展灭火作战的能力。\n' +
+            '\n' +
+            '火幕墙训练设施由多种材料制成，主要模拟建筑物外墙结构。这些设施具有高度逼真的火影、烟雾和室内温度，可为消防员提供各种可能发生的火场情景。它有助于提高消防员对火场环境的理解，从而更有效地扑救火灾、保护生命和财产。\n' +
+            '\n' +
+            '此外，火幕墙训练设施还可以进行不同类型的火灾应对训练，如高层建筑火灾、物资存储火灾、危险化学品火灾等。这意味着消防员可以在同一设施中获得多种火灾现场的实战经验，提高他们的灵活性和适应性。\n' +
+            '\n' +
+            '总之，火幕墙训练设施是消防训练基地中的一项重要资源，为消防员提供了模拟真实火场环境的训练场所，有助于提高其实际操作能力和应对突发火灾的综合素质。同时，它也有助于提升公众对火灾的认识，提高火灾防范意识。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'综合训练楼',
+        info:'综合训练楼是一个专为提高消防员实战能力而设计的实训场地。这个训练楼集结了多种模拟火灾现场的实景环境，让消防员能够在接近实际火场的情况下进行各种实战训练，提高他们的专业技能和紧急应对能力。',
+        main:'综合训练楼是一个专为提高消防员实战能力而设计的实训场地。这个训练楼集结了多种模拟火灾现场的实景环境，让消防员能够在接近实际火场的情况下进行各种实战训练，提高他们的专业技能和紧急应对能力。\n' +
+            '\n' +
+            '综合训练楼通常包括以下几个部分：\n' +
+            '\n' +
+            '1.模拟火场区：通过技术手段和建筑结构来模拟各种火灾现场，如住宅火灾、工厂火灾、车辆火灾等。训练人员可以在这些模拟环境中进行灭火、营救、疏散等各种实操训练。\n' +
+            '\n' +
+            '2.理论课堂区：配备多媒体教学设施，用于讲解消防知识、技术要点、案例分析等方面的内容。通过理论学习，提高消防员对火灾原理、火灾扑救技能等方面的认识。\n' +
+            '\n' +
+            '3.体能训练区：消防员需要具备良好的体能才能有效应对火灾现场。体能训练区通常包括跑步、自重训练、模拟攀爬、消防器材搬运等多种项目。\n' +
+            '\n' +
+            '4.其中，消防控制室: 在模拟火场过程中，消防控制室负责调控模拟火场的烟火等设备，模拟火灾的燃烧过程。\n' +
+            '\n' +
+            '5.高空救援区：模拟高层建筑火灾环境，让消防员练习高空救援和疏散技能，如空中垂降、绳索飞跃等。\n' +
+            '\n' +
+            '通过在综合训练楼进行全面的训练，消防员可以提高自己在火灾现场的实际应对能力，提高火灾扑救成功率，更好地保护人民群众的生命财产安全。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'化工装置火灾事故处置训练设施',
+        info:'化工装置火灾事故处置训练设施是一个模拟化工生产过程中可能发生火灾事故的专业化训练场地，旨在提高消防部队和应急救援人员对化工火灾事故的应对能力。通过模拟不同类型的化工火灾事故场景，训练设施对参训人员进行实战化、实用性强的教学培训。',
+        main:'化工装置火灾事故处置训练设施是一个模拟化工生产过程中可能发生火灾事故的专业化训练场地，旨在提高消防部队和应急救援人员对化工火灾事故的应对能力。通过模拟不同类型的化工火灾事故场景，训练设施对参训人员进行实战化、实用性强的教学培训。\n' +
+            '\n' +
+            '这类训练设施通常包括以下几个主要部分：\n' +
+            '\n' +
+            '1. 模拟化工装置：根据现实中的化工装置设计和建造，包括储罐、管线、泵站、加热炉、塔器等主要部件，以及相应的阀门、仪表、检测设备等辅助设施。\n' +
+            '\n' +
+            '2. 火灾源模拟系统：通过燃气、燃油等方式模拟火源，还原不同类型的火灾场景（如泄漏火、喷射火、泡沫火、蒸汽云爆炸等），以便训练人员熟悉火场现象及对应的灭火救援方法。\n' +
+            '\n' +
+            '3. 自动控制与监控系统：对火源、燃烧器、阀门等设备进行自动控制和实时监控，以保证训练安全和实战化效果。\n' +
+            '\n' +
+            '4. 应急救援装备：消防车、泡沫灭火剂、防护服、呼吸器、水枪、泵、喷射器等各类消防器材和应急救援设备，满足不同应急救援任务的需求。\n' +
+            '\n' +
+            '5. 培训教室及配套设施：培训理论知识、保障实战训练的有效开展，包括教室、实验室、休息室、会议室等设施。\n' +
+            '\n' +
+            '通过化工装置火灾事故处置训练设施的实战化训练，能够提升消防部队和应急救援人员在面对化工火灾事故时的操作技能和综合应对水平，有效减少火灾事故的人员伤亡和财产损失。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'油罐火灾事故处置训练设施',
+        info:'油罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行油罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。',
+        main:'油罐火灾事故处置训练设施是一种专门用于培训和演练消防人员进行油罐火灾事故处置能力的实景模拟设施。这种设施旨在提高消防人员在实际火灾事故中应对油罐火灾的技能和经验。以下是该训练设施的一些特点：\n' +
+            '\n' +
+            '1. 设施模拟真实油罐火灾环境: 设施内部设置了类似真实油罐火灾发生时的环境条件，如高温、浓烟等，以增强培训的真实性。\n' +
+            '\n' +
+            '2. 多种火灾情景: 设施可以模拟不同类型的油罐火灾情景，如泄漏火灾、蒸汽云爆炸、油泡过油火灾等，参训人员可以学习不同情景下的应对策略。\n' +
+            '\n' +
+            '3. 多种扑救方式培训: 消防人员可以学习使用泡沫、干粉、水喷雾等多种灭火剂对油罐火灾进行扑救。\n' +
+            '\n' +
+            '4. 安全设计: 为保证参训人员的安全，该设施通常会采用高安全标准的建筑材料，并设置安全防护措施和监控设施。\n' +
+            '\n' +
+            '5. 逐步训练和综合演练: 消防人员可以先进行基本技能训练，如灭火器使用、初期灭火、团队协作等，然后再进行综合演练，提高实际处置油罐火灾的能力。\n' +
+            '\n' +
+            '6. 数据分析与反馈: 训练设施通常会配备数据分析系统，记录并分析消防人员在模拟火灾场景中的表现，以便及时评估、反馈和改进训练效果。\n' +
+            '\n' +
+            '通过这种油罐火灾事故处置训练设施，消防人员能够在接近真实火灾环境中训练，提高熟练度和技能。这对于提高消防队伍的整体应对能力和降低重大火灾事故风险具有重要意义。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'气体储罐火灾事故处置训练设施',
+        info:'气体储罐火灾事故处置训练设施是一种模拟气体储罐火灾事故的专业培训设备，旨在提高消防人员和应急救援队伍在真实火灾事故中应对气体储罐火灾的能力。',
+        main:'气体储罐火灾事故处置训练设施是一种模拟气体储罐火灾事故的专业培训设备，旨在提高消防人员和应急救援队伍在真实火灾事故中应对气体储罐火灾的能力。这种设施通常包括以下几个部分：\n' +
+            '\n' +
+            '1. 储罐模型：模拟现实中的气体储罐，包括储罐本体、安全阀、泄压装置等。储罐的规模和形状可能因场景而异，以适应不同类型的救援培训。\n' +
+            '\n' +
+            '2. 火源系统：通过燃气喷嘴及燃气管道，可模拟出各种类型的火源，如喷射火、泄漏火等。火源系统能够控制火焰的大小、形状、持续时间等，确保训练的安全性。\n' +
+            '\n' +
+            '3. 控制系统：负责控制火源系统和储罐设备的状态，如关闭阀门、调整火焰大小等。消防训练人员需在控制系统的指引下完成火灾事故的处置。部分控制系统还具有分析评估功能，以评估训练效果。\n' +
+            '\n' +
+            '4. 安全保障系统：包括消防安全设备、监控探测器、应急疏散通道等，确保训练过程中发生意外时能迅速采取措施减少损失。\n' +
+            '\n' +
+            '5. 救援设备：提供给消防人员和应急救援队伍使用的多种救援工具和设备，如泡沫灭火剂、干粉灭火器、高压水枪等，满足不同类型的火灾事故场景。\n' +
+            '\n' +
+            '通过这些设施的综合运用，消防训练基地可以提供实战化的气体储罐火灾事故处置训练，让参训人员在模拟环境中熟练掌握火灾事故的应对策略和技能，并在真实火灾事故中发挥关键作用。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'危险化学品槽罐车火灾泄漏事故处置训练设施',
+        info:'危险化学品槽罐车火灾泄漏事故处置训练设施是一种专业的训练设备，旨在为应对危险化学品槽罐车发生火灾、泄漏等事故的相关人员提供实际操作和技能培训。',
+        main:'危险化学品槽罐车火灾泄漏事故处置训练设施是一种专业的训练设备，旨在为应对危险化学品槽罐车发生火灾、泄漏等事故的相关人员提供实际操作和技能培训。这种设施模拟了实际危险化学品运输的场景，帮助应急响应部门、消防队伍和相关企业人员掌握槽罐车泄漏事故的处理流程，提高应对突发事故的能力。\n' +
+            '\n' +
+            '危险化学品槽罐车火灾泄漏事故处置训练设施主要包括以下几个部分：\n' +
+            '\n' +
+            '1. 模拟槽罐车：训练设施内设有一个尺寸和结构与实际槽罐车相仿的模拟槽罐车，以便参训人员进行实际操作。\n' +
+            '\n' +
+            '2. 模拟泄漏和火灾：设施内部设置了可控的泄漏和火灾模拟装置，以模拟危险化学品泄漏和火灾事故现场。\n' +
+            '\n' +
+            '3. 安全防护设备：训练设施配备了专业的安全防护设备，包括防护服、防毒面具、消防器材等，以确保参训人员在模拟实景中的安全。\n' +
+            '\n' +
+            '4. 实际操作区域：设立了足够大的实际操作区域供参训人员练习泄漏处置、火灾扑救等实际操作项目。\n' +
+            '\n' +
+            '5. 观摩和指导区：为确保训练效果和安全，训练设施设有观摩和指导区，供教练员和其他参训人员在安全距离观察现场情况，及时为正在操作的人提供指导。\n' +
+            '\n' +
+            '通过使用危险化学品槽罐车火灾泄漏事故处置训练设施，相关人员可以在仿真环境中熟悉危险化学品事故的应急处理程序，掌握相关设备的使用方法，提高化学品泄漏和火灾事故的处置能力，为日常工作和突发事件提供有力的保障。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      },{
+        title:'高空救助训练设施 ',
+        info:'高空救助训练设施是一种专业针对高空作业人员、救援队伍及相关行业从业者进行高空救助技能培训的场所和设备。此类设施旨在提高参训者在高处进行救援任务时的安全性、效率和技能水平。',
+        main:'高空救助训练设施是一种专业针对高空作业人员、救援队伍及相关行业从业者进行高空救助技能培训的场所和设备。此类设施旨在提高参训者在高处进行救援任务时的安全性、效率和技能水平。这些设施一般会包括以下几个主要部分：\n' +
+            '\n' +
+            '1. 模拟高空环境：通常包括塔架、建筑物、风力发电机等结构，它们具有一定的高度，可以模拟实际高空作业场景。\n' +
+            '\n' +
+            '2. 高空救援设备：如攀爬器具、安全绳、滑索等，用于保障参训者在模拟高空环境中的人身安全，并帮助他们进行高空作业。\n' +
+            '\n' +
+            '3. 基本技能培训：培训内容通常涵盖高空安全知识、高空作业工具和设备的使用方法、高空救援技巧和程序等。\n' +
+            '\n' +
+            '4. 应急救援演练：帮助参训者了解应急救援任务的组织和执行过程，通过实战演练提高参训者在应对突发高空事故时的敏捷性和决策能力。\n' +
+            '\n' +
+            '5. 安全监测与评估：在训练过程中对参训者进行实时安全监控，确保训练安全无误，并对参训者的学习成果进行评估。\n' +
+            '\n' +
+            '高空救助训练设施的设置有助于提高从业者的专业水平、降低事故风险，并促进高空救援行业的发展。许多国家和地区的相关企业及政府部门都已经意识到高空救助训练设施的重要性，并进行了相应的投入和建设。',
+        level:'3',
+        position:[],
+        pointList:[
+          {
+            name:'',
+          }
+        ]
+      }
+    ],
     peopleList:[],
     companyList:[],
     carList:[],
diff --git a/src/views/overview.component.scss b/src/views/overview.component.scss
index ce0dfb4..c1710ce 100644
--- a/src/views/overview.component.scss
+++ b/src/views/overview.component.scss
@@ -177,7 +177,7 @@
       align-items: center;
       font-size: 12px;
       margin-bottom: 20px;
-
+      text-align: left;
       .label {
         width: 80px;
       }
diff --git a/src/views/overview.component.ts b/src/views/overview.component.ts
index b45532d..aef5d82 100644
--- a/src/views/overview.component.ts
+++ b/src/views/overview.component.ts
@@ -62,9 +62,7 @@ export default class OverViewComponent extends BaseComponent {
     public viewLayer = {} as any;
     async created(){
         // this.currentLayers = this.getCurrentLayers();
-        this.timer = setInterval(()=>{
-           this.upDateEventList()
-        },10000)
+
     }
     public upDateEventList(){
         const eventList = MockData.getEventList().data
@@ -215,9 +213,17 @@ export default class OverViewComponent extends BaseComponent {
 
     //获取点击的信息
     getItem(item) {
-        this.addWarnning(item)
+        // this.addWarnning(item)
         this.info = item
-        this.waringRightShow = true
+        if (this.waringRightShow){
+            this.waringRightShow = false
+            setTimeout(()=>{
+                this.waringRightShow = true
+            })
+        }else{
+            this.waringRightShow = true
+        }
+
     }
     //定位坐标
     changePoint(item){

From 3d3871d14ce3f4906597b22c630658ef312e8c96 Mon Sep 17 00:00:00 2001
From: guangyin <guangyin@hanbangtang.com>
Date: Fri, 19 May 2023 16:28:34 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=E5=8F=B3=E4=BE=A7=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E5=90=8E=E6=B7=BB=E5=8A=A0=E6=9A=82=E5=81=9C=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/pageCommon.component.scss |  1 +
 src/views/overview.component.html          |  6 +++++-
 src/views/overview.component.scss          | 21 +++++++++++++++++++++
 src/views/overview.component.ts            |  5 ++++-
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/assets/style/pageCommon.component.scss b/src/assets/style/pageCommon.component.scss
index 8f30ea3..fad0bfa 100644
--- a/src/assets/style/pageCommon.component.scss
+++ b/src/assets/style/pageCommon.component.scss
@@ -3133,3 +3133,4 @@ svg.loading-icon {
   padding: 0 12px;
 
 }
+
diff --git a/src/views/overview.component.html b/src/views/overview.component.html
index 526cef1..692f9ab 100644
--- a/src/views/overview.component.html
+++ b/src/views/overview.component.html
@@ -60,8 +60,12 @@
         <div class="top-btn" @click="toggleAllPanel">
             <i class="el-icon-close">退出自由导览</i>
         </div>
-    </div>
 
+    </div>
+    <div :style="{right:!hideAllPanel?'-90px':0}" class="right-control">
+        <div @click="playAction('play')" class="play-btn"><i class="el-icon-video-pause"></i><span>暂停</span></div>
+        <div @click="playAction('pause')" class="play-btn"><i class="el-icon-video-play"></i><span>继续</span></div>
+    </div>
 
     <!--    大号弹窗组件-->
     <PermitPopUpComponent :title="bigPopTitle" :dialogVisibleForBigPop.sync="dialogVisibleForBigPop"
diff --git a/src/views/overview.component.scss b/src/views/overview.component.scss
index c1710ce..9196730 100644
--- a/src/views/overview.component.scss
+++ b/src/views/overview.component.scss
@@ -91,6 +91,27 @@
       cursor: pointer;
     }
   }
+  .right-control{
+    width: 90px;
+    position: absolute;
+    top: 0;
+    z-index: 9;
+    pointer-events: none;
+    height: 100%;
+    text-align: center;
+
+    transition:right 2s;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .play-btn{
+      background: rgba(51, 51, 51, 0.44);
+      padding: 20px 0;
+      margin-bottom: 10px;
+      pointer-events: auto;
+      cursor: pointer;
+    }
+  }
   .fixed-btn {
     width: 50px;
     height: 50px;
diff --git a/src/views/overview.component.ts b/src/views/overview.component.ts
index aef5d82..fc0e132 100644
--- a/src/views/overview.component.ts
+++ b/src/views/overview.component.ts
@@ -361,7 +361,10 @@ export default class OverViewComponent extends BaseComponent {
             this.currentEvent = null;
         }
     }
-
+    //暂停继续
+    playAction(type){
+        console.log(type)
+    }
     deactivated(){
         //
     }