| | |
|---|
| | | <template> |
|---|
| | | <div id="devicePosition" style="height: 100%"> |
|---|
| | | <el-container style="height: 100%"> |
|---|
| | | <el-header> |
|---|
| | | <uiHeader></uiHeader> |
|---|
| | | </el-header> |
|---|
| | | <el-container v-loading="loading" element-loading-text="拼命加载中" style="margin: 0 20px;"> |
|---|
| | | <div id="devicePosition" style="height: 100%;width: 100%"> |
|---|
| | | <el-container v-loading="loading" element-loading-text="拼命加载中"> |
|---|
| | | <el-aside width="300px" style="background-color: #ffffff"> |
|---|
| | | <div style="text-align: center;padding-top: 20px;">设备列表</div> |
|---|
| | | <el-menu v-loading="loading"> |
|---|
| | |
|---|
| | | <i class="el-icon-s-grid btn" :class="{active:spilt==9}" @click="spilt=9"/> |
|---|
| | | </el-header> |
|---|
| | | <el-main> |
|---|
| | | <div style="width: 100%;height: calc( 100vh - 110px );display: flex;flex-wrap: wrap;background-color: #000;"> |
|---|
| | | <div style="width: 100%;height: calc( 100vh - 150px );display: flex;flex-wrap: wrap;background-color: #000;"> |
|---|
| | | <div v-for="i in spilt" :key="i" class="play-box" |
|---|
| | | :style="liveStyle" :class="{redborder:playerIdx == (i-1)}" |
|---|
| | | @click="playerIdx = (i-1)" |
|---|
| | |
|---|
| | | </el-main> |
|---|
| | | </el-container> |
|---|
| | | </el-container> |
|---|
| | | </el-container> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import uiHeader from "./UiHeader.vue"; |
|---|
| | | import uiHeader from "../layout/UiHeader.vue"; |
|---|
| | | import player from './dialog/jessibuca.vue' |
|---|
| | | import ChannelTree from './channelTree.vue' |
|---|
| | | |
|---|
