|
<div class="bui-page">
|
<header class="bui-bar">
|
<div class="bui-bar-left">
|
<div class="bui-btn btn-back"><i class="icon-back"></i></div>
|
</div>
|
<div class="bui-bar-main"><span v-text="getTitle">??-监测数据</span></div>
|
<div class="bui-bar-right">
|
<div class="bui-btn" @click="open=true"><i class="icon-menu"></i></div>
|
</div>
|
</header>
|
<main>
|
<el-drawer v-cloak :visible.sync="open" direction="ltr">
|
<div class="heading" slot="title"><div class="center">电池组列表</div></div>
|
<hdw-list :list="battList" @handle-click="listClick"></hdw-list>
|
</el-drawer>
|
|
<div id="dialogCenter" class="bui-dialog" style="display:none">
|
<div class="bui-dialog-head">{{options.monResLine.title}}</div>
|
<div class="bui-dialog-main">
|
<high-line-chart v-if="shows.monResLine" :style="{width: '700px'}" height="350px" id="monResLine" name="单体内阻" unit="mΩ" :colors="{min:'#ed4014', max: '#19be6b'}" ref="monResLine"></high-line-chart>
|
</div>
|
<div class="bui-dialog-close"><i class="icon-close"></i></div>
|
</div>
|
|
<div class="bui-fluid">
|
<div class="span10">
|
<div class="bui-fluid">
|
<div class="span3">
|
<div class="grid-cell">
|
系统状态：<span v-cloak>{{battInfo.sysstate | sysstateFilter}}</span>
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
系统版本：<span v-cloak>{{battInfo.sysversion}}</span>
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
电池状态：<span v-cloak>{{battInfo.battstate | stateFilter(battInfo.isOutTime)}}</span>
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
单体个数：<span v-cloak>{{battInfo.monCount}}</span>
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
组端电压：<span v-cloak>{{battInfo.groupvol | fixed(2)}}</span>V
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
组端电流：<span v-cloak>{{battInfo.groupcurr | fixed(1)}}</span>A
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
测试时长：<span v-cloak>{{battInfo.testTimelong | formatSeconds}}</span>
|
</div>
|
</div>
|
<div class="span3">
|
<div class="grid-cell">
|
分页信息：<span v-cloak>{{options.page.curr}}/{{options.page.pageTotal}}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="span2">
|
<div class="grid-cell center">
|
<el-button v-cloak size="mini" type="danger" @click="confirmStopRes" v-if="battInfo.sysstate == 1">停止内阻测试</el-button>
|
<el-button v-cloak size="mini" type="primary" @click="confirmStartRes" v-else>启动内阻测试</el-button>
|
<br>
|
<el-button v-cloak size="mini" type="success" style="margin-top:4px" @click="confirmRestart" :disabled="getRestart">重启{{getBattNum}}汇集器</el-button>
|
</div>
|
</div>
|
</div>
|
<div class="ht4"></div>
|
<div id="uiTab" class="bui-tab">
|
<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>
|
</ul>
|
</div>
|
|
<div class="bui-tab-main">
|
<ul>
|
|
<li ref="tabItemHt">
|
<el-table v-if="shows.monList" border stripe size="mini" header-row-class-name="header-primary" height="100%" :data="tbls.monInfo.data">
|
<el-table-column prop="num1" align="center" label="编号">
|
</el-table-column>
|
<el-table-column prop="vol1" align="center" label="电压（V）">
|
</el-table-column>
|
<el-table-column prop="res1" align="center" label="内阻(mΩ)">
|
</el-table-column>
|
<el-table-column prop="tmp1" align="center" label="温度(℃)">
|
</el-table-column>
|
<el-table-column prop="num2" align="center" label="编号">
|
</el-table-column>
|
<el-table-column prop="vol2" align="center" label="电压（V）">
|
</el-table-column>
|
<el-table-column prop="res2" align="center" label="内阻(mΩ)">
|
</el-table-column>
|
<el-table-column prop="tmp2" align="center" label="温度(℃)">
|
</el-table-column>
|
<el-table-column prop="num3" align="center" label="编号">
|
</el-table-column>
|
<el-table-column prop="vol3" align="center" label="电压（V）">
|
</el-table-column>
|
<el-table-column prop="res3" align="center" label="内阻(mΩ)">
|
</el-table-column>
|
<el-table-column prop="tmp3" align="center" label="温度(℃)">
|
</el-table-column>
|
</el-table>
|
</li>
|
<li style="display:none">
|
<el-table v-if="shows.total" border stripe size="mini" header-row-class-name="header-primary" height="100%" :data="tbls.total.data">
|
<el-table-column prop="type" align="center" width="120" label="类型">
|
</el-table-column>
|
<el-table-column prop="high" align="center" label="较高单体">
|
</el-table-column>
|
<el-table-column prop="low" align="center" label="较低单体">
|
</el-table-column>
|
<el-table-column prop="avg" align="center" width="120" label="平均值">
|
</el-table-column>
|
</el-table>
|
</li>
|
<li style="display:none">
|
<v-touch @swipeleft="handleNextBtn" @swiperight="handlePreBtn">
|
<high-bar-chart v-if="shows.monVol" :height="options.monVol.height" id="monVolBar" name="单体电压" unit="V" :colors="{min:'#ed4014', max: '#19be6b'}" ref="monVolBar" :mon-hander-click="monHandlerClick"></high-bar-chart>
|
</v-touch>
|
</li>
|
<li style="display:none">
|
<v-touch @swipeleft="handleNextBtn" @swiperight="handlePreBtn">
|
<high-bar-chart v-if="shows.monRes" :height="options.monRes.height" id="monResBar" name="单体内阻" unit="mΩ" :colors="{min:'#ed4014', max: '#19be6b'}" ref="monResBar"></high-bar-chart>
|
</v-touch>
|
</li>
|
<li style="display:none">
|
<v-touch @swipeleft="handleNextBtn" @swiperight="handlePreBtn">
|
<high-bar-chart v-if="shows.monTmp" :height="options.monTmp.height" id="monTmpBar" name="单体温度" unit="℃" :colors="{min:'#19be6b', max: '#ed4014'}" ref="monTmpBar"></high-bar-chart>
|
</v-touch>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</main>
|
<footer>
|
|
</footer>
|
</div>
|
<style scoped>.bui-fluid{background-color:#fff}.grid-cell{padding:4px}.center{text-align:center}.paging-btn{position:absolute;width:40px;height:40px;z-index:1;top:50px}.paging-btn.pre-btn{left:8px}.paging-btn.next-btn{right:8px}</style>
|
