调整左侧目录树及滚动条的宽度

hanbaoshan

2020-11-29 e5cd37f56567a800c78eae86c11de98f5cdd8dec

 src/pages/cameraAccess/index/VideoManage.vue

@@ -65,7 +65,7 @@
    DataStackInfo,
    SeparateRules,
    LinkageRule  },
  data() {
  data () {
    return {
      activeName: "camera-info",
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
@@ -73,7 +73,7 @@
    };
  },
  computed: {
    isAdmin() {
    isAdmin () {
      if (
        sessionStorage.getItem("userInfo") &&
        sessionStorage.getItem("userInfo") !== ""
@@ -84,7 +84,7 @@

      return false;
    },
    firstLabeName() {
    firstLabeName () {
      return this.TreeDataPool.treeActiveName === "camera" ? "摄像机信息" : "数据栈信息"
    }
  },
@@ -106,7 +106,7 @@
      }
    },
    "TreeDataPool.selectedNodes": {
      handler(nodes) {
      handler (nodes) {
        if (this.activeName == "linkage-rule") {
          this.$refs.linkRule.initCameraData();
        }
@@ -114,7 +114,7 @@
      deep: true
    },
    "DataStackPool.selectedDir": {
      handler(node, oldNode) {
      handler (node, oldNode) {
        if (this.TreeDataPool.treeActiveName !== 'dataStack') {
          return
        }
@@ -130,7 +130,7 @@
    },

  },
  created() {
  created () {
    if (this.TreeDataPool.treeActiveName == 'camera') {
      if (this.isShow('cameraAccess:cameraInfo')) {
        this.activeName = "camera-info"
@@ -154,11 +154,11 @@
    this.selectedNodes = [];
    this.VideoManageData.init();
  },
  beforeDestroy() {
  beforeDestroy () {
    clearInterval(this.intervalTimer);
    //this.TreeDataPool.treeActiveName = "camera";
  },
  mounted() {
  mounted () {
    this.$nextTick(() => {
      bus.$on("addCameraOnTree", node => {
        this.handAddDevice(node);
@@ -176,24 +176,24 @@
    }, 10000)
  },
  methods: {
    isShow(authority) {
    isShow (authority) {
      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
    },
    handAddDevice(node) {
    handAddDevice (node) {
      let _this = this;
      setTimeout(() => {
        _this.$refs.cameraInfo.addDevice(node);
        _this.activeName = "camera-info";
      }, 100);
    },
    handAddDIr(node) {
    handAddDIr (node) {
      let _this = this;
      setTimeout(() => {
        _this.$refs.dataStackInfo.addDir(node);
        _this.activeName = "camera-info";
      }, 100);
    },
    handleClick(tab, event) {
    handleClick (tab, event) {
      this.TreeDataPool.multiple = tab.name === "linkage-rule";
      if (tab.name === "camera-info") {
        if (this.TreeDataPool.treeActiveName == 'camera') {
@@ -286,6 +286,11 @@
    overflow-y: auto;
    padding: 0;
  }
  .video-tab > .el-tabs__content::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
  }
  .el-tab-pane {
    width: 100%;
    //height: 100%;