<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>
