~whyclj/zijing.git

parent: cdfe7291 | 补丁 | 提交 | show whitespace

Merge branch 'dev_lj' of http://whyclj@118.89.139.230:10101/r/~whyclj/zijin...

lxw

2020-06-22 c1befae2af14cea8b66901d7ef3579987cf9d048

Merge branch 'dev_lj' of http://whyclj@118.89.139.230:10101/r/~whyclj/zijing.git into dev_lj

1个文件已删除

1个文件已添加

6个文件已修改

	zijing/WebRoot/elegroup-del.jsp	1613 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/WebRoot/elegroup-v.jsp	683 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/WebRoot/elegroup.jsp	2204 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/WebRoot/js/dischargetest/outline-maintain.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/WebRoot/pages/js/common.js	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/src/com/fgkj/Filters/Encroding.java	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/src/com/fgkj/services/User_infService.java	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	zijing/src/global_zh_CN.properties	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 zijing/WebRoot/elegroup-del.jsp

New file
@@ -0,0 +1,1613 @@
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
    <title><s:text name="Package_unit_manage"/></title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/elegroup.css">
	
    <script type="text/javascript" src="js/frame.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
	
</head>
<body>
    <!--头部内容开始-->
    <jsp:include page="Top.jsp" flush="true"/>
    <!--头部内容结束-->
    <!-- 主体内容 -->
    <div id="main">
        <!-- 导航开始 -->
        <jsp:include page="nav.jsp" flush="true"/>	
        <!-- 导航结束 -->
        <div id="eleInfor">
            <span class="summary"><s:text name="Show/hide_the_query_conditions"/></span>    <!-- 显示和隐藏条件 -->
            <!-- 条件选择内容 -->
            <div class="checkCon">
                <!-- 维护区信息 -->
                <table>
                    <tr class="fWeight">
                        <td><s:text name="Maintenance_area"/></td>                    <!-- 维护区 -->
                        <td><s:text name="Computer_site"/></td>                        <!-- 机房站点（或机房设备） -->
                        <td><s:text name="Battery"/></td>                            <!-- 蓄电池组 -->
                    </tr>
                    <tr>
                        <td>
                            <select id="station_name1" name="">
								
                            </select>
                        </td>
                        <td>
                            <select id="station_name" name="">
								
                            </select>
                        </td>
                        <td>
                            <select id="battgroup_name" name="">
								
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- 条件查询结束 -->
        <!-- 左上容器 -->
        <div id="ltop">
            <span class="toptxt"><s:text name="Chartere_room_(chartered_room_equipment)"/>(<font id="station_num">0</font>)</span>        <!-- 包机机房(或包机机房设备) -->
            <!-- 包机机房列表 -->
            <div class="li-con"></div>
        </div>
        <!-- 右上容器 -->
        <div id="rtop">
            <table style="width:100%">
                <thead>
                    <tr>
                        <th><s:text name="Chartere_room_(chartered_room_equipment)"/></th>    <!-- 包机机房(或包机机房设备) -->
                        <th><s:text name="Charter_battery_pack"/>(<font id="batt_num">0</font>)</th>    <!-- 包机电池组 -->
                    </tr>
                </thead>
            </table>
            <!-- 包机机房和包机电池组容器 -->
            <div id="tbroom"><!-- 包机机房和包机电池组内容 --></div>
        </div>
        <!-- 清除浮动 -->
        <div class="clear"></div>
        <!-- 左下容器 -->
        <div id="lbottom">
            <span class="toptxt"><s:text name="Package_unit_list"/></span>            <!-- 包机组列表 -->
            <!-- 包机组列表 -->
            <div class="li-con"></div>
            <!-- 一个用户对应的包机组 -->
            <div class="hide-ul"></div>
        </div>
        <!-- 右下容器 -->
        <div id="rbottom">
            <span class="toptxt"><s:text name="Package_unit_user_list"/></span>        <!-- 包机组用户列表 -->
            <!-- 包机组用户列表 -->
            <div class="li-con"></div>
        </div>
    </div>
    <!-- 主体内容结束 -->
    <!-- 右键菜单内容 -->
    <div id="right-menu">
        <a href="javascript:;" class="apply"><s:text name="Apply"/></a>            <!-- 应用 -->
        <a href="javascript:;" class="add"><s:text name="Add"/></a>                <!-- 添加 -->
        <a href="javascript:;" class="edit"><s:text name="Edit"/></a>            <!-- 编辑 -->
        <a href="javascript:;" class="re-name"><s:text name="Rename"/></a>        <!-- 重命名 -->
        <a href="javascript:;" class="del"><s:text name="Delete"/></a>            <!-- 删除 -->
        <a href="javascript:;" class="look"><s:text name="Look_batt_pack"/></a>    <!-- 查看电池组 -->
    </div>	
    <!-- 右键表格菜单 -->
    <div id="tb-right-menu">
        <a href="javascript:;" class="apply"><s:text name="Apply"/></a>                                        <!-- 应用 -->
        <a href="javascript:;" class="add-batt"><s:text name="Add_single_batt_group"/></a>                    <!-- 添加单个电池组 -->
        <a href="javascript:;" class="add-station"><s:text name="Add_all_Chartere_room_batt_group"/></a>    <!-- 添加整个机房电池组 -->
        <!--<a href="javascript:;" class="add-weihuqu"><s:text name="Add_maintenance_area_batt_group"/></a>         添加整个维护区电池组 -->
        <div class="a-con">
            <a href="javascript:;" class="all-pitch"><s:text name="All_selected"/></a>                        <!-- 全部选中 -->
        </div>
        <a href="javascript:;" class="del"><s:text name="Remove_batt_group"/></a>                            <!-- 移除电池组 -->
    </div>
    <!-- 添加包机组 -->
    <div id="addPwr">
        <span><s:text name="Add_new_baoji_group"/></span>                <!-- 添加新的包机组 -->
        <div class="txt-con">
            <input type="text" value="" placeholder="<s:text name='Please_enter_a_new_charter_group_name'/>">    <!--     请输入新的包机组名 -->
        </div>
        <div class="btn-con">
            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->
            <input type="button" class="outAdd" value="<s:text name='Exit'/>">            <!-- 退出 -->
        </div>
    </div>
    <!-- 重命名包机组 -->
    <div id="rename">
        <span><s:text name='Rename_baoji_group_name'/></span>            <!-- 重命名包机组名 -->
        <div class="txt-con">
            <input type="text" value="" placeholder="<s:text name='Please_enter_a_new_charter_group_name'/>">        <!-- 请输入新的权限组名 -->
        </div>
        <div class="btn-con">
            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->
            <input type="button" class="out" value="<s:text name='Exit'/>">                <!-- 退出 -->
        </div>
    </div>
    <!-- 包机用户组 -->
    <div id="user_power">
        <span><s:text name='Username_options'/></span>        <!-- 用户名选项 -->
        <select style="display:none;">
            <option>全部</option>
            <option>一枢纽</option>
            <option>二枢纽</option>
            <option>枢纽楼</option>
        </select>
        <div class="tbHead"><!--<table class="upper"></table>这里放的是表格选项固定的头部 --></div>
        <div class="con_table"><!--<table class="upper"></table>这里放的是表格选项滚动部分 --></div>
        <div class="input_container">
            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->
            <input type="button" class="out" value="<s:text name='Return'/>">            <!-- 返回 -->
        </div>
    </div>
    <!-- 整体遮罩层 -->
    <div id="allShade"></div>
    <!--清除浮动-->
    <div class="clear"></div>
