<template>
  <div style="padding: 0px 35px; display: flex; justify-content: space-between">
    <div>
      <border-panel
        height="443px"
        style="margin-bottom: 6px"
        title="高层建筑管理"
      >
        <Construction />
      </border-panel>
      <border-panel height="500px" style="margin-bottom: 6px" title="管理内容">
        <ManagementContent />
      </border-panel>
    </div>

    <div>
      <border-panel
        height="521px"
        style="margin-bottom: 6px"
        title="建筑管理单位分布"
      >
        <Management />
      </border-panel>
      <border-panel
        height="421px"
        style="margin-bottom: 6px"
        title="建筑管理单位信息"
      >
        <UnitInfo />
      </border-panel>
    </div>
  </div>
</template>
<script>
import Management from "./components/Management.vue";
import UnitInfo from "./components/UnitInfo.vue";
import Construction from "./components/Construction.vue";
import ManagementContent from "./components/ManagementContent.vue";
export default {
  name: "Fire",
  components: { Management, UnitInfo, Construction, ManagementContent },
};
</script>

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