<template>
  <div style="padding: 0px 35px; display: flex; justify-content: space-between">
    <div>
      <border-panel height="360px" style="margin-bottom: 6px" title="建筑信息">
        <BuildingInfo />
      </border-panel>
      <border-panel height="310px" style="margin-bottom: 6px" title="管理单位">
        <GementUnit />
      </border-panel>
      <border-panel height="270px" title="风险等级">
        <!-- 风险等级 -->
        <Risklevel />
      </border-panel>
    </div>
    <div style="display: flex; flex-direction: column">
      <div style="height: 682px"></div>
      <div style="display: flex; justify-content: space-between">
        <border-panel
          height="270px"
          width="468px"
          title="历史火灾"
          :headerType="2"
          style="margin-right: 8px"
        >
          <historical-fire />
        </border-panel>
        <border-panel height="270px" width="468px" title="隐患" :headerType="2">
          <hidden-danger />
        </border-panel>
      </div>
    </div>
    <div>
      <border-panel height="521px" style="margin-bottom: 6px" title="智慧消防">
        <VideoInfo />
      </border-panel>
      <border-panel
        height="421px"
        style="margin-bottom: 6px"
        title="自查、监督、维保"
      >
        <maintenance-supervision />
      </border-panel>
    </div>
  </div>
</template>
<script>
import BuildingInfo from "./components/BuildingInfo.vue";
import VideoInfo from "./components/VideoInfo.vue";
import GementUnit from "./components/GementUnit.vue";
import Risklevel from "./components/Risklevel.vue";
import MaintenanceSupervision from "./components/MaintenanceSupervision.vue";
import HistoricalFire from "./components/HistoricalFire.vue";
import HiddenDanger from "./components/HiddenDanger.vue";
export default {
  name: "BasicInfoPage",
  components: {
    BuildingInfo,
    VideoInfo,
    GementUnit,
    Risklevel,
    MaintenanceSupervision,
    HistoricalFire,
    HiddenDanger,
  },
};
</script>

<style scoped lang="less"></style>
