|
<div class="bui-page">
|
<main>
|
<div class="tab-menus">
|
<div class="bui-box">
|
<div class="span1">
|
<div class="grid-content grid-menu">
|
<div class="tab-menu hdw-menu" @click="setTabsActive('menu')">
|
<div class="thumbnail tab-menu-fl">
|
<i class="iconfont icon-caidan"></i>
|
</div>
|
<div class="tab-menu-fr">
|
<h3 class="item-title center" v-text="tabs.menu">0</h3>
|
<p class="item-text">菜单</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="span1">
|
<div class="grid-content grid-menu">
|
<div class="tab-menu hdw-warning" @click="setTabsActive('warning')">
|
<div class="thumbnail tab-menu-fl">
|
<i class="iconfont icon-jinggao"></i>
|
</div>
|
<div class="tab-menu-fr">
|
<h3 class="item-title center" v-text="tbls.warning.page.PageAll">0</h3>
|
<p class="item-text">告警中</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="span1">
|
<div class="grid-content grid-menu">
|
<div class="tab-menu hdw-charge" @click="setTabsActive('charge')">
|
<div class="thumbnail tab-menu-fl">
|
<i class="iconfont icon-xudianchi"></i>
|
</div>
|
<div class="tab-menu-fr">
|
<h3 class="item-title center" v-text="tabs.charge">0</h3>
|
<p class="item-text">充电中</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="span1">
|
<div class="grid-content grid-menu no-border">
|
<div class="tab-menu hdw-discharge" @click="setTabsActive('discharge')">
|
<div class="thumbnail tab-menu-fl">
|
<i class="iconfont icon-xudianchi"></i>
|
</div>
|
<div class="tab-menu-fr">
|
<h3 class="item-title center" v-text="tabs.discharge">0</h3>
|
<p class="item-text">放电中</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="tab-items">
|
<div class="tab-item" style="display:none" v-show="tabs.active == 'menu'">
|
<div class="bui-fluid">
|
<div class="span4">
|
<menu-btn to="/monitor-data" @click="routerTo" text="监测数据" icon="icon-zhexianzhuzhuangtu"></menu-btn>
|
</div>
|
<div class="span4">
|
<menu-btn type="success" to="/history-data" @click="routerTo" text="运维管理" icon="icon-yunweiguanli"></menu-btn>
|
</div>
|
<div class="span4">
|
<menu-btn type="warning" text="告警管理" icon="icon-gaojing"></menu-btn>
|
</div>
|
<div class="span4">
|
<menu-btn to="/batt-info-set" @click="routerTo" text="电池信息配置" icon="icon-dianchiguanli"></menu-btn>
|
</div>
|
|
</div>
|
</div>
|
<div class="tab-item" style="display:none" v-show="tabs.active == 'warning'">
|
<div class="tab-item-name">{{tbls.warning.name}}</div>
|
<el-table stripe border size="mini" header-row-class-name="header-primary" :height="tbls.warning.height" :data="tbls.warning.data">
|
<el-table-column prop="num" align="center" align="center" label="电池组编号">
|
</el-table-column>
|
<el-table-column prop="BattGroupName" align="center" label="电池组名称">
|
</el-table-column>
|
<el-table-column prop="alm_id" align="center" label="告警名称">
|
</el-table-column>
|
<el-table-column prop="MonNum" align="center" label="单体编号">
|
</el-table-column>
|
<el-table-column prop="alm_start_time" align="center" align="center" label="告警开始时间">
|
</el-table-column>
|
</el-table>
|
<el-pagination large style="text-align:center" background layout="prev, pager, next" :total="tbls.warning.page.PageAll" @current-change="warningCurrentChange">
|
</el-pagination>
|
</div>
|
<div class="tab-item" style="display:none" v-show="tabs.active == 'charge'">
|
<div class="tab-item-name">{{tbls.charge.name}}</div>
|
<el-table border stripe size="mini" header-row-class-name="header-primary" :height="tbls.charge.height" :data="tbls.charge.data">
|
<el-table-column prop="num" align="center" label="电池组编号">
|
</el-table-column>
|
<el-table-column prop="BattGroupName" align="center" label="电池组名称">
|
</el-table-column>
|
<el-table-column prop="testStartTime" align="center" label="测试开始时间">
|
</el-table-column>
|
<el-table-column prop="testTimelong" align="center" label="测试时长">
|
</el-table-column>
|
<el-table-column prop="groupvol" align="center" label="组端电压（V）">
|
</el-table-column>
|
<el-table-column prop="groupvol" align="center" label="组端电流（A）">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="tab-item" style="display:none" v-show="tabs.active == 'discharge'">
|
<div class="tab-item-name">{{tbls.discharge.name}}</div>
|
<el-table border stripe size="mini" header-row-class-name="header-primary" :height="tbls.discharge.height" :data="tbls.discharge.data">
|
<el-table-column prop="num" align="center" label="电池组编号">
|
</el-table-column>
|
<el-table-column prop="BattGroupName" align="center" label="电池组名称">
|
</el-table-column>
|
<el-table-column prop="testStartTime" align="center" label="测试开始时间">
|
</el-table-column>
|
<el-table-column prop="testTimelong" align="center" label="测试时长">
|
</el-table-column>
|
<el-table-column prop="groupvol" align="center" label="组端电压（V）">
|
</el-table-column>
|
<el-table-column prop="groupcurr" header-align="center" align="center" label="组端电流（A）">
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
|
</main>
|
<footer>
|
|
</footer>
|
</div>
|
<style scoped>.tab-menus{padding:8px;border-bottom:1px solid #ccc;background-color:#fff}.tab-menu{padding:8px}.grid-menu{border-right:1px solid #ccc}.grid-menu:active{background-color:#ccc}.no-border{border:none}.thumbnail{line-height:70px;height:70px;width:70px;text-align:center;border-radius:50%;margin-right:0;color:#fff;background-color:#ff0}.thumbnail .iconfont{font-size:40px}.hdw-menu .thumbnail{background-color:#52c41a}.hdw-menu .item-title{color:#52c41a}.hdw-warning .thumbnail{background-color:#f90}.hdw-warning .item-title{color:#f90}.hdw-charge .thumbnail{background-color:#70b4e1}.hdw-charge .item-title{color:#70b4e1}.hdw-discharge .thumbnail{background-color:#f16a7a}.hdw-discharge .item-title{color:#f16a7a}.tab-menu-fl{float:left}.tab-menu-fr{float:right}.tab-menu-fr h3.item-title{font-size:2em}.tab-menu-fr .item-text{color:#000}.tab-items{background-color:#fff;margin-top:4px}.tab-item-name{padding:4px 8px;color:#5cadff}</style>
|
