<!-- 视频监控 -->
<template>
  <div class="videoSurveillance-index">
    <Header/>
    <div class="main_t">
      <div class="main_t_t">
        <i class="main_t_t_l">当前位置：首页 &gt;</i>
        <i>视频监控</i>
      </div>
    </div>
    <div class="videoSurveillance-index-page">
      <div class="left-max-big-box">
        <deptListComponent></deptListComponent>
      </div>
      <div class="center-max-big-box">
        <videoComponent ref="videoComponent"></videoComponent>
      </div>
    </div>
  </div>
</template>
<script>
  import Header from '@/components/header.vue'
  import deptListComponent from "./pageComponent/deptListComponent.vue";
  import videoComponent from "./pageComponent/videoComponent.vue";
  export default {
    name: 'index',
    components: {
      Header,
      deptListComponent,
      videoComponent
    },
    data () {
      return {

      }
    },
    created () {

    },
    mounted () {

    },
    methods: {
      setAddress(list){
        this.$refs['videoComponent'].getAddress(list)
      },
      setUserNum(num){
        this.$refs['videoComponent'].getUserNum(num)
      },
      setVideoData(data){
        this.$refs['videoComponent'].getVideoData(data)
      },
    },
  }
</script>
<style scoped lang="scss">
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .videoSurveillance-index{
    width: 1920px;
    height: 1080px;
    padding:0 60px;
    display: flex;
    flex-direction: column;
    .main_t {
      background: #062338;
      width: 1852px;
      position: absolute;
      left: 34px;
      top: 86px;
      z-index: 200;
      .main_t_t {
        margin: 20px 0 0 18px;
        > i {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 16px;
        }
        > i:nth-of-type(1) {

        }
        > i:nth-of-type(2) {
          color: #1ED0F8;
        }
      }
    }
    .videoSurveillance-index-page{
      margin-top: 138px;
      /*flex:1;*/
      display: flex;
      background-color: #052F48;
      height: 910px;
      .left-max-big-box{
        width:430px;
        margin-top: 10px;
      }
      .center-max-big-box{
        width: 1350px;
        height: 874px;
        margin-top: 37px;
        margin-left:20px;
      }
    }
  }
</style>
