<template>
|
<!-- Pages -->
|
<div data-name="main.monitor" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="title center">数据管理</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">
|
<div id="list links-list card searchbar-found" class="list links-list" style="margin: 8px;">
|
<ul id="deviceList" style="font-size: 14px;"></ul>
|
</div>
|
<!-- Nothing found message -->
|
<div class="block searchbar-not-found">
|
<div class="block-inner center">未找到匹配机房</div>
|
</div>
|
</div>
|
<div class="toolbar tabbar-labels toolbar-bottom">
|
<div class="toolbar-inner">
|
<a href="/home/" class="tab-link">
|
<i class="icon f7-icons">home</i>
|
<span class="tabbar-label">首页</span>
|
</a>
|
<a href="/monitor/" class="tab-link tab-link-active">
|
<i class="icon f7-icons">world</i>
|
<span class="tabbar-label">数据管理</span>
|
</a>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
searchList: function() {
|
var _self = this;
|
// 查询所有的设备信息
|
ajax({
|
url: 'Sensor_mapinfoAction!searchAll',
|
data: null,
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
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.sinf.device_name;
|
}
|
createList($('#deviceList'), data);
|
}
|
}
|
});
|
}
|
},
|
on: {
|
pageInit: function(e, page) {
|
// 查询所有的机房
|
this.searchList();
|
// 生成查询框
|
var searchbar = app.searchbar.create({
|
el: '.searchbar',
|
searchContainer: '#deviceList',
|
searchIn: '.home-item'
|
});
|
|
// 定义操作列表
|
var deviceInfo;
|
var acList = app.actions.create({
|
buttons:[
|
{
|
text: "实时数据",
|
onClick: function() {
|
var str = getUrlStr({
|
sensor_dev_id: deviceInfo.sensor_dev_id
|
});
|
mainView.router.navigate('/monitor/control/'+str);
|
}
|
},
|
{
|
text: "历史数据",
|
onClick: function() {
|
var str = getUrlStr({
|
sensor_dev_id: deviceInfo.sensor_dev_id
|
});
|
|
mainView.router.navigate('/monitor/history/'+str);
|
}
|
}
|
]
|
});
|
|
$$("#deviceList").on('click', '.home-item', function() {
|
deviceInfo = $$(this).data('data');
|
acList.open();
|
});
|
}
|
}
|
}
|
</script>
|