</body>
<script type="text/javascript" src="js/buildNav.js"></script>
<script type="text/javascript" src="js/createTab.js"></script>
<script type="text/javascript">
    var permits;
    <%    Object obj=session.getAttribute("permits");
        if(obj!=null){
            String permits =obj.toString();  %>
            permits=<%=permits%>;
            //console.info(json);
    <%    }    %>
    var battstationList = [];    //所有电池组和机房数组	
    var battstationIdList = [];    //所有电池组和机房id
	
    var isCanEdit;    //判断是否可以编辑
    $(document).ready(function(){
        isCanEdit=findValIsExist('usr_edit_permit',permits);
        if(!isCanEdit)
        {
            $("#right-menu").remove();
            $("#tb-right-menu").remove();
        }
    });
	
    //屏蔽浏览器右键菜单功能
    $(document).ready(function(){
        document.oncontextmenu=function(){
                return false;
        };
    });
	
    //创建权限组下的用户
    function createUserLi(ele,ArrTex,ArrVal,ArrNum){
        var __ul=$('<ul></ul>');
        var __li=new Array();
        //给每个li添加文本
        for(var i=0;i<ArrTex.length;i++)
        {
            __li[i]=$('<li num="'+ArrNum[i]+'" value="'+ArrVal[i]+'">'+ArrTex[i]+'</li>');
            __ul.append(__li[i]);
        }
        ele.append(__ul);
    }	
	
    //创建权限组列表
    function createGrounpList(ele,ArrLi,ArrVal){
        var __ul=$('<ul></ul>');
        var __li=new Array();
        //给每个li添加文本
        for(var i=0;i<ArrLi.length;i++)
        {
            __li[i]=$('<li value="'+ArrVal[i]+'">'+ArrLi[i]+'</li>');
            __ul.append(__li[i]);
        }
        ele.append(__ul);
    }
	
    //创建包机组列表
    function createUserList(ele,ArrLi){
        var __ul=$('<ul></ul>');
        var __li=new Array();
        //给每个li添加文本
        for(var i=0;i<ArrLi.length;i++)
        {
            __li[i]=$('<li>'+ArrLi[i]+'</li>');
            __ul.append(__li[i]);
        }
        ele.append(__ul);
    }
    //初始化页面
    $(document).ready(function(){
        //高度自适应
        var scrnHt=$(window).height();    //浏览器可视区域的高度
        var bodyHt=$('body').height();    //获取body的高度
        var lBtmUlHt=$('#lbottom .li-con').height();    //获取左下的列表的高度
        var rBtmUlHt=$('#rbottom .li-con').height();    //获取右下的列表的高度
        //对比body的高度和浏览器可视区域高度
        if(scrnHt>bodyHt)
        {
            $('#lbottom .li-con').height(lBtmUlHt+scrnHt-bodyHt);
            $('#rbottom .li-con').height(rBtmUlHt+scrnHt-bodyHt);
        }
        //可视区域改变时高度变化
        $(window).resize(function(){
            var newScrnHt=$(window).height();    //浏览器可视区域的高度
            var newBodyHt=$('body').height();    //获取body的高度
            if(newScrnHt>newBodyHt)
            {
                var newLBtmUlHt=$('#lbottom .li-con').height();    //获取左下的列表的高度
                var newRBtmUlHt=$('#rbottom .li-con').height();    //获取右下的列表的高度
                //对比body的高度和浏览器可视区域高度
                $('#lbottom .li-con').height(newLBtmUlHt+newScrnHt-newBodyHt);
                $('#rbottom .li-con').height(newRBtmUlHt+newScrnHt-newBodyHt);
            }
        });
		
        setUserName();
        //页面加载完生成包机组列表
        searchAllbaojiGroup();
		
        //页面内的基础点击效果
        $('#eleInfor .summary').click(function(){
            $('#eleInfor .checkCon').slideToggle();
        });
    });
	
    //查询所有的包机组并生成列表
    function searchAllbaojiGroup(){
        $.post("User_battgroup_baojigroupAction!searchAll",null,function(data){
            data=data.result;
            model=eval("("+data+")");			
            if(model.code==1 && model.data.length>0){
                var index=0;
                var ArrLi=new Array();
                var ArrVal=new Array();
                for(var i=0;i<model.data.length;i++){
                    data=model.data[i];
                    //console.info(data);
                    ArrLi[index]=data.baoji_group_name;
                    ArrVal[index++]=data.baoji_group_id;
                }
                createGrounpList($('#lbottom .li-con'),ArrLi,ArrVal);
            }
        });
    }
	
	
    //根据包机组id查询管理该包机组的用户
    function searchBaojiZuUser(baoji_group_id){
        $('#rbottom .li-con').text('');
        if(baoji_group_id!=undefined && baoji_group_id>0){
            $.post("User_battgroup_baojigroupAction!serchByCondition","us.baoji_group_id="+baoji_group_id,function(data){
                data=data.result;
                model=eval("("+data+")");
                if(model.code==1 && model.data.length>0){
                    var ArrLi=new Array();
                    var ArrVal=new Array();
                    var ArrNum=new Array();
                    var index=0;
                    for(var i=0;i<model.data.length;i++){
                        data=model.data[i];
                        //console.info(data);
                        ArrLi[index]=data.UName;
                        ArrVal[index++]=data.UId;
                        ArrNum.push(data.UBaojiusr);
                    }
                    createUserLi($('#rbottom .li-con'),ArrLi,ArrVal,ArrNum);					
                }
            });
        }
    }
	
	
    function searchAllBattstation(baoji_group_id){
        if(baoji_group_id!=undefined && baoji_group_id>0){
            $('#ltop .li-con').text('');
            //清除机房电池组表格内容
            $('#tbroom table').remove();			
            var totalstationNum=0;                //所有机房数
            var totalbattNum=0;                    //所有电池组数
            $.post("User_battgroup_baojigroupAction!serchByInfo","us.baoji_group_id="+baoji_group_id,function(data){
                data=data.result;
                model=eval("("+data+")");
                var stationList=new Array();        //所有机房数组
                var stationidList=new Array();        //所有机房数组对应的id
                battstationList=new Array();        //所有电池组和机房数组
                battstationIdList=new Array();        //所有电池组和机房id数组
                var allbattstation=new Array();        //存放所有的机房和电池组
				
                var all_index=0;
                var stataion_index=0;
                var battstation_index=0;
                var stationName="";
                var index=0;
                if(model.code==1 && model.data.length>0){
                    //console.log(model.data);					
                    for(var i=0;i<model.data.length;i++){
                        totalbattNum=model.data.length;
                        data=model.data[i];
                        //console.info(data);
                        allbattstation[all_index++]=data.StationName;
                        allbattstation[all_index++]=data.BattGroupName;
						
                        index=0;
                        stationList[stataion_index++]=data.StationName;
                        stationidList.push(data.StationId);
                        battstationList[stataion_index-1]=new Array();
                        battstationList[stataion_index-1].push(data.StationName);
                        battstationList[stataion_index-1].push(data.BattGroupName);
                        battstationIdList[stataion_index-1]=new Array();
                        battstationIdList[stataion_index-1].push(data.StationId);
                        battstationIdList[stataion_index-1].push(data.BattGroupId);
                        stationName=data.StationName;
						
                    }
                    var rsData = {
                        name: [],
                        id:[]
                    }
                    if(model.code == 1) {
                        rsData = formattedData(model.data);
                    }
					
                    //console.info(stationList);
                    //console.info(battstationIdList);		

                    createGrounpList($('#ltop .li-con'),rsData.name,rsData.id);
                    // 使每个包机机房处于被选中状态
                    $('#ltop .li-con li').addClass('b8cfe5');
                    totalstationNum=stationList.length;					
                    createBattTable(allbattstation);
                    addTdIdx($('#tbroom table tbody td'),battstationIdList);									
                }
                $('#station_num').text(totalstationNum);
                $('#batt_num').text(totalbattNum);
            });			
        }
    }
	
	
    //创建机房和电池组的表格
    function createBattTable(ArrTd){
        //alert(ArrTd);		
        if(ArrTd!=undefined){
            // 创建等待框
            createWait($('#tbroom'));
            //创建页面中的右上方的表格
            var ArrTh=new Array();    //定义表头数据
            //定义表格头部数据
            ArrTh=['<s:text name="Chartere_room_(chartered_room_equipment)"/>','<s:text name="Charter_battery_pack"/>'];    /* 包机机房    包机电池组 */		
            //创建表格
            createTable('tbroom','tbScroll',ArrTh.length,ArrTh,ArrTd);
			
            //清除等待框
            $('#tbroom .wait').remove();
            //计算容器宽度让表头和表体对齐
            var tbRoomWidth=$('#tbroom').width();
            // 让容器内的表格宽度一致
            $('#rtop table').width(tbRoomWidth-20);
            $('#batt_num').text(ArrTd.length/2);
        }
    }
	
    //页面左下内生成的列表的事件
    $(document).ready(function(){
        //点击包机组列表的内容
        var LiIndex=0;
        var preVal=0;
        // 鼠标点击的效果
        $('#lbottom').on('mousedown','.li-con li',function(e){
            // 鼠标点击的生成列表和表格
            if(!$(this).hasClass('b8cfe5')){
                //查询所有的机房和电池组并生成列表
                searchAllBattstation($(this).attr('value'));			
                //生成包机组用户列表
                searchBaojiZuUser($(this).attr('value'));				
            }
					
            //给被选中的li添加class
            $('#lbottom .li-con li').removeClass('b8cfe5');
            $(this).addClass('b8cfe5');
            if($('#lbottom .hide-ul:visible').length!=0)
            {
                return;
            }
            //利用jquery的方式获取当前点击的是否是右键
            if(e.which==3)
            {
                LiIndex=$(this).index();    //当前点击的行数
                preVal=$(this).val();    //当前行数的value的值
                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
                var scrollY=$(document).scrollTop();
                $('#right-menu').css('top',disY+scrollY+'px');
                $('#right-menu').css('left',disX+'px');
                //为右键菜单添加class
                $('#right-menu .add').removeClass('add-user');
                $('#right-menu .del').removeClass('del-user');
                $('#right-menu .add').addClass('add-group');
                $('#right-menu .del').addClass('del-group');
                //显示相应的菜单内容
                $('#right-menu').show();
                $('#right-menu .add').show();
                $('#right-menu .del').show();
                $('#right-menu .edit').hide();
                $('#right-menu .look').hide();
                //if($(this).hasClass('blue'))
                //{
                    $('#right-menu .re-name').show();
                //}else{
                //    $('#right-menu .re-name').hide();
                //}
				
                setPosition($("#right-menu"),disX, disY);
                return false;
            }
        });
		
        $('#lbottom').on('mousedown',function(e){
			
            //利用jquery的方式获取当前点击的是否是右键
            if(e.which==3)
            {
                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
                var scrollY=$(document).scrollTop();
                $('#right-menu').css('top',disY+scrollY+'px');
                $('#right-menu').css('left',disX+'px');
                //为右键菜单添加class
                $('#right-menu .add').removeClass('add-user');
                $('#right-menu .del').removeClass('del-user');
                $('#right-menu .add').addClass('add-group');
                $('#right-menu .del').addClass('del-group');
                //显示相应的菜单内容
                $('#right-menu').show();
                $('#right-menu .add').show();
                $('#right-menu .del').hide();
                $('#right-menu .edit').hide();
                $('#right-menu .look').hide();
                //if($(this).hasClass('blue'))
                //{
                    $('#right-menu .re-name').hide();
                //}else{
                //    $('#right-menu .re-name').hide();
                //}
				
                setPosition($("#right-menu"),disX, disY);
            }
        });
		
        //点击页面内容右键菜单消失
        $('div').click(function(){
            //右键菜单消失
            $('#right-menu').hide();
        });
        //点击添加按钮的效果
        $('#right-menu').on('click','.add-group',function(){
            $('#addPwr').show();
            $('#allShade').show();
        });
        //点击退出按钮效果
        $('#addPwr .outAdd').click(function(){
            $('#addPwr').hide();
            $('#allShade').hide();
        });
        //点击确定在包机组列表创建li
        $('#addPwr .enSure').click(function(){
            var txtVal=$('#addPwr .txt-con input[type="text"]').val();
            if($.trim(txtVal)!='')
            {	
                var flag=true;
                $('#lbottom .li-con li').each(function(){
                    if(txtVal==$(this).text()){
                        flag=false;
                    }
                });
                if(flag){
                    $.post('User_battgroup_baojigroupAction!add',"us.baoji_group_name="+txtVal,function(data){
                        //console.info(data);
                        var model=eval("("+data.result+")");
                        if(model.code==1){
                            alert(model.msg);							
                        }else{
                            alert(model.msg);
                        }
                        $('#lbottom .li-con ul').remove();
                        searchAllbaojiGroup();
                        //隐藏添加窗口
                        $('#addPwr').hide();
                        $('#allShade').hide();
                    });									
                }else{
                    alert('<s:text name="The_baoji_group_name_already_exists,Please_enter_a_different_set_of_names"/>!');        /* 该包机组名已经存在,请输入其他组名 */
                }
            }else{
                alert('<s:text name="Can_not_be_empty"/>！！！');            /* 不能为空 */
            }
        });
        //点击编辑按钮给当前行添加class
        $('#right-menu .edit').click(function(){
            $('#lbottom .li-con li').removeClass('red');
            $('#lbottom .li-con li').eq(LiIndex).addClass('blue');
        });
        //点击重命名按钮
        $('#right-menu .re-name').click(function(){
            var baojiName=$('#lbottom .li-con li').eq(LiIndex).text();
            $('#rename .txt-con input').attr('value',baojiName);
            //console.info(baojiName);
            //显示重命名窗口
            $('#rename').show();
            $('#allShade').show();
        });
        //点击退出按钮退出重命名窗口
        $('#rename .out').click(function(){
            //隐藏重命名窗口
            $('#rename').hide();
            $('#allShade').hide();
        });
        //点击确定按钮替换当前的文本
        $('#rename .enSure').click(function(){
            var txtVal=$('#rename .txt-con input').val();
            if($.trim(txtVal).length>0){
                var flag=true;
                $('#lbottom .li-con li').each(function(){
                    if($(this).text()==txtVal){
                        flag=false;
                    }
                });
                var id=$('#lbottom .li-con li').eq(LiIndex).attr('value');
                if(flag){
                    $.post('User_battgroup_baojigroupAction!update','us.baoji_group_id='+id+'&us.baoji_group_name='+txtVal,function(data){
                        var model=eval("("+data.result+")");
                        alert(model.msg);
                        $('#lbottom .li-con ul').remove();
                        searchAllbaojiGroup();
                        //隐藏重命名窗口
                        $('#rename').hide();
                        $('#allShade').hide();
                    });
                }else{
                    alert('<s:text name="The_baoji_group_name_already_exists,Please_enter_a_different_set_of_names"/>!');        /* 该包机组名已经存在,请输入其他组名 */
                }
            }else{
                alert('<s:text name="Can_not_be_empty"/>！！！');            /* 不能为空 */
            }
			
        });
        //点击删除按钮
        $('#right-menu .del-group').live('click',function(){
            var oLi=$('#lbottom .li-con li').eq(LiIndex);
            if(confirm("<s:text name='Confirm_del'/>'"+oLi.text()+"'？")){            /* 确认删除包机组 */
                var baojigroupid=oLi.attr('value');
                $.post('User_battgroup_baojigroupAction!delete','us.baoji_group_id='+baojigroupid+"&us.baoji_group_name="+oLi.text(),function(data){
                    var model=eval("("+data.result+")");
                    if(model.code==1){
                        alert(model.msg);					
                    }else{
                        alert(model.msg);
                    }
                    $('#lbottom .li-con ul').remove();
                    searchAllbaojiGroup();
                });
            }
        });
    });
	
    var ArrTh=['<s:text name="Username"/>','<s:text name="Options"/>'];    //定义表头数据        用户名    选项
    var ArrTd=new Array();    //定义表内数据
    // 包机组用户列表点击事件
    $(document).ready(function(){
        // 鼠标(左右键)点击
        var LiIndex=0;    //记录当前行
        $('#rbottom').on('mousedown','.li-con li',function(e){
            //点击的该行背景色改变其他行不变色
            $('#rbottom .li-con li').removeClass('b8cfe5');
            $(this).addClass('b8cfe5');
            if($('#lbottom .hide-ul:visible').length!=0)
            {
                return;
            }
            //利用jquery的方式获取当前点击的是否是右键
            if(e.which==3)
            {
                LiIndex=$(this).index();    //当前点击的行数
                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
                var scrollY=$(document).scrollTop();
                $('#right-menu').css('top',disY+scrollY+'px');
                $('#right-menu').css('left',disX+'px');
                //为右键菜单添加class
                $('#right-menu .add').removeClass('add-group');
                $('#right-menu .del').removeClass('del-group');
                $('#right-menu .add').addClass('add-user');
                $('#right-menu .del').addClass('del-user');
                //显示相应的菜单内容
                $('#right-menu').show();
                $('#right-menu .add').show();
                $('#right-menu .del').show();
                $('#right-menu .look').show();
                //隐藏菜单内容
                $('#right-menu .edit').hide();
                $('#right-menu .re-name').hide();
				
                setPosition($("#right-menu"),disX, disY);
            }
        });
		
        var userlist;
        // 点击添加按钮的效果
		
        $('#right-menu').on('click','.add-user',function(){
            userlist=new Array();
            var baojiid = $('#lbottom .li-con li.b8cfe5').attr('value');
            $.post('User_battgroup_baojigroup_usrAction!serchByInfo','ubbu.baoji_group_id='+baojiid,function(data){
                var model=eval("("+data.result+")");
                if(model.code==1 && model.data.length>0){
                    userlist=model.data
                    //console.info(userlist);
                    for(var i=0;i<model.data.length;i++){
                        ArrTd[i]=[userlist[i].UName,'<input type="checkbox" />'];
                    }
                }
                //清除表格内容
                $('#user_power .tbHead table').remove();
                $('#user_power .con_table table').remove();
                //根据数据生成表格
                createCard($('#user_power .tbHead'),ArrTh,ArrTd);
                createCard($('#user_power .con_table'),ArrTh,ArrTd);
                //显示添加包机组用户
                $('#user_power').show();
                $('#allShade').show();
            });			
        });
        //退出添加权限用户组界面
        $('#user_power .out').click(function(){
            //隐藏添加权限用户名界面
            $('#user_power').hide();
            $('#allShade').hide();
        });
		
        // 点击确定添加权限组用户
        $('#user_power .enSure').click(function(){
            var txtArrLi=new Array();    //记录选择的用户
            var useidArr=new Array();    //记录选中用户的id
			
            //定义jquery变量
            var $tr=$('#user_power .con_table tbody tr');
            var $input=$('#user_power .con_table tbody input[type="checkbox"]');
            var k=0;
            for(var i=0;i<$input.length;i++)
            {
                if($input.eq(i).is(':checked'))
                {
                    txtArrLi[k]=$tr.eq(i).find('td').eq(0).text();
                    useidArr[k++]=userlist[i].UId;
                }
            }
            //alert(txtArrLi);
            if(txtArrLi.length!=0)
            {
                for(var i=0;i<txtArrLi.length;i++)
                {
                    var flag=true;
                    $('#rbottom .li-con li').each(function(){
                        if(txtArrLi[i]==$(this).text()){
                            flag=false;
                        }
                    });
                    //alert(flag);
                    if(flag){
                         $('#rbottom .li-con').append($('<ul><li class="red" value="'+useidArr[i]+'">'+txtArrLi[i]+'</li></ul>'));
                    }
                }
            }
            //隐藏添加用户界面
            $('#user_power').hide();
            $('#allShade').hide();
        });
        //点击删除
        //点击删除按钮
        $('#right-menu').on('click','.del-user',function(){
            var ouserLi=$('#rbottom .li-con li').eq(LiIndex); 
            var obaoLi=$('#lbottom .li-con li.b8cfe5');
            if(confirm('<s:text name="Determine"/><s:text name="From"/>:'+obaoLi.text()+'<s:text name="Delete"/>:'+ouserLi.text()+"?")){    //确定从包机组  吗?
                var num=ouserLi.attr('num');
                var temp = {num:num,uname:ouserLi.text(),baoji_group_name:obaoLi.text()};
                $.post('User_battgroup_baojigroup_usrAction!delete',"json="+JSON.stringify(temp),function(data){
                    var model=eval("("+data.result+")");
                    alert(model.msg);
                    searchBaojiZuUser(obaoLi.attr('value'));
                });
                //删除选中的行
                $('#rbottom .li-con li').eq(LiIndex).remove();			
            }
        });
		
        $('#right-menu').on('click','.apply',function(data){
            var oLis=$('#rbottom .li-con li.red');
            //alert(oLis.length);
            var baojili = $('#lbottom .li-con li.b8cfe5');
            var baoji_user=new Array();
            if(oLis.length>0){
                for(var i=0;i<oLis.length;i++){
                    baoji_user.push({
                        baoji_group_id:baojili.val(),
                        baoji_group_name:baojili.text(),
                        uId:oLis.eq(i).val(),
                        uname:oLis.eq(i).text(),
                    });
                }
                var json=window.JSON.stringify(baoji_user);
                //console.info(json);
                $.post('User_battgroup_baojigroup_usrAction!add',"json="+json,function(data){
                    var model=eval("("+data.result+")");
                    alert(model.msg);
                    var baojizuid=$('#lbottom .li-con li.b8cfe5').attr('value');
                    searchBaojiZuUser(baojizuid);
                });
            }else{
                alert('<s:text name="There_is_nothing_to_be_done"/>');        /* 没有什么可以做的 */
            }
        });		
        //点击查看包机组效果
        $('#right-menu .look').click(function(){
            var uid=$('#rbottom .li-con  .b8cfe5').attr('value');
            searchStationAndBatt(uid);
            searchBaojiByUid(uid);
			
        });
        //隐藏权限组
        $('#lbottom .hide-ul').click(function(){
            var baoid=$('#lbottom .li-con li.b8cfe5').attr('value');
            searchAllBattstation(baoid);
            $(this).hide();
        });
    });
    //让右键生成的弹出框随浏览器滚动而滚动
    $(document).ready(function(){
        $(window).scroll(function(){
            var scrollY=$(this).scrollTop();
            $('#addPwr').css('top',scrollY+200+'px');
            $('#rename').css('top',scrollY+200+'px');
            $('#user_power').css('top',scrollY+80+'px');
        });
    });
    // 点击右上方表格
    $('#tbroom').on('click','table tr',function(){
        //去掉其他行的class给点击的行添加class
        $('#tbroom table tr').removeClass('b8cfe5');
        $(this).addClass('b8cfe5');
    });
	
	
    //根据用户id查询其机房和包机组
    function searchStationAndBatt(uid){
        $('#ltop .li-con').text('');
        //清除机房电池组表格内容
        $('#tbroom table').remove();
        if(uid!=undefined){			
            $.post("User_battgroup_baojigroup_battgroupAction!serchByCondition","user_inf.UId="+uid,function(data){
                // 生成等待框				
                data=data.result;
                data=eval("("+data+")");
                //console.info(data);
                var stationList=new Array();        //存放下方左边表格的信息
                var stationidList=new Array();
                var s_index=0;
                battstationList=new Array();                //存放所有电池机房信息
                battstationIdList=new Array();                //存放所有电池机房的id
                var b_index=-1;
                var battinfo=new Array();            //存放所有电池组的信息		
                var info_index=0;
                var stationName="";
                var totalbattNum=0;
                if(data.code==1 && data.data.length>0){
                    var index;
                    totalbattNum=data.data.length;
                    //console.info(data.data);
                    for(var i=0;i<data.data.length;i++){
                        //console.info(data.data[i]);
                        battinfo[info_index++]=data.data[i].StationName;
                        battinfo[info_index++]=data.data[i].BattGroupName;
                        if(stationName==data.data[i].StationName){
                            battstationList[b_index][index++]=data.data[i].StationName;
                            battstationList[b_index][index++]=data.data[i].BattGroupName;
                            battstationIdList[b_index].push(data.data[i].StationId);
                            battstationIdList[b_index].push(data.data[i].BattGroupId);							
                        }else{
                            stationName=data.data[i].StationName;
                            index=0;						
                            stationList[s_index]=data.data[i].StationName;
                            stationidList[s_index++]=data.data[i].StationId;
                            battstationList[++b_index]=new Array();
                            battstationList[b_index][index++]=data.data[i].StationName;
                            battstationList[b_index][index++]=data.data[i].BattGroupName;
							
                            battstationIdList[b_index]=new Array();
                            battstationIdList[b_index].push(data.data[i].StationId);
                            battstationIdList[b_index].push(data.data[i].BattGroupId);
                        }
                    }
                    createGrounpList($('#ltop .li-con'),stationList,stationidList);
                    $('#station_num').text(stationList.length);
                    $('#batt_num').text(totalbattNum);
                    // 使每个包机机房处于被选中状态
                    $('#ltop .li-con li').addClass('b8cfe5');
                    totalstationNum=stationList.length;					
                    createBattTable(battinfo);
                }				
            });
        }		
    }
	
    //根据用户id查询所在的包机组
    function searchBaojiByUid(uid){
        if(uid!=undefined){
            $.post("User_infAction!serchByInfo","uif.UId="+uid,function(data){
                data=data.result;
                model=eval("("+data+")");
                if(model.code==1 && model.data.length>0){
                    //根据用户信息创建该用户的所有权限
                    var ArrUserLi=new Array();
                    for(var i=0;i<model.data.length;i++){
                        data=model.data[i];
                        ArrUserLi[i]=data.baoji_group_name;
                    }					
                    //清除表格内容
                    $('#lbottom .hide-ul ul').remove();
                    //根据数据生成列表
                    createUserList($('#lbottom .hide-ul'),ArrUserLi);
                    //显示用户的所有权限
                    $('#lbottom .hide-ul').show();
                }
            });
        }
    }

    $(document).ready(function(){		
        //页面加载时查询维护区中的枢纽类型
        $.post("BattInfAction_serchByStation",null,function(data){
            data=data.result;
            data=eval("("+data+")");
            //console.info(data);
            if(data.code==1 && data.data.length>0){
                var Ostation_name1=document.getElementById("station_name1");
                Ostation_name1.innerHTML="";
                for(var i=0;i<=data.data.length;i++){
                    option=createEle("option");
                    if(i==0){
                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";        /* 全部    共   种 */
                        option.setAttribute("value", "");			
                    }else{
                        option.innerHTML=data.data[i-1].StationName1;
                        option.setAttribute("value",data.data[i-1].StationName1);	
                    }					
                    Ostation_name1.appendChild(option);
                }				
            }
            findStationNamebyStationname1();		
        });
		
        //当维护区的值变换时更新机房站点
        $('#station_name1').change(function(){
            findStationNamebyStationname1()
        });
    });
	
    //根据维护区查询站点
    function findStationNamebyStationname1(){
        var selectvalue=$("#station_name1 option:selected").val();		
        $.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
            data=data.result;
            data=eval("("+data+")");
            if(data.code==1 && data.data.length>0){
                var Ostttion_name = document.getElementById("station_name");
                Ostttion_name.innerHTML="";
                for(var i=0;i<=data.data.length;i++){
                    option=createEle("option");
                    if(i==0){
                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";		
                        option.setAttribute("value", "");			
                    }else{
                        option.innerHTML=data.data[i-1].StationName;
                        option.setAttribute("value",data.data[i-1].StationName);	
                    }					
                    Ostttion_name.appendChild(option);
                }
            }
            findserchByBattGroupNamebystationname();
        });
        $('#station_name').change(function(){
            findserchByBattGroupNamebystationname();
        });
    }
	
    //根据维护区和机房查询蓄电池组
    function findserchByBattGroupNamebystationname(){
        var station_name1=$("#station_name1 option:selected").val();
        var station_name=$("#station_name option:selected").val();
		
        $.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
            data=data.result;
            data=eval("("+data+")");
            //console.info(data.data);		
            if(data.code==1 && data.data.length>0){
				
                var Obattgroup_name = document.getElementById("battgroup_name");
                Obattgroup_name.innerHTML="";
				
                for(var i=0;i<=data.data.length;i++){
                    option=createEle("option");
                    if(i!=0){
                        option.innerHTML=data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"<s:text name='Section'/>";
                        option.setAttribute("value",data.data[i-1].BattGroupId);
                    }else{
                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";
                        option.setAttribute("value", "0");
                    }
                    Obattgroup_name.appendChild(option);
                }
            }
        });
    }	
	
    //鼠标右键点击
    $('#tbroom').on('mousedown','table tr',function(e){
        var tdIndex=0;
        if($(this).hasClass('b8cfe5')==false)
        {
            //去掉其他行的class给点击的行添加class
            $('#tbroom table tr').removeClass('b8cfe5');
            $(this).addClass('b8cfe5');
        }
        if($('#lbottom .hide-ul:visible').length!=0)
        {
            return;
        }
        //根据jquery判断是否是鼠标右键
        if(e.which==3)
        {
            LiIndex=$(this).index();    //当前点击的行数
            var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
            var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
            var scrollY=$(document).scrollTop();
            $('#tb-right-menu').css('top',disY+scrollY+'px');
            $('#tb-right-menu').css('left',disX+'px');
            $('#tb-right-menu').show();
            $('#tb-right-menu .all-pitch').show();
            $('#tb-right-menu .del').show();
			
            setPosition($("#tb-right-menu"),disX, disY);
        }
		
        return false;
    });
    //点击全部选择
    $('#tb-right-menu .all-pitch').click(function(){
        $('#tbroom table tr').addClass('b8cfe5');
    });	
	 
    //点击表格右键菜单消失
    $('div').click(function(){
        $('#tb-right-menu').hide();
    });
	
    $('#rbottom .li-con').on('dblclick','li',function(){
        searchStationAndBatt($(this).attr('value'));
        searchBaojiByUid($(this).attr('value'));
    });
	
    $(document).ready(function(){
        $('#lbottom .hide-ul').hide();
	
        $('#rbottom').mousedown(function(e){
            if($('#lbottom .hide-ul:visible').length!=0)
            {
                return;
            }
            if($('#lbottom .b8cfe5').length!=0)
            {
			
                //根据jquery判断是否是鼠标右键
                if(e.which==3)
                {
                    var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
                    var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
                    var scrollY=$(document).scrollTop();
                    $('#right-menu').css('top',disY+scrollY+'px');
                    $('#right-menu').css('left',disX+'px');
                    //为右键菜单添加class
                    $('#right-menu .add').removeClass('add-group');
                    $('#right-menu .del').removeClass('del-group');
                    $('#right-menu .add').addClass('add-user');
                    $('#right-menu .del').addClass('del-user');
                    //显示相应的菜单内容
                    $('#right-menu').show();
                    if($(this).find('li').length==0)
                    {
                        $('#right-menu .add').show();
                        $('#right-menu .del').hide();
                        $('#right-menu .look').hide();
						
                    }else if($(this).find('.b8cfe5').length!=0){
                        $('#right-menu .add').show();
                        $('#right-menu .del').show();
                        $('#right-menu .look').show();
                    }else{
                        $('#right-menu .add').show();
                        $('#right-menu .del').hide();
                        $('#right-menu .look').hide();
                    }
                    //隐藏菜单内容
                    $('#right-menu .edit').hide();
                    $('#right-menu .re-name').hide();
					
                    setPosition($("#right-menu"), disX,disY);
                }
            }
			
        });
		
        $('#tbroom').mousedown(function(e){
            if($('#lbottom .hide-ul:visible').length!=0)
            {
                return;
            }
            if($('#lbottom .b8cfe5').length!=0)
            {
                //if($(this).find('td').length==0)
                //{
                    //根据jquery判断是否是鼠标右键
                    if(e.which==3)
                    {
                        var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标
                        var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标
                        var scrollY=$(document).scrollTop();
                        $('#tb-right-menu').css('top',disY+scrollY+'px');
                        $('#tb-right-menu').css('left',disX+'px');
                        $('#tb-right-menu').show();
                        $('#tb-right-menu .all-pitch').hide();
                        $('#tb-right-menu .del').hide();
						
                        setPosition($("#tb-right-menu"),disX, disY);
                    }
                //}
            }
        });
		
    });
	
    //给右侧表格的单元格添加下标
    function addTdIdx(eleTdList,arrIdx){
        var __arrIdx=new Array();
        var getType=typeof arrIdx[0];
        if(getType=="object")
        {
            var n=0;
            for(var i=0;i<arrIdx.length;i++)
            {
                for(var k=0;k<arrIdx[i].length;k++)
                {
                    __arrIdx[n]=arrIdx[i][k];
                    n++;
                }
            }
        }else{
            __arrIdx=arrIdx;
        }
        eleTdList.each(function(i){
            $(this).attr('tdIdx',__arrIdx[i]);
        });
    }	
	
    //上方表格内容
    $(document).ready(function(){
        //根据li的value的值确定li的下标
        function getLiIdx(arrLiIdx,liVal){
            var idx=-1;
            for(var i=0;i<arrLiIdx.length;i++)
            {
                if(arrLiIdx[i][0]==liVal)
                {
                    idx=i;
                    return idx;
                }
            }
            return idx;
        }
        //二维数组的指定子数组内添加数组
        function addValToArr(bigArr,smallArr,idx){
            var __smallArr=new Array();
            //如果下标值+1超出bigArr的长度
            if((idx+1)>bigArr.length)
            {
                bigArr.push(__smallArr);
            }
            var getType=toString(typeof smallArr[0]);
            //将要添加的数组依次存入指定的数组内
            if(getType=='object')
            {
                var n=0;
                for(var i=0;i<smallArr.length;i++)
                {
                    for(var k=0;k<smallArr[i].length;k++)
                    {
                        __smallArr[n]=smallArr[i][k];
                        n++;
                    }
                }
            }else{
                __smallArr=smallArr;
            }
            //剔除重复的内容
            for(var i=1;i<__smallArr.length;i+=2)
            {
                for(var k=1;k<bigArr[idx].length;k+=2)
                {
                    if(bigArr[idx][k]==__smallArr[i])
                    {
                        __smallArr.splice(i-1,2);    //清除重复内容
                    }
                }
            }
            //将指定的数组内的值添加到大的数组内
            for(var i=0;i<__smallArr.length;i++)
            {
                bigArr[idx].push(__smallArr[i]);
            }
        }
        var bigEleGroupTxt=new Array();    //存储添加的电池组文本的二维数组
        var bigEleGroupVal=new Array();    //存储添加的电池组val的二维数组
        var roomLiIdx=-1;
        $('#ltop .li-con').on('click','ul li',function(){
            $('#ltop .li-con li').removeClass('b8cfe5');
            $(this).addClass('b8cfe5');
            //点击左侧的列表右侧生成表格
            //console.info(battstationIdList);
            roomLiIdx=getLiIdx(battstationIdList,$(this).val());
            //console.info(roomLiIdx);
            if(roomLiIdx<battstationList.length && roomLiIdx!=-1)
            {	
                var tblTd = getBattListsByStation(battstationList,battstationIdList, $(this).val());
                createBattTable(tblTd.tblData);
                //createTablenew($('#tbroom'),ArrTh,ArrTd[roomLiIdx]);
                //console.info(battstationIdList);
                addTdIdx($('#tbroom table tbody td'),tblTd.tblAttr);    //给单元格添加下标
				
            }else{
                var newArrTd=new Array();
                createTablenew($('#tbroom'),ArrTh,newArrTd);
            }
            //如果点击的是红的就执行下面判断语句的内容
            if($(this).hasClass('red'))
            {
                //获取点击红的下标
                var RedLiIdx=$(this).prevAll('li.red').length;
                //console.info(bigEleGroupTxt);
                addTd($('#tbroom table tbody'),2,bigEleGroupTxt[RedLiIdx]);
                addTdIdx($('#tbroom table tbody tr.red td'),bigEleGroupVal[RedLiIdx]);
            }
            //计算容器宽度让表头和表体对齐
            var tbRoomWidth=$('#tbroom').width();
            // 让容器内的表格宽度一致
            $('#rtop table').width(tbRoomWidth-20);
            getbattStationlength();
        });
		
        //点击添加单个电池组按钮
        function addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal){
            var isRedNotExist=true;
            var RedLiIdx=-1;    //存储红色的下标
            //给左侧的包机房添加一行
            if($('#ltop .li-con ul').length==0)
            {
                var __ul=$('<ul></ul>');
                $('#ltop .li-con').append(__ul);
            }
            //通过遍历查看该包机机房是否存在
            $('#ltop .li-con ul li.red').each(function(){
                if($(this).text()==myRoom[0])
                {
                    isRedNotExist=false;
                    RedLiIdx=$(this).prevAll('li.red').length;
                    return;
                }
            });
            //如果添加的内容与原有的内容有重复就剔除
            delRepeatVal(battstationIdList,singleEleVal,singleELeGroup);
            //根据isExist的值进行定义下面发生的内容
            if(isRedNotExist && singleEleVal.length>0)
            {
                //console.info(myRoom[0]);
                RedLiIdx=$('#ltop .li-con ul .red').length;
                var __li=$('<li class="red b8cfe5" value="'+myRoomVal[0]+'" liIdx="'+RedLiIdx+'">'+myRoom[0]+'</li>');
                $('#ltop .li-con ul').append(__li);
                RedLiIdx=$('#ltop .li-con ul .red').length-1;
            }
			
			
            addValToArr(bigEleGroupTxt,singleELeGroup,RedLiIdx);
            addValToArr(bigEleGroupVal,singleEleVal,RedLiIdx);
            //console.info(bigEleGroupTxt);
            //遍历左侧包机机房并全部选中
            $('#ltop .li-con ul li').each(function(){
                if(!$(this).hasClass('b8cfe5'))
                {
                    $(this).addClass('b8cfe5');
                }
            });
			
            showAllTd(bigEleGroupTxt,bigEleGroupVal);
        }
        //添加单个电池组
        $('#tb-right-menu .add-batt').click(function(){
            var battgrouid=    $('#battgroup_name').attr('value');
            if(battgrouid!=0 && $('#lbottom .li-con li.b8cfe5').text().length>0){
                var binf=new Object();
                binf={
                    BattGroupId:battgrouid,
                    StationName:'',
                    StationName1:'',
                };
                var json=window.JSON.stringify(binf);
                $.post('BattInfAction!serchBatt','result='+json,function(data){
                    var model=eval("("+data.result+")");
                    //console.info(model);
                    var myRoom=new Array();
                    var myRoomVal=new Array();
                    var singleELeGroup=new Array();
                    var singleEleVal=new Array();
                    if(model.code==1){
                        var data=model.data[0];						
                        myRoom.push(data.StationName);
                        myRoomVal.push(data.StationId);
                        singleELeGroup.push(data.StationName);
                        singleELeGroup.push(data.BattGroupName);
                        singleEleVal.push(data.StationId);
                        singleEleVal.push(data.BattGroupId);
                        //console.info(myRoom);
                        addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal);
                    }
                });
            }else{
                alert('<s:text name="Please_choose_a_group_of_battery_pack!"/>');
            }			
        });
        //添加整个机房的电池组
        $('#tb-right-menu .add-station').click(function(){
            //获取包机房名称和新增电池组名称
            var myRoom=new Array();
            var myRoomVal=new Array();
            var singleELeGroup=new Array();
            var singleEleVal=new Array();
            var stationname=$('#station_name').attr('value');	
            if(stationname.length>0 && $('#lbottom .li-con li.b8cfe5').text().length>0){
                var binf=new Object();
                binf={
                    BattGroupId:0,
                    StationName:stationname,
                    StationName1:'',
                };
                var json=window.JSON.stringify(binf);
                $.post('BattInfAction!serchBatt','result='+json,function(data){
                    var model=eval("("+data.result+")");
                    //console.info(model);
                    if(model.code==1 && model.data.length>0){
                        var stationid=0;
                        for(var i=0;i<model.data.length;i++){
                            var batt=model.data[i];
                            //console.info(batt);
                            myRoom.push(batt.StationName);
                            myRoomVal.push(batt.StationId);								
                            singleELeGroup.push(batt.StationName);
                            singleELeGroup.push(batt.BattGroupName);
                            singleEleVal.push(batt.StationId);
                            singleEleVal.push(batt.BattGroupId);						
                        }
                        //console.info(singleELeGroup);
                        addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal);						
                    }
                });
            }else{
                alert('<s:text name="Please_select_a_set_of_Computer_room"/>!');        //请先选择一组机房
            }			
        });
        //删除当前的行电池组
        $('#tb-right-menu .del').click(function(){
            var baojiLi=$('#lbottom .li-con li.b8cfe5');
            if(confirm('<s:text name="Confirm_that_the_selected_battery_pack_is_removed_from_the_package"/>？')){
                var removeArray=new Array();
                var redTr=$('#tbroom table .red');
                //需要判断是否含有新添加的电池组
                $('#tbroom table .b8cfe5').not(redTr).each(function(){
                    removeArray.push({
                        baoji_group_id:baojiLi.attr('value'),
                        baoji_group_name:baojiLi.text(),
                        StationId:$(this).find('td').eq(0).attr('tdidx'),
                        BattGroupId:$(this).find('td').eq(1).attr('tdidx'),
                        note:$(this).find('td').eq(0).text()+"-"+$(this).find('td').eq(1).text(),
                    });			
                });
                if(removeArray.length>0){
                    var json=window.JSON.stringify(removeArray);
                    $.post('User_battgroup_baojigroup_battgroupAction!delete','result='+json,function(data){
                        var model=eval("("+data.result+")");
                        alert(model.msg);
                        searchAllBattstation(baojiLi.attr('value'));
                    });
                    bigEleGroupTxt=new Array();
                    bigEleGroupVal=new Array();			
                }else{			
                    var removeLi=new Array();	
                    //移除当前选中的红色电池组时			
                    $('#tbroom table .b8cfe5').each(function(){
                        if($(this).hasClass("red"))
                        {
                            var redTdIdx=$(this).find('td').eq(1).attr('tdidx');
                            var redLiIdx=-1;
                            //遍历大数组
                            for(var i=0;i<bigEleGroupVal.length;i++)
                            {
                                for(var k=1;k<bigEleGroupVal[i].length;k+=2)
                                {
                                    if(bigEleGroupVal[i][k]==redTdIdx)
                                    {
                                        bigEleGroupTxt[i].splice(k-1,2);
                                        bigEleGroupVal[i].splice(k-1,2);
                                    }
                                }
                            }
                            var stationid=$(this).find('td').eq(0).attr('tdidx');
                            $(this).remove();							
                            //console.info(stationid);
                            if($('#tbroom table tbody .red td[tdidx="'+stationid+'"]').length==0){
                                removeLi.push(stationid);								
                            }							
                        }													
                    });	
                    for(var i=0;i<removeLi.length;i++){
                        removeLeftli(removeLi[i]);
                    }
                    getbattStationlength();				
                }			
            }
        });
		
        //移除左边列表中value='stationid'的li
        function removeLeftli(stationid){
            $('#ltop .li-con li.red').each(function(){
                if($(this).attr('value')==stationid){
                    $(this).remove();
                }
            });
            var idx=0;
            $('#ltop .li-con li.red').each(function(){
                $(this).attr('liidx',idx++);
            });
        }
		
        //点击应用将选中的电池组添加到包机组
        $('#tb-right-menu .apply').click(function(){
			
            var baojiLi=$('#lbottom .li-con li.b8cfe5');
            var newBatt=new Array();
            for(var i=0;i<bigEleGroupVal.length;i++){
                for(var j=0;j<bigEleGroupVal[i].length-1;j+=2){
                    newBatt.push({
                        baoji_group_id:baojiLi.attr('value'),
                        baoji_group_name:baojiLi.text(),
                        StationId:bigEleGroupVal[i][j],
                        BattGroupId:bigEleGroupVal[i][j+1],
                        note:bigEleGroupTxt[i][j]+"-"+bigEleGroupTxt[i][j+1],
                    });	
                    //console.info(bigEleGroupTxt[i][j]+"--"+bigEleGroupTxt[i][j+1]);				
                }
            }
            if(newBatt.length!=0){
                var json=window.JSON.stringify(newBatt);
                //console.info(json);
                $.post('User_battgroup_baojigroup_battgroupAction!add','result='+json,function(data){
                    var model=eval("("+data.result+")");
                    alert(model.msg);
                    searchAllBattstation(baojiLi.attr('value'));
                    bigEleGroupTxt=new Array();
                    bigEleGroupVal=new Array();				
                });
            }else{
                alert('<s:text name="There_is_nothing_to_be_done"/>');        /* 没有什么可以做的 */
            }
        });
		
        //初始化bigEleGroupTxt和bigEleGroupVal
        $('#lbottom .li-con').on('mousedown','ul li',function(){
            if(!$(this).hasClass('b8cfe5'))
            {
                bigEleGroupTxt=new Array();
                bigEleGroupVal=new Array();
            }
        });
    });
	
    //剔除数组内重复的内容
    function delRepeatVal(oldArrVal,newArrVal,newArrTxt){
        for(var i=0;i<oldArrVal.length;i++)
        {
            for(var j=1;j<oldArrVal[i].length;j+=2)
            {
                for(var k=1;k<newArrVal.length;k+=2)
                {
                    if(newArrVal[k]==oldArrVal[i][j])
                    {
                        newArrVal.splice(k-1,2);
                        newArrTxt.splice(k-1,2);
                    }
                }
            }
        }
        console.info(oldArrVal);
    }
	
    //显示所有的单元格
    function showAllTd(bigArrTxt,bigArrVal){
        //创建表格
        createTablenew($('#tbroom'),ArrTh,battstationList[0]);
        //console.info(ArrTd);
        for(var i=1;i<battstationList.length;i++)
        {
            addGroupTd($('#tbroom table tbody'),ArrTh.length,battstationList[i]);
        }
        addTdIdx($('#tbroom table tbody td'),battstationIdList);
		
        //遍历检测红色li的val和liidx
        $('#ltop .li-con ul li.red').each(function(i){
            var _liVal=$(this).val();
            var _liIdx=$(this).attr('liidx');
            //查看当前包机机房是否在已经生成的包机机房内
            for(var k=0;k<battstationIdList.length;k++)
            {
                if(battstationIdList[k][0]==bigArrVal[i][0])
                {
                    addGroupTd($('#tbroom table tbody'),ArrTh.length,battstationList[k]);
                    addTdIdx($('#tbroom table tbody td').not('td[tdidx]'),battstationIdList[k]);
                }
            }
            //将红色内容添加到表格中
            addTd($('#tbroom table tbody'),2,bigArrTxt[i]);
            addTdIdx($('#tbroom table tbody tr.red td').not('td[tdidx]'),bigArrVal[i]);
			
        });
        //计算容器宽度让表头和表体对齐
        var tbRoomWidth=$('#tbroom').width();
        // 让容器内的表格宽度一致
        $('#rtop table').width(tbRoomWidth-20);
        getbattStationlength();
		
        // 设备表格滚动到顶部
        scrollBottom($('#tbroom'), $('#tbroom table'));
        // 机房列表滚动到顶部
        scrollBottom($('#ltop .li-con'), $('#ltop .li-con ul'));
    }
	
    //添加表格的一行
    function addGroupTd(ele,len,__ArrTd){
        //定义tr和td标签
        var __ArrTagTr=new Array();
        var __ArrTagTd=new Array();
        var __TrLength=0;
        __TrLength=Math.ceil(__ArrTd.length/len);
        //创建tr
        for(var i=0;i<__TrLength;i++)
        {
            __ArrTagTr[i]=$('<tr></tr>');
        }
        //给每个td添加文本
        for(var i=0;i<__ArrTd.length;i++)
        {
            __ArrTagTd[i]=$('<td>'+__ArrTd[i]+'</td>');
        }
        var n=0;
        //根据len将td添加到对应的行
        for(var i=0;i<__TrLength;i++)
        {
            for(var k=0;k<len;k++)
            {
                __ArrTagTr[i].append(__ArrTagTd[n]);
                n++;
            }
        }
        for(var i=0;i<__TrLength;i++)
        {
            ele.append(__ArrTagTr[i]);
        }
    }
	
    function getbattStationlength(){
        var stationNum=$('#ltop .li-con ul li').length;
        $('#station_num').text(stationNum);
		
        var battlength=$('#tbroom table tbody tr').length;
        $('#batt_num').text(battlength);
    }
	
    // 滚动到底部
    function scrollBottom(container, content) {
        var containerHt = container.height();
        var contentHt = content.height();
        var shiftHt = contentHt - containerHt;
        if(shiftHt>0) {
            container.scrollTop(shiftHt);
        }
    }
	
	
    // 筛选查询的数据
    function formattedData(data) {
        var rsObj ={
            name: '',
            id: ''
        }; 
        var _rsData = [];
        var _tmp = [];
        var isExist = false;
        for(var i=0;i<data.length; i++) {
            var _id = data[i].StationId;
            var _name = data[i].StationName;
            isExist = false;
            for(var k=0; k<_tmp.length; k++) {
                if(_tmp[k] == _id) {
                    isExist = true;
                    break;
                }
            }
            // 不存在
            if(!isExist) {
                _tmp.push(_id);
                _rsData.push(_name);
            }
        }
		
        rsObj.name = _rsData;
        rsObj.id = _tmp;
        return rsObj;
    }
	
    // 根据机房id获取机房的电池组
    function getBattListsByStation(battList, battIdList, id) {
        console.log(battList);
        console.log(battIdList);
        console.log(id);
        var _rsObj = {
            tblData:[],
            tblAttr: []
        };
        var _rsId = [];
        var _rsText = [];
        for(var i=0; i<battIdList.length;i++) {
            if(battIdList[i][0] == id) {
                // 机房id和电池组id
                _rsId.push(battIdList[i][0]);
                _rsId.push(battIdList[i][1]);
				
                // 机房名称和电池组名称
                _rsText.push(battList[i][0]);
                _rsText.push(battList[i][1]);
            }
        }
        _rsObj.tblData = _rsText;
        _rsObj.tblAttr = _rsId;
        return _rsObj;
    }
