didiyu
2018-12-05 37410c64e7d2bf97701c65042db67401691b6564
包机组列表管理
4个文件已添加
1个文件已修改
992 ■■■■■ 已修改文件
gx_tieta/WebRoot/mobil/elegroup-batt-add.html 498 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/mobil/elegroup-batt.html 197 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/mobil/elegroup-list-user.html 150 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/mobil/elegroup-list.html 143 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/mobil/js/battNav.js 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/mobil/elegroup-batt-add.html
New file
@@ -0,0 +1,498 @@
<!DOCTYPE html>
<html lang="en">
<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" type="text/css" href="css/tbl.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>
    <link rel="stylesheet" href="css/fgpanel.css">
    <style type="text/css">
    .tbl-container table{
       color:#e61212!important;
    }
    </style>
</head>
<body>
    <div data-role="page" id="pageone">
        <!-- 面板内容 -->
        <div class="fg-panel">
            <form>
                <div class="fg-panel-header">筛选</div>
                <div class="fg-panel-content">
                    <fieldset data-role="controlgroup">
                        <p>省</p>
                        <select id="mainteArea" data-mini="true">
                              <option value="">全部</option>
                        </select>
                        <p>市</p>
                        <select id="city" data-mini="true">
                            <option value="">全部</option>
                        </select>
                        <p>区/县</p>
                        <select id="country" data-mini="true">
                            <option value="">全部</option>
                        </select>
                         <p>机房站点</p>
                        <select id="homeName" data-mini="true">
                            <option value="">全部</option>
                        </select>
                        <p>蓄电池组</p>
                        <select id="battgroup_name" data-mini="true">
                            <option value="0">全部</option>
                        </select>
                    </fieldset>
                </div>
                <div class="fg-panel-btn">
                    <a href="javascript:panel.hide(true);" data-role="button" id="submit" class="ui-btn ui-mini ui-btn-b ui-shadow">添加</a>
                </div>
            </form>
        </div>
        <!-- 头部内容 -->
        <div data-role="header" data-position="fixed">
            <a href="elegroup-batt.html" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
            <h1>添加包机机房或设备</h1>
            <a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-grid ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;" id="screen">筛选</a>
        </div>
        <!-- 主体内容 -->
        <div data-role="main">
            <div class="pre-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a></div>
            <div class="next-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a></div>
            <!-- 表格容器 -->
            <div class="tbl-container"></div>
            <table data-role="table" class="ui-responsive ui-shadow" id="tab" >
            </table>
        </div>
        <!-- 页脚内容 -->
        <div data-role="footer" data-position="fixed" data-theme="a">
            <div data-role="navbar">
                <ul>
                  <li><a href="#yourPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all operat-but ui-btn-icon-check" data-position-to="window" data-icon="check" data-role="button">应用</a></li>
                  <li><a href="elegroup-batt.html" id="cancel" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all operat-but ui-btn-icon-delete" data-position-to="window" data-icon="delete" data-role="button">取消</a></li>
                </ul>
            </div>
        </div>
        <div data-role="popup" id="yourPopup" class="ui-content" data-overlay-theme="b">
        <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
        <a href="" data-rel="back" id="sure" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-check" >提交应用</a>
        <a href="" data-rel="back" class="ui-btn ui-corner-all ui-shadow  ui-btn-icon-left ui-icon-delete" >取消应用</a>
    </div>
    </div>
