~whychwj/haha.git

<%@ 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="Holiday_manage"/></title> 
    <link rel="stylesheet" type="text/css" href="css/basic.css"> 
    <link rel="stylesheet" type="text/css" href="css/hldMgr.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> 
    <style type="text/css"> 
        #footer{ 
            position:fixed; 
            left:0; 
            bottom:0; 
            clear:both; 
        } 
        /*隐藏的页脚*/ 
        #footer-hide{ 
            visibility: hidden; 
            height:59px; 
            text-align:center; 
            background-color:#fafafa; 
        } 
        #footer-hide p{ 
            display:block; 
            _display:block; 
            height:59px; 
            line-height:59px; 
        } 
    </style> 
     
</head> 
<body> 
    <!--头部内容开始--> 
    <jsp:include page="Top.jsp" flush="true"/> 
    <!--头部内容结束--> 
    <!-- 导航内容 --> 
    <jsp:include page="nav.jsp" flush="true"/> 
    <!--导航结束--> 
    <!-- 主体内容 --> 
    <div id="main"> 
        <!-- 导航内容结束 --> 
        <div class="tbl"> 
            <span class="summary"> 
                <span><s:text name="Holiday_manage" /></span> 
                <strong><input type="checkbox" checked value="0"><s:text name="Gregorian_calendar"/></strong>        <!-- 公历 --> 
                <strong><input type="checkbox" checked value="1"><s:text name="Lunar_calendar"/></strong>            <!-- 农历 --> 
            </span> 
            <table> 
                <thead> 
                    <tr> 
                        <th><s:text name="Type"/></th>                                                                <!-- 类型 --> 
                        <th><s:text name="Date"/></th>                                                                <!-- 日期 --> 
                        <th><s:text name="Describe"/></th>                                                            <!-- 描述 --> 
                        <th colspan="3"><s:text name="Operat_table_content"/></th>                                    <!-- 操作表格内容 --> 
                    </tr> 
                </thead> 
                <tbody> 
                     
                </tbody> 
            </table> 
        </div> 
        <!-- 清除浮动 --> 
        <div class="clear"></div> 
    </div> 
    <!-- 生成弹出框 --> 
    <div id="popWin"> 
        <span><s:text name="The_input"/></span>                                                                        <!-- 输入内容 --> 
        <div class="content"> 
            <table> 
                <tbody> 
                    <tr> 
                        <td><s:text name="Type"/>:</td>                                                                <!-- 类型 --> 
                        <td> 
                            <select name="" id="jiejiari_type"> 
                                <option value="0"><s:text name="Gregorian_calendar"/></option>                        <!-- 公历 --> 
                                <option value="1"><s:text name="Lunar_calendar"/></option>                            <!-- 农历 --> 
                            </select> 
                        </td> 
                    </tr> 
                    <tr> 
                        <td><s:text name="Date"/>:</td>                                    <!-- 日期 --> 
                        <td><input id="jiejiari_date" readonly="readonly" type="text" onfocus="new Calendar().show(this)"></td> 
                    </tr> 
                    <tr> 
                        <td><s:text name="Describe"/>:</td>                                <!-- 描述 --> 
                        <td><input id="note" type="text"></td> 
                    </tr> 
                </tbody> 
            </table> 
        </div> 
        <div class="btn-con"> 
            <table> 
                <tr> 
                    <!-- 确定的class为enSure(add revise) --> 
                    <td><input type="button" value="<s:text name='Determine'/>" class="enSure"></td>    <!-- 确定 --> 
                    <td><input type="button" value="<s:text name='Cancel'/>" class="out"></td>            <!-- 取消 --> 
                </tr> 
            </table> 
        </div> 
    </div>     
    <!-- 右键菜单内容 --> 
    <div id="right-menu"> 
        <a href="javascript:;" class="add"><s:text name='Add'/></a>        <!-- 添加 --> 
    </div>         
    <!--清除浮动--> 
    <div class="clear"></div> 