</script>
</html>

 zijing/WebRoot/elegroup-v.jsp

File was deleted

 zijing/WebRoot/elegroup.jsp

@@ -7,1607 +7,679 @@
<!DOCTYPE HTML>

<html>

  <head>

        <!-- 默认使用最高内核 -->
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <base href="<%=basePath%>">

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />

    <title><s:text name="Package_unit_manage"/></title>

    <link rel="stylesheet" type="text/css" href="css/basic.css">

    <link rel="stylesheet" type="text/css" href="css/elegroup.css">

	
    <script type="text/javascript" src="js/frame.js"></script>

    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>

    <script type="text/javascript" src="js/base.js"></script>

	
        <title>包机组管理</title>	
        <link rel="stylesheet" href="css/basic.css">
        <link rel="stylesheet" type="text/css" href="css/query.css">
        <link rel="stylesheet" type="text/css" href="css/nocontent.css">
        <link rel="stylesheet" type="text/css" href="css/loading.css">
        <link rel="stylesheet" href="element-ui/theme-chalk/index.css">
        <link rel="stylesheet" href="element-ui/css/common.css">
        <link rel="stylesheet" href="element-ui/css/my-element-ui.css">
        <link rel="stylesheet" href="layer/theme/default/layer.css">
        <link rel="stylesheet" href="components/index.css">
        <style>
            .card-tools {
                float: right;
                margin-left: 8px;
            }
            .flex-layout-container {
                display: flex;
            }
            .flex-layout-container.flex-col {
                flex-direction: column;
            }
            .flex-layout-body {
                flex: 1;
                overflow-y: auto;
            }
            .baoji-group-home {
                margin-bottom: 8px;
            }
        </style>
