<style scoped>
|
|
</style>
|
<template>
|
<div data-name="data-batt-info" 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 class="right">
|
<a href="#" class="link toggle-my-modal" data-href="#myModal">
|
<i class="icon f7-icons">menu</i>
|
</a>
|
</div>
|
</div>
|
</div>
|
<!-- Scrollable page content -->
|
<div class="page-content" id="vContent">
|
<p class="monitor-index-url">地址：<span class="bread-item" onclick="breadItemClick(0)">{{ params.home}}</span>/实时告警</p>
|
<div class="card data-table data-table-collapsible data-table-init">
|
<div class="card-content">
|
<table>
|
<thead>
|
<tr>
|
<th class="numeric-cell" v-for="thead in dataTbl.theads" v-bind:key="thead">${thead}</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="item in battInfo.res" v-bind:key="item.BattGroupId">
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[0]">${item.BattGroupId}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[1]">${item.StationName}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[2]">${item.StationIp}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[3]">${item.BattGroupName}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[4]">${item.BattGroupNum}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[5]">${item.MonCount}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[6]">${item.MonCapStd}AH</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[7]">${item.MonVolStd}V</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[8]">${item.BattProducer}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[9]">${item.BattProductDate}</td>
|
<td class="numeric-cell" v-bind:data-collapsible-title="dataTbl.theads[10]">${item.BattInUseDate}</td>
|
<td class="numeric-cell"></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<!-- 左侧面板 -->
|
<div class="my-modal" id="myModal">
|
<div class="my-modal-rel">
|
<div class="my-modal-bg my-modal-close"></div>
|
<div class="my-modal-container">
|
<div class="my-modal-rel">
|
<div class="my-modal-header">
|
<div class="title center">条件筛选</div>
|
</div>
|
<div class="my-modal-content">
|
<form id="myForm">
|
<input type="hidden" name="bmd.page.pageCurr" v-model="modal.page.pageCurr">
|
<input type="hidden" name="bmd.page.pageSize" v-model="modal.page.pageSize">
|
<input type="hidden" name="bmd.binf.StationName1" value="{{params.province}}">
|
<input type="hidden" name="bmd.binf.StationName2" value="{{params.city}}">
|
<input type="hidden" name="bmd.binf.StationName5" value="{{params.county}}">
|
<input type="hidden" name="bmd.binf.StationName" value="{{params.home}}">
|
<div class="list no-margin">
|
<ul>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">电池组名称</div>
|
<div class="item-input-wrap">
|
<select v-model="modal.binf.BattGroupId" name="bmd.binf.BattGroupId">
|
<option v-for="item in battGroup.res" v-bind:value="item.value">${item.text}</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.mainf.fault_type_id" value="119002" checked="checked" v-model="modal.mainf.fault_type_id"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">组端电压</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.mainf.fault_level" value="119004" checked="checked" v-model="modal.mainf.fault_level"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">组端电压</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.mainf.record_uid" value="119004" checked="checked" v-model="modal.mainf.record_uid"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">放电电流</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.adata.MonNum" value="119010" checked="checked" v-model="modal.mainf.MonNum"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">容量告警</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.adata.Record_Id" value="119011" checked="checked" v-model="modal.mainf.Record_Id"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">更换告警</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-checkbox item-content">
|
<input type="checkbox" name="bmd.mainf.maint_type_id" value="119005" checked="checked" v-model="modal.mainf.maint_type_id"/>
|
<i class="icon icon-checkbox"></i>
|
<div class="item-inner">
|
<div class="item-title">单体电压</div>
|
</div>
|
</label>
|
</li>
|
</ul>
|
</div>
|
<input type="hidden" name="bmd.mainf.usr_id" value="0" class="119001"/> <!-- 在线电压 -->
|
<input type="hidden" name="bmd.mainf.maint_done" value="0" class="119006"/>
|
<input type="hidden" name="bmd.mainf.maint_close" value="0" class="119007"/>
|
<input type="hidden" name="bmd.mainf.master_id" value="0" class="119008"/>
|
<input type="hidden" id="uper_alm_value" name="bmd.adata.alm_id" value="1" class="1"/>
|
<input type="hidden" id="low_alm_value" name="bmd.adata.alm_signal_id" value="0" class="0"/>
|
<input type="hidden" name="bmd.mainf.num" value="1" class="1"> <!-- 一级告警 -->
|
<input type="hidden" name="bmd.mainf.BattGroupId" value="2" class="2"> <!-- 二级告警 -->
|
<input type="hidden" name="bmd.mainf.master_audit" value="3" class="3"> <!-- 三级告警 -->
|
<input type="hidden" name="bmd.mainf.appoint_uid" value="4" class="4"> <!-- 四级告警 -->
|
</form>
|
</div>
|
<div class="my-modal-footer">
|
<div class="row">
|
<button class="col button button-fill" v-on:click="enSure">确定</button>
|
<button class="col button button-fill color-orange my-modal-close">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
data: function() {
|
var params = this.$route.params;
|
var cView = app.views.current;
|
var paramsUrl = getUrlStr({
|
province: params.province,
|
city: params.city,
|
county: params.county,
|
home: params.home,
|
fbsid: params.fbsid,
|
stationid: params.stationid
|
});
|
return {
|
params: params,
|
myModal: '',
|
vue: {
|
vContent: ''
|
},
|
page: {
|
baseUrl: '/data/'+paramsUrl,
|
pages: {
|
pageSize:10, //每页的行数
|
pageCurr:1, //当前页码数
|
pageAll:0,
|
}
|
}
|
}
|
},
|
methods: {
|
searchData: function() {
|
var params = this.params;
|
|
},
|
structParams: function() {
|
|
}
|
},
|
on: {
|
pageInit: function(e, page) {
|
var pageThis = this;
|
var params = this.params;
|
var today = new Date().format('yyyy-MM-dd');
|
|
// 定义vue内容
|
var vContent = this.vue.vContent = new Vue({
|
el: '#vContent',
|
delimiters: ['${', '}'],
|
data: {
|
dataTbl: {
|
theads: ['电池组ID', '机房名称', '机房IP地址', '电池组名称', '电池组序号', '单体数量',
|
'容量', '单体电压', '电池品牌', '生产日期', '安装日期'],
|
},
|
modal: {
|
page: {
|
pageCurr: 1,
|
pageSize: 10
|
},
|
binf: {
|
BattGroupId: 0,
|
},
|
mainf: {
|
fault_type_id: '119002', // 组端电压
|
fault_level: '119004', // 充电电流
|
record_uid: '119004', // 放电电流
|
MonNum: '119010', // 容量告警
|
Record_Id: '119011', // 更换告警
|
maint_type_id: '119005', // 单体电压
|
}
|
},
|
battGroup: {
|
url: 'BattInfAction!serchBattByStation',
|
data: {
|
StationName1: params.province,
|
StationName2: params.city,
|
StationName5: params.county,
|
StationName: params.home,
|
StationId: params.stationid
|
},
|
res: []
|
},
|
battInfo: {
|
url: 'Battalarm_dataAction!serchByCondition',
|
res: []
|
}
|
},
|
created: function() {
|
var vm = this;
|
this.searchBattGroup(); // 查询电池组名称
|
},
|
methods: {
|
enSure: function() {
|
|
},
|
// 查询电池组列表
|
searchBattGroup: function() {
|
var vm = this;
|
var battGroup = this.battGroup;
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: battGroup.url,
|
data: 'json='+JSON.stringify(battGroup.data),
|
dataType: 'json',
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
if(rs.code == 1) {
|
var data = rs.data;
|
var firData = {
|
value: '0',
|
text: '全部(共'+data.length+'种)'
|
}
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
_data.value = _data.BattGroupId,
|
_data.text = _data.BattGroupName
|
}
|
data.unshift(firData);
|
battGroup.res = data;
|
}else {
|
battGroup.res = [{
|
value: '0',
|
text: '全部(共0种)'
|
}];
|
}
|
setTimeout(function() {
|
vm.searchAlarmInfo(); // 根据查询条件获取告警信息
|
}, 10);
|
|
}
|
});
|
},
|
// 查询告警机房
|
searchAlarmInfo: function() {
|
var vm = this;
|
var battInfo = this.battInfo;
|
var searchParams = $('#myForm').serialize();
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: battInfo.url,
|
data: searchParams,
|
dataType: 'json',
|
success: function(res) {
|
console.log(res);
|
var rs = JSON.parse(res.result);
|
if(rs.code == 1) {
|
var data = rs.data;
|
console.log(data);
|
}
|
}
|
});
|
}
|
}
|
});
|
|
// 自定义左侧面板
|
var myModal = this.myModal = new MyModal('#myModal');
|
myModal.show();
|
}
|
}
|
}
|
</script>
|
