hanbaoshan
2020-10-20 98a6297b10a4b97c3022f84d3ba7908c178d9ee0
src/pages/visual/index/App.vue
@@ -13,37 +13,31 @@
        </div>
      </div>
      <home></home>
      <home :class="{'hasLeftTree':TreeDataPool.showTreeBox}"></home>
    </div>
  </div>
</template>
<script>
//import LeftNav from "../components/LeftNav.vue";
import LeftNav from "../components/LeftNav.vue";
import TopNav from "../components/TopNav.vue";
import Home from "./home"
import Home from "./home";
export default {
  mounted() {
    this.screenHeight = document.documentElement.clientHeight - 90;
    this.getCenter();
    this.TreeDataPool.showTreeBox = false
    this.TreeDataPool.showTreeBox = true;
    this.screenHeight = document.documentElement.clientHeight - 90;
    document.title = "SmartAI";
  },
  components: {
    LeftNav,
    TopNav,
    Home
  },
  computed: {
    classRouterView() {
      return {
        float: "left",
        height: "100%",
        width: this.TreeDataPool.showTreeBox ? "100%" : "calc(100% - 350px)"
      };
    }
  },
  data() {
    return {
      screenHeight: 0,
@@ -74,6 +68,32 @@
  min-width: 1350px;
  overflow: auto;
}
.tree-menu {
  max-width: 270px !important;
}
.box-card .s-card-right-double {
  background-color: transparent;
}
.box-card .s-card-right-signal {
  background-color: transparent;
}
.left-tree-box .el-menu-vertical-demo:hover {
  overflow-y: visible;
  overflow-x: hidden;
}
.el-menu-vertical-demo::-webkit-scrollbar {
  background-color: transparent !important;
}
.el-menu-vertical-demo::-webkit-scrollbar-thumb {
  background-color: transparent !important;
}
.el-menu-vertical-demo::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.hasLeftTree {
  float: left;
  width: calc(100% - 315px);
}
.router-view-box {
  width: 100%;
  height: 100%;