摄像机配置滚动条

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;