</body>
<script type="text/javascript" src="mobilJs/base.js"></script>
<script type="text/javascript" src="js/tbl.js"></script>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/eleAnalyse.js"></script>
<script type="text/javascript" src="js/panel.js"></script>
<script type="text/javascript">
    var data = new Date;
    var arrTh = ['包机机房', '包机电池组'];
    var dataArr = new Array();
    dataArr = [];
    var newArrTd = [];
    var tblCon = $('.tbl-container');
    var battProducer = "";
    var Page = {
        pageSize : 10,
        pageCurr : 1,
        pageAll : 0,
    };
    var startTime = "1980-01-01";
    var endTime = new Date;
    $(document).ready(function(){
        $("#submit").click(function(){
             searchDisCharage();
        });
     });
     function searchDisCharage(){
        loadshow();
        arr=[];
        for(i=0;i<100;i++){arr[i]=i*10}
        createTbl(tblCon, arrTh, arr);
        loadclose();
    }
    function judgepronextshow(){
        var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
         console.info(Page.pageCurr);
         if (pageNum!==1){//有多页
            if (Page.pageCurr==1){
                  setPageTurning(false, true);              //当前页为1,隐藏左边
               }
              else if (Page.pageCurr== pageNum)
               {
                setPageTurning(true, false);                  //当前页为最后一页,隐藏右边
               }
               else
              {
                setPageTurning(true, true);                    //为中间,两边都不隐藏
               }
        }else{
            setPageTurning(false, false);
        }                                                 //只有一页,隐藏两边
    }
    //构造查询条件对象
    function createSearchForm(){
        var temp={
            page:{
                pageCurr:Page.pageCurr,
                pageSize:Page.pageSize,
            },
            binf:{
                StationName1:$('#privince').val(),
                StationName2:$('#city').val(),
                StationName5: $('#country').val(),
                StationName:$('#homeName').val(),
                BattGroupId:$('#battgroup_name').val(),
                BattProducer:battProducer,
                MonVolStd:"0",
                MonCapStd:$('#moncap_std2').val(),
                BattGroupName1:"",
                BattProductDate:startTime,
                BattProductDate1:endTime,
                BattInUseDate:startTime,
                BattInUseDate1:endTime,
            },
            uinf:{
                UId:"0",
            },
            tdata:{
                test_type:"0",
                record_time:startTime,
                record_time1:endTime,
                test_starttype:"0",
            },
            mainf:{
            /*
                remark:"100",
                maint_done_time:startTime,
                maint_done_time1:endTime,
            */
            }
        };
        return temp;
    }
//页面加载时查询省
    $.post("BattInfAction_serchByStation",null,function(data){
        data = data.result;
        data = eval("("+data+")");
        //console.info(data);
        //console.info(data.code);
        if(data.code==1&&data.data.length>0){
               var $Ostation_name1=$("#mainteArea");
            $Ostation_name1.text("");
            var arr = new Array();
            for(var i=0;i<=data.data.length;i++)
            {
                   if(i == 0){
                       arr.push({
                           val:"",
                           txt:"全部(共"+data.sum+"个)",
                       });
                   }else{
                       arr.push({
                           val:data.data[i-1].StationName1,
                           txt:data.data[i-1].StationName1,
                       });
                   }
            }
            updataSel($Ostation_name1, arr);
        }
         findCity();
    });
//当省改变时更新市
    function findCity(){
        var data = {
            StationName1: $("#mainteArea").val()
        };
        //console.info(data);
        // 请求获取当前省下的市
        $.ajax({
            type: "post",
            url: "BattInfAction!serchStationName2",
            async:true,
            dataType:'json',
            data:"json = "+JSON.stringify(data),
            success: function(data){
            data = data.result;
            data = eval("("+data+")");
            //console.info(data);
            //console.info(data.code);
            if(data.code==1&&data.data.length>0){
                   var $Ostation_name1=$("#city");
                $Ostation_name1.text("");
                var arr = new Array();
                for(var i=0;i<=data.data.length;i++)
                {
                       if(i == 0){
                           arr.push({
                               val:"",
                               txt:"全部(共"+data.data.length+"个)",
                           });
                       }else{
                           arr.push({
                               val:data.data[i-1].StationName2,
                               txt:data.data[i-1].StationName2,
                           });
                       }
                }
                updataSel($Ostation_name1, arr);
            }
             findCounty();
        }
        });
    }
