<template>
|
<div class="home-state-list">
|
<div class="home-state-list-header">放电数: {{header.discharge}} 充电数: {{header.charge}}</div>
|
<h-list
|
:active="testList.active"
|
:data="testList.data"
|
@on-click="handlerTestList"></h-list>
|
</div>
|
</template>
|
<script>
|
import HList from "./HList"
|
import {Timeout, ajax} from "../libs/common"
|
export default {
|
components: {
|
HList
|
},
|
data() {
|
return {
|
timer: new Timeout(),
|
header: {
|
charge: 0,
|
discharge: 0
|
},
|
testList: {
|
active: '',
|
data: []
|
}
|
}
|
},
|
methods: {
|
handlerTestList: function(item) {
|
console.log(item);
|
this.$emit('on-click', item);
|
},
|
searchHomeStates: function() {
|
var self = this;
|
// 请求后台
|
ajax({
|
type: 'post',
|
async: true,
|
url: 'Batt_rtstateAction!serchDisOrChargrNew',
|
data: null,
|
dataType: 'json',
|
success: function(res) {
|
// console.log(res);
|
var rs = JSON.parse(res.result);
|
var result = [];
|
var charge = 0;
|
var discharge = 0;
|
if(rs.code == 1) {
|
var data = rs.data;
|
for(var i=0; i<data.length; i++){
|
var _data = data[i];
|
var tmp = {};
|
if(_data.batt_test_type == 3) {
|
tmp.id = _data.BattGroupId+""+3
|
tmp.text = _data.note+'电池组放电测试';
|
discharge++;
|
}else if(_data.batt_test_type == 2){
|
tmp.text = _data.note+'电池组充电测试';
|
tmp.id = _data.BattGroupId+""+2
|
charge++;
|
}
|
result.push(tmp);
|
}
|
}
|
self.setNumber(charge, discharge);
|
self.testList.data = result;
|
}
|
})
|
},
|
setNumber: function(charge, discharge) {
|
this.header.charge = charge;
|
this.header.discharge = discharge;
|
}
|
},
|
mounted: function() {
|
var self = this;
|
this.timer.start(function() {
|
self.searchHomeStates();
|
}, 4000);
|
}
|
}
|
</script>
|
<style scoped>
|
.home-state-list-header {
|
text-align: center;
|
margin-bottom: 8px;
|
}
|
</style>
|
