<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>机房列表</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<link rel="stylesheet" href="css/breadcrumb.css">
|
<link rel="stylesheet" type="text/css" href="css/defined.popup.css"/>
|
<link rel="stylesheet" type="text/css" href="src/css/layui.css">
|
<link rel="stylesheet" type="text/css" href="app/css/common.css">
|
<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
|
<style type="text/css">
|
#battList li a{
|
font-size: 12px !important;
|
}
|
</style>
|
</head>
|
<body>
|
<div data-role="page" tabindex="0" id="page0">
|
<div data-role="header" data-position="fixed">
|
<a href="javascript:window.history.go(-1)" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>机房列表</h1>
|
</div>
|
<div data-role="content">
|
<div class="home-search-input-container">
|
<input type="text" data-type="search" name="search" id="searchInput" placeholder="请输入机房名称关键字..." autofocus="autofocus">
|
</div>
|
<div id="battList" class="mrt28"></div>
|
</div>
|
</div>
|
<!-- 存储机房信息列表 -->
|
<div id="searchHomeIframe"></div>
|
</body>
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script type="text/javascript" src="js/battNav.js"></script>
|
<script type="text/javascript" src="src/layui.all.js"></script>
|
<script src="app/js/common.js"></script>
|
<script type="text/javascript">
|
// 页面初始化完成
|
$(document).on('pageinit', function(event) {
|
setTimeout(function() {
|
findHome(); // 查询所有的机房
|
}, 10);
|
|
//固定块
|
layui.util.fixbar({
|
css: {right: 10, bottom: 10}
|
,showHeight: 100
|
,bgcolor: '#393D49'
|
,click: function(type){
|
if(type === 'bar1'){
|
layer.msg('icon是可以随便换的')
|
} else if(type === 'bar2') {
|
layer.msg('两个bar都可以设定是否开启')
|
}
|
}
|
});
|
});
|
|
// 点击机房事件
|
var homeSource = [];
|
// 实例化数据检测
|
var checkHomeData = new CheckData();
|
|
$(function () {
|
// 更改文本框的值获取
|
$('#searchInput').on('input propertychange', function() {
|
var _val = $(this).val();
|
$(this).data('homeInfo', '');
|
var data = checkHomeData.getData(_val);
|
createUl($('#battList'), data);
|
});
|
|
// 清空文本框
|
$('.home-search-input-container').on('click.hdw123', '.ui-input-clear',function() {
|
// 显示全部的机房列表
|
var data = checkHomeData.getData('');
|
createUl($('#battList'), data);
|
});
|
|
var aLi = -1;
|
$('#battList').on('click', 'ul li a', function () {
|
var homeData = $(this).data('homedata');
|
|
// 根据存储内容构造对象
|
var temp = {
|
StationName1: homeData.province,
|
StationName2: homeData.city,
|
StationName5: homeData.county,
|
StationName: homeData.home,
|
StationName3: homeData.home3,
|
StationId: homeData.homeid
|
};
|
|
|
var json=window.JSON.stringify(temp);
|
|
//设置必要的cookie
|
setCookie('StationName1', json);
|
setCookie('city', json);
|
setCookie('county', json);
|
setCookie("battselect",json);
|
window.location.href="battM.html";
|
});
|
});
|
|
// 查询所有的机房
|
function findHome() {
|
var tmp = {
|
StationName1:'',
|
StationName2: '',
|
StationName5:''
|
};
|
var loading = layer.load(1);
|
// 查询机房信息
|
$.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(result){
|
var rs = JSON.parse(result.result);
|
if(rs.code==1){
|
homeSource = [];
|
var data = rs.data;
|
console.log(data);
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {
|
label: _data.StationName+'('+_data.StationId+')',
|
province: _data.StationName1,
|
city: _data.StationName2,
|
county: _data.StationName5,
|
home3: _data.StationName3,
|
home: _data.StationName,
|
homeid: _data.StationId
|
};
|
// console.log(tmp);
|
// 添加到资源
|
homeSource.push(tmp);
|
}
|
createUl($('#battList'), homeSource);
|
|
// 设置资源内容
|
checkHomeData.setSource(homeSource);
|
}
|
layer.close(loading);
|
});
|
|
}
|
|
/*
|
声明一个函数createUl,用于生成ul和li
|
@param ulCon ul的容器
|
@param dataList ul的数据内容
|
*/
|
function createUl(ulCon, dataList) {
|
//console.info(index);
|
// 清理容器下的ul
|
ulCon.find('ul').remove();
|
|
// 创建ul
|
var _ul = $('<ul data-role="listview" data-inset="false"></ul>');
|
|
// 遍历dataList生成li和a
|
for (var i = 0; i < dataList.length; i++){
|
var _li = $('<li data-icon="false"></li');
|
var _dataList = dataList[i];
|
var _a = $('<a href="javascript:;" value=""><i class="fa fa-home mrr4"></i>'+_dataList.home+'</a>');
|
_a.data('homedata', _dataList); // 给连接添加信息
|
// 将_a添加到_li，将_li添加到_ul中
|
_li.append(_a);
|
_ul.append(_li);
|
}
|
|
// 将_ul添加到容器中
|
ulCon.append(_ul).trigger('create');
|
loadclose();
|
}
|
|
//获取当前选中的batt
|
function getbatt(arr,index){
|
if(arr.length>index){
|
return arr[index];
|
}
|
return undefined;
|
};
|
</script>
|
|
</html>
|