//当市改变时更新区/县
    function findCounty(){
        var data = {
            StationName1: $("#mainteArea").val(),
            StationName2:$("#city").val(),
        };
        //console.info(data);
        $.ajax({
            type: "post",
            url: "BattInfAction!serchStationName5",
            async:true,
            dataType:'json',
            data:"json = "+JSON.stringify(data),
            success: function(data){
            data = data.result;
            data = eval("("+data+")");
            //console.info(data);
            //console.info(data.code);
            if(data.code==1&&data.data.length>0){
                   var $Ostation_name1=$("#country");
                $Ostation_name1.text("");
                var arr = new Array();
                for(var i=0;i<=data.data.length;i++)
                {
                       if(i == 0){
                           arr.push({
                               val:"",
                               txt:"全部(共"+data.data.length+"个)",
                           });
                       }else{
                           arr.push({
                               val:data.data[i-1].StationName5,
                               txt:data.data[i-1].StationName5,
                           });
                       }
                }
                updataSel($Ostation_name1, arr);
            }
          findStationNamebyStationname1();
        }
        });
    }
 //当区县更新时更新机房
    function findStationNamebyStationname1(){
        var data = {
            StationName1: $("#mainteArea").val(),
            StationName2:$("#city").val(),
            StationName5:$("#country").val()
        };
        //console.info(data);
        $.ajax({
            type: "post",
            url: "BattInfAction!serchStationName3",
            async:true,
            dataType:'json',
            data:"json = "+JSON.stringify(data),
            success: function(data){
            data = data.result;
            data = eval("("+data+")");
            //console.info(data);
            //console.info(data.code);
            if(data.code==1&&data.data.length>0){
                   var $Ostation_name1=$("#homeName");
                $Ostation_name1.text("");
                var arr = new Array();
                for(var i=0;i<=data.data.length;i++)
                {
                       if(i == 0){
                           arr.push({
                               val:"",
                               stationid:"",
                               txt:"全部(共"+data.data.length+"个)",
                           });
                       }else{
                           arr.push({
                               val:data.data[i-1].StationName,
                               stationid:data.data[i-1].StationId,
                               txt:data.data[i-1].StationName3,
                           });
                       }
                }
                //console.info(111111111111111);
                updataSelStation($Ostation_name1, arr);
            }
            findserchByBattGroupNamebystationname();
        }
        });
    }
 //根据机房获取电池组
     function findserchByBattGroupNamebystationname(){
        var stationid = $("#homeName").find('option:selected').attr('stationid')?$("#homeName").find('option:selected').attr('stationid'):'';
        var data = {
            StationName1: $("#mainteArea").val(),
            StationName2:$("#city").val(),
            StationName5:$("#country").val(),
            StationName: $("#homeName").val(),
            StationId: stationid
        };
        //console.info(data);
        $.ajax({
            type: "post",
            url: "BattInfAction!serchBattByStation",
            async:true,
            dataType:'json',
            data:"json = "+JSON.stringify(data),
            success: function(data){
            data = data.result;
            data = eval("("+data+")");
            //console.warn();
            //console.info(data);
            //console.info(data.code);
            if(data.code==1&&data.data.length>0){
                   var $Ostation_name1=$("#battgroup_name");
                $Ostation_name1.text("");
                var arr = new Array();
                for(var i=0;i<=data.data.length;i++)
                {
                       if(i == 0){
                           arr.push({
                               val:0,
                               txt:"全部(共"+data.data.length+"个)",
                           });
                       }else{
                           arr.push({
                               val:data.data[i-1].BattGroupId,
                               txt:data.data[i-1].BattGroupName,
                           });
                       }
                }
                updataSel($Ostation_name1, arr);
            }
        }
        });
    }
   //当省改变时更新市
   $('#mainteArea').change(function(){
           findCity();
   });
   //当市改变时改变区/县
   $('#city').change(function(){
           findCounty();
   });
   //当区/县改变时改变机房
   $('#country').change(function(){
           findStationNamebyStationname1();
   });
    //当机房改变时,更新电池组
    $('#homeName').change(function(){
        findserchByBattGroupNamebystationname();
    });
    //查询电池容量
    $.post("BattInfAction_serchByMonCapStd",null,function(data){
        data=data.result;
        data=eval("("+data+")");
        if(data.code==1 && data.data.length>0){
            var $Omoncap_std2=$("#moncap_std2");
            $Omoncap_std2.text=("");
            console.info(data.data[1].MonCapStd);
            var arr = new Array();
            for(var i=0;i <= data.data.length;i++){
                if(i == 0){
                    arr.push({
                        val:0,
                        txt:"全部(共"+data.sum+")种"
                    });
                }else{
                    arr.push({
                        val:data.data[i-1].MonCapStd,
                        txt:data.data[i-1].MonCapStd
                    });
                }
            }
            updataSel($('#moncap_std2'),arr);
        };
    });
    $(function() {
        $('.pre-page').on('click', 'a', function() {
            var isShowPre = true;
            Page.pageSize = 10;
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize)
            if(Page.pageCurr>1){
                Page.pageCurr = Page.pageCurr - 1;
                searchDisCharage();
            }else {
                searchDisCharage();
            }
        });
        $('.next-page').on('click', 'a', function() {
            var isShowNext = true;
            Page.pageSize = 10;
            console.info(Page.pageAll);
            console.info(Page.pageSize);
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
            if(Page.pageCurr<pageNum){
                Page.pageCurr = Page.pageCurr + 1;
                console.info(Page.pageCurr);
                searchDisCharage()
            }
        });
    });
    // 判断是否显示翻页按钮
    function setPageTurning(isShowPre, isShowNext) {
        if(isShowPre) {    // 判断是否显示向上翻页按钮
            $('.pre-page').show();
        }else {
            $('.pre-page').hide();
        }
        if(isShowNext) {    // 判断是否显示向下翻页按钮
            $('.next-page').show();
        }else {
            $('.next-page').hide();
        }
    }
    $('document').ready(function(){
        panel.show();
    });
   </script>