</head>

<body>

    <!--头部内容开始-->

    <jsp:include page="Top.jsp" flush="true"/>

    <!--头部内容结束-->

    <!-- 主体内容 -->

    <div id="main">

        <!-- 导航开始 -->

        <jsp:include page="nav.jsp" flush="true"/>    

        <!-- 导航结束 -->

        <div id="eleInfor">

            <span class="summary"><s:text name="Show/hide_the_query_conditions"/></span>    <!-- 显示和隐藏条件 -->

            <!-- 条件选择内容 -->

            <div class="checkCon">

                <!-- 维护区信息 -->

                <table>

                    <tr class="fWeight">

                        <td><s:text name="Maintenance_area"/></td>                    <!-- 维护区 -->

                        <td><s:text name="Computer_site"/></td>                        <!-- 机房站点（或机房设备） -->

                        <td><s:text name="Battery"/></td>                            <!-- 蓄电池组 -->

                    </tr>

                    <tr>

                        <td>

                            <select id="station_name1" name="">

								
                            </select>

                        </td>

                        <td>

                            <select id="station_name" name="">

								
                            </select>

                        </td>

                        <td>

                            <select id="battgroup_name" name="">

								
                            </select>

                        </td>

                    </tr>

                </table>

        <div id="elementApp" class="ele-app">
            <div class="baoji-group">
                <div class="flex-layout-container">
                    <div class="flex-layout-header w300 mr8">
                        <el-card
                        v-cloak 
                        :body-style="{height: '725px','overflowY': 'auto','padding':'0'}">
                            <div slot="header" class="clearfix">
                                <span>包机组列表</span>
                                <el-button class="card-tools" size="mini" type="danger" 
                                icon="el-icon-delete" circle
                                :disabled="getToolsState"
                                @click="confirmDelBaojiGroup"></el-button>
                                <el-button class="card-tools" size="mini" type="primary" 
                                icon="el-icon-edit" circle
                                :disabled="getToolsState"
                                @click="editBaojiGroup.show=true"></el-button>
                                <el-button class="card-tools" size="mini" type="primary" 
                                icon="el-icon-plus" circle
                                @click="addBaojiGroup.show=true"></el-button>
                            </div>
                            <baoji-group-list
                            v-cloak
                            ref="groupList" 
                            :list="baojigrouplist"
                            @handle-click="groupListClick"></baoji-group-list>
                        </el-card>
                    </div>
                    <div class="flex-layout-body">
                        <el-tabs v-model="activeName" type="border-card">
                            <el-tab-pane label="包机组用户" name="baoji-group-user">
                                <span slot="label"><i class="el-icon-user-solid"></i> 包机组用户</span>
                                <el-transfer
                                class="el-transfer-w320 el-transfer-h700"
                                v-model="user.value"
                                :titles="['未添加用户', '已添加用户']"
                                :button-texts="['移除', '添加']"
                                :data="user.data"
                                :filterable="true"
                                @change="userChange">
                                </el-transfer>
                            </el-tab-pane>
                            <el-tab-pane label="包机机房" name="baoji-home">
                                <span slot="label"><i class="el-icon-s-home"></i> 包机机房</span>
                                <el-transfer
                                class="el-transfer-w-percent el-transfer-h700"
                                v-model="baoji.value"
                                :titles="['未添加机房', '已添加机房']"
                                :button-texts="['移除', '添加']"
                                :data="baoji.data"
                                :filterable="true"
                                @change="baojiChange">
                                </el-transfer>
                            </el-tab-pane>
                        </el-tabs>
            </div>

        </div>

        <!-- 条件查询结束 -->

        <!-- 左上容器 -->

        <div id="ltop">

            <span class="toptxt"><s:text name="Chartere_room_(chartered_room_equipment)"/>(<font id="station_num">0</font>)</span>        <!-- 包机机房(或包机机房设备) -->

            <!-- 包机机房列表 -->

            <div class="li-con"></div>

        </div>

        <!-- 右上容器 -->

        <div id="rtop">

            <table style="width:100%">

                <thead>

                    <tr>

                        <th><s:text name="Chartere_room_(chartered_room_equipment)"/></th>    <!-- 包机机房(或包机机房设备) -->

                        <th><s:text name="Charter_battery_pack"/>(<font id="batt_num">0</font>)</th>    <!-- 包机电池组 -->

                    </tr>

                </thead>

            </table>

            <!-- 包机机房和包机电池组容器 -->

            <div id="tbroom"><!-- 包机机房和包机电池组内容 --></div>

        </div>

        <!-- 清除浮动 -->

        <div class="clear"></div>

        <!-- 左下容器 -->

        <div id="lbottom">

            <span class="toptxt"><s:text name="Package_unit_list"/></span>            <!-- 包机组列表 -->

            <!-- 包机组列表 -->

            <div class="li-con"></div>

            <!-- 一个用户对应的包机组 -->

            <div class="hide-ul"></div>

        </div>

        <!-- 右下容器 -->

        <div id="rbottom">

            <span class="toptxt"><s:text name="Package_unit_user_list"/></span>        <!-- 包机组用户列表 -->

            <!-- 包机组用户列表 -->

            <div class="li-con"></div>

        </div>

    </div>

    <!-- 主体内容结束 -->

    <!-- 右键菜单内容 -->

    <div id="right-menu">

        <a href="javascript:;" class="apply"><s:text name="Apply"/></a>            <!-- 应用 -->

        <a href="javascript:;" class="add"><s:text name="Add"/></a>                <!-- 添加 -->

        <a href="javascript:;" class="edit"><s:text name="Edit"/></a>            <!-- 编辑 -->

        <a href="javascript:;" class="re-name"><s:text name="Rename"/></a>        <!-- 重命名 -->

        <a href="javascript:;" class="del"><s:text name="Delete"/></a>            <!-- 删除 -->

        <a href="javascript:;" class="look"><s:text name="Look_batt_pack"/></a>    <!-- 查看电池组 -->

    </div>	
    <!-- 右键表格菜单 -->

    <div id="tb-right-menu">

        <a href="javascript:;" class="apply"><s:text name="Apply"/></a>                                        <!-- 应用 -->

        <a href="javascript:;" class="add-batt"><s:text name="Add_single_batt_group"/></a>                    <!-- 添加单个电池组 -->

        <a href="javascript:;" class="add-station"><s:text name="Add_all_Chartere_room_batt_group"/></a>    <!-- 添加整个机房电池组 -->

        <!--<a href="javascript:;" class="add-weihuqu"><s:text name="Add_maintenance_area_batt_group"/></a>         添加整个维护区电池组 -->

        <div class="a-con">

            <a href="javascript:;" class="all-pitch"><s:text name="All_selected"/></a>                        <!-- 全部选中 -->

        </div>

        <a href="javascript:;" class="del"><s:text name="Remove_batt_group"/></a>                            <!-- 移除电池组 -->

    </div>

    <!-- 添加包机组 -->

    <div id="addPwr">

        <span><s:text name="Add_new_baoji_group"/></span>                <!-- 添加新的包机组 -->

        <div class="txt-con">

            <input type="text" value="" placeholder="<s:text name='Please_enter_a_new_charter_group_name'/>">    <!--     请输入新的包机组名 -->

            <el-dialog
            v-cloak
            top="calc(50vh - 100px)"
            title='添加包机组'
            :visible.sync="addBaojiGroup.show"
            width="400px">
                <el-form size="small">
                    <el-form-item label="包机组名称">
                        <el-input 
                        v-model.trim="addBaojiGroup.value" 
                        placeholder="请输入内容"
                        :clearable="true"></el-input>
                    </el-form-item>
                </el-form>
                <div style="text-align: right;">
                    <el-button 
                    type="primary" 
                    size="mini" 
                    @click="addBaojiGroupOk">确定</el-button>
                    <el-button 
                    size="mini" 
                    @click="addBaojiGroup.show = false">取消</el-button>
        </div>

        <div class="btn-con">

            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->

            <input type="button" class="outAdd" value="<s:text name='Exit'/>">            <!-- 退出 -->

            </el-dialog>
            <!-- 编辑包机组 -->
            <el-dialog
            v-cloak
            top="calc(50vh - 100px)"
            title='编辑包机组'
            :visible.sync="editBaojiGroup.show"
            width="400px">
                <el-form size="small">
                    <el-form-item label="包机组名称">
                        <el-input 
                        v-model.trim="editBaojiGroup.value" 
                        placeholder="请输入内容"
                        :clearable="true"></el-input>
                    </el-form-item>
                </el-form>
                <div style="text-align: right;">
                    <el-button 
                    type="primary" 
                    size="mini" 
                    @click="eidtBaojiGroupOk">确定</el-button>
                    <el-button 
                    size="mini" 
                    @click="editBaojiGroup.show = false">取消</el-button>
        </div>

            </el-dialog>
    </div>

    <!-- 重命名包机组 -->

    <div id="rename">

        <span><s:text name='Rename_baoji_group_name'/></span>            <!-- 重命名包机组名 -->

        <div class="txt-con">

            <input type="text" value="" placeholder="<s:text name='Please_enter_a_new_charter_group_name'/>">        <!-- 请输入新的权限组名 -->

        </div>

        <div class="btn-con">

            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->

            <input type="button" class="out" value="<s:text name='Exit'/>">                <!-- 退出 -->

        </div>

    </div>

    <!-- 包机用户组 -->

    <div id="user_power">

        <span><s:text name='Username_options'/></span>        <!-- 用户名选项 -->

        <select style="display:none;">

            <option>全部</option>

            <option>一枢纽</option>

            <option>二枢纽</option>

            <option>枢纽楼</option>

        </select>

        <div class="tbHead"><!--<table class="upper"></table>这里放的是表格选项固定的头部 --></div>

        <div class="con_table"><!--<table class="upper"></table>这里放的是表格选项滚动部分 --></div>

        <div class="input_container">

            <input type="button" class="enSure" value="<s:text name='Determine'/>">        <!-- 确定 -->

            <input type="button" class="out" value="<s:text name='Return'/>">            <!-- 返回 -->

        </div>

    </div>

    <!-- 整体遮罩层 -->

    <div id="allShade"></div>

    <!--清除浮动-->

    <div class="clear"></div>

