<!-- 这里还是一个标准的BUI页面 -->
|
<div class="bui-page" id="batteryInfo">
|
<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" v-text="getTitle"></div>
|
<div class="bui-bar-right">
|
<!-- 右边有图标示例 -->
|
</div>
|
</header>
|
<main>
|
<!-- 中间内容 -->
|
<div>
|
<div class="tbl-container bg-white mt8 batt-info">
|
<div class="tbl-content">
|
<table class="bui-table">
|
<colgroup>
|
<col width="30%"></col>
|
<col width="30%"></col>
|
<col width="30%"></col>
|
<col width="10%"></col>
|
</colgroup>
|
<tbody>
|
<tr>
|
<td>电池状态：<span v-text="getBattState"></span></td>
|
<td>组端电压：<span v-text="rtState.group_vol"></span>V</td>
|
<td>组端电流：<span v-text="rtState.group_curr"></span>A</td>
|
<td rowspan="3" style="width: 2rem">
|
<button class="bui-btn bui-btn-small bg-primary">内阻测试</button>
|
<button class="bui-btn bui-btn-small mt8 bg-primary">导出数据</button>
|
</td>
|
</tr>
|
<tr>
|
<td>测试容量：<span v-text="rtState.batt_test_cap"></span>AH</td>
|
<td>更新时间：<span v-text="rtState.batt_test_recordtime"></span></td>
|
<td>测试时长：<spna v-text="getTestTimeLong"></spna></td>
|
</tr>
|
<tr>
|
<td>纹波电流均值：</td>
|
<td>纹波电流峰值：</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div id="uiTab" class="bui-tab mt8">
|
<div class="bui-tab-head">
|
<ul class="bui-nav">
|
<li class="bui-btn">单体列表</li>
|
<li class="bui-btn">统计信息</li>
|
<li class="bui-btn">单体电压图</li>
|
<li class="bui-btn">单体内阻图</li>
|
<li class="bui-btn">单体温度图</li>
|
<!-- <li class="bui-btn">当前告警</li>
|
<li class="bui-btn">测试数据</li> -->
|
</ul>
|
</div>
|
<div class="bui-tab-main" ref="tabMain">
|
<ul>
|
<!-- 内容必须在li里面 -->
|
<li>
|
<iview-table
|
:height="getTabHt()"
|
style="margin-top: 8px; margin-left: 0; margin-right: 0;"
|
:columns="tbls.monList.columns"
|
:data="tbls.monList.data"></iview-table>
|
</li>
|
<li style="display: none">
|
<iview-table
|
style="margin-top: 8px; margin-left: 0; margin-right: 0;"
|
:columns="tbls.totalInfo.columns"
|
:data="tbls.totalInfo.data"></iview-table>
|
</li>
|
<li style="display: none">
|
<high-bar-chart
|
:height="getTabHt('px')"
|
id="monVolBar"
|
name="电压" unit="V"
|
ref="monVolBar"></high-bar-chart>
|
</li>
|
<li style="display: none">
|
<high-bar-chart
|
:height="getTabHt('px')"
|
id="monResBar"
|
name="内阻" unit="mΩ"
|
:colors="{min:'#19be6b', max: '#ed4014'}"
|
ref="monResBar"></high-bar-chart>
|
</li>
|
<li style="display: none">
|
<high-bar-chart
|
:height="getTabHt('px')"
|
id="monTmpBar"
|
name="温度" unit="℃"
|
:colors="{min:'#19be6b', max: '#ed4014'}"
|
ref="monTmpBar"></high-bar-chart>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</main>
|
</div>
|
<style scoped>
|
.batt-info {
|
padding: .1rem;
|
}
|
.batt-info .bui-table td {
|
border: none;
|
}
|
</style>
|
