| | |
| | | <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="index.html" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
| | | <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="搜索内容...">
|
| | | <input type="text" data-type="search" name="search" id="searchInput" placeholder="请输入机房名称关键字..." autofocus="autofocus">
|
| | | </div>
|
| | | <div id="battList"></div>
|
| | | <div id="battList" class="mrt28"></div>
|
| | | </div>
|
| | | </div>
|
| | | <!-- 存储机房信息列表 -->
|
| | |
| | | <script type="text/javascript" src="src/layui.all.js"></script>
|
| | | <script src="app/js/common.js"></script>
|
| | | <script type="text/javascript">
|
| | | var stationlist = new Array();
|
| | | |
| | | // 初始化页面内容
|
| | | $(document).ready(function(){
|
| | | setCookie("station",null);
|
| | | setCookie("batt",null);
|
| | | });
|
| | | |
| | | // 页面初始化完成
|
| | | $(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都可以设定是否开启')
|
| | | }
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | // 点击机房事件
|
| | |
| | | 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";
|
| | | });
|
| | |
| | | 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 = {
|
| | |
| | | province: _data.StationName1,
|
| | | city: _data.StationName2,
|
| | | county: _data.StationName5,
|
| | | home3: _data.StationName3,
|
| | | home: _data.StationName,
|
| | | homeid: _data.StationId
|
| | | };
|
| | |
| | | ulCon.find('ul').remove();
|
| | |
|
| | | // 创建ul
|
| | | var _ul = $('<ul data-role="listview" data-inset="true"></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></li');
|
| | | var _li = $('<li data-icon="false"></li');
|
| | | var _dataList = dataList[i];
|
| | | var _a = $('<a href="javascript:;" value="" data-transition="slide">'+_dataList.home+'</a>');
|
| | | 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);
|