</body>

<script type="text/javascript" src="js/buildNav.js"></script>

<script type="text/javascript" src="js/createTab.js"></script>

        <script type="text/javascript" src="element-ui/vue.min.js"></script>
        <script src="components/index.js"></script>
        <script type="text/javascript" src="element-ui/js/axios.min.js"></script>
        <script type="text/javascript" src="element-ui/js/axios.config.js"></script>
        <script type="text/javascript" src="element-ui/index.js"></script>
        <script type="text/javascript" src="pages/js/base.js"></script>
        <script type="text/javascript" src="pages/js/common.js"></script>
        <script type="text/javascript" src="element-ui/js/const.js"></script>
        <script type="text/javascript" src="element-ui/js/rules.js"></script>
        <script type="text/javascript" src="element-ui/js/common.js"></script>
        <script src="layer/layer.js"></script>
<script type="text/javascript">

    var permits;

    <%    Object obj=session.getAttribute("permits");

        if(obj!=null){

            String permits =obj.toString();  %>

            permits=<%=permits%>;

            //console.info(json);

    <%    }    %>

    var battstationList = [];    //所有电池组和机房数组	
    var battstationIdList = [];    //所有电池组和机房id

	
    var isCanEdit;    //判断是否可以编辑

    $(document).ready(function(){

        isCanEdit=findValIsExist('usr_edit_permit',permits);

        if(!isCanEdit)

        {

            $("#right-menu").remove();

            $("#tb-right-menu").remove();

            var vm = new Vue({
                el: '#elementApp',
                data: {
                    loading: '',
                    activeName: 'baoji-group-user',
                    user: {
                        data: [],
                        value: []
                    },
                    baoji: {
                        data: [],
                        value: [],
                    },
                    baojigrouplist: [],
                    addBaojiGroup: {
                        show: false,
                        value: ''
                    },
                    editBaojiGroup: {
                        show: false,
                        value: ''
                    },
                    searchParams: {
                        baoji_group_id: '',
                        baoji_group_name: '',
        }

    });

	
    //屏蔽浏览器右键菜单功能

    $(document).ready(function(){

        document.oncontextmenu=function(){

                return false;

                },
                methods: {
                    // 初始化数据
                    initData: function() {
                        // 初始化用户列表
                        this.user = {
                            data: [],
                            value: []
        };

    });

    

    //创建权限组下的用户

    function createUserLi(ele,ArrTex,ArrVal,ArrNum){

        var __ul=$('<ul></ul>');

        var __li=new Array();

        //给每个li添加文本

        for(var i=0;i<ArrTex.length;i++)

        {

            __li[i]=$('<li num="'+ArrNum[i]+'" value="'+ArrVal[i]+'">'+ArrTex[i]+'</li>');

            __ul.append(__li[i]);

        }

        ele.append(__ul);

    }	
	
    //创建权限组列表

    function createGrounpList(ele,ArrLi,ArrVal){

        var __ul=$('<ul></ul>');

        var __li=new Array();

        //给每个li添加文本

        for(var i=0;i<ArrLi.length;i++)

        {

            __li[i]=$('<li value="'+ArrVal[i]+'">'+ArrLi[i]+'</li>');

            __ul.append(__li[i]);

        }

        ele.append(__ul);

    }

	
    //创建包机组列表

    function createUserList(ele,ArrLi){

        var __ul=$('<ul></ul>');

        var __li=new Array();

        //给每个li添加文本

        for(var i=0;i<ArrLi.length;i++)

        {

            __li[i]=$('<li>'+ArrLi[i]+'</li>');

            __ul.append(__li[i]);

        }

        ele.append(__ul);

    }

    //初始化页面

    $(document).ready(function(){

        //高度自适应

        var scrnHt=$(window).height();    //浏览器可视区域的高度

        var bodyHt=$('body').height();    //获取body的高度

        var lBtmUlHt=$('#lbottom .li-con').height();    //获取左下的列表的高度

        var rBtmUlHt=$('#rbottom .li-con').height();    //获取右下的列表的高度

        //对比body的高度和浏览器可视区域高度

        if(scrnHt>bodyHt)

        {

            $('#lbottom .li-con').height(lBtmUlHt+scrnHt-bodyHt);

            $('#rbottom .li-con').height(rBtmUlHt+scrnHt-bodyHt);

        }

        //可视区域改变时高度变化

        $(window).resize(function(){

            var newScrnHt=$(window).height();    //浏览器可视区域的高度

            var newBodyHt=$('body').height();    //获取body的高度

            if(newScrnHt>newBodyHt)

            {

                var newLBtmUlHt=$('#lbottom .li-con').height();    //获取左下的列表的高度

                var newRBtmUlHt=$('#rbottom .li-con').height();    //获取右下的列表的高度

                //对比body的高度和浏览器可视区域高度

                $('#lbottom .li-con').height(newLBtmUlHt+newScrnHt-newBodyHt);

                $('#rbottom .li-con').height(newRBtmUlHt+newScrnHt-newBodyHt);

            }

        });

		
        setUserName();

        //页面加载完生成包机组列表

        searchAllbaojiGroup();

		
        //页面内的基础点击效果

        $('#eleInfor .summary').click(function(){

            $('#eleInfor .checkCon').slideToggle();

        });

    });

	
    //查询所有的包机组并生成列表

    function searchAllbaojiGroup(){

        $.post("User_battgroup_baojigroupAction!searchAll",null,function(data){

            data=data.result;

            model=eval("("+data+")");			
            if(model.code==1 && model.data.length>0){

                var index=0;

                var ArrLi=new Array();

                var ArrVal=new Array();

                for(var i=0;i<model.data.length;i++){

                    data=model.data[i];

                    //console.info(data);

                    ArrLi[index]=data.baoji_group_name;

                    ArrVal[index++]=data.baoji_group_id;

                }

                createGrounpList($('#lbottom .li-con'),ArrLi,ArrVal);

            }

        });

    }

	
	
    //根据包机组id查询管理该包机组的用户

    function searchBaojiZuUser(baoji_group_id){

        $('#rbottom .li-con').text('');

        if(baoji_group_id!=undefined && baoji_group_id>0){

            $.post("User_battgroup_baojigroupAction!serchByCondition","us.baoji_group_id="+baoji_group_id,function(data){

                data=data.result;

                model=eval("("+data+")");

                if(model.code==1 && model.data.length>0){

                    var ArrLi=new Array();

                    var ArrVal=new Array();

                    var ArrNum=new Array();

                    var index=0;

                    for(var i=0;i<model.data.length;i++){

                        data=model.data[i];

                        //console.info(data);

                        ArrLi[index]=data.UName;

                        ArrVal[index++]=data.UId;

                        ArrNum.push(data.UBaojiusr);

                    }

                    createUserLi($('#rbottom .li-con'),ArrLi,ArrVal,ArrNum);					
                }

            });

        }

    }

	
	
    function searchAllBattstation(baoji_group_id){

        if(baoji_group_id!=undefined && baoji_group_id>0){

            $('#ltop .li-con').text('');

            //清除机房电池组表格内容

            $('#tbroom table').remove();			
            var totalstationNum=0;                //所有机房数

            var totalbattNum=0;                    //所有电池组数

            $.post("User_battgroup_baojigroupAction!serchByInfo","us.baoji_group_id="+baoji_group_id,function(data){

                data=data.result;

                model=eval("("+data+")");

                var stationList=new Array();        //所有机房数组

                var stationidList=new Array();        //所有机房数组对应的id

                battstationList=new Array();        //所有电池组和机房数组

                battstationIdList=new Array();        //所有电池组和机房id数组

                var allbattstation=new Array();        //存放所有的机房和电池组

				
                var all_index=0;

                var stataion_index=0;

                var battstation_index=0;

                var stationName="";

                var index=0;

                if(model.code==1 && model.data.length>0){

                    //console.log(model.data);					
                    for(var i=0;i<model.data.length;i++){

                        totalbattNum=model.data.length;

                        data=model.data[i];

                        //console.info(data);

                        allbattstation[all_index++]=data.StationName;

                        allbattstation[all_index++]=data.BattGroupName;

						
                        index=0;

                        stationList[stataion_index++]=data.StationName;

                        stationidList.push(data.StationId);

                        battstationList[stataion_index-1]=new Array();

                        battstationList[stataion_index-1].push(data.StationName);

                        battstationList[stataion_index-1].push(data.BattGroupName);

                        battstationIdList[stataion_index-1]=new Array();

                        battstationIdList[stataion_index-1].push(data.StationId);

                        battstationIdList[stataion_index-1].push(data.BattGroupId);

                        stationName=data.StationName;

						
                    }

                    var rsData = {

                        name: [],

                        id:[]

                    }

                    if(model.code == 1) {

                        rsData = formattedData(model.data);

                    }

					
                    //console.info(stationList);

                    //console.info(battstationIdList);		


                    createGrounpList($('#ltop .li-con'),rsData.name,rsData.id);

                    // 使每个包机机房处于被选中状态

                    $('#ltop .li-con li').addClass('b8cfe5');

                    totalstationNum=stationList.length;					
                    createBattTable(allbattstation);

                    addTdIdx($('#tbroom table tbody td'),battstationIdList);									
                }

                $('#station_num').text(totalstationNum);

                $('#batt_num').text(totalbattNum);

            });			
        }

    }

	
	
    //创建机房和电池组的表格

    function createBattTable(ArrTd){

        //alert(ArrTd);		
        if(ArrTd!=undefined){

            // 创建等待框

            createWait($('#tbroom'));

            //创建页面中的右上方的表格

            var ArrTh=new Array();    //定义表头数据

            //定义表格头部数据

            ArrTh=['<s:text name="Chartere_room_(chartered_room_equipment)"/>','<s:text name="Charter_battery_pack"/>'];    /* 包机机房    包机电池组 */		
            //创建表格

            createTable('tbroom','tbScroll',ArrTh.length,ArrTh,ArrTd);

			
            //清除等待框

            $('#tbroom .wait').remove();

            //计算容器宽度让表头和表体对齐

            var tbRoomWidth=$('#tbroom').width();

            // 让容器内的表格宽度一致

            $('#rtop table').width(tbRoomWidth-20);

            $('#batt_num').text(ArrTd.length/2);

        }

    }

	
    //页面左下内生成的列表的事件

    $(document).ready(function(){

        //点击包机组列表的内容

        var LiIndex=0;

        var preVal=0;

        // 鼠标点击的效果

        $('#lbottom').on('mousedown','.li-con li',function(e){

            // 鼠标点击的生成列表和表格

            if(!$(this).hasClass('b8cfe5')){

                //查询所有的机房和电池组并生成列表

                searchAllBattstation($(this).attr('value'));			
                //生成包机组用户列表

                searchBaojiZuUser($(this).attr('value'));				
            }

					
            //给被选中的li添加class

            $('#lbottom .li-con li').removeClass('b8cfe5');

            $(this).addClass('b8cfe5');

            if($('#lbottom .hide-ul:visible').length!=0)

            {

                return;

            }

            //利用jquery的方式获取当前点击的是否是右键

            if(e.which==3)

            {

                LiIndex=$(this).index();    //当前点击的行数

                preVal=$(this).val();    //当前行数的value的值

                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

                var scrollY=$(document).scrollTop();

                $('#right-menu').css('top',disY+scrollY+'px');

                $('#right-menu').css('left',disX+'px');

                //为右键菜单添加class

                $('#right-menu .add').removeClass('add-user');

                $('#right-menu .del').removeClass('del-user');

                $('#right-menu .add').addClass('add-group');

                $('#right-menu .del').addClass('del-group');

                //显示相应的菜单内容

                $('#right-menu').show();

                $('#right-menu .add').show();

                $('#right-menu .del').show();

                $('#right-menu .edit').hide();

                $('#right-menu .look').hide();

                //if($(this).hasClass('blue'))

                //{

                    $('#right-menu .re-name').show();

                //}else{

                //    $('#right-menu .re-name').hide();

                //}

				
                setPosition($("#right-menu"),disX, disY);

                return false;

            }

        });

		
        $('#lbottom').on('mousedown',function(e){

			
            //利用jquery的方式获取当前点击的是否是右键

            if(e.which==3)

            {

                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

                var scrollY=$(document).scrollTop();

                $('#right-menu').css('top',disY+scrollY+'px');

                $('#right-menu').css('left',disX+'px');

                //为右键菜单添加class

                $('#right-menu .add').removeClass('add-user');

                $('#right-menu .del').removeClass('del-user');

                $('#right-menu .add').addClass('add-group');

                $('#right-menu .del').addClass('del-group');

                //显示相应的菜单内容

                $('#right-menu').show();

                $('#right-menu .add').show();

                $('#right-menu .del').hide();

                $('#right-menu .edit').hide();

                $('#right-menu .look').hide();

                //if($(this).hasClass('blue'))

                //{

                    $('#right-menu .re-name').hide();

                //}else{

                //    $('#right-menu .re-name').hide();

                //}

				
                setPosition($("#right-menu"),disX, disY);

            }

        });

		
        //点击页面内容右键菜单消失

        $('div').click(function(){

            //右键菜单消失

            $('#right-menu').hide();

        });

        //点击添加按钮的效果

        $('#right-menu').on('click','.add-group',function(){

            $('#addPwr').show();

            $('#allShade').show();

        });

        //点击退出按钮效果

        $('#addPwr .outAdd').click(function(){

            $('#addPwr').hide();

            $('#allShade').hide();

        });

        //点击确定在包机组列表创建li

        $('#addPwr .enSure').click(function(){

            var txtVal=$('#addPwr .txt-con input[type="text"]').val();

            if($.trim(txtVal)!='')

            {	
                var flag=true;

                $('#lbottom .li-con li').each(function(){

                    if(txtVal==$(this).text()){

                        flag=false;

                    }

                });

                if(flag){

                    $.post('User_battgroup_baojigroupAction!add',"us.baoji_group_name="+txtVal,function(data){

                        //console.info(data);

                        var model=eval("("+data.result+")");

                        if(model.code==1){

                            alert(model.msg);							
                        }else{

                            alert(model.msg);

                        }

                        $('#lbottom .li-con ul').remove();

                        searchAllbaojiGroup();

                        //隐藏添加窗口

                        $('#addPwr').hide();

                        $('#allShade').hide();

                    });									
                }else{

                    alert('<s:text name="The_baoji_group_name_already_exists,Please_enter_a_different_set_of_names"/>!');        /* 该包机组名已经存在,请输入其他组名 */

                }

            }else{

                alert('<s:text name="Can_not_be_empty"/>！！！');            /* 不能为空 */

            }

        });

        //点击编辑按钮给当前行添加class

        $('#right-menu .edit').click(function(){

            $('#lbottom .li-con li').removeClass('red');

            $('#lbottom .li-con li').eq(LiIndex).addClass('blue');

        });

        //点击重命名按钮

        $('#right-menu .re-name').click(function(){

            var baojiName=$('#lbottom .li-con li').eq(LiIndex).text();

            $('#rename .txt-con input').attr('value',baojiName);

            //console.info(baojiName);

            //显示重命名窗口

            $('#rename').show();

            $('#allShade').show();

        });

        //点击退出按钮退出重命名窗口

        $('#rename .out').click(function(){

            //隐藏重命名窗口

            $('#rename').hide();

            $('#allShade').hide();

        });

        //点击确定按钮替换当前的文本

        $('#rename .enSure').click(function(){

            var txtVal=$('#rename .txt-con input').val();

            if($.trim(txtVal).length>0){

                var flag=true;

                $('#lbottom .li-con li').each(function(){

                    if($(this).text()==txtVal){

                        flag=false;

                    }

                });

                var id=$('#lbottom .li-con li').eq(LiIndex).attr('value');

                if(flag){

                    $.post('User_battgroup_baojigroupAction!update','us.baoji_group_id='+id+'&us.baoji_group_name='+txtVal,function(data){

                        var model=eval("("+data.result+")");

                        alert(model.msg);

                        $('#lbottom .li-con ul').remove();

                        searchAllbaojiGroup();

                        //隐藏重命名窗口

                        $('#rename').hide();

                        $('#allShade').hide();

                    });

                }else{

                    alert('<s:text name="The_baoji_group_name_already_exists,Please_enter_a_different_set_of_names"/>!');        /* 该包机组名已经存在,请输入其他组名 */

                }

            }else{

                alert('<s:text name="Can_not_be_empty"/>！！！');            /* 不能为空 */

            }

			
        });

        //点击删除按钮

        $('#right-menu .del-group').live('click',function(){

            var oLi=$('#lbottom .li-con li').eq(LiIndex);

            if(confirm("<s:text name='Confirm_del'/>'"+oLi.text()+"'？")){            /* 确认删除包机组 */

                var baojigroupid=oLi.attr('value');

                $.post('User_battgroup_baojigroupAction!delete','us.baoji_group_id='+baojigroupid+"&us.baoji_group_name="+oLi.text(),function(data){

                    var model=eval("("+data.result+")");

                    if(model.code==1){

                        alert(model.msg);					
                    }else{

                        alert(model.msg);

                    }

                    $('#lbottom .li-con ul').remove();

                    searchAllbaojiGroup();

                });

            }

        });

    });

	
    var ArrTh=['<s:text name="Username"/>','<s:text name="Options"/>'];    //定义表头数据        用户名    选项

    var ArrTd=new Array();    //定义表内数据

    // 包机组用户列表点击事件

    $(document).ready(function(){

        // 鼠标(左右键)点击

        var LiIndex=0;    //记录当前行

        $('#rbottom').on('mousedown','.li-con li',function(e){

            //点击的该行背景色改变其他行不变色

            $('#rbottom .li-con li').removeClass('b8cfe5');

            $(this).addClass('b8cfe5');

            if($('#lbottom .hide-ul:visible').length!=0)

            {

                return;

            }

            //利用jquery的方式获取当前点击的是否是右键

            if(e.which==3)

            {

                LiIndex=$(this).index();    //当前点击的行数

                var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

                var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

                var scrollY=$(document).scrollTop();

                $('#right-menu').css('top',disY+scrollY+'px');

                $('#right-menu').css('left',disX+'px');

                //为右键菜单添加class

                $('#right-menu .add').removeClass('add-group');

                $('#right-menu .del').removeClass('del-group');

                $('#right-menu .add').addClass('add-user');

                $('#right-menu .del').addClass('del-user');

                //显示相应的菜单内容

                $('#right-menu').show();

                $('#right-menu .add').show();

                $('#right-menu .del').show();

                $('#right-menu .look').show();

                //隐藏菜单内容

                $('#right-menu .edit').hide();

                $('#right-menu .re-name').hide();

				
                setPosition($("#right-menu"),disX, disY);

            }

        });

		
        var userlist;

        // 点击添加按钮的效果

		
        $('#right-menu').on('click','.add-user',function(){

            userlist=new Array();

            var baojiid = $('#lbottom .li-con li.b8cfe5').attr('value');

            $.post('User_battgroup_baojigroup_usrAction!serchByInfo','ubbu.baoji_group_id='+baojiid,function(data){

                var model=eval("("+data.result+")");

                if(model.code==1 && model.data.length>0){

                    userlist=model.data

                    //console.info(userlist);

                    for(var i=0;i<model.data.length;i++){

                        ArrTd[i]=[userlist[i].UName,'<input type="checkbox" />'];

                    }

                }

                //清除表格内容

                $('#user_power .tbHead table').remove();

                $('#user_power .con_table table').remove();

                //根据数据生成表格

                createCard($('#user_power .tbHead'),ArrTh,ArrTd);

                createCard($('#user_power .con_table'),ArrTh,ArrTd);

                //显示添加包机组用户

                $('#user_power').show();

                $('#allShade').show();

            });			
        });

        //退出添加权限用户组界面

        $('#user_power .out').click(function(){

            //隐藏添加权限用户名界面

            $('#user_power').hide();

            $('#allShade').hide();

        });

		
        // 点击确定添加权限组用户

        $('#user_power .enSure').click(function(){

            var txtArrLi=new Array();    //记录选择的用户

            var useidArr=new Array();    //记录选中用户的id

			
            //定义jquery变量

            var $tr=$('#user_power .con_table tbody tr');

            var $input=$('#user_power .con_table tbody input[type="checkbox"]');

            var k=0;

            for(var i=0;i<$input.length;i++)

            {

                if($input.eq(i).is(':checked'))

                {

                    txtArrLi[k]=$tr.eq(i).find('td').eq(0).text();

                    useidArr[k++]=userlist[i].UId;

                }

            }

            //alert(txtArrLi);

            if(txtArrLi.length!=0)

            {

                for(var i=0;i<txtArrLi.length;i++)

                {

                    var flag=true;

                    $('#rbottom .li-con li').each(function(){

                        if(txtArrLi[i]==$(this).text()){

                            flag=false;

                        }

                    });

                    //alert(flag);

                    if(flag){

                         $('#rbottom .li-con').append($('<ul><li class="red" value="'+useidArr[i]+'">'+txtArrLi[i]+'</li></ul>'));

                    }

                }

            }

            //隐藏添加用户界面

            $('#user_power').hide();

            $('#allShade').hide();

        });

        //点击删除

        //点击删除按钮

        $('#right-menu').on('click','.del-user',function(){

            var ouserLi=$('#rbottom .li-con li').eq(LiIndex); 
            var obaoLi=$('#lbottom .li-con li.b8cfe5');

            if(confirm('<s:text name="Determine"/><s:text name="From"/>:'+obaoLi.text()+'<s:text name="Delete"/>:'+ouserLi.text()+"?")){    //确定从包机组  吗?

                var num=ouserLi.attr('num');

                var temp = {num:num,uname:ouserLi.text(),baoji_group_name:obaoLi.text()};

                $.post('User_battgroup_baojigroup_usrAction!delete',"json="+JSON.stringify(temp),function(data){

                    var model=eval("("+data.result+")");

                    alert(model.msg);

                    searchBaojiZuUser(obaoLi.attr('value'));

                });

                //删除选中的行

                $('#rbottom .li-con li').eq(LiIndex).remove();			
            }

        });

		
        $('#right-menu').on('click','.apply',function(data){

            var oLis=$('#rbottom .li-con li.red');

            //alert(oLis.length);

            var baojili = $('#lbottom .li-con li.b8cfe5');

            var baoji_user=new Array();

            if(oLis.length>0){

                for(var i=0;i<oLis.length;i++){

                    baoji_user.push({

                        baoji_group_id:baojili.val(),

                        baoji_group_name:baojili.text(),

                        uId:oLis.eq(i).val(),

                        uname:oLis.eq(i).text(),

                    });

                }

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

                //console.info(json);

                $.post('User_battgroup_baojigroup_usrAction!add',"json="+json,function(data){

                    var model=eval("("+data.result+")");

                    alert(model.msg);

                    var baojizuid=$('#lbottom .li-con li.b8cfe5').attr('value');

                    searchBaojiZuUser(baojizuid);

                });

            }else{

                alert('<s:text name="There_is_nothing_to_be_done"/>');        /* 没有什么可以做的 */

            }

        });		
        //点击查看包机组效果

        $('#right-menu .look').click(function(){

            var uid=$('#rbottom .li-con  .b8cfe5').attr('value');

            searchStationAndBatt(uid);

            searchBaojiByUid(uid);

			
        });

        //隐藏权限组

        $('#lbottom .hide-ul').click(function(){

            var baoid=$('#lbottom .li-con li.b8cfe5').attr('value');

            searchAllBattstation(baoid);

            $(this).hide();

        });

    });

    //让右键生成的弹出框随浏览器滚动而滚动

    $(document).ready(function(){

        $(window).scroll(function(){

            var scrollY=$(this).scrollTop();

            $('#addPwr').css('top',scrollY+200+'px');

            $('#rename').css('top',scrollY+200+'px');

            $('#user_power').css('top',scrollY+80+'px');

        });

    });

    // 点击右上方表格

    $('#tbroom').on('click','table tr',function(){

        //去掉其他行的class给点击的行添加class

        $('#tbroom table tr').removeClass('b8cfe5');

        $(this).addClass('b8cfe5');

    });

	
	
    //根据用户id查询其机房和包机组

    function searchStationAndBatt(uid){

        $('#ltop .li-con').text('');

        //清除机房电池组表格内容

        $('#tbroom table').remove();

        if(uid!=undefined){			
            $.post("User_battgroup_baojigroup_battgroupAction!serchByCondition","user_inf.UId="+uid,function(data){

                // 生成等待框				
                data=data.result;

                data=eval("("+data+")");

                //console.info(data);

                var stationList=new Array();        //存放下方左边表格的信息

                var stationidList=new Array();

                var s_index=0;

                battstationList=new Array();                //存放所有电池机房信息

                battstationIdList=new Array();                //存放所有电池机房的id

                var b_index=-1;

                var battinfo=new Array();            //存放所有电池组的信息		
                var info_index=0;

                var stationName="";

                var totalbattNum=0;

                if(data.code==1 && data.data.length>0){

                    var index;

                    totalbattNum=data.data.length;

                    //console.info(data.data);

                    for(var i=0;i<data.data.length;i++){

                        //console.info(data.data[i]);

                        battinfo[info_index++]=data.data[i].StationName;

                        battinfo[info_index++]=data.data[i].BattGroupName;

                        if(stationName==data.data[i].StationName){

                            battstationList[b_index][index++]=data.data[i].StationName;

                            battstationList[b_index][index++]=data.data[i].BattGroupName;

                            battstationIdList[b_index].push(data.data[i].StationId);

                            battstationIdList[b_index].push(data.data[i].BattGroupId);							
                        }else{

                            stationName=data.data[i].StationName;

                            index=0;						
                            stationList[s_index]=data.data[i].StationName;

                            stationidList[s_index++]=data.data[i].StationId;

                            battstationList[++b_index]=new Array();

                            battstationList[b_index][index++]=data.data[i].StationName;

                            battstationList[b_index][index++]=data.data[i].BattGroupName;

							
                            battstationIdList[b_index]=new Array();

                            battstationIdList[b_index].push(data.data[i].StationId);

                            battstationIdList[b_index].push(data.data[i].BattGroupId);

                        }

                    }

                    createGrounpList($('#ltop .li-con'),stationList,stationidList);

                    $('#station_num').text(stationList.length);

                    $('#batt_num').text(totalbattNum);

                    // 使每个包机机房处于被选中状态

                    $('#ltop .li-con li').addClass('b8cfe5');

                    totalstationNum=stationList.length;					
                    createBattTable(battinfo);

                }				
            });

        }		
    }

	
    //根据用户id查询所在的包机组

    function searchBaojiByUid(uid){

        if(uid!=undefined){

            $.post("User_infAction!serchByInfo","uif.UId="+uid,function(data){

                data=data.result;

                model=eval("("+data+")");

                if(model.code==1 && model.data.length>0){

                    //根据用户信息创建该用户的所有权限

                    var ArrUserLi=new Array();

                    for(var i=0;i<model.data.length;i++){

                        data=model.data[i];

                        ArrUserLi[i]=data.baoji_group_name;

                    }					
                    //清除表格内容

                    $('#lbottom .hide-ul ul').remove();

                    //根据数据生成列表

                    createUserList($('#lbottom .hide-ul'),ArrUserLi);

                    //显示用户的所有权限

                    $('#lbottom .hide-ul').show();

                }

            });

        }

    }



    $(document).ready(function(){		
        //页面加载时查询维护区中的枢纽类型

        $.post("BattInfAction_serchByStation",null,function(data){

            data=data.result;

            data=eval("("+data+")");

            //console.info(data);

            if(data.code==1 && data.data.length>0){

                var Ostation_name1=document.getElementById("station_name1");

                Ostation_name1.innerHTML="";

                for(var i=0;i<=data.data.length;i++){

                    option=createEle("option");

                    if(i==0){

                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";        /* 全部    共   种 */

                        option.setAttribute("value", "");			
                    }else{

                        option.innerHTML=data.data[i-1].StationName1;

                        option.setAttribute("value",data.data[i-1].StationName1);	
                    }					
                    Ostation_name1.appendChild(option);

                }				
            }

            findStationNamebyStationname1();		
        });

		
        //当维护区的值变换时更新机房站点

        $('#station_name1').change(function(){

            findStationNamebyStationname1()

        });

    });

	
    //根据维护区查询站点

    function findStationNamebyStationname1(){

        var selectvalue=$("#station_name1 option:selected").val();		
        $.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){

            data=data.result;

            data=eval("("+data+")");

            if(data.code==1 && data.data.length>0){

                var Ostttion_name = document.getElementById("station_name");

                Ostttion_name.innerHTML="";

                for(var i=0;i<=data.data.length;i++){

                    option=createEle("option");

                    if(i==0){

                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";		
                        option.setAttribute("value", "");			
                    }else{

                        option.innerHTML=data.data[i-1].StationName;

                        option.setAttribute("value",data.data[i-1].StationName);	
                    }					
                    Ostttion_name.appendChild(option);

                }

            }

            findserchByBattGroupNamebystationname();

        });

        $('#station_name').change(function(){

            findserchByBattGroupNamebystationname();

        });

    }

	
    //根据维护区和机房查询蓄电池组

    function findserchByBattGroupNamebystationname(){

        var station_name1=$("#station_name1 option:selected").val();

        var station_name=$("#station_name option:selected").val();

		
        $.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){

            data=data.result;

            data=eval("("+data+")");

            //console.info(data.data);		
            if(data.code==1 && data.data.length>0){

				
                var Obattgroup_name = document.getElementById("battgroup_name");

                Obattgroup_name.innerHTML="";

				
                for(var i=0;i<=data.data.length;i++){

                    option=createEle("option");

                    if(i!=0){

                        option.innerHTML=data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"<s:text name='Section'/>";

                        option.setAttribute("value",data.data[i-1].BattGroupId);

                    }else{

                        option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";

                        option.setAttribute("value", "0");

                    }

                    Obattgroup_name.appendChild(option);

                }

            }

        });

    }	
	
    //鼠标右键点击

    $('#tbroom').on('mousedown','table tr',function(e){

        var tdIndex=0;

        if($(this).hasClass('b8cfe5')==false)

        {

            //去掉其他行的class给点击的行添加class

            $('#tbroom table tr').removeClass('b8cfe5');

            $(this).addClass('b8cfe5');

        }

        if($('#lbottom .hide-ul:visible').length!=0)

        {

            return;

        }

        //根据jquery判断是否是鼠标右键

        if(e.which==3)

        {

            LiIndex=$(this).index();    //当前点击的行数

            var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

            var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

            var scrollY=$(document).scrollTop();

            $('#tb-right-menu').css('top',disY+scrollY+'px');

            $('#tb-right-menu').css('left',disX+'px');

            $('#tb-right-menu').show();

            $('#tb-right-menu .all-pitch').show();

            $('#tb-right-menu .del').show();

			
            setPosition($("#tb-right-menu"),disX, disY);

        }

		
        return false;

    });

    //点击全部选择

    $('#tb-right-menu .all-pitch').click(function(){

        $('#tbroom table tr').addClass('b8cfe5');

    });	
	 
    //点击表格右键菜单消失

    $('div').click(function(){

        $('#tb-right-menu').hide();

    });

	
    $('#rbottom .li-con').on('dblclick','li',function(){

        searchStationAndBatt($(this).attr('value'));

        searchBaojiByUid($(this).attr('value'));

    });

	
    $(document).ready(function(){

        $('#lbottom .hide-ul').hide();

	
        $('#rbottom').mousedown(function(e){

            if($('#lbottom .hide-ul:visible').length!=0)

            {

                return;

            }

            if($('#lbottom .b8cfe5').length!=0)

            {

			
                //根据jquery判断是否是鼠标右键

                if(e.which==3)

                {

                    var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

                    var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

                    var scrollY=$(document).scrollTop();

                    $('#right-menu').css('top',disY+scrollY+'px');

                    $('#right-menu').css('left',disX+'px');

                    //为右键菜单添加class

                    $('#right-menu .add').removeClass('add-group');

                    $('#right-menu .del').removeClass('del-group');

                    $('#right-menu .add').addClass('add-user');

                    $('#right-menu .del').addClass('del-user');

                    //显示相应的菜单内容

                    $('#right-menu').show();

                    if($(this).find('li').length==0)

                    {

                        $('#right-menu .add').show();

                        $('#right-menu .del').hide();

                        $('#right-menu .look').hide();

						
                    }else if($(this).find('.b8cfe5').length!=0){

                        $('#right-menu .add').show();

                        $('#right-menu .del').show();

                        $('#right-menu .look').show();

                    }else{

                        $('#right-menu .add').show();

                        $('#right-menu .del').hide();

                        $('#right-menu .look').hide();

                    }

                    //隐藏菜单内容

                    $('#right-menu .edit').hide();

                    $('#right-menu .re-name').hide();

					
                    setPosition($("#right-menu"), disX,disY);

                }

            }

			
        });

		
        $('#tbroom').mousedown(function(e){

            if($('#lbottom .hide-ul:visible').length!=0)

            {

                return;

            }

            if($('#lbottom .b8cfe5').length!=0)

            {

                //if($(this).find('td').length==0)

                //{

                    //根据jquery判断是否是鼠标右键

                    if(e.which==3)

                    {

                        var disX=(e||event).clientX+10;    //获取鼠标点击的横坐标

                        var disY=(e||event).clientY+10;    // 获取鼠标点击的纵坐标

                        var scrollY=$(document).scrollTop();

                        $('#tb-right-menu').css('top',disY+scrollY+'px');

                        $('#tb-right-menu').css('left',disX+'px');

                        $('#tb-right-menu').show();

                        $('#tb-right-menu .all-pitch').hide();

                        $('#tb-right-menu .del').hide();

						
                        setPosition($("#tb-right-menu"),disX, disY);

                    }

                //}

            }

        });

		
    });

	
    //给右侧表格的单元格添加下标

    function addTdIdx(eleTdList,arrIdx){

        var __arrIdx=new Array();

        var getType=typeof arrIdx[0];

        if(getType=="object")

        {

            var n=0;

            for(var i=0;i<arrIdx.length;i++)

            {

                for(var k=0;k<arrIdx[i].length;k++)

                {

                    __arrIdx[n]=arrIdx[i][k];

                    n++;

                }

            }

        }else{

            __arrIdx=arrIdx;

        }

        eleTdList.each(function(i){

            $(this).attr('tdIdx',__arrIdx[i]);

        });

    }	
	
    //上方表格内容

    $(document).ready(function(){

        //根据li的value的值确定li的下标

        function getLiIdx(arrLiIdx,liVal){

            var idx=-1;

            for(var i=0;i<arrLiIdx.length;i++)

            {

                if(arrLiIdx[i][0]==liVal)

                {

                    idx=i;

                    return idx;

                }

            }

            return idx;

        }

        //二维数组的指定子数组内添加数组

        function addValToArr(bigArr,smallArr,idx){

            var __smallArr=new Array();

            //如果下标值+1超出bigArr的长度

            if((idx+1)>bigArr.length)

            {

                bigArr.push(__smallArr);

            }

            var getType=toString(typeof smallArr[0]);

            //将要添加的数组依次存入指定的数组内

            if(getType=='object')

            {

                var n=0;

                for(var i=0;i<smallArr.length;i++)

                {

                    for(var k=0;k<smallArr[i].length;k++)

                    {

                        __smallArr[n]=smallArr[i][k];

                        n++;

                    }

                }

            }else{

                __smallArr=smallArr;

            }

            //剔除重复的内容

            for(var i=1;i<__smallArr.length;i+=2)

            {

                for(var k=1;k<bigArr[idx].length;k+=2)

                {

                    if(bigArr[idx][k]==__smallArr[i])

                    {

                        __smallArr.splice(i-1,2);    //清除重复内容

                    }

                }

            }

            //将指定的数组内的值添加到大的数组内

            for(var i=0;i<__smallArr.length;i++)

            {

                bigArr[idx].push(__smallArr[i]);

            }

        }

        var bigEleGroupTxt=new Array();    //存储添加的电池组文本的二维数组

        var bigEleGroupVal=new Array();    //存储添加的电池组val的二维数组

        var roomLiIdx=-1;

        $('#ltop .li-con').on('click','ul li',function(){

            $('#ltop .li-con li').removeClass('b8cfe5');

            $(this).addClass('b8cfe5');

            //点击左侧的列表右侧生成表格

            //console.info(battstationIdList);

            roomLiIdx=getLiIdx(battstationIdList,$(this).val());

            //console.info(roomLiIdx);

            if(roomLiIdx<battstationList.length && roomLiIdx!=-1)

            {	
                var tblTd = getBattListsByStation(battstationList,battstationIdList, $(this).val());

                createBattTable(tblTd.tblData);

                //createTablenew($('#tbroom'),ArrTh,ArrTd[roomLiIdx]);

                //console.info(battstationIdList);

                addTdIdx($('#tbroom table tbody td'),tblTd.tblAttr);    //给单元格添加下标

				
            }else{

                var newArrTd=new Array();

                createTablenew($('#tbroom'),ArrTh,newArrTd);

            }

            //如果点击的是红的就执行下面判断语句的内容

            if($(this).hasClass('red'))

            {

                //获取点击红的下标

                var RedLiIdx=$(this).prevAll('li.red').length;

                //console.info(bigEleGroupTxt);

                addTd($('#tbroom table tbody'),2,bigEleGroupTxt[RedLiIdx]);

                addTdIdx($('#tbroom table tbody tr.red td'),bigEleGroupVal[RedLiIdx]);

            }

            //计算容器宽度让表头和表体对齐

            var tbRoomWidth=$('#tbroom').width();

            // 让容器内的表格宽度一致

            $('#rtop table').width(tbRoomWidth-20);

            getbattStationlength();

        });

		
        //点击添加单个电池组按钮

        function addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal){

            var isRedNotExist=true;

            var RedLiIdx=-1;    //存储红色的下标

            //给左侧的包机房添加一行

            if($('#ltop .li-con ul').length==0)

            {

                var __ul=$('<ul></ul>');

                $('#ltop .li-con').append(__ul);

            }

            //通过遍历查看该包机机房是否存在

            $('#ltop .li-con ul li.red').each(function(){

                if($(this).text()==myRoom[0])

                {

                    isRedNotExist=false;

                    RedLiIdx=$(this).prevAll('li.red').length;

                    return;

                }

            });

            //如果添加的内容与原有的内容有重复就剔除

            delRepeatVal(battstationIdList,singleEleVal,singleELeGroup);

            //根据isExist的值进行定义下面发生的内容

            if(isRedNotExist && singleEleVal.length>0)

            {

                //console.info(myRoom[0]);

                RedLiIdx=$('#ltop .li-con ul .red').length;

                var __li=$('<li class="red b8cfe5" value="'+myRoomVal[0]+'" liIdx="'+RedLiIdx+'">'+myRoom[0]+'</li>');

                $('#ltop .li-con ul').append(__li);

                RedLiIdx=$('#ltop .li-con ul .red').length-1;

            }

			
			
            addValToArr(bigEleGroupTxt,singleELeGroup,RedLiIdx);

            addValToArr(bigEleGroupVal,singleEleVal,RedLiIdx);

            //console.info(bigEleGroupTxt);

            //遍历左侧包机机房并全部选中

            $('#ltop .li-con ul li').each(function(){

                if(!$(this).hasClass('b8cfe5'))

                {

                    $(this).addClass('b8cfe5');

                }

            });

			
            showAllTd(bigEleGroupTxt,bigEleGroupVal);

        }

        //添加单个电池组

        $('#tb-right-menu .add-batt').click(function(){

            var battgrouid=    $('#battgroup_name').attr('value');

            if(battgrouid!=0 && $('#lbottom .li-con li.b8cfe5').text().length>0){

                var binf=new Object();

                binf={

                    BattGroupId:battgrouid,

                    StationName:'',

                    StationName1:'',

                        // 初始化包机组机房列表
                        this.baoji = {
                            data: [],
                            value: [],
                };

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

                $.post('BattInfAction!serchBatt','result='+json,function(data){

                    var model=eval("("+data.result+")");

                    //console.info(model);

                    var myRoom=new Array();

                    var myRoomVal=new Array();

                    var singleELeGroup=new Array();

                    var singleEleVal=new Array();

                    if(model.code==1){

                        var data=model.data[0];						
                        myRoom.push(data.StationName);

                        myRoomVal.push(data.StationId);

                        singleELeGroup.push(data.StationName);

                        singleELeGroup.push(data.BattGroupName);

                        singleEleVal.push(data.StationId);

                        singleEleVal.push(data.BattGroupId);

                        //console.info(myRoom);

                        addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal);

                    }

                });

            }else{

                alert('<s:text name="Please_choose_a_group_of_battery_pack!"/>');

            }			
        });

        //添加整个机房的电池组

        $('#tb-right-menu .add-station').click(function(){

            //获取包机房名称和新增电池组名称

            var myRoom=new Array();

            var myRoomVal=new Array();

            var singleELeGroup=new Array();

            var singleEleVal=new Array();

            var stationname=$('#station_name').attr('value');	
            if(stationname.length>0 && $('#lbottom .li-con li.b8cfe5').text().length>0){

                var binf=new Object();

                binf={

                    BattGroupId:0,

                    StationName:stationname,

                    StationName1:'',

                        // 初始化查询条件
                        this.searchParams = {
                            baoji_group_id: '',
                            baoji_group_name: '',
                };

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

                $.post('BattInfAction!serchBatt','result='+json,function(data){

                    var model=eval("("+data.result+")");

                    //console.info(model);

                    if(model.code==1 && model.data.length>0){

                        var stationid=0;

                        for(var i=0;i<model.data.length;i++){

                            var batt=model.data[i];

                            //console.info(batt);

                            myRoom.push(batt.StationName);

                            myRoomVal.push(batt.StationId);								
                            singleELeGroup.push(batt.StationName);

                            singleELeGroup.push(batt.BattGroupName);

                            singleEleVal.push(batt.StationId);

                            singleEleVal.push(batt.BattGroupId);						
                        }

                        //console.info(singleELeGroup);

                        addRedLi(myRoom,myRoomVal,singleELeGroup,singleEleVal);						
                    }

                });

            }else{

                alert('<s:text name="Please_select_a_set_of_Computer_room"/>!');        //请先选择一组机房

            }			
        });

        //删除当前的行电池组

        $('#tb-right-menu .del').click(function(){

            var baojiLi=$('#lbottom .li-con li.b8cfe5');

            if(confirm('<s:text name="Confirm_that_the_selected_battery_pack_is_removed_from_the_package"/>？')){

                var removeArray=new Array();

                var redTr=$('#tbroom table .red');

                //需要判断是否含有新添加的电池组

                $('#tbroom table .b8cfe5').not(redTr).each(function(){

                    removeArray.push({

                        baoji_group_id:baojiLi.attr('value'),

                        baoji_group_name:baojiLi.text(),

                        StationId:$(this).find('td').eq(0).attr('tdidx'),

                        BattGroupId:$(this).find('td').eq(1).attr('tdidx'),

                        note:$(this).find('td').eq(0).text()+"-"+$(this).find('td').eq(1).text(),

                    });			
                });

                if(removeArray.length>0){

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

                    $.post('User_battgroup_baojigroup_battgroupAction!delete','result='+json,function(data){

                        var model=eval("("+data.result+")");

                        alert(model.msg);

                        searchAllBattstation(baojiLi.attr('value'));

                    });

                    bigEleGroupTxt=new Array();

                    bigEleGroupVal=new Array();			
                }else{			
                    var removeLi=new Array();	
                    //移除当前选中的红色电池组时			
                    $('#tbroom table .b8cfe5').each(function(){

                        if($(this).hasClass("red"))

                        {

                            var redTdIdx=$(this).find('td').eq(1).attr('tdidx');

                            var redLiIdx=-1;

                            //遍历大数组

                            for(var i=0;i<bigEleGroupVal.length;i++)

                            {

                                for(var k=1;k<bigEleGroupVal[i].length;k+=2)

                                {

                                    if(bigEleGroupVal[i][k]==redTdIdx)

                                    {

                                        bigEleGroupTxt[i].splice(k-1,2);

                                        bigEleGroupVal[i].splice(k-1,2);

                                    }

                                }

                            }

                            var stationid=$(this).find('td').eq(0).attr('tdidx');

                            $(this).remove();							
                            //console.info(stationid);

                            if($('#tbroom table tbody .red td[tdidx="'+stationid+'"]').length==0){

                                removeLi.push(stationid);								
                            }							
                        }													
                    });	
                    for(var i=0;i<removeLi.length;i++){

                        removeLeftli(removeLi[i]);

                    }

                    getbattStationlength();				
                }			
            }

        });

        

        //移除左边列表中value='stationid'的li

        function removeLeftli(stationid){

            $('#ltop .li-con li.red').each(function(){

                if($(this).attr('value')==stationid){

                    $(this).remove();

                }

            });

            var idx=0;

            $('#ltop .li-con li.red').each(function(){

                $(this).attr('liidx',idx++);

            });

        }

		
        //点击应用将选中的电池组添加到包机组

        $('#tb-right-menu .apply').click(function(){

			
            var baojiLi=$('#lbottom .li-con li.b8cfe5');

            var newBatt=new Array();

            for(var i=0;i<bigEleGroupVal.length;i++){

                for(var j=0;j<bigEleGroupVal[i].length-1;j+=2){

                    newBatt.push({

                        baoji_group_id:baojiLi.attr('value'),

                        baoji_group_name:baojiLi.text(),

                        StationId:bigEleGroupVal[i][j],

                        BattGroupId:bigEleGroupVal[i][j+1],

                        note:bigEleGroupTxt[i][j]+"-"+bigEleGroupTxt[i][j+1],

                    });	
                    //console.info(bigEleGroupTxt[i][j]+"--"+bigEleGroupTxt[i][j+1]);				
                }

            }

            if(newBatt.length!=0){

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

                //console.info(json);

                $.post('User_battgroup_baojigroup_battgroupAction!add','result='+json,function(data){

                    var model=eval("("+data.result+")");

                    alert(model.msg);

                    searchAllBattstation(baojiLi.attr('value'));

                    bigEleGroupTxt=new Array();

                    bigEleGroupVal=new Array();				
                });

            }else{

                alert('<s:text name="There_is_nothing_to_be_done"/>');        /* 没有什么可以做的 */

            }

        });

		
        //初始化bigEleGroupTxt和bigEleGroupVal

        $('#lbottom .li-con').on('mousedown','ul li',function(){

            if(!$(this).hasClass('b8cfe5'))

            {

                bigEleGroupTxt=new Array();

                bigEleGroupVal=new Array();

            }

        });

    });

	
    //剔除数组内重复的内容

    function delRepeatVal(oldArrVal,newArrVal,newArrTxt){

        for(var i=0;i<oldArrVal.length;i++)

        {

            for(var j=1;j<oldArrVal[i].length;j+=2)

            {

                for(var k=1;k<newArrVal.length;k+=2)

                {

                    if(newArrVal[k]==oldArrVal[i][j])

                    {

                        newArrVal.splice(k-1,2);

                        newArrTxt.splice(k-1,2);

                    }

                }

            }

        }

        console.info(oldArrVal);

    }

	
    //显示所有的单元格

    function showAllTd(bigArrTxt,bigArrVal){

        //创建表格

        createTablenew($('#tbroom'),ArrTh,battstationList[0]);

        //console.info(ArrTd);

        for(var i=1;i<battstationList.length;i++)

        {

            addGroupTd($('#tbroom table tbody'),ArrTh.length,battstationList[i]);

        }

        addTdIdx($('#tbroom table tbody td'),battstationIdList);

		
        //遍历检测红色li的val和liidx

        $('#ltop .li-con ul li.red').each(function(i){

            var _liVal=$(this).val();

            var _liIdx=$(this).attr('liidx');

            //查看当前包机机房是否在已经生成的包机机房内

            for(var k=0;k<battstationIdList.length;k++)

            {

                if(battstationIdList[k][0]==bigArrVal[i][0])

                {

                    addGroupTd($('#tbroom table tbody'),ArrTh.length,battstationList[k]);

                    addTdIdx($('#tbroom table tbody td').not('td[tdidx]'),battstationIdList[k]);

                }

            }

            //将红色内容添加到表格中

            addTd($('#tbroom table tbody'),2,bigArrTxt[i]);

            addTdIdx($('#tbroom table tbody tr.red td').not('td[tdidx]'),bigArrVal[i]);

			
        });

        //计算容器宽度让表头和表体对齐

        var tbRoomWidth=$('#tbroom').width();

        // 让容器内的表格宽度一致

        $('#rtop table').width(tbRoomWidth-20);

        getbattStationlength();

		
        // 设备表格滚动到顶部

        scrollBottom($('#tbroom'), $('#tbroom table'));

        // 机房列表滚动到顶部

        scrollBottom($('#ltop .li-con'), $('#ltop .li-con ul'));

    }

	
    //添加表格的一行

    function addGroupTd(ele,len,__ArrTd){

        //定义tr和td标签

        var __ArrTagTr=new Array();

        var __ArrTagTd=new Array();

        var __TrLength=0;

        __TrLength=Math.ceil(__ArrTd.length/len);

        //创建tr

        for(var i=0;i<__TrLength;i++)

        {

            __ArrTagTr[i]=$('<tr></tr>');

        }

        //给每个td添加文本

        for(var i=0;i<__ArrTd.length;i++)

        {

            __ArrTagTd[i]=$('<td>'+__ArrTd[i]+'</td>');

        }

        var n=0;

        //根据len将td添加到对应的行

        for(var i=0;i<__TrLength;i++)

        {

            for(var k=0;k<len;k++)

            {

                __ArrTagTr[i].append(__ArrTagTd[n]);

                n++;

            }

        }

        for(var i=0;i<__TrLength;i++)

        {

            ele.append(__ArrTagTr[i]);

        }

    }

	
    function getbattStationlength(){

        var stationNum=$('#ltop .li-con ul li').length;

        $('#station_num').text(stationNum);

		
        var battlength=$('#tbroom table tbody tr').length;

        $('#batt_num').text(battlength);

    }

	
    // 滚动到底部

    function scrollBottom(container, content) {

        var containerHt = container.height();

        var contentHt = content.height();

        var shiftHt = contentHt - containerHt;

        if(shiftHt>0) {

            container.scrollTop(shiftHt);

        }

    }

	
	
    // 筛选查询的数据

    function formattedData(data) {

        var rsObj ={

            name: '',

            id: ''

        }; 
        var _rsData = [];

        var _tmp = [];

        var isExist = false;

                        // 列表的激活状态修改
                        this.$refs.groupList.activeKey = "";
                    },
                    searchBaojiGroupList: function() {
                        var self = this;
                        // 初始化数据
                        this.initData();
                        // 开启等待框
                        this.loading = layer.load(1);
                        // 查询后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!searchAll',
                            data: null
                        }).then(function(res) {
                            var data = [];
                            if(res.code == 1) {
                                data = res.data;
                                // 遍历数据，添加必要属性
        for(var i=0;i<data.length; i++) {

            var _id = data[i].StationId;

            var _name = data[i].StationName;

            isExist = false;

            for(var k=0; k<_tmp.length; k++) {

                if(_tmp[k] == _id) {

                    isExist = true;

                                    data[i].txt = data[i].baoji_group_name;
                                    data[i].key = data[i].baoji_group_id;
                                }
                            }
                            self.baojigrouplist = data;
                            // 关闭等待框
                            layer.close(self.loading);
                        });
                    },
                    groupListClick: function(item) {
                        // 设置查询的值
                        this.searchParams.baoji_group_id = item.baoji_group_id;
                        this.searchParams.baoji_group_name = item.baoji_group_name;
                        this.editBaojiGroup.value = item.baoji_group_name;
	    				
                        // 查询所有的用户
                        this.searchUserListAll();
	    				
                        // 查询已添加到包机组的用户
                        this.searchUserList();
	    				
                        // 查询所有的机房
                        this.searchHomeAll();
	    				
                        // 查询已添加到包机组的包机机房
                        this.searchHome();
                    },
                    addBaojiGroupOk: function() {
                        // 包机组信息
                        var value = this.addBaojiGroup.value;
	    				
                        // 检测包机组用户的合法性
                        var checkResult = this.checkBaojiGroup(value);
                        if(checkResult.code == 0) {
                            // 提示信息
                            this.$message({
                                type: 'warning',
                                message: checkResult.message,
                            });
                            return;
                        }
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!add',
                            data: "us.baoji_group_name="+value
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
	    						
                                // 关闭弹出框
                                self.addBaojiGroup = false;
                                // 查询包机组
                                self.searchBaojiGroupList();
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
                            }
                        });
                    },
                    eidtBaojiGroupOk: function() {
                        // 包机组信息
                        var value = this.editBaojiGroup.value;
                        var id = this.searchParams.baoji_group_id;
                        // 检测包机组用户的合法性
                        var checkResult = this.checkBaojiGroup(value);
                        if(checkResult.code == 0) {
                            // 提示信息
                            this.$message({
                                type: 'warning',
                                message: checkResult.message,
                            });
                            return;
                        }
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!update',
                            data: 'us.baoji_group_id='+id+'&us.baoji_group_name='+value
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
	    						
                                // 关闭弹出框
                                self.editBaojiGroup.show = false;
	    						
                                // 查询包机组
                                self.searchBaojiGroupList();
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
                            }
                        });
                    },
                    checkBaojiGroup: function(value) {
                        var rs = {
                            code: 1,
                            message: '',
                        };
	    				
                        // 为空检测
                        if(value == '') {
                            rs.code = 0;
                            rs.message = "包机组名称不能为空";
                            return rs;
                        }
	    				
                        // 遍历包机组列表获取是否重名
                        for(var i=0; i<this.baojigrouplist.length; i++) {
                            var _data = this.baojigrouplist[i];
                            if(value == _data.txt) {
                                rs.code = 0;
                                rs.message = value+"已存在";
                    break;

                }

            }

            // 不存在

            if(!isExist) {

                _tmp.push(_id);

                _rsData.push(_name);

                        return rs;
                    },
                    confirmDelBaojiGroup: function() {
                        var self = this;
                        // 弹出确认框
                        layer.confirm('确定删除'+this.searchParams.baoji_group_name,
                                {icon:3}, function(index) {
                                    self.delBaojiGroupOk();
                                    // 关闭弹出框
                                    layer.close(index);
                                });
                    },
                    delBaojiGroupOk: function() {
                        var name = this.searchParams.baoji_group_name;
                        var id = this.searchParams.baoji_group_id;
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!delete',
                            data: 'us.baoji_group_id='+id+'&us.baoji_group_name='+name
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
	    						
                                // 查询包机组
                                self.searchBaojiGroupList();
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
            }

                        });
                    },
                    searchUserListAll: function() {
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_infAction!searchCS_All',
                            data: null
                        }).then(function(res) {
                            var data = [];
                            if(res.code == 1) {
                                data = res.data;
                                // 格式化数据
                                for(var i=0; i<data.length; i++) {
                                    data[i].key = data[i].UId;
                                    data[i].label = data[i].UName;
                                }
                            }
                            // 设置用户名
                            self.user.data = data;
                        });
                    },
                    searchUserList: function() {
                        // 请求后台查询
                        var self = this;
                        var id = this.searchParams.baoji_group_id;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!serchByCondition',
                            data: "us.baoji_group_id="+id
                        }).then(function(res) {
                            var data = [];
                            if(res.code == 1) {
                                // 格式化数据
                                for(var i=0; i<res.data.length; i++) {
                                    var _data = res.data[i];
                                    data.push(_data.UId);
                                }
                            }
                            // 设置用户名
                            self.user.value = data;
                        });
                    },
                    userChange: function(list, type, values) {
                        var userList = this.getUserListByUIds(values);
                        // 根据类型确定事件
                        switch(type) {
                            case 'left':
                                this.removeUser(userList);
                            break;
                            case 'right':
                                this.addUser(userList);
                            break;
                        }
                    },
                    addUser: function(list) {
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroup_usrAction!add',
                            data: 'json='+JSON.stringify(list)
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
        }

        

        rsObj.name = _rsData;

        rsObj.id = _tmp;

        return rsObj;

                            // 查询已经添加的用户
                            self.searchUserList();
                        });
	    				
                    },
                    removeUser: function(list) {
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroup_usrAction!delPro',
                            data: 'json='+JSON.stringify(list)
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
    }

    

    // 根据机房id获取机房的电池组

    function getBattListsByStation(battList, battIdList, id) {

        console.log(battList);

        console.log(battIdList);

        console.log(id);

        var _rsObj = {

            tblData:[],

            tblAttr: []

        };

        var _rsId = [];

        var _rsText = [];

        for(var i=0; i<battIdList.length;i++) {

            if(battIdList[i][0] == id) {

                // 机房id和电池组id

                _rsId.push(battIdList[i][0]);

                _rsId.push(battIdList[i][1]);

                            // 查询已经添加的用户
                            self.searchUserList();
                        });
                    },
                    getUserListByUIds: function(UIds) {
                        var userList = this.user.data;
                        var searchParams = this.searchParams;
                

                // 机房名称和电池组名称

                _rsText.push(battList[i][0]);

                _rsText.push(battList[i][1]);

                        var result = [];
                        for(var i=0; i<UIds.length; i++) {
                            var UId = UIds[i];
                            for(var k=0; k<userList.length; k++) {
                                var user = userList[k];
                                if(user.UId == UId) {
                                    result.push({
                                        baoji_group_id: searchParams.baoji_group_id,
                                        baoji_group_name: searchParams.baoji_group_name,
                                        uId: user.UId,
                                        uname: user.UName,
                                    });
                                    break;
            }

        }

        _rsObj.tblData = _rsText;

        _rsObj.tblAttr = _rsId;

        return _rsObj;

    }

                        return result;
                    },
                    searchHomeAll: function() {
                        // 构造查询条件
                        var StationName1 = "";
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'BattInfAction_serchByStationName',
                            data: 'bif.StationName1='+StationName1,
                        }).then(function(res) {
                            var data = [];
                            if(res.code == 1) {
                                data = res.data;
                                // 格式化数据
                                for(var i=0; i<data.length; i++) {
                                    data[i].key = data[i].StationId;
                                    data[i].label = data[i].StationName;
                                }
                            }
                            // 设置机房
                            self.baoji.data = data;
                        });
                    },
                    searchHome: function() {
                        // 请求后台查询
                        var self = this;
                        var id = this.searchParams.baoji_group_id;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroupAction!serchByInfo',
                            data: "us.baoji_group_id="+id
                        }).then(function(res) {
                            var data = [];
                            console.log(res);
                            if(res.code == 1) {
                                for(var i=0; i<res.data.length; i++) {
                                    var _data = res.data[i];
                                    data.push(_data.StationId);
                                }
                            }
                            // 设置已包机组已包机机房
                            self.baoji.value = data;
                        });
                    },
                    baojiChange: function(list, type, values) {
                        var baojiList = this.getUserListByKeys(values);
                        console.log(baojiList);
                        // 根据类型确定事件
                        switch(type) {
                            case 'left':
                                this.removeBaoji(baojiList);
                            break;
                            case 'right':
                                this.addBaoji(baojiList);
                            break;
                        }
                    },
                    addBaoji: function(list) {
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroup_battgroupAction!addPro_CS',
                            data: 'result='+JSON.stringify(list)
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
                            }
	    					
                            // 查询已经添加包机机房
                            self.searchHome();
                        });
                    },
                    removeBaoji: function(list) {
                        var self = this;
                        // 请求后台
                        axios({
                            method: 'post',
                            url: 'User_battgroup_baojigroup_battgroupAction!delPro_CS',
                            data: 'result='+JSON.stringify(list)
                        }).then(function(res) {
                            if(res.code == 1) {
                                // 提示信息
                                self.$message({
                                    type: 'success',
                                    message: res.msg,
                                });
                            }else {
                                // 提示信息
                                self.$message({
                                    type: 'danger',
                                    message: res.msg,
                                });
                            }
	    					
                            // 查询已经添加包机机房
                            self.searchHome();
                        });
                    },
                    getUserListByKeys: function(keys) {
                        var baojiList = this.baoji.data;
                        var searchParams = this.searchParams;
                        var result = [];
                        for(var i=0; i<keys.length; i++) {
                            var key = keys[i];
                            for(var k=0; k<baojiList.length; k++) {
                                var baoji = baojiList[k];
                                if(baoji.key == key) {
                                    result.push({
                                        baoji_group_id: searchParams.baoji_group_id,
                                        baoji_group_name: searchParams.baoji_group_name,
                                        StationId: baoji.key,
                                        note: baoji.label
                                    });
                                    break;
                                }
                            }
                        }
                        return result;
	    				
                    },
                },
                computed: {
                    getToolsState: function() {    // 根据选中的状态确定包机组列表工具栏的状态
                        return this.searchParams.baoji_group_id == ""?true:false;
                    },
                },
                mounted: function() {
                    // 查询包机组列表
                    this.searchBaojiGroupList();
                }
            });
