fix(ZGPT-070): 增加？按钮，弹框显示物联网设备告警处置流程图（图形还需要优化）

app/src/components/ZhxfModalHeader.vue

@@ -0,0 +1,38 @@
+<script>
+
+export default {
+  name: 'ZhxfModalHeader',
+  methods: {
+    getShoeInfo(name){
+      this.showModal(name);
+    },
+  }
+}
+</script>
+
+<template >
+  <div class="el-dialog__title" >
+    <span>智慧消防</span>
+    <img class="imgs" src="@/assets/images/dd_wh.png" alt="" @click="getShoeInfo('whFxModal')">
+      <!-- 风险问号弹窗 -->
+    <basic-modal :modal="false" top="30px" ref="whFxModal" name="物联网设备预警流程" width="90%">
+      <div style="display: flex; flex-direction: column; justify-content: center">
+        <img  src="@/assets/images/stream-images.png" />
+      </div>
+    </basic-modal>
+  </div>
+</template>
+
+<style scoped lang='less'>
+.el-dialog__title {
+  display: flex;
+  align-items: center;
+}
+.imgs{
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  display: inline-block;
+  margin-left: 5px;
+}
+</style>

app/src/main.js

@@ -7,11 +7,13 @@ import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import "./assets/css/main.css";
 import YlycModalHeader from '@/components/YlycModalHeader.vue'
+import ZhxfModalHeader from '@/components/ZhxfModalHeader.vue'
 
 Vue.use(ElementUI);
 Vue.use(PiniaVuePlugin);
 Vue.use(DataVComponent);
 Vue.component('YlycModalHeader',YlycModalHeader);
+Vue.component('ZhxfModalHeader',ZhxfModalHeader);
 new Vue({
   router,
   pinia: createPinia(),

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

@@ -271,8 +271,9 @@
         </div>
       </div>
     </div>
-    <basic-modal top="120px" ref="feirModal1" name="智慧消防">
+    <basic-modal top="120px" ref="feirModal1">
       <fxfbCont :qy="qy" :sbType="sbType" />
+      <ZhxfModalHeader slot="title" />
     </basic-modal>
   </div>
 </template>

app/src/views/Home/index.vue

@@ -58,6 +58,7 @@
         title="智慧消防"
       >
         <WisdomFire :frieList="frieList" :iotList="iotList" :qy="qy" />
+      <ZhxfModalHeader slot="title" />
       </border-panel>
       <border-panel height="298px" title="火灾指标">
         <FireIndex :type="fireIndexType" :qx="qy" />

app/src/views/Iot/components/AlarmHandling.vue

@@ -47,8 +47,9 @@
         <img src="../../../assets/images/null2.png" alt="">
       </div>
     </div>
-    <basic-modal top="120px" ref="basicInfoModal1" name="智慧消防">
+    <basic-modal top="120px" ref="basicInfoModal1">
       <fxfbCont :qy="nameItem" />
+      <ZhxfModalHeader slot="title" />
     </basic-modal>
   </div>
 </template>

app/src/views/Iot/components/RegionalDistribution.vue

@@ -33,8 +33,9 @@
         </ul>
       </VueSeamlessScroll>
     </div>
-    <basic-modal top="120px" ref="basicInfoModal1" name="智慧消防">
+    <basic-modal top="120px" ref="basicInfoModal1" >
       <fxfbCont :qy="nameItem" />
+      <ZhxfModalHeader slot="title" />
     </basic-modal>
   </div>
 </template>

app/src/views/Iot/index.vue

@@ -64,8 +64,9 @@
     <basic-modal top="120px" ref="basicInfoModal" name="总体情况">
       <xfwlw :qx="qx" />
     </basic-modal>
-    <basic-modal top="120px" ref="basicInfoModal1" name="智慧消防">
+    <basic-modal top="120px" ref="basicInfoModal1">
       <fxfbCont :qy="qx" />
+      <ZhxfModalHeader slot="title" />
     </basic-modal>
   </div>
 </template>