<template>
  <app-container>
    <all-show/>
    <el-row>
      <el-col :span="6">
        <ivr-area/>
      </el-col>
      <el-col :span="12">
        <el-row>
          <div class="realtime-seats">
            <el-col v-for="i in 8" :span="6">
              <seat/>
            </el-col>
          </div>
        </el-row>
      </el-col>
      <el-col :span="6">
        <realtime-check/>
      </el-col>
    </el-row>

  </app-container>
</template>

<script>
import AppContainer from '../../../components/layout/AppContainer'
import Seat from './components/seat'
import AllShow from './components/allShow'
import RealtimeCheck from './components/realtimeCheck'
import IvrArea from './components/ivrArea'
export default {
  name: 'SeatMonitor',
  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
}
</script>

<style scoped>
.realtime-seats{
  padding:30px 20px;
}
</style>
