<!-- 侧滑栏的父层, -->
|
<div id="sidebarWrap" class="bui-sidebar-wrap">
|
<!-- 侧滑菜单 -->
|
<div class="bui-sidebar swiperight">
|
<bui-list
|
:data="devInfos.list"
|
@on-click="handlerListClick"></bui-list>
|
</div>
|
<!-- 这里还是一个标准的BUI页面 -->
|
<div class="bui-page">
|
<header class="bui-bar">
|
<div class="bui-bar-left">
|
<!-- 左边有图标示例 -->
|
<div class="bui-btn btn-back" @click="stopTimers"><i class="icon-back"></i></div>
|
</div>
|
<div class="bui-bar-main"><span v-text="devInfo.stationName3"></span>-电池数据监控</div>
|
<div class="bui-bar-right">
|
<!-- 右边有图标示例 -->
|
<div class="bui-btn" id="menu" class="menu"><i class="icon-menu"></i></div>
|
</div>
|
</header>
|
<main>
|
<!-- 中间内容 -->
|
<div class="main-inner">
|
<div class="tbl-container bg-white mt8 home-info">
|
<div class="tbl-content">
|
<table class="bui-table">
|
<tbody>
|
<tr>
|
<td>系统电池组数：<span v-text="devInfo.groupNum"></span></td>
|
<td>单体电池数量：<span v-text="devInfo.monCount"></span></td>
|
<td>标称容量：<span v-text="devInfo.nomCap"></span>AH</td>
|
<td>电池品牌：<span v-text="devInfo.battProducer"></span></td>
|
</tr>
|
<tr>
|
<td>标称组端电压：<span v-text="devInfo.nomGroupVol"></span>V</td>
|
<td>标称单体电压：<span v-text="devInfo.nomVol"></span>V</td>
|
<td>标称内阻：<span v-text="devInfo.nomRes"></span>mΩ</td>
|
<td>电池型号：<span v-text="devInfo.battModel"></span></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<iview-table
|
:columns="eleTbl.columns"
|
:data="eleTbl.data"
|
style="margin-top: 8px; margin-left: 0; margin-right: 0;"></iview-table>
|
</div>
|
</main>
|
</div>
|
</div>
|
|
<style scoped>
|
.home-info {
|
padding: .1rem;
|
border-radius: .1rem;
|
}
|
.home-info .bui-table td {
|
border: none;
|
}
|
.bui-btn:active {
|
color: #CCCCCC;
|
}
|
</style>
|
