<!--视频模块-->
<template>
  <div class="indexRightPage-videoPage scrollbar-box">
    <img class="null-img" src="@/assets/ZDimages/basicsModules/null-data-1.png" v-if="!videoList[0]">
    <div class="video-max-big-box scrollbar-box">
      <mpegts-video style="display: inline-block" :videoProps="item" v-for="(item,index) in videoList" :key="index"></mpegts-video>
    </div>
  </div>
</template>

<script>
  import mpegtsVideo from '@/components/mpegtsVideo/mpegtsVideo.vue'
  //import { getInfo } from "@/api/integratedManagement/index";
  export default {
    name: 'videoPage',
    components: {
      mpegtsVideo,
    },
    data(){
      return{
        videoList:[
          // {
          //   id:1,        //(ID:非必传-默认随机生成)
          //   width:378,    //(宽度:非必传-默认600)
          //   height:213,   //(高度:非必传-默认338)
          //   type:'flv',
          //   url:"ws://192.168.1.43:8230/rtp/440102004920000000010064_34020000001320000064.flv"        //(视频地址:必传)
          // },
        ],
      }
    },
    created(){

    },
    mounted(){

    },
    methods:{
      initialize(){
        console.log(this.$parent.infoId)
      },
    },
  }
</script>

<style scoped lang="scss">
  .indexRightPage-videoPage{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .null-img{
      display: block;
      margin:80px 0 0 150px;
      width:150px;
    }
    .video-max-big-box{
      flex:1;
      padding:0 0 10px 15px;
    }
  }
</style>
