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

hanbaoshan

2020-11-29 e5cd37f56567a800c78eae86c11de98f5cdd8dec

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

 public/index.html

@@ -433,6 +433,12 @@
      text-align: center;
      border: 0px solid transparent;
    }

    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: #f5f5f5;
    }
  </style>

</head>

 src/components/LeftNav.vue

@@ -238,7 +238,7 @@
                size="small"
                clearable
                @input="querySearchAsync('dir')"
                :style="'width:120px;'"
                :style="'width:148px;'"
              >
                <i
                  class="el-icon-search el-input__icon"

 src/pages/ai/index/App.vue

@@ -593,7 +593,7 @@
          this.isInstall = false;

          this.$message({

            type: 'success',

            message: '安装成功,将跳转至我的算法中查看'

            message: '安装成功,将跳转至"已激活"中查看'

          });

          setTimeout(() => {

            this.getAllSdk();


 src/pages/cameraAccess/index/App.vue

@@ -25,17 +25,17 @@
    RightSide
  },
  computed: {
    app() {
    app () {
      return this.getUrlKey() !== null ? "DataStack" : "Camera"
    }
  },
  data() {
  data () {
    return {
      leftWith: 0,
      screenHeight: 0
    }
  },
  mounted() {
  mounted () {
    this.screenHeight = document.documentElement.clientHeight;
    window.onresize = () => {
      return (() => {
@@ -50,7 +50,7 @@

  },
  methods: {
    getUrlKey() {
    getUrlKey () {
      let name = "dataStack"
      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
    }
@@ -134,7 +134,7 @@
  }
  .resize-bar:hover ~ .resize-line::after,
  .resize-bar:active ~ .resize-line::after {
    content: "";
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
@@ -144,5 +144,4 @@
    background-size: 100% 100%;
  }
}

</style>

 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%;