| | |
| | | </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, |
| | |
| | | min-width: 1350px; |
| | | overflow: auto; |
| | | } |
| | | .hasLeftTree{ |
| | | .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); |
| | | } |