</script>

  </body>
</html>

 zijing/WebRoot/js/dischargetest/outline-maintain.js

@@ -259,6 +259,8 @@
            MonomerTmp_High: 0,
            OnLineVol_Low: 0,
            OffLineYH_Cycle: 0,
            OffLineYHOnceCycle: 0,
            OffLineYHstarttime: '2020-01-01 00:00:00',
        };
        var load = layer.load(1);
        // 请求后台
@@ -294,6 +296,8 @@
            MonomerTmp_High: 0,
            OnLineVol_Low: 0,
            OffLineYH_Cycle: 0,
            OffLineYHOnceCycle: 0,
            OffLineYHstarttime: '2020-01-01 00:00:00',
        };
        var load = layer.load(1);
        // 请求后台

 zijing/WebRoot/pages/js/common.js

@@ -312,7 +312,7 @@
        14:'放电电流过流停止',15:'后台通信中断停止',16:'负载模块通信中断停止',17:'选择模块通信中断停止',18:'负载模块放电过功率停止',
        19:'内部程序异常停止',20:'市电恢复停止升压放电',21:'充电过程中市电中断',22:'组端电压下限',23:'单体温度上限到停止',24:'在线电压异常高停止',
        25:'协转通信异常停止',26:'单体通信异常停止',27:'其他设备在工作',28:'其他设备故障停止',29:'电压过高或过低',30:'干接点输入故障',
        31:'单体异常',32:'电压输入过高或过低',33:'未知'
        31:'单体异常',32:'电压输入过高或过低',33: '电池电流异常', 34:'未知'
    };
    // BTS设备
    gl.namespace('BTS9100');

 zijing/src/com/fgkj/Filters/Encroding.java

