<template>
  <el-row :gutter="10">
    <el-col :span="10">
      <panel-card title="报警总体情况">
        <el-row :gutter="20" style="padding: 15px 10px">
          <el-col :span="12">
            <simple-card title="正在报警" :context="alarmNow" unit="个" />
          </el-col>
          <el-col :span="12">
            <simple-card title="今日报警" :context="todayAlarm" unit="次" />
          </el-col>
        </el-row>
      </panel-card>
      <!--报警井排名-->
      <alarm-well-rank style="margin-top:10px" />
      <!--报警内容统计-->
      <alarm-statics-by-content style="margin-top:10px" />
    </el-col>
    <el-col :span="14">
      <alarm-analysis />
    </el-col>
    <el-col :span="14">
      <alarm-statics-by-dept />
    </el-col>
  </el-row>
</template>

<script>

import alarmStaticsByDept from './components/alarmStaticsByDept'
import AlarmAnalysis from '@/views/dataView/components/alarmAnalysis'
import PanelCard from '@/components/BigData/Card/panelCard'
import SimpleCard from '@/components/BigData/Card/simpleCard'
import AlarmWellRank from './components/alarmWellRank'
import AlarmStaticsByContent from '@/views/alarmStatics/components/alarmStaticsByContent'
export default {
  name: 'AlarmStatics',
  components: {
    AlarmStaticsByContent,
    AlarmWellRank,
    SimpleCard,
    PanelCard,
    AlarmAnalysis,
    alarmStaticsByDept
  },
  data() {
    return {
      alarmNow: 0,
      todayAlarm: 0

    }
  }

}
</script>