</html>
gx_tieta/WebRoot/mobil/elegroup-batt.html
New file
@@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang="en">
<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" type="text/css" href="css/tbl.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>
</head>
<body>
    <div data-role="page" id="pageone">
        <!-- 头部内容 -->
        <div data-role="header" data-position="fixed">
            <a href="elegroup-list-user.html" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
            <h1>已添加包机机房</h1>
        </div>
        <!-- 主体内容 -->
        <div data-role="main">
            <div class="pre-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">图标</a></div>
            <div class="next-page"><a href="#" class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">图标</a></div>
            <!-- 表格容器 -->
            <div class="tbl-container"></div>
            <table data-role="table" class="ui-responsive ui-shadow" id="tab" >
            </table>
        </div>
        <!-- 页脚内容 -->
        <div data-role="footer" data-position="fixed" data-theme="a">
            <div data-role="navbar">
                <ul>
                  <li><a href="index.html" target="_top" data-role="button" data-icon="home" data-transition="slide">首页</a></li>
                  <li><a href="elegroup-batt-add.html" target="_top" data-role="button" data-icon="plus" data-transition="slide">添加</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="mobilJs/base.js"></script>
<script type="text/javascript" src="js/tbl.js"></script>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/eleAnalyse.js"></script>
<script type="text/javascript">
    var data = new Date;
    var arrTh = ['包机机房', '包机电池组'];
    var dataArr = new Array();
    dataArr = [];
    var newArrTd = [];
    var tblCon = $('.tbl-container');
    var battProducer = "";
    var Page = {
        pageSize : 10,
        pageCurr : 1,
        pageAll : 0,
    };
    var startTime = "1980-01-01";
    var endTime = new Date;
    $(document).ready(function(){
             searchDisCharage();
     });
     function searchDisCharage(){
        loadshow();
        arr=[];
        for(i=0;i<100;i++){arr[i]=i*10}
        createTbl(tblCon, arrTh, arr);
        loadclose();
    }
    function judgepronextshow(){
        var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
         console.info(Page.pageCurr);
         if (pageNum!==1){//有多页
            if (Page.pageCurr==1){
                  setPageTurning(false, true);              //当前页为1,隐藏左边
               }
              else if (Page.pageCurr== pageNum)
               {
                setPageTurning(true, false);                  //当前页为最后一页,隐藏右边
               }
               else
              {
                setPageTurning(true, true);                    //为中间,两边都不隐藏
               }
        }else{
            setPageTurning(false, false);
        }                                                 //只有一页,隐藏两边
    }
    //构造查询条件对象
    function createSearchForm(){
        var temp={
            page:{
                pageCurr:Page.pageCurr,
                pageSize:Page.pageSize,
            },
            binf:{
                StationName1:$('#privince').val(),
                StationName2:$('#city').val(),
                StationName5: $('#country').val(),
                StationName:$('#homeName').val(),
                BattGroupId:$('#battgroup_name').val(),
                BattProducer:battProducer,
                MonVolStd:"0",
                BattGroupName1:"",
                BattProductDate:startTime,
                BattProductDate1:endTime,
                BattInUseDate:startTime,
                BattInUseDate1:endTime,
            },
            uinf:{
                UId:"0",
            },
            tdata:{
                test_type:"0",
                record_time:startTime,
                record_time1:endTime,
                test_starttype:"0",
            },
            mainf:{
            /*
                remark:"100",
                maint_done_time:startTime,
                maint_done_time1:endTime,
            */
            }
        };
        return temp;
    }
    $(function() {
        $('.pre-page').on('click', 'a', function() {
            var isShowPre = true;
            Page.pageSize = 10;
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize)
            if(Page.pageCurr>1){
                Page.pageCurr = Page.pageCurr - 1;
                searchDisCharage();
            }else {
                searchDisCharage();
            }
        });
        $('.next-page').on('click', 'a', function() {
            var isShowNext = true;
            Page.pageSize = 10;
            console.info(Page.pageAll);
            console.info(Page.pageSize);
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize);
            if(Page.pageCurr<pageNum){
                Page.pageCurr = Page.pageCurr + 1;
                console.info(Page.pageCurr);
                searchDisCharage()
            }
        });
    });
    // 判断是否显示翻页按钮
    function setPageTurning(isShowPre, isShowNext) {
        if(isShowPre) {    // 判断是否显示向上翻页按钮
            $('.pre-page').show();
        }else {
            $('.pre-page').hide();
        }
        if(isShowNext) {    // 判断是否显示向下翻页按钮
            $('.next-page').show();
        }else {
            $('.next-page').hide();
        }
    }
   </script>
