<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'
import { alarmNowStatic } from '@/api/data/dataStatics'
import { getSearchTodayTime } from '@/utils/dateutils'
import { getAlarmList } from '@/api/alarm/alarm'
export default {
  name: 'AlarmStatics',
  components: {
    AlarmStaticsByContent,
    AlarmWellRank,
    SimpleCard,
    PanelCard,
    AlarmAnalysis,
    alarmStaticsByDept
  },
  data() {
    return {
      alarmNow: 0,
      todayAlarm: 0
    }
  },
  created() {
    this.getAlarmCount()
    this.getTodayAlarmCount()
  },
  methods: {
    getAlarmCount() {
      alarmNowStatic().then(response => {
        this.alarmNow = response.data.total
      })
    },
    getTodayAlarmCount() {
      const date = getSearchTodayTime()
      const listQuery = {
        keywords: '',
        alarmType: '',
        alarmContentType: '',
        beginTime: date[0],
        endTime: date[1],
        status: '1',
        offset: 1,
        limit: 20,
        sort: '',
        order: ''
      } // 筛选条件
      getAlarmList(listQuery).then(response => {
        this.todayAlarm = parseInt(response.data.total)
      })
    }
  }
}
</script>