调整布局

hanbaoshan

2020-08-08 f77dad86de37e5ab0df6a6ce43f21e1ab408d389

 src/pages/cameraAccess/index/VideoManage.vue

@@ -1,6 +1,6 @@
<template>
  <div class="s-video-manage">
    <el-tabs class="video-tab" v-model="activeName" type="border-card" @tab-click="handleClick">
    <el-tabs class="video-tab" ref="topTab" v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane
        :label="firstLabeName"
        name="camera-info"
@@ -123,7 +123,8 @@
        })
      },
      deep: true
    }
    },
    
  },
  created() {
    if (this.TreeDataPool.treeActiveName == 'camera') {
@@ -247,13 +248,12 @@
  .el-tabs--border-card {
    height: 100%;
    width: 100%;
    &.video-tab {
      & > .el-tabs__header {
        position: fixed;
        top: 0;

        width: 100%;
        z-index: 999;
    &.video-tab{
      &>.el-tabs__header{
        //position: fixed;
        //position: absolute;
        //top:0;
        //left: 0;
        height: 54px;
        overflow-y: hidden;
      }
@@ -287,14 +287,15 @@
  }
  .video-tab > .el-tabs__content {
    width: 100%;
    margin-top: 52px;
    //height: calc(100% - 52px);
    //margin-top: 52px;
    height: calc(100% - 78px);
    box-sizing: border-box;
    padding: 13px 0;
    overflow-y: auto;
    padding: 0;
  }
  .el-tab-pane {
    width: 100%;
    height: 100%;
    //height: 100%;
  }
}
</style>