|
<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 class="bui-box full-height">
|
<div class="page-left">
|
|
<dl id="accordion" class="bui-accordion">
|
<template v-for="(testRecord, key) in testRecordList" :key="key">
|
<dt class="bui-btn bui-box">
|
<i class="icon-accordion"></i><span style="width:8px"></span>
|
<div class="span1">{{ testRecord.type }}</div>
|
<i class="bui-badges" :class="{info: testRecord.data.info}" v-cloak>{{testRecord.data.length}}</i>
|
</dt>
|
<dd>
|
<div class="test-record-list">
|
<ul>
|
<li v-if="testRecord.data.length == 0">
|
<a href="javascript:;" class="t-center">暂无{{ testRecord.type }}</a>
|
</li>
|
<li v-for="(data, dkey) in testRecord.data" :key="dkey">
|
<a href="javascript:;" :class="{'test-list-active': getAciveState(key, dkey)}" @click="handleTestListClick(key, dkey, data)">{{dkey+1}}.{{testRecord.type}}-{{data.text}}</a>
|
</li>
|
</ul>
|
</div>
|
</dd>
|
</template>
|
</dl>
|
</div>
|
<div class="span1" ref="chartTab">
|
<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>
|
</ul>
|
</div>
|
<div class="bui-tab-main">
|
<ul>
|
|
<li ref="chartTabItem">
|
<high-line-chart :height="lineChart.height" id="groupVolLine" :names="['组端电压', '在线电压']" name="端电压" unit="V" :colors="{min:'#ed4014', max: '#19be6b'}" ref="groupVolLine">
|
</high-line-chart></li>
|
<li style="display:none">
|
<high-line-chart :height="lineChart.height" id="groupCurrLine" name="组端电流" unit="A" :colors="{min:'#ed4014', max: '#19be6b'}" ref="groupCurrLine">
|
</high-line-chart></li>
|
<li style="display:none">
|
<high-line-chart :height="lineChart.height" id="monInfoLine" name="单体信息" unit="V" :colors="{min:'#ed4014', max: '#19be6b'}" ref="monInfoLine"></high-line-chart>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</main>
|
<footer>
|
|
</footer>
|
</div>
|
<style scoped>.full-height{height:100%}.page-left{width:240px;background-color:#fff;border-right:1px solid #c5e1ff}.mark{margin-top:8px;margin-right:4px}.test-list-active{background-color:#409eff;color:#fff}.test-record-list a.test-list-active,.test-record-list a.test-list-active:active,.test-record-list a.test-list-active:hover{color:#fff}</style>
|
