<template>
  <PageWrapper id="area-page">
    <template #left>
      <ContainerBorder title="数据统计">
        <DataStatistics />
      </ContainerBorder>
      <ContainerBorder  title="数据分析">
        <DataAnalysis />
      </ContainerBorder>
      <ContainerBorder  title="状态监测">
        <ConditionMonitoring />
      </ContainerBorder>
    </template>
    <template #right>
      <ContainerBorder title="隐患处理排行榜">
        <HiddenDangerHandlingListVue />
      </ContainerBorder>
      <ContainerBorder title="今日隐患处理结果占比">
        <TodayHiddenTroubleProcessingResults />
      </ContainerBorder>
      <ContainerBorder title="消防日志">
        <FireLog />
      </ContainerBorder>
    </template>
    <CenterPanel />
  </PageWrapper>
</template>

<script>
import { ContainerBorder, PageWrapper } from '@/components'
import { DataStatistics, DataAnalysis, ConditionMonitoring } from '@/bis-components'
import CenterPanel from '@/views/modules/CenterPanel'
import HiddenDangerHandlingListVue from './modules/HiddenDangerHandlingList.vue'
import FireLog from './modules/FireLog/index.vue'
import TodayHiddenTroubleProcessingResults from './modules/TodayHiddenTroubleProcessingResults.vue'

export default {
  name: 'BuildView',
  components: {
    PageWrapper,
    CenterPanel,
    ContainerBorder,
    // 左侧组件
    DataStatistics, 
    DataAnalysis, 
    ConditionMonitoring,
    // 右侧组件
    HiddenDangerHandlingListVue,
    TodayHiddenTroubleProcessingResults,
    FireLog
  }
}
</script>

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