<template>
|
<div data-name="monitor-history" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="left">
|
<a href="#" class="link back">
|
<i class="icon f7-icons">chevron_left</i>
|
</a>
|
</div>
|
<div class="title center">历史-测试数据</div>
|
</div>
|
</div>
|
<!-- Scrollable page content -->
|
<div class="page-content">
|
<p class="monitor-index-url">地址:<span class="bread-item" onclick="breadItemClick(0)">{{ params.home}}</span>
|
/<span class="bread-item" onclick="breadItemClick(1)">{{params.groupname}}</span>/历史-测试数据</p>
|
<!-- Custom Accordion -->
|
<div class="accordion-list custom-accordion" id="groupData">
|
<div class="accordion-item">
|
<div class="accordion-item-toggle">
|
<i class="icon f7-icons icon-plus">add</i>
|
<i class="icon f7-icons icon-minus">delete</i>
|
<span>核容放电</span>
|
<span class="badge color-red">${saveDis}</span>
|
</div>
|
<div class="accordion-item-content">
|
<div class="list links-list" id="saveDis"></div>
|
</div>
|
</div>
|
<div class="accordion-item">
|
<div class="accordion-item-toggle">
|
<i class="icon f7-icons icon-plus">add</i>
|
<i class="icon f7-icons icon-minus">delete</i>
|
<span>监测放电</span>
|
<span class="badge color-red">${monitorDis}</span>
|
</div>
|
<div class="accordion-item-content">
|
<div class="list links-list" id="monitorDis"></div>
|
</div>
|
</div>
|
<div class="accordion-item">
|
<div class="accordion-item-toggle">
|
<i class="icon f7-icons icon-plus">add</i>
|
<i class="icon f7-icons icon-minus">delete</i>
|
<span>核容充电</span>
|
<span class="badge color-blue">${saveCharge}</span>
|
</div>
|
<div class="accordion-item-content">
|
<div class="list links-list" id="saveCharge"></div>
|
</div>
|
</div>
|
<div class="accordion-item">
|
<div class="accordion-item-toggle">
|
<i class="icon f7-icons icon-plus">add</i>
|
<i class="icon f7-icons icon-minus">delete</i>
|
<span>监测充电</span>
|
<span class="badge color-blue">${monitorCharge}</span>
|
</div>
|
<div class="accordion-item-content">
|
<div class="list links-list" id="monitorCharge"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<style>
|
.custom-accordion {
|
margin: 0 15px;
|
}
|
.custom-accordion .accordion-item-opened .icon-plus {
|
display: none;
|
}
|
.custom-accordion .icon-minus {
|
display: none;
|
}
|
.custom-accordion .accordion-item-opened .icon-minus {
|
display: inline-block;
|
}
|
.custom-accordion .accordion-item-toggle {
|
padding: 4px 8px;
|
}
|
.custom-accordion .accordion-item {
|
background-color: #fff;
|
}
|
.custom-accordion .accordion-item {
|
margin-top: 8px;
|
}
|
.accordion-item-content {
|
border-top: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
}
|
.custom-accordion .accordion-item .badge {
|
float: right;
|
margin-top: 6px;
|
}
|
.custom-accordion .list {
|
font-size: var(--f7-list-font-size-2);
|
}
|
.list .no-data {
|
padding: 8px 8px;
|
}
|
</style>
|
<script>
|
return {
|
data:function() {
|
var params = this.$route.params;
|
var cView = app.views.current;
|
var str = getUrlStr({
|
province: params.province,
|
city: params.city,
|
county: params.county,
|
home: params.home,
|
fbsid: params.fbsid,
|
stationid: params.stationid,
|
groupid: params.groupid,
|
groupname: params.groupname
|
|
});
|
return {
|
params: params,
|
groupData: ''
|
}
|
},
|
methods: {
|
searchData: function() {
|
var params = this.params;
|
var groupData = this.groupData;
|
var _this = this;
|
var temp = {
|
num: params.fbsid,
|
BattGroupId: params.groupid
|
}
|
// 显示等待框
|
app.preloader.show();
|
// 请求后台
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'Batttestdata_infAction_searchBattTestInfDataById',
|
data: 'json='+JSON.stringify(temp),
|
dataType: 'json',
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
var saveDis = []; // 节能放电
|
var monitorDis = []; // 监测放电
|
var saveCharge = []; // 节能充电
|
var monitorCharge = []; // 监测放电
|
if(rs.code == 1) {
|
var data = rs.data;
|
// console.log(data);
|
// 遍历data的值
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
_data.text = _data.test_starttime;
|
var str = getUrlStr({
|
groupid: params.groupid,
|
groupname: params.groupname,
|
count: _data.test_record_count,
|
capStd: _data.moncapstd,
|
volStd: _data.monvolstd
|
});
|
_data.url = "/monitor/history/data/"+str;
|
// 判断充放电状态
|
if(_data.test_type == 2){
|
if(_data.test_starttype!=1) {
|
saveCharge.push(_data);
|
}else {
|
monitorCharge.push(_data);
|
}
|
}else if(_data.test_type == 3){
|
if(_data.test_starttype!=1) {
|
saveDis.push(_data);
|
}else {
|
monitorDis.push(_data);
|
}
|
}
|
}
|
}
|
|
// 统计个数
|
groupData.saveDis = saveDis.length;
|
groupData.monitorDis = monitorDis.length;
|
groupData.saveCharge = saveCharge.length;
|
groupData.monitorCharge = monitorCharge.length;
|
// 节能放电
|
_this.createList($('#saveDis'), {title: '节能放电',data: saveDis});
|
|
// 监测放电
|
_this.createList($('#monitorDis'), {title: '监测放电',data: monitorDis});
|
|
// 节能充电
|
_this.createList($('#saveCharge'), {title: '节能充电',data: saveCharge});
|
|
// 监测充电
|
_this.createList($('#monitorCharge'), {title: '监测充电',data: monitorCharge});
|
|
},
|
complete: function() {
|
// 关闭等待框
|
app.preloader.hide();
|
}
|
});
|
},
|
createList: function(elem, props) {
|
var defaults = {
|
title: '',
|
data: [],
|
};
|
|
var options = $.extend({}, defaults, props);
|
// 清空容器内容
|
elem.text("");
|
if(options.data.length == 0) {
|
var noData = $('<div class="no-data"></div>');
|
noData.text('暂无'+options.title+'数据!');
|
elem.append(noData);
|
}else {
|
var data = options.data;
|
var ul = $('<ul></ul>');
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var li = $('<li></li>');
|
var a = $('<a></a>');
|
a.attr('href', _data.url);
|
var str = (i+1)+'.'+options.title+"-"+_data.text;
|
a.text(str);
|
li.append(a);
|
ul.append(li);
|
}
|
elem.append(ul);
|
}
|
|
}
|
},
|
on: {
|
pageInit: function(e, page) {
|
this.groupData = new Vue({
|
el: '#groupData',
|
delimiters: ['${', '}'],
|
data: function() {
|
return {
|
saveDis: 0,
|
monitorDis: 0,
|
saveCharge: 0,
|
monitorCharge: 0
|
}
|
}
|
});
|
|
|
// 查询并设置数据
|
this.searchData();
|
}
|
}
|
}
|
</script>
|
