修复数据栈无法绘制区域的问题

zhangzengfei

2020-10-14 5f93eed344a797eb09018bb37df7d8ea0a1f1ec0

 src/pages/cameraAccess/index/VideoManage.vue

@@ -1,6 +1,12 @@
<template>
  <div class="s-video-manage">
    <el-tabs class="video-tab" ref="topTab" 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"
@@ -108,14 +114,11 @@
    },
    "DataStackPool.selectedDir": {
      handler(node, oldNode) {
        console.log(this.activeName)
        console.log(node, '勾选本地视频')
        if (this.TreeDataPool.treeActiveName !== 'dataStack') {
          return
        }
        this.$nextTick(() => {
          if (this.activeName == "camera-info") {
            console.log("dataStackInfo.selectDir(node)")
            this.$refs.dataStackInfo.selectDir(node);
          } else if (this.activeName == "separate-rule" && node.length !== 0) {
            this.$refs.sepRule.initCameraData(node.id);
@@ -124,7 +127,7 @@
      },
      deep: true
    },
    

  },
  created() {
    if (this.TreeDataPool.treeActiveName == 'camera') {
@@ -230,7 +233,7 @@
<style lang="scss">
.s-video-manage {
  width: 100%;
  min-width:1599px;
  min-width: 1599px;
  height: 100%;
  float: left;
  box-sizing: border-box;
@@ -250,8 +253,8 @@
  .el-tabs--border-card {
    height: 100%;
    width: 100%;
    &.video-tab{
      &>.el-tabs__header{
    &.video-tab {
      & > .el-tabs__header {
        //position: fixed;
        //position: absolute;
        //top:0;