测试数据添加机房列表搜索

hdw

2019-01-18 9427bb844f3c8edd52219f8867e2bd3d4dce6629

测试数据添加机房列表搜索

 gx_tieta/WebRoot/Top.jsp

@@ -134,6 +134,10 @@
                    <i class="fa fa-bell" title="关闭语音播报"></i>

                    <i class="fa fa-bell-slash" title="开启语音播报"></i>

                </div>

                <!-- <div class="cell-list full-screen-top">

                    <i class="fa fa-arrows" title="退出全屏"></i>

                    <i class="fa fa-arrows-alt" title="开启全屏"></i>

                </div> -->

                <div class="cell-list server-time" style="white-space: nowrap">                    

                    2018-11-26 00:00:00

                </div>

@@ -1092,5 +1096,73 @@
             });

        }

    })(jQuery);

	
    // 设置页面是否为全屏显示

    ;(function($, window, document, undefined){

        //判断是否全屏

        function isFull() {

            var fullscreenElement =

                document.fullscreenEnabled

                || document.mozFullscreenElement

                || document.webkitFullscreenElement;

            var fullscreenEnabled =

                document.fullscreenEnabled

                || document.mozFullscreenEnabled

                || document.webkitFullscreenEnabled;

            if (fullscreenElement == null)

            {

                return false;

            } else {

                return true;

            }

        }

		
        // 全屏

        function fullScreen() {

            if(document.documentElement.RequestFullScreen){

                document.documentElement.RequestFullScreen();

            }

            //兼容火狐

            if(document.documentElement.mozRequestFullScreen){

                document.documentElement.mozRequestFullScreen();

            }

            //兼容谷歌等可以webkitRequestFullScreen也可以webkitRequestFullscreen

            if(document.documentElement.webkitRequestFullScreen){

                document.documentElement.webkitRequestFullScreen();

            }

            //兼容IE,只能写msRequestFullscreen

            if(document.documentElement.msRequestFullscreen){

                document.documentElement.msRequestFullscreen();

            }

        }

		
        // 关闭全屏

        function exitFullScreen() {

            if(document.exitFullScreen){

                document.exitFullscreen()

            }

            //兼容火狐

            if(document.mozCancelFullScreen){

                document.mozCancelFullScreen()

            }

            //兼容谷歌等

            if(document.webkitExitFullscreen){

                document.webkitExitFullscreen()

            }

            //兼容IE

            if(document.msExitFullscreen){

                document.msExitFullscreen()

            }

        }

		
        $('.cell-list.full-screen-top').click(function() {

            if($(this).hasClass('close-full-screen')) {

                exitFullScreen();

            }else {

                fullScreen();

            }

            $(this).toggleClass('close-full-screen')

        });

    })(jQuery, window, document);

  </script>

</html>


 gx_tieta/WebRoot/css/web-status-outline.css

@@ -29,6 +29,22 @@
.web-status .cell-list.voice.close-voice {

    color: #C8C8C8;

}



.web-status .cell-list.full-screen-top {

    font-size: 18px;

    color: #1995DA;

    cursor: pointer;

}

.web-status .cell-list.full-screen-top .fa-arrows {

    display: none;

}

.web-status .cell-list.full-screen-top.close-full-screen .fa-arrows {

    display: inline-block;

}

.web-status .cell-list.full-screen-top.close-full-screen .fa-arrows-alt{

    display: none;

}



.web-status .progressbar {

    width: 60px;

}


 gx_tieta/WebRoot/mobil/battM.html

@@ -14,7 +14,7 @@
        <!-- 三级菜单内容    -->

        <div data-role="page">

            <div data-role="header" data-position="fixed">

                <a href="selectbatt.html" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>

                <a href="homeList.html" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>

                <h1>蓄电池组</h1>

            </div>

    

@@ -34,10 +34,7 @@
        var temp = getCookie("battselect");

        $(document).ready(function(){

        setCookie('batt', '');

        //temp = JSON.parse(temp);

        console.info(temp);

            init();

            //searchkBattByStationid();

        });

        

        function init(){

@@ -47,10 +44,7 @@
                

                var data = [

                    {url: 'javascript:JumpHomePage();', txt: '首页'},

                    {url: 'javascript:JumpFirstPage();', txt:temp.StationName1},

                    {url: 'javascript:JumpcityPage();', txt: temp.StationName2},

                    {url: 'selectcounty.html', txt: temp.StationName5 },

                    {url: 'selectbatt.html', txt: temp.StationName3},

                    {url: 'homeList.html', txt: temp.StationName},

                    {url: 'javascript:;', txt: '蓄电池组'}

                ];

                addBreadCrumb($('.breadcrumb').eq(0),data);

@@ -72,6 +66,7 @@
                        StationName: temp.StationName,

                        StationId: temp.StationId

                    };

            console.log(data);

            $.ajax({     

                type: "post",                 

                url: "BattInfAction!serchBattByStation",                


 gx_tieta/WebRoot/mobil/control.html

@@ -23,7 +23,7 @@
    </div>



    <div data-role="content">

        <ul class="breadcrumb"></ul>

        <!-- <ul class="breadcrumb"></ul> -->

        <ul data-role="listview" data-inset="true">

            <li>

                <a href="voltageM.html" target="_top">1.单体电压 </a>

@@ -475,7 +475,7 @@
            if(batt.install_user||batt.install_user==0){

                

            }else{

                addBreadCrumb($('.breadcrumb').eq(0), data);

                //addBreadCrumb($('.breadcrumb').eq(0), data);

            }

        });

        


 gx_tieta/WebRoot/mobil/homeList.html

New file
@@ -0,0 +1,170 @@
<!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="index.html"  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="搜索内容...">

                </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">

        var stationlist = new Array();

		
        // 初始化页面内容

        $(document).ready(function(){

            setCookie("station",null);

            setCookie("batt",null);

        });

		
        // 页面初始化完成

        $(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,

                    StationId: homeData.homeid

                };

				
				
                var json=window.JSON.stringify(temp);

                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;

                    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,

                            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>

 gx_tieta/WebRoot/mobil/index.html

@@ -20,7 +20,7 @@
    <div data-role="content" >

        <ul data-role="listview"  data-icon="false" data-inset="true">

            <li>

                <a href="machineroomM.html" target="_top" data-i18n="main.index">测试数据</a>

                <a href="homeList.html" target="_top" data-i18n="main.index">测试数据</a>

            </li>

            <li>

                <a href="ele-param2.html" target="_top" data-i18n="main.warningmanagement">电池安装申请</a>


 gx_tieta/WebRoot/mobil/testdata.html

@@ -66,10 +66,8 @@
                console.info(batt);

                    var data = [

                        {url: 'javascript:JumpHomePage();', txt: '首页'},

                        {url: 'machineroomM.html', txt: batt.StationName1},    // 省

                        {url: 'selectcity.html' , txt:batt.StationName2},//市

                        {url: 'selectcounty.html' , txt:batt.StationName5},

                        {url: 'battM.html', txt: batt.StationName3},    // 电池组

                        {url: 'homeList.html' , txt:batt.StationName},

                        {url: 'battM.html', txt: batt.BattGroupName},    // 电池组

                        {url: 'javascript:;', txt: '电池组数据'}    // 当前页面

                    ];

                    console.info(data);