<!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">
|
<style type="text/css">
|
|
</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"></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);
|
});
|
|
// 点击机房事件
|
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="true"></ul>');
|
|
// 遍历dataList生成li和a
|
for (var i = 0; i < dataList.length; i++){
|
var _li = $('<li></li');
|
var _dataList = dataList[i];
|
var _a = $('<a href="javascript:;" value="" data-transition="slide">'+_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>
|