</html>
gx_tieta/WebRoot/mobil/elegroup-list-user.html
New file
@@ -0,0 +1,150 @@
<!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="elegroup-list.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-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 citylist = new Array();
        // 初始化页面内容
        $(document).ready(function(){
            setCookie("",null);
            setCookie("",null);
            seachAllCity();
        });
        // 点击城市事件
        $(function () {
            var aLi = -1;
            $('#battList').on('click', 'ul li', function () {
                aLi = $(this).index();
                city = getbatt(citylist,aLi);
                var json=window.JSON.stringify(city);
                setCookie("",json);
                window.location.href="elegroup-batt.html";
            });
        });
        // 定义面包屑导航条
        /* $(function(){
            var data = [
                {url: 'javascript:JumpHomePage();', txt: '首页'},
                {url: 'javascript:JumpElegroupListPage();', txt: 包机组列表'},
                {url: 'javascript:;', txt: '包机组用户列表'}
            ];
            addBreadCrumb($('.breadcrumb').eq(0),data);
        }); */
        var temp=getCookie("");
        temp = JSON.parse(temp);
        console.info(temp);
        //查询所有机房
        function seachAllCity(){
            loadshow();
            var data = {
                        StationName1: temp.StationName1
                    };
                    console.info(data);
            $.ajax({
                type: "post",
                url: "",
                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){
                        citylist = 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].StationName2+'</a>');
                // 将_a添加到_li,将_li添加到_ul中
                _li.append(_a);
                _ul.append(_li);
            }
            // 将_ul添加到容器中
            ulCon.append(_ul).trigger('create');
            loadclose();
        }
        //获取当前选中的city
        function getbatt(arr,index){
            if(arr.length>index){
                return arr[index];
            }
            return undefined;
        };
    </script>
</html>
gx_tieta/WebRoot/mobil/elegroup-list.html
New file
@@ -0,0 +1,143 @@
<!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="index.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-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 stationlist = new Array();
        // 初始化页面内容
        $(document).ready(function(){
            setCookie("",null);
            setCookie("",null);
            //seachAllStation();
        });
        // 点击机房事件
        $(function () {
            var aLi = -1;
            $('#battList').on('click', 'ul li', function () {
                aLi = $(this).index();
                station = getbatt(stationlist,aLi);
                var json=window.JSON.stringify(station);
                setCookie("",json);
                window.location.href="elegroup-list-user.html";
            });
        });
        // 定义面包屑导航条
        /* $(function(){
            var data = [
                {url: 'javascript:JumpHomePage();', txt: '首页'},
                {url: 'javascript:;', txt: '包机组列表'}
            ];
            addBreadCrumb($('.breadcrumb').eq(0),data);
        }); */
        //查询所有市
        function seachAllStation(){
            loadshow();
            $.ajax({
                type: "post",
                url: "",
                async:true,
                dataType:'text',
                data:null,
                success: function(data){
                    data = eval('('+data+')');
                    var model = eval('('+data.result+')');
                    console.info(model);
                    if(model.code == 1){
                        stationlist = 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].StationName1+'</a>');
                // 将_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>
gx_tieta/WebRoot/mobil/js/battNav.js
@@ -25,3 +25,7 @@
    setCookie("pages","2");
    window.location.href="machineroomM.html";
}
function JumpElegroupListPage(){
    setCookie("pages","4");
    window.location.href="elegroup-list.html";
}