<template>
|
<div data-name="monitor-batt" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="left">
|
<a href="#" class="link popup-close">
|
<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">地址: {{ params.home }}</p>
|
<div class="list links-list card" style="margin-top: 8px;">
|
<ul id="monnitorBattList"></ul>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
methods: {
|
createList: function(data) {
|
var container = $("#monnitorBattList");
|
var params = this.params;
|
container.text("");
|
for(var i=0; i<data.length;i++) {
|
var _data = data[i];
|
var li = $$('<li></li>');
|
var a = $$('<a class="home-item"></a>');
|
var str = getUrlStr({
|
a: _data.StationName1,
|
b: _data.StationName2,
|
c: _data.StationName5,
|
e: _data.StationName,
|
dev_id: _data.FBSDeviceId,
|
sid: _data.StationId,
|
d: _data.BattGroupId,
|
f: _data.BattGroupName
|
});
|
var hr = "/monitor/index/"+str;
|
a.attr('href', hr)
|
a.text(_data.BattGroupName);
|
a.data('data', _data);
|
li.append(a);
|
container.append(li);
|
}
|
|
// 基站信息
|
var li = $$('<li></li>');
|
var hr = '/data/home/info/'+params.homeid+'/back/';
|
var a = $$('<a class="home-item"></a>');
|
a.attr('href', hr)
|
a.text('基站信息');
|
a.data('data', _data);
|
li.append(a);
|
container.append(li);
|
},
|
searchBattGroup: function() {
|
var _this = this;
|
var params = this.params;
|
var temp = {
|
StationName1: params.province,
|
StationName2: params.city,
|
StationName5: params.county,
|
StationName: params.home,
|
StationId: params.homeid
|
};
|
|
// 查询后台
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchBattByStation',
|
data: 'json='+JSON.stringify(temp),
|
dataType: 'json',
|
beforeSend: function() {
|
app.preloader.show();
|
},
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
if(rs.code == 1) {
|
var data = rs.data;
|
_this.createList(data);
|
}
|
},
|
complete: function() {
|
app.preloader.hide();
|
}
|
});
|
}
|
},
|
data: function() {
|
var params = this.$route.params;
|
return {
|
params: params
|
}
|
},
|
on: {
|
pageInit: function(e, page) {
|
// 查询后台生成列表
|
this.searchBattGroup();
|
}
|
}
|
}
|
</script>
|