<!--
 * @Author: WangQiBiao
 * @Date: 2019-09-24 18:06:33
 * @LastEditors: MoZhuangRu
 * @LastEditTime: 2020-02-21 10:09:59
 * @Description: 首页
 -->
<template>
  <div class="index">
    <TitleCom/>
    <div class="main">
      <StatisticalCom/>
      <div class="index-body">
        <div class="index-body-lf">
          <div class="ibl-item">
            <EntranceGuardCom/>
          </div>
          <div class="ibl-item">
            <ParkingCom/>
          </div>
        </div>
        <div class="index-body-cent">
          <PaidInCom/>
          <RecordCom/>
        </div>
        <div class="index-body-lr">
          <div class="ibl-item">
            <CommunicationCom/>
          </div>
          <div class="ibl-item">
            <RepairCom/>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import StatisticalCom from './components/statistical'
import TitleCom from './components/title'
import EntranceGuardCom from './components/entrance-guard'
import ParkingCom from './components/parking'
import CommunicationCom from './components/communication'
import RepairCom from './components/repair'
import PaidInCom from './components/paid-in'
import RecordCom from './components/record'
export default {
  components: {
    StatisticalCom,
    TitleCom,
    EntranceGuardCom,
    ParkingCom,
    CommunicationCom,
    RepairCom,
    PaidInCom,
    RecordCom
  },
  data () {
    return {
    }
  }
}
</script>
<style lang="scss" scoped>
@import './index.scss';
</style>
