| | |
| | | </template> |
| | | |
| | | <!-- 商标 --> |
| | | <el-row ref="subTitleRef" class="sub-title" justify="center"> |
| | | <!-- <el-row ref="subTitleRef" class="sub-title" justify="center"> |
| | | <el-space>{{ collapse ? '' : subTitle }}</el-space> |
| | | </el-row> |
| | | </el-row> --> |
| | | </el-menu> |
| | | </template> |
| | | |
| | |
| | | data() { |
| | | return { |
| | | popVisible: false, |
| | | menuHeight: '600px', |
| | | menuHeight: '80vh', |
| | | title: '生态环境线上监管', |
| | | subTitle: '©上海飞羽环保科技有限公司', |
| | | sysIndex: 0, |
| | | sysNames: [ |
| | | { name: '飞羽监管', des: '' }, |
| | | { name: '飞羽环境', des: '' }, |
| | | { name: '排污抽运', des: '' } |
| | | // { name: '排污抽运', des: '' } |
| | | ] |
| | | }; |
| | | }, |
| | |
| | | calMenuHeight() { |
| | | const h1 = this.$refs.headerRef.$el.offsetHeight; |
| | | const h2 = this.$refs.header2Ref.$el.offsetHeight; |
| | | const h3 = this.$refs.subTitleRef.$el.offsetHeight; |
| | | // const h3 = this.$refs.subTitleRef.$el.offsetHeight; |
| | | const h3 = 0; |
| | | return `calc(100vh - ${h1}px - ${h2}px - ${h3}px)`; |
| | | }, |
| | | menuPath(m) { |
| | |
| | | .el-menu-vertical-demo:not(.el-menu--collapse) { |
| | | /* width: 200px; */ |
| | | min-height: 100vh; |
| | | max-height: 100vh; |
| | | /* max-height: 100vh; */ |
| | | } |
| | | |
| | | .el-menu--collapse { |