| | |
| | | <template> |
| | | <div id="UiHeader"> |
| | | <el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#545c64" text-color="#fff" |
| | | active-text-color="#ffd04b" mode="horizontal"> |
| | | |
| | | <el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#001529" text-color="#fff" |
| | | active-text-color="#1890ff" mode="horizontal"> |
| | | |
| | | <el-menu-item index="/control">控制台</el-menu-item> |
| | | <el-menu-item index="/live">实时监控</el-menu-item> |
| | | <el-menu-item index="/live">分屏监控</el-menu-item> |
| | | <el-menu-item index="/deviceList">国标设备</el-menu-item> |
| | | <el-menu-item index="/map">电子地图</el-menu-item> |
| | | <el-menu-item index="/pushVideoList">推流列表</el-menu-item> |
| | | <el-menu-item index="/streamProxyList">拉流代理</el-menu-item> |
| | | <el-menu-item index="/cloudRecord">云端录像</el-menu-item> |
| | |
| | | if (this.$route.path.startsWith("/channelList")) { |
| | | this.activeIndex = "/deviceList" |
| | | } |
| | | |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) |
| | |
| | | #UiHeader .el-switch__label.is-active{ |
| | | color: #409EFF; |
| | | } |
| | | #UiHeader .el-menu-item.is-active { |
| | | color: #fff!important; |
| | | background-color: #1890ff!important; |
| | | } |
| | | </style> |