摄像机配置滚动条

ZZJ

2022-01-10 be30bc66c1e40dfef1632628765f9578939ef192

摄像机配置滚动条

 src/pages/cameraAccess/index/App.vue

@@ -4,7 +4,11 @@
      <div class="resize-bar"></div>
      <div class="resize-line"></div>
      <div class="resize-save">
        <left-nav :appName="app" :height="screenHeight" ref="leftTree"></left-nav>
        <left-nav
          :appName="app"
          :height="screenHeight"
          ref="leftTree"
        ></left-nav>
      </div>
    </div>
    <div class="column-right">
@@ -16,25 +20,25 @@
<script>
import LeftNav from "@/components/LeftNav";
// import CameraVideo from "./components/Video.vue";
import RightSide from "./VideoManage"
import RightSide from "./VideoManage";
import { getUrlKey } from "@/api/utils";

export default {
  name: "VideoManage",
  components: {
    LeftNav,
    RightSide
    RightSide,
  },
  computed: {
    app() {
      return getUrlKey("dataStack") !== null ? "DataStack" : "Camera"
    }
      return getUrlKey("dataStack") !== null ? "DataStack" : "Camera";
    },
  },
  data() {
    return {
      leftWith: 0,
      screenHeight: 0
    }
      screenHeight: 0,
    };
  },
  mounted() {
    this.screenHeight = document.documentElement.clientHeight;
@@ -44,14 +48,12 @@
      })();
    };

    this.leftWith = this.$refs['left'].offsetWidth;
    this.leftWith = this.$refs["left"].offsetWidth;
    this.TreeDataPool.readonly = false;
    this.TreeDataPool.gbReadonly = false;
    this.DataStackPool.readonly = false;
  },
  methods: {
    
  }
  methods: {},
};
</script>

@@ -72,9 +74,7 @@
  height: 100vh;
  background-color: #eee;
  box-sizing: border-box;
  //overflow: hidden;
  overflow-y: hidden;
  overflow-x: auto;
  overflow: scroll;
}
.heigher-index {
  position: absolute;

 src/pages/cameraAccess/index/VideoManage.vue

@@ -242,7 +242,6 @@
.s-video-manage {

  width: 100%;

  min-width: 1599px;

  height: 100%;

  float: left;

  box-sizing: border-box;

  .el-tabs--border-card {

@@ -259,7 +258,6 @@
  //   border-radius: 5px;

  // }

  .el-tabs--border-card {

    height: 100%;

    width: 100%;

    &.video-tab {

      & > .el-tabs__header {

@@ -301,7 +299,6 @@
  .video-tab > .el-tabs__content {

    width: 100%;

    //margin-top: 52px;

    height: calc(100% - 36px);

    box-sizing: border-box;

    overflow-y: auto;

    padding: 0;