|
|
|
@ -1,10 +1,10 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div id="videos">
|
|
|
|
<div id="videos" style="overflow-y:scroll">
|
|
|
|
|
|
|
|
|
|
|
|
<a-button type="primary" @click="full" v-if="!isFullscreen"> 全屏<a-icon type="right" /> </a-button>
|
|
|
|
<a-button type="primary" @click="full" v-if="!isFullscreen"> 全屏<a-icon type="right" /> </a-button>
|
|
|
|
<a-button type="primary" @click="full" v-if="isFullscreen"><a-icon type="left" /> 退出全屏 </a-button>
|
|
|
|
<a-button type="primary" @click="full" v-if="isFullscreen"><a-icon type="left" /> 退出全屏 </a-button>
|
|
|
|
<a-row v-for='rowIndex in row' :key='rowIndex'>
|
|
|
|
<a-row v-for='rowIndex in row' :key='rowIndex'>
|
|
|
|
<a-col v-for='colIndex in column' :key='colIndex' :span="24/column" :style="{height: videoHeight}" >
|
|
|
|
<a-col v-for='colIndex in column' :key='colIndex' :span="24/column" >
|
|
|
|
<video class="camera" :id="rowIndex+'-'+colIndex" autoplay muted :style="{'height': '100%',width:'100%','object-fit':'fill'}" ></video>
|
|
|
|
<video class="camera" :id="rowIndex+'-'+colIndex" autoplay muted :style="{'height': '100%',width:'100%','object-fit':'fill'}" ></video>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
|
@ -101,7 +101,7 @@ export default {
|
|
|
|
this.$api.httpApi.getAllCameras({
|
|
|
|
this.$api.httpApi.getAllCameras({
|
|
|
|
params: {
|
|
|
|
params: {
|
|
|
|
//todo index是分组,一个填0 ,另一个填1
|
|
|
|
//todo index是分组,一个填0 ,另一个填1
|
|
|
|
index: 1
|
|
|
|
index: 0
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
if(res.code == 200) {
|
|
|
|
if(res.code == 200) {
|
|
|
|
|