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

hanbaoshan

2020-08-06 d656ff9cf8c97a01c0cc990d935e4b42b314be22

 src/pages/cameraAccess/index/VideoManage.vue

@@ -1,6 +1,6 @@
<template>
  <div class="s-video-manage">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
    <el-tabs class="video-tab" v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane
        :label="firstLabeName"
        name="camera-info"
@@ -231,8 +231,6 @@
  height: 100%;
  float: right;
  box-sizing: border-box;
  padding: 16px;
  background-color: #e9ebf2;
  .el-tabs--border-card {
    box-shadow: none;
    -webkit-box-shadow: none;
@@ -249,7 +247,19 @@
  .el-tabs--border-card {
    height: 100%;
    width: 100%;
    &.video-tab{
      &>.el-tabs__header{
        position: fixed;
        top:0;
        
        width:100%;
        z-index:999;
        height: 54px;
        overflow-y: hidden;
      }
    }
    .el-tabs__header {
       
      .is-active {
        color: #3d68e1 !important;
      }
@@ -276,11 +286,12 @@
      }
    }
  }
  .el-tabs__content {
  .video-tab>.el-tabs__content {
    width: 100%;
    height: calc(100% - 52px);
    margin-top: 52px;
    //height: calc(100% - 52px);
    box-sizing: border-box;
    padding: 13px 38px;
    padding: 13px 0;
  }
  .el-tab-pane {
    width: 100%;