hdw
2019-01-18 164ebf70857f1f1ab4ae18f885a96064ed98cca5
gx_tieta/WebRoot/mobil/homeList.html
@@ -8,21 +8,25 @@
<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>
      <!-- 存储机房信息列表 -->
@@ -35,19 +39,25 @@
   <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都可以设定是否开启')
               }
             }
           });
      });
      
      // 点击机房事件
@@ -81,11 +91,17 @@
               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";
         });
@@ -105,6 +121,7 @@
            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 = {
@@ -112,6 +129,7 @@
                     province: _data.StationName1,
                     city: _data.StationName2,
                     county: _data.StationName5,
                     home3: _data.StationName3,
                     home: _data.StationName,
                     homeid: _data.StationId
                  };
@@ -140,13 +158,13 @@
         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);