<!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"/>
|
<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>
|
</head>
|
<body>
|
<div data-role="page" tabindex="0" id="page0">
|
<div data-role="header" data-position="fixed">
|
<a href="selectcity.html" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>区/县</h1>
|
</div>
|
|
<div data-role="content">
|
<ul class="breadcrumb"></ul>
|
<div id="battList"></div>
|
</div>
|
<div data-role="popup" id="myPopup" class="defined-popup">
|
<div class="popup-container">
|
<div class="popup-title">查询数据失败</div>
|
<div class="popup-content">
|
<div class="set-option">
|
<p>请设置包机组</p>
|
</div>
|
</div>
|
<div class="popup-footer">
|
<div class="footer-float footer-left">
|
<button type="button" id="right" data-mini="true" style="visibility: hidden;">确定</button>
|
</div>
|
<div class="footer-float footer-right">
|
<button type="button" id="hidePopup" data-mini="true">取消</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-role="footer" data-position="fixed">
|
<!-- <h1>福光电子有限公司</h1> -->
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="js/battNav.js"></script>
|
<script type="text/javascript">
|
var countrylist = new Array();
|
|
// 初始化页面内容
|
$(document).ready(function(){
|
setCookie("county",null);
|
setCookie("batt",null);
|
seachAllCounty();
|
});
|
|
// 点击城市事件
|
$(function () {
|
var aLi = -1;
|
$('#battList').on('click', 'ul li', function () {
|
aLi = $(this).index();
|
county = getbatt(countrylist,aLi);
|
|
var json=window.JSON.stringify(county);
|
setCookie("county",json);
|
window.location.href="selectbatt.html";
|
});
|
|
});
|
|
// 定义面包屑导航条
|
$(function(){
|
var data = [
|
{url: 'javascript:JumpHomePage();', txt: '首页'},
|
{url: 'javascript:JumpFirstPage();', txt: temp.StationName1},
|
{url: 'javascript:JumpcityPage();', txt: temp.StationName2},
|
{url: 'javascript:;', txt: '区/县'}
|
];
|
addBreadCrumb($('.breadcrumb').eq(0),data);
|
});
|
//var temp=getCookie("StationName1");
|
var temp = getCookie("city");
|
temp = JSON.parse(temp);
|
//console.info(temp);
|
//console.info(temp2);
|
//查询所有机房
|
function seachAllCounty(){
|
loadshow();
|
var data = {
|
StationName1: temp.StationName1,
|
StationName2: temp.StationName2
|
};
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName5",
|
async:true,
|
dataType:'text',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
data = eval('('+data+')');
|
var model = eval('('+data.result+')');
|
console.info(model);
|
if(model.code == 1){
|
countrylist = model.data;
|
createUl($('#battList'),model.data);
|
}else {
|
//alert(213);
|
$('#myPopup').popup('open');
|
}
|
loadclose();
|
},
|
error:function(){
|
loadclose();
|
}
|
});
|
}
|
|
/*
|
声明一个函数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 _a = $('<a href="#page1" value="" data-transition="slide">'+dataList[i].StationName5+'</a>');
|
|
// 将_a添加到_li，将_li添加到_ul中
|
_li.append(_a);
|
_ul.append(_li);
|
}
|
|
// 将_ul添加到容器中
|
ulCon.append(_ul).trigger('create');
|
loadclose();
|
}
|
|
//获取当前选中的county
|
function getbatt(arr,index){
|
if(arr.length>index){
|
return arr[index];
|
}
|
return undefined;
|
};
|
</script>
|
|
</html>
|
