<template>
|
<div data-name="monitor" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="title center">数据管理</div>
|
<div class="right">
|
<!-- <a href="#" class="link popover-open" data-popover=".popover-links">
|
<i class="icon f7-icons">add</i>
|
</a> -->
|
</div>
|
<div class="subnavbar">
|
<form class="searchbar">
|
<div class="searchbar-inner">
|
<div class="searchbar-input-wrap">
|
<input type="search" placeholder="关键字搜索">
|
<i class="searchbar-icon"></i>
|
<span class="input-clear-button"></span>
|
</div>
|
<span class="searchbar-disable-button">取消</span>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<!-- Scrollable page content -->
|
<div class="page-content sheet-close" id="monitorContent">
|
<div class="list links-list card searchbar-found" style="margin-top: 8px;" id="monitorHomeList">
|
<ul id="homeList">
|
<!-- 我在my-app.js中生成 -->
|
</ul>
|
</div>
|
<!-- Nothing found message -->
|
<div class="block searchbar-not-found">
|
<div class="block-inner center">未找到匹配机房</div>
|
</div>
|
</div>
|
<!-- 电池组组数选择模态框 -->
|
<div class="sheet-modal batt-num-select" id="battNumModal">
|
<div class="toolbar">
|
<div class="toolbar-inner">
|
<div class="left"></div>
|
<div class="right">
|
<a class="sheet-close" href="#" v-on:click="ensure()">确定</a>
|
<a class="sheet-close" href="#">取消</a>
|
</div>
|
</div>
|
</div>
|
<div class="sheet-modal-inner">
|
<div class="block" style="margin-top: 8px; margin-bottom: 8px;">
|
<div class="block-title">请选择电池组数</div>
|
<div class="list" style="margin: 0;">
|
<ul>
|
<li>
|
<label class="item-radio item-content">
|
<input type="radio" name="batt-num" value="1" checked v-model="battNum"/>
|
<i class="icon icon-radio"></i>
|
<div class="item-inner">
|
<div class="item-title">1组</div>
|
</div>
|
</label>
|
</li>
|
<li>
|
<label class="item-radio item-content">
|
<input type="radio" name="batt-num" value="2" v-model="battNum" />
|
<i class="icon icon-radio"></i>
|
<div class="item-inner">
|
<div class="item-title">2组</div>
|
</div>
|
</label>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 顶部菜单功能 -->
|
<div class="popover popover-links" id="monitorPopover">
|
<div class="popover-inner">
|
<div class="list">
|
<ul>
|
<li><a class="list-button item-link popover-close" href="#" id="installApply">安装申请</a></li>
|
<li><a class="list-button item-link popover-close" href="#" data-toggle="modal" data-target="#myModal">审批和验收</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
data: function() {
|
return {
|
province: ['广西省', '湖北省']
|
}
|
},
|
methods: {
|
createHomeList:function(container, data) {
|
container.text("");
|
for(var i=0; i<data.length;i++) {
|
var _data = data[i];
|
var li = $$('<li></li>');
|
var a = $$('<a href="#" class="home-item"></a>');
|
a.text(_data.StationName3);
|
a.data('data', _data);
|
li.append(a);
|
container.append(li);
|
}
|
}
|
},
|
on: {
|
pageInit: function(e, page) {
|
var _this = this;
|
pages.monitor = this;
|
// 生成查询框
|
var searchbar = app.searchbar.create({
|
el: '.searchbar',
|
searchContainer: '#monitorHomeList',
|
searchIn: '.home-item',
|
on: {
|
search(sb, query, previousQuery) {
|
|
//console.log($('#homeList'));
|
}
|
}
|
});
|
|
var battNumModalVm = new Vue({
|
el: '#battNumModal',
|
delimiters: ['${', '}'],
|
data: {
|
battNum: 1
|
},
|
methods: {
|
ensure(){
|
var urlStr = '/monitor/add/home/'+this.battNum+'/';
|
popupView.router.navigate(urlStr, {
|
reloadCurrent: true
|
});
|
app.popup.open('.popup-data');
|
}
|
}
|
});
|
|
// 定义操作列表
|
var homeInfo;
|
var acList = app.actions.create({
|
buttons:[
|
{
|
text: "监测数据",
|
onClick: function() {
|
var str = homeInfo.StationName1+"/"+homeInfo.StationName2+"/"+homeInfo.StationName5
|
+"/"+homeInfo.StationName;
|
var str = getUrlStr({
|
a: homeInfo.StationName1,
|
b: homeInfo.StationName2,
|
c: homeInfo.StationName5,
|
d: homeInfo.StationName,
|
e: homeInfo.StationId
|
});
|
|
popupView.router.navigate('/monitor/batt/'+str,{
|
reloadCurrent: true
|
});
|
app.popup.open('.popup-data');
|
}
|
},
|
{
|
text: "数据统计",
|
onClick: function() {
|
//console.log(homeInfo);
|
//app.dialog.alert("数据统计页面开发中...");
|
//return;
|
var str = getUrlStr({
|
sname1: homeInfo.StationName1,
|
sName2: homeInfo.StationName2,
|
sName5: homeInfo.StationName5,
|
sName: homeInfo.StationName,
|
fbsId: homeInfo.FBSDeviceId,
|
sId: homeInfo.StationId
|
});
|
popupView.router.navigate('/data/'+str,{
|
reloadCurrent: true
|
});
|
|
app.popup.open('.popup-data');
|
}
|
},
|
{
|
text: "告警管理",
|
onClick: function() {
|
var str = getUrlStr({
|
sname1: homeInfo.StationName1,
|
sName2: homeInfo.StationName2,
|
sName5: homeInfo.StationName5,
|
sName: homeInfo.StationName,
|
fbsId: homeInfo.FBSDeviceId,
|
sId: homeInfo.StationId
|
});
|
popupView.router.navigate('/warn/'+str,{
|
reloadCurrent: true
|
});
|
|
app.popup.open('.popup-data');
|
}
|
},
|
|
]
|
});
|
|
$$("#homeList").on('click', '.home-item', function() {
|
homeInfo = $$(this).data('data');
|
acList.open();
|
});
|
|
// 点击安装申请显示功能列表
|
var applyList = app.actions.create({
|
buttons: [
|
{
|
text: "新建机房",
|
onClick: function() {
|
app.sheet.open('.batt-num-select');
|
}
|
},
|
{
|
text: "修改已有机房",
|
onClick: function() {
|
|
}
|
}
|
]
|
});
|
$$('#installApply').on('click', function() {
|
applyList.open();
|
});
|
}
|
}
|
}
|
</script>
|