@@ -8,6 +8,7 @@
import javax.servlet.ServletException;

import javax.servlet.ServletRequest;

import javax.servlet.ServletResponse;

import javax.servlet.http.HttpServletRequest;



public class Encroding implements Filter{



@@ -18,6 +19,13 @@
        response.setCharacterEncoding("UTF-8");

        response.setContentType("text/html;charset=utf-8");

        //System.out.println("编码修改成功");

        HttpServletRequest req = (HttpServletRequest)request;

        //解决安全性问题：跨站点请求伪造

        String referer = req.getHeader("Referer");   //REFRESH  
        String serverName = req.getServerName();

        if(null != referer&&referer.indexOf(serverName) < 0){            
            req.getRequestDispatcher(req.getRequestURI()).forward(req, response);  
        }

        chain.doFilter(request, response);

    }




 zijing/src/com/fgkj/services/User_infService.java

@@ -204,7 +204,7 @@
        //uinf.setUpassword(usnIdMd5);
        List list = dao.serchByCondition(uinf);
        if (list == null || list.size() < 1) {
            model.setMsg(this.getText("Username_error"));
            model.setMsg(this.getText("UsernameOrPassword_error"));
            // System.out.println("用户名不存在");
        } else {
            User_inf u = (User_inf) list.get(0);
@@ -212,7 +212,7 @@
            // System.out.println(uinf.getUSnId()+"=="+u.getUNote());
            if (!uinf.getUpassword().equals(u.getUpassword())) {
                System.out.println("密码错误"+uinf.getUpassword()+"=="+u.getUpassword());
                model.setMsg(getText("Password_error"));
                model.setMsg(getText("UsernameOrPassword_error"));
            } else {
                uinf.setUSnId(u.getUSnId());
                model.setCode(1);

 zijing/src/global_zh_CN.properties

@@ -8,6 +8,7 @@
Enter=\u767b\u5f55
Username_error=\u7528\u6237\u540d\u9519\u8bef
Password_error=\u5bc6\u7801\u9519\u8bef 
UsernameOrPassword_error = \u7528\u6237\u540d\u6216\u5bc6\u7801\u9519\u8bef
You\ are\ not\ logged\ in,\ please\ log\ in=\u60a8\u8fd8\u672a\u767b\u9646\uff0c\u8bf7\u767b\u9646
The\ landing\ on\ the\ account\ in\ another\ host,\ please\ log\ in\ again=\u8be5\u8d26\u53f7\u5728\u53e6\u4e00\u53f0\u4e3b\u673a\u4e0a\u767b\u9646\uff0c\u8bf7\u91cd\u65b0\u767b\u9646

			@@ -259,6 +259,8 @@
			MonomerTmp_High: 0,
			OnLineVol_Low: 0,
			OffLineYH_Cycle: 0,
			OffLineYHOnceCycle: 0,
			OffLineYHstarttime: '2020-01-01 00:00:00',
			};
			var load = layer.load(1);
			// 请求后台
			@@ -294,6 +296,8 @@
			MonomerTmp_High: 0,
			OnLineVol_Low: 0,
			OffLineYH_Cycle: 0,
			OffLineYHOnceCycle: 0,
			OffLineYHstarttime: '2020-01-01 00:00:00',
			};
			var load = layer.load(1);
			// 请求后台

			@@ -312,7 +312,7 @@
			14:'放电电流过流停止',15:'后台通信中断停止',16:'负载模块通信中断停止',17:'选择模块通信中断停止',18:'负载模块放电过功率停止',
			19:'内部程序异常停止',20:'市电恢复停止升压放电',21:'充电过程中市电中断',22:'组端电压下限',23:'单体温度上限到停止',24:'在线电压异常高停止',
			25:'协转通信异常停止',26:'单体通信异常停止',27:'其他设备在工作',28:'其他设备故障停止',29:'电压过高或过低',30:'干接点输入故障',
			31:'单体异常',32:'电压输入过高或过低',33:'未知'
			31:'单体异常',32:'电压输入过高或过低',33: '电池电流异常', 34:'未知'
			};
			// BTS设备
			gl.namespace('BTS9100');

			@@ -8,6 +8,7 @@
			import javax.servlet.ServletException;
			import javax.servlet.ServletRequest;
			import javax.servlet.ServletResponse;
			import javax.servlet.http.HttpServletRequest;

			public class Encroding implements Filter{

			@@ -18,6 +19,13 @@
			response.setCharacterEncoding("UTF-8");
			response.setContentType("text/html;charset=utf-8");
			//System.out.println("编码修改成功");
			HttpServletRequest req = (HttpServletRequest)request;
			//解决安全性问题：跨站点请求伪造
			String referer = req.getHeader("Referer"); //REFRESH
			String serverName = req.getServerName();
			if(null != referer&&referer.indexOf(serverName) < 0){
			req.getRequestDispatcher(req.getRequestURI()).forward(req, response);
			}
			chain.doFilter(request, response);
			}

			@@ -204,7 +204,7 @@
			//uinf.setUpassword(usnIdMd5);
			List list = dao.serchByCondition(uinf);
			if (list == null \|\| list.size() < 1) {
			model.setMsg(this.getText("Username_error"));
			model.setMsg(this.getText("UsernameOrPassword_error"));
			// System.out.println("用户名不存在");
			} else {
			User_inf u = (User_inf) list.get(0);
			@@ -212,7 +212,7 @@
			// System.out.println(uinf.getUSnId()+"=="+u.getUNote());
			if (!uinf.getUpassword().equals(u.getUpassword())) {
			System.out.println("密码错误"+uinf.getUpassword()+"=="+u.getUpassword());
			model.setMsg(getText("Password_error"));
			model.setMsg(getText("UsernameOrPassword_error"));
			} else {
			uinf.setUSnId(u.getUSnId());
			model.setCode(1);

			@@ -8,6 +8,7 @@
			Enter=\u767b\u5f55
			Username_error=\u7528\u6237\u540d\u9519\u8bef
			Password_error=\u5bc6\u7801\u9519\u8bef
			UsernameOrPassword_error = \u7528\u6237\u540d\u6216\u5bc6\u7801\u9519\u8bef
			You\ are\ not\ logged\ in,\ please\ log\ in=\u60a8\u8fd8\u672a\u767b\u9646\uff0c\u8bf7\u767b\u9646
			The\ landing\ on\ the\ account\ in\ another\ host,\ please\ log\ in\ again=\u8be5\u8d26\u53f7\u5728\u53e6\u4e00\u53f0\u4e3b\u673a\u4e0a\u767b\u9646\uff0c\u8bf7\u91cd\u65b0\u767b\u9646