摄像机信息区域/时间规则,系统维护,实时监控,算力管理样式调整

hanbaoshan

2020-08-06 d656ff9cf8c97a01c0cc990d935e4b42b314be22

 src/pages/cameraVideo/index/Video.vue

@@ -1,5 +1,5 @@
<template>
  <div style="height: 100%;">
  <div style="width:100%; height: 100%;">
    <div class="monitoring-right" ref="videoRight">
      <div class="monitoring-video" ref="monitorVideo">
        <div class="monitoring-video-guid">
@@ -186,6 +186,7 @@
  },
  watch: {
    "TreeDataPool.videoArr": function (newArry) {
      console.log('newArry',newArry)
      const cameras = this.filterNodes(newArry);
      this.getActiveIndex();
      this.$refs.taskview.showTasks(cameras);
@@ -554,20 +555,18 @@
.monitoring-right {
  width: 100%;
  height: 100%;
  float: right;
  min-width: 1243px;
  //float: right;
  box-sizing: border-box;
  padding: 10px;
  background-color: #e9ebf2;
  .monitoring-video {
    width: 70.5%;
    //min-width: 800px;
    min-width: 740px;
    max-width: 1208px;
    height: 75%;
    float: left;
    padding: 0px, 10px 10px 10px;
    box-sizing: border-box;
    border: 1px solid #e4e7ed;
    // box-shadow: #e4e7ed 0px 0px 9px inset;
    border-radius: 5px;
    .activeItem {
@@ -611,9 +610,9 @@
    // @media screen and (max-width: 1700px){

    // }
    width: calc(29.5% - 10px);
    //width: calc(29.5% - 10px);
    width: calc(34% - 10px);
    //width: auto;
    // width: 23%;
    height: 73%;
    background-color: #fff;
    float: left;