</body> 
<script type="text/javascript" src="js/buildNav.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 jiejiarilist=new Array(); 
    function autoHei(){ 
        var scrnHei=$(window).height(); 
        var topHei=$('#top').height(); 
        $('#main').css('min-height',scrnHei-topHei-44+'px'); 
    } 
    //屏蔽浏览器右键菜单功能 
    $(document).ready(function(){ 
        document.oncontextmenu=function(){ 
            return false; 
        }; 
        autoHei(); 
        $(window).resize(function(){ 
            autoHei(); 
        }); 
    }); 
     
 
     
     
    //生成整体遮罩层 
    function createAllMask(ele){ 
        $('body').children('.mask').remove(); 
        var __Ht=$(window).height(); 
        var __div=$('<div class="mask"></div>'); 
        ele.prepend(__div); 
        //定义遮罩层的样式 
        ele.children('.mask').css({ 
            // 'display':'block', 
            'position':'fixed', 
            'width':'100%', 
            'height':__Ht+'px', 
            'left':'0', 
            'top':'0', 
            'z-index':'9999999', 
            'opacity':'0.3', 
            'background-color':'#000' 
        }); 
    } 
     
    function createTable(ele,ArrayTd){ 
        var __tr=new Array(); 
        var __td=new Array(); 
        var trLength=Math.ceil(ArrayTd.length/3); 
        //生成tr标签 
        for(var i=0;i<trLength;i++) 
        { 
            __tr[i]=$('<tr></tr>'); 
        } 
        //将td添加到tr内 
        var n=0; //记录是第几个td 
        for(var i=0;i<trLength;i++) 
        { 
            for(var k=0;k<3;k++) 
            { 
                __td[n]=$('<td>'+ArrayTd[n]+'</td>'); 
                __tr[i].append(__td[n]); 
                n++; 
            } 
        } 
        // 将操作的的内容添加到tr内 
        for(var i=0;i<trLength;i++) 
        { 
            //__tr[i].append($('<td><a herf="javascript:;" class="add">添加</a></td>')); 
            __tr[i].append($('<td><a herf="javascript:;" class="revise"><s:text name="Modify"/></a></td>'));        /* 修改 */ 
            __tr[i].append($('<td><a herf="javascript:;" class="del"><s:text name="Delete"/></a></td>'));            /* 删除 */ 
        } 
        //将tr给确定的容器 
        for(var i=0;i<trLength;i++) 
        { 
            ele.append(__tr[i]); 
        } 
    } 
     
     
     
    //生成表格 
    $(document).ready(function(){ 
        setUserName(); 
        Checkboxcheck(); 
    }); 
    //对表格内容的操作 
    $(document).ready(function(){ 
        //点击表格变色 
        $("#main .tbl").on('click','table tbody tr',function(){ 
            //遍历表格的行,去除每行的class="b8cfe5" 
            $('#main .tbl table tbody tr').each(function(){ 
                $(this).removeClass('b8cfe5'); 
            }); 
            $(this).addClass('b8cfe5'); 
        }); 
        //点击添加按钮 
        $('#right-menu').on('click','.add',function(){ 
            //修改头部信息 
            $('#popWin span').text('<s:text name="Add"/><s:text name="Holiday_information"/>');        /* 添加节假日的信息 */ 
            //清除文本框内容 
            $('#popWin .content input[type="text"]').each(function(){ 
                $(this).val(''); 
            }); 
            $('#jiejiari_date').val(new Date().format('yyyy-MM-dd')); 
            //弹出窗口 
            $('#popWin').show(); 
            //生成整体遮罩层 
            createAllMask($('body')); 
            //隐藏浏览的滚动条 
            //$('body').css('overflow','hidden'); 
            //改变确定按钮的class 
            $('#popWin .enSure').removeClass('revise').addClass('add'); 
        }); 
        //点击修改按钮 
        $('#main .tbl').on('click','.revise',function(){ 
            var txt=new Array(); 
            //设置延时先添加class="b8cfe5",后执行该点击事件内容 
            setTimeout(function(){ 
                for(var i=1;i<3;i++) 
                { 
                    txt[i-1]=$('#main .tbl .b8cfe5 td').eq(i).text(); 
                } 
                //清除文本框内容然后添加内容 
                $('#popWin .content input[type="text"]').each(function(i){ 
                    $(this).val(txt[i]); 
                }); 
                //修改头部信息 
                $('#popWin span').text('<s:text name="Modify"/><s:text name="Holiday_information"/>');    /* 修改节假日的信息 */ 
 
                //弹出窗口 
                $('#popWin').show(); 
                //生成整体遮罩层 
                createAllMask($('body')); 
                //隐藏浏览的滚动条 
                //$('body').css('overflow','hidden'); 
                //改变确定按钮的class 
                $('#popWin .enSure').removeClass('add').addClass('revise'); 
            },10); 
        }); 
        //点击删除按钮 
        $('#main .tbl').on('click','.del',function(){ 
            var index=$(this).parent().parent().prevAll('tr').length; 
            var temp=jiejiarilist[index]; 
            setTimeout(function(){ 
                if(temp!=undefined){ 
                    if(confirm('<s:text name="Confirm_del"/>'+temp.note+'?')){    /* 确认删除 */ 
                        var json=window.JSON.stringify(temp); 
                        $.post("User_jiejiariAction!delete","result="+json,function(data){ 
                            var model=eval("("+data.result+")"); 
                            if(model.code==1){ 
                                alert('<s:text name="Delete_success"/>');                        /* 删除成功 */ 
                            }else{ 
                                alert('<s:text name="Delete"/><s:text name="Fail"/>');            /* 删除失败 */ 
                            } 
                            Checkboxcheck(); 
                        }); 
                    }; 
                }; 
            }, 10);                         
        }); 
    }); 
     
    //根据复选框查询节假日 
    function Checkboxcheck(){ 
        if($('#main .tbl .summary input[type="checkbox"]').eq(0).is(':checked')){ 
            //农历被选中 
            if($('#main .tbl .summary input[type="checkbox"]').eq(1).is(':checked')){ 
                //alert("都被选中"); 
                searchjiejiariByType(100); 
            }else{ 
                //alert("查询公历"); 
                //查询公历 
                searchjiejiariByType(0); 
            } 
        }else{ 
            if($('.tbl .summary input[type="checkbox"]').eq(1).is(':checked')){ 
                //查询公历 
                searchjiejiariByType(1); 
            }else{ 
                //alert(); 
                //通过遍历清除表格的内容 
                $('#main .tbl table tbody tr').each(function(){ 
                    $(this).remove(); 
                }); 
                // 生成表格内容 
                createTable($('#main .tbl table tbody'),[]); 
            }; 
        }; 
    } 
     
    //根据节假日类型查询节假日 
    function searchjiejiariByType(jiejiari_type){ 
        jiejiarilist=new Array(); 
        //alert(jiejiari_type); 
        if(jiejiari_type!=undefined && jiejiari_type>=0){ 
            $.post("User_jiejiariAction!serchByCondition","ujjr.jiejiari_type="+jiejiari_type,function(data){ 
                data=eval("("+data.result+")"); 
                //console.info(data); 
                if(data.code==1 && data.data.length>0){ 
                    data=data.data; 
                    jiejiarilist=data; 
                    //定义表格内的数据 
                    var ArrTd=new Array(); 
                    var index=0; 
                    for(var i=0;i<data.length;i++){ 
                        ArrTd[index++]=data[i].jiejiari_type==0?"<s:text name='Gregorian_calendar'/>":"<s:text name='Lunar_calendar'/>";            //类型 
                        ArrTd[index++]=data[i].jiejiari_date.substr(0,10);            //时间 
                        ArrTd[index++]=data[i].note;                                //描述 
                        //通过遍历清除表格的内容 
                        $('#main .tbl table tbody tr').each(function(){ 
                            $(this).remove(); 
                        }); 
                        // 生成表格内容 
                        createTable($('#main .tbl table tbody'),ArrTd); 
                    }; 
                }; 
            }); 
        }; 
    } 
     
    $('.tbl .summary input[type="checkbox"]').click(function(){ 
        Checkboxcheck(); 
    }); 
     
    //对弹出框的操作 
    $(document).ready(function(){ 
        //点击添加窗口的确定 
        $('#popWin').on('click','.add',function(){ 
            var jiejiari=createObject(); 
            var json=window.JSON.stringify(jiejiari); 
            $.post("User_jiejiariAction!add","result="+json,function(data){ 
                var model=eval("("+data.result+")"); 
                if(model.code==1){ 
                    alert('<s:text name="Add"/><s:text name="Success"/>');        /* 添加成功 */ 
                }else{ 
                    alert('<s:text name="Add"/><s:text name="Fail"/>');            /* 添加失败 */ 
                } 
                Checkboxcheck(); 
                //隐藏弹出窗口 
                $('#popWin').hide(); 
                //让浏览器可以上下滚动 
                //$('body').css('overflow-y','scroll'); 
                //清除遮罩层 
                $('body').children('.mask').remove(); 
            });             
        }); 
        //点击修改窗口的确定 
        $('#popWin').on('click','.revise',function(){ 
            var index=$('#main .tbl table tr.b8cfe5').prevAll().length; 
            var jiejiari=createObject(); 
            var temp=jiejiarilist[index]; 
            if(temp!=undefined){ 
                jiejiari.num=temp.num; 
            } 
            //console.info(jiejiari); 
            var json=window.JSON.stringify(jiejiari); 
            $.post("User_jiejiariAction!update","result="+json,function(data){ 
                var model=eval("("+data.result+")"); 
                if(model.code==1){ 
                    alert("<s:text name='Chage_Success'/>");            /* 修改成功 */ 
                }else{ 
                    alert("<s:text name='Chage_failed'/>");            /* 修改失败 */ 
                } 
                Checkboxcheck(); 
                //隐藏弹出窗口 
                $('#popWin').hide(); 
                //让浏览器可以上下滚动 
                //$('body').css('overflow-y','scroll'); 
                //清除遮罩层 
                $('body').children('.mask').remove(); 
            });             
        }); 
        //点击弹出窗口的取消按钮 
        $('#popWin .out').click(function(){ 
            //隐藏弹出窗口 
            $('#popWin').hide(); 
            //让浏览器可以上下滚动 
            //$('body').css('overflow-y','scroll'); 
            //清除遮罩层 
            $('body').children('.mask').remove(); 
        }); 
        //对弹出框的位置的确定 
        $(document).scroll(function(){ 
            var scrollY=$(this).scrollTop(); 
            $('#popWin').css('top',scrollY+150+'px'); 
        }); 
    }); 
         
    //鼠标右键 
    $('#main').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'); 
            $('#right-menu').show(); 
             
            setPosition($("#right-menu"),disX, disY); 
        } 
    }); 
    $('div').click(function(){ 
        //隐藏右键菜单 
        $('#right-menu').hide(); 
    }); 
     
    //根据弹出的界面构造节假日对象 
    function createObject(){ 
        var jiejiari={ 
            jiejiari_type:$('#jiejiari_type').val(), 
            jiejiari_date:$('#jiejiari_date').val(), 
            note:$('#note').val(), 
        }; 
        return jiejiari; 
    }; 
     
     
</script> 
</html>