<template>
  <div class="dashboard-container">
    <panel-group ref="panelgroup"/>
    <el-row>
      <!--测温情况分析-->
      <el-col :span="12">
        <el-card shadow="never">
          <temp-analysis/>
        </el-card>
      </el-col>
      <!--通行人数统计-->
      <el-col :span="12">
        <el-card shadow="never">
          <pass-count/>
        </el-card>
      </el-col>
      <!--通行情况分析-->
      <el-col :span="12">
        <el-card shadow="never">
          <pass-analysis/>
        </el-card>
      </el-col>
      <!--打印情况分析-->
      <el-col :span="12">
        <el-card shadow="never">
          <print-analysis/>
        </el-card>
      </el-col>
      <!--单日测温趋势-->
      <el-col :span="12">
        <el-card shadow="never">
          <temp-one-day/>
        </el-card>
      </el-col>
      <!--单日通行趋势-->
      <el-col :span="12">
        <el-card shadow="never">
          <pass-one-day/>
        </el-card>
      </el-col>
      <!--七日测温趋势-->
      <el-col :span="12">
        <el-card shadow="never">
          <temp-seven-day/>
        </el-card>
      </el-col>
      <!--七日通行趋势-->
      <el-col :span="12">
        <el-card shadow="never">
          <pass-seven-day/>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import PanelGroup from './components/PanelGroup'
import TempAnalysis from './components/tempAnalysis'
import PassCount from './components/passCount'
import PassAnalysis from './components/passAnalysis'
import PrintAnalysis from './components/printAnalysis'
import TempOneDay from './components/tempOneDay'
import PassOneDay from './components/passOneDay'
import TempSevenDay from './components/tempSevenDay'
import PassSevenDay from './components/passSevenDay'
export default {
  name: 'Dashboard',
  components: { PassSevenDay, TempSevenDay, PassOneDay, TempOneDay, PrintAnalysis, PassAnalysis, PassCount, TempAnalysis, PanelGroup },
  computed: {
    ...mapGetters([
      'name',
      'roleNames',
      'roleTips',
      'communications'
    ])
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
