zhgkpt-datav/app/src/views/BasicInfo/index.vue

<template >
  <div style="padding: 0px 35px; display: flex; justify-content: space-between"
      >
      <div>
          <border-panel
            height="360px"
            style="margin-bottom: 6px"
            title="建筑信息"
          >
          </border-panel>
          <border-panel
            height="310px"
            style="margin-bottom: 6px"
            title="管理单位"
          >
          </border-panel>
          <border-panel height="270px" title="风险等级">
          </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;"
          >
          </border-panel>
          <border-panel
            height="270px"
            width="468px"
            title="隐患"
            :headerType="2"
          >
          </border-panel>
        </div>
      </div>
      <div>
        <border-panel
            height="521px"
            style="margin-bottom: 6px"
            title="智慧消防"
          >
          </border-panel>
          <border-panel
            height="421px"
            style="margin-bottom: 6px"
            title="自查、监督、维保"
          >
          </border-panel>
      </div>
  </div>
</template>
<script>

export default {
  name: 'BasicInfoPage'
}
</script>

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