| | |
| | | <div class="page-header-container"> |
| | | <flex-layout direction="row"> |
| | | <div class="page-header-left" slot="header"> |
| | | <img class="header-first-logo" src="../assets/images/gjdw-log.png"> |
| | | <!-- <img class="header-first-logo" src="../assets/images/gjdw-log.png">--> |
| | | <!-- <img class="header-first-logo" src="../assets/images/nfdw-log.png">--> |
| | | <span class="header-carve-up"></span> |
| | | <span>蓄电池监控平台</span> |
| | | <!-- <span class="header-carve-up"></span>--> |
| | | <span>综合电力监控平台</span> |
| | | <span class="sys-version">V{{ version }}</span> |
| | | </div> |
| | | <div class="page-header-content"> |
| | |
| | | :data="data" |
| | | :default-expanded-keys="expandedKeys" |
| | | :current-node-key="getCurrentKey" |
| | | :flag="flag" |
| | | @node-click="nodeClick" |
| | | @leaf-click="leafClick"></my-el-tree> |
| | | </flex-layout> |
| | |
| | | ]; |
| | | // 默认激活的电池组 |
| | | let currentNodeKey = getQueryString("batt") ? getQueryString("batt") : ""; |
| | | |
| | | return { |
| | | flag: Math.random(), |
| | | defaultExpandedKeys, |
| | | currentNodeKey, |
| | | data: [], |
| | |
| | | this.currentKey = result[acIndex].id; |
| | | this.batt = result[acIndex]; |
| | | this.$emit('leaf-click', result[acIndex]); |
| | | // 确定节点变化 |
| | | this.flag = Math.random(); |
| | | } |
| | | }).catch(error => { |
| | | console.log(error); |
| | |
| | | padding-bottom: 16px; |
| | | } |
| | | .run-monitor-footer{ |
| | | padding: 32px 16px 52px; |
| | | padding: 16px 16px 70px; |
| | | } |
| | | .warning-monitor-wrapper { |
| | | display: flex; |
| | |
| | | <div class="sliderCon"> |
| | | <div class="logo"> |
| | | <img src="../assets/images/yuanchang_logo2.png" class="logoImg"> |
| | | 蓄电池后台监控管理平台 |
| | | 综合电力监控平台 |
| | | </div> |
| | | <img src="../assets/images/login-img.png" class="picImg"> |
| | | </div> |