~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> 
    <meta charset="UTF-8"> 
    <title><s:text name="Publish"/><s:text name="Announcement"/></title>                <!-- 发布公告 --> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" /> 
    <link rel="stylesheet" type="text/css" href="css/basic.css"> 
    <link rel="stylesheet" type="text/css" href="css/tbl-lauyout.css"> 
    <link rel="stylesheet" type="text/css" href="css/search-paging.css"> 
    <link rel="stylesheet" type="text/css" href="css/notice.css"> 
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 
    <script type="text/javascript" src="js/pageUtil.js"></script> 
     
     
  </head> 
   
  <body> 
      <!--头部内容开始--> 
    <jsp:include page="Top.jsp" flush="true"/> 
    <!--头部内容结束--> 
    <div id="main"> 
        <!--导航开始--> 
        <jsp:include page="nav.jsp" flush="true"/> 
 
        <!-- 查询条件 --> 
        <div id="searchOpt"> 
            <div class="change-tbl"><s:text name="Query_criteria"/></div>            <!-- 隐藏/显示查询条件 --> 
            <table> 
                <thead> 
                    <tr> 
                        <th><s:text name="Issuer"/></th>                            <!-- 发布人 --> 
                        <th colspan="2"><s:text name="Release_time_period"/></th>    <!-- 发布时间段     --> 
                        <th colspan="2"><s:text name="Keywords_search"/></th>        <!-- 关键词搜索 --> 
                    </tr> 
                </thead> 
                <tbody> 
                    <tr> 
                        <td> 
                            <select id="usr_id"> 
                                 
                            </select> 
                        </td> 
                        <td><input type="text" readonly="readonly" id="start_date" value="2000-01-01" onclick="new Calendar().show(this);"></td> 
                        <td><input type="text" readonly="readonly" id="end_date" onclick="new Calendar().show(this);"></td> 
                        <td> 
                            <input type="text" placeholder="<s:text name='Please_enter_the_key_words'/>" class="search-by-txt">                        <!-- 请输入关键词 --> 
                            <input type="button" value="<s:text name='Search'/>" class="search-btn">        <!-- 查询 --> 
                        </td> 
                    </tr> 
                </tbody> 
            </table> 
        </div> 
 
        <!-- 表格的头部 --> 
        <div id="tblHead"></div> 
        <!-- 表格的body --> 
        <div id="tblBody"></div> 
 
        <!-- 分页内容 --> 
        <div id="paging"> 
            <a href="javascript:" class="add-notice"><s:text name='Add_announcement'/></a>                <!-- 添加公告 --> 
            <s:text name='At_present'/><!-- 当前 --><span id="current">1/0</span> 
            <span><s:text name='Each_page'/><!-- 每页 --><input type="text" id="number" value="10"/><s:text name='Item'/><!-- 条 --></span> 
            &nbsp;&nbsp;<s:text name='Total_data'/><!-- 数据总量 --><span id="total">0</span> 
            <a href="javascript:" id="home"><s:text name='HomePage'/><!-- 首页 --></a> 
            <a href="javascript:" id="pre"><s:text name='Page_Up'/><!-- 上一页 --></a> 
            <a href="javascript:" id="next_p"><s:text name='Page_Down'/><!-- 下一页 --></a> 
            <a href="javascript:" id="last"><s:text name='End_Page'/><!-- 尾页 --></a> 
            <span id="cont"> 
                <s:text name='Goto'/><!-- 转到 --><input type="text" id="page_num" value="1"/> 
                <a href="javascript:" id="go"><s:text name='Jump'/><!-- 跳转 --></a> 
            </span> 
        </div> 
 
    </div> 
     
    <!-- 页面弹出框内容 --> 
    <div id="bombBox"> 
        <div class="box-head"><s:text name='Announcement_details'/></div>            <!-- 公告详情 --> 
        <div class="box-list"> 
            <span class="ttl"><s:text name='Announcement_content'/>:</span>            <!-- 公告内容 --> 
            <textarea name="" class="notice-txt"></textarea> 
            <div class="clear"></div> 
        </div> 
        <div class="box-list"> 
            <span class="ttl"><s:text name="Bei"/><!-- 备 --><span class="hidden"><s:text name="Blank_space"/></span><s:text name="Zhu"/><!-- 注 -->:</span> 
            <input type="text" class="note"> 
            <div class="clear"></div> 
        </div> 
        <div class="btn-con"> 
            <div class="right"> 
                <input type="button" value="<s:text name='Edit'/><s:text name='Announcement'/>" class="ensure edit">    <!-- 编辑公告 --> 
                <input type="button" value="<s:text name='Delete'/><s:text name='Announcement'/>" class="del">            <!-- 删除公告 --> 
                <input type="button" value="<s:text name='Exit'/>" class="out">            <!-- 退出 --> 
            </div> 
        </div> 
    </div> 
 
    <!-- 整体遮罩层内容 --> 
    <div id="allShade"></div> 
 
    <script type="text/javascript" src="js/tblOpt.js"></script> 
    <script type="text/javascript"> 
    //当前的页面信息 
    var Page={ 
        pageSize:10,                 //每页的行数 
        pageCurr:1,                  //当前页码数 
        pageAll:0                    //总记录数 
    };             
    // 页面的初始化     
    centerDiv($('#bombBox')); 
    var arrTh = new Array(); 
    var arrTd = new Array(); 
    var noticeObj = new Array(); 
    //arrTh = ['公告简介', '发布人', '发布日期', '备注', '详情']; 
    arrTh = ['<s:text name="Announcement"/><s:text name="Brief_introduction"/>', '<s:text name="Issuer"/>', '<s:text name="Publish"/><s:text name="Date"/>', '<s:text name="Bei"/><s:text name="Zhu"/>', '<s:text name="Details"/>']; 
    // 遍历noticeObj生成arrTd     
    var tblObj = new TblOpt($('#tblHead'), $('#tblBody'), arrTh, arrTd); 
 
    // 表格同步滚动 
    $('#tblBody').scroll(function(){ 
        tblObj.scrollSame(); 
    }); 
 
    //窗口改变后更改内容 
    $(window).resize(function () { 
        tblObj.tblResize(); 
        centerDiv($('#bombBox')); 
    }); 
 
    // 点击表格变色 
    var trIndex = -1; 
    $('#tblBody').on('click', 'table tbody tr', function () { 
        trIndex = $(this).index(); 
        tblObj.addBg(trIndex); 
    }); 
 
    var aIndex = -1; 
    // 点击详情生成弹出框 
    $('#tblBody').on('click', 'table tbody a.detail', function () { 
        hideCalendar(); 
        // 获取点击的下标 
        aIndex = $(this).parent().parent().prevAll('#tblBody tr').length; 
        showBombBox(noticeObj[aIndex], 0); 
    }); 
 
    // 点击添加显示弹出框 
    $('#paging .add-notice').click(function() { 
        hideCalendar(); 
        showBombBox(null, 1); 
    }); 
 
    // 点击编辑公告 
    $('#bombBox .btn-con').on('click', '.edit', function() { 
        var boxEnsure = $('#bombBox .btn-con .ensure');    // 获取编辑或发布公告 
        var notice = $('#bombBox .box-list .notice-txt');    // 获取公告内容 
        var note = $('#bombBox .box-list .note');    // 获取备注 
        // 移出readonly属性 
        notice.removeAttr('readonly'); 
        note.removeAttr('readonly'); 
        boxEnsure.val('<s:text name="Confirm_editor"/>');            //确认编辑 
        // 移出edit编辑en-edit 
        $(this).removeClass('edit').addClass('en-edit'); 
    }); 
     
     
    // 点击退出 
    $('#bombBox .btn-con .out').click(function() { 
        // 隐藏弹出框和遮罩层 
        $('#bombBox').hide(); 
        $('#allShade').hide(); 
    }); 
 
    // 显示弹出框并更改弹出框内容 
    function showBombBox(obj, isDetail){ 
        var boxHead = $('#bombBox .box-head');    // 获取弹出框的标题 
        var boxEnsure = $('#bombBox .btn-con .ensure');    // 获取编辑或发布公告 
        var boxDel = $('#bombBox .btn-con .del');    // 获取删除按钮 
        var notice = $('#bombBox .box-list .notice-txt');    // 获取公告内容 
        var note = $('#bombBox .box-list .note');    // 获取备注 
        // 清空公告内容和备注 
        notice.val(''); 
        note.val(''); 
        // 根据是详情还是添加公告 
        switch(isDetail){ 
            case 0: 
                boxHead.text('<s:text name="Announcement_details"/>');        //公告详情 
                // 将内容设为只读 
                notice.attr('readonly', 'readonly'); 
                note.attr('readonly', 'readonly'); 
                // 填写内容 
                notice.val(obj.message); 
                note.val(obj.note); 
                boxEnsure.val('<s:text name="Edit"/><s:text name="Announcement"/>');    //编辑公告 
                // 移出发布公告class="announce",添加class="edit",显示删除公告 
                boxEnsure.removeClass('announce'); 
                boxEnsure.removeClass('en-edit'); 
                boxEnsure.addClass('edit'); 
                boxDel.css('visibility','visible'); 
                break; 
            case 1: 
                boxHead.text('<s:text name="Publish"/><s:text name="Announcement"/>');        /* 发布公告 */ 
                // 将内容设为只读 
                notice.removeAttr('readonly'); 
                note.removeAttr('readonly'); 
                // 填写内容 
                boxEnsure.val('<s:text name="Publish"/><s:text name="Announcement"/>');            //发布公告 
                // 移出发布公告class="edit",添加class="announce",隐藏删除公告 
                boxEnsure.removeClass('edit'); 
                boxEnsure.removeClass('en-edit'); 
                boxEnsure.addClass('announce'); 
                boxDel.css('visibility','hidden'); 
                break; 
        } 
 
        // 显示弹出框和遮罩层 
        $('#bombBox').show(); 
        $('#allShade').show(); 
    } 
    // 隐藏日历 
    function hideCalendar(){ 
        $('#__calendarPanel').css('visibility', 'hidden'); 
    } 
     
    //对于弹出串口进行定位(position:fixed) 
    function centerDiv(ele){ 
        //获取屏幕的高度对弹出窗口进行定位 
        var srnHei=$(window).height();    //屏幕的高度 
        var eleHei=ele.height();    //弹出窗口的高度 
        var topHei=parseInt((srnHei-eleHei)/2);    //获取居中高度 
        ele.css({ 
            'top':topHei 
        }); 
    } 
     
    //按钮点击事件 
    $(document).ready(function(){ 
        //点击查询按钮 
        $('#searchOpt .search-btn').click(function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
         
         
        //点击发布公告按钮 
        $('#bombBox .btn-con').on("click",".announce",function(){ 
            var message=$('#bombBox .box-list .notice-txt').val(); 
            if($.trim(message).length>0){ 
                if(confirm("<s:text name = 'Confirm'/><s:text name = 'Publish'/><s:text name = 'Announcement'/>?")){                //确认发布公告 
                    var temp={ 
                        announce_time:new Date().format('yyyy-MM-dd hh:mm:ss'), 
                        message:message, 
                        note:$('#bombBox .box-list .note').val(), 
                    }; 
                    var json=window.JSON.stringify(temp); 
                    $.post("AnnounceAction!add","json="+json,function(data){ 
                        var model=eval("("+data.result+")"); 
                        if(model.code==1){ 
                            alert('<s:text name="Publish"/><s:text name="Success"/>！');            //发布成功 
                        }else{ 
                            alert('<s:text name = "Publish"/><s:text name = "Fail"/>！');        //发布失败 
                        } 
                        // 隐藏弹出框和遮罩层 
                        $('#bombBox').hide(); 
                        $('#allShade').hide(); 
                        var temp=createAnnounce(); 
                        findAnnounce(temp);                         
                    }); 
                } 
            }else{ 
                alert("<s:text name='Please_input'/><s:text name='Notice_info'/>");            //请输入公告信息 
            } 
        }); 
         
        //点击确认编辑按钮 
        $('#bombBox .btn-con').on("click",".en-edit",function(){ 
            var note=$("#bombBox .box-list .note").val(); 
            if(note.length<32){ 
                //console.info(aIndex); 
                if(confirm("<s:text name='Confirm_editor'/><s:text name='Notice_info'/>？")){        //确认编辑该公告信息吗 
                    var temp=noticeObj[aIndex]; 
                    temp.message=$("#bombBox .box-list .notice-txt").val(); 
                    temp.note=$("#bombBox .box-list .note").val(); 
                    var json=window.JSON.stringify(temp); 
                    $.post("AnnounceAction!update","json="+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"/>！');        //修改失败 
                        } 
                        // 隐藏弹出框和遮罩层 
                        $('#bombBox').hide(); 
                        $('#allShade').hide(); 
                        var temp=createAnnounce(); 
                        findAnnounce(temp);                         
                    }); 
                }; 
            }else{ 
                alert('<s:text name="Bei"/><s:text name="Zhu"/><s:text name="Length_is_too_long,please_re-enter"/>！！！'); 
            } 
        }); 
         
        //点击删除公告按钮 
        $('#bombBox .btn-con').on("click",".del",function(){ 
            var note=$("#bombBox .box-list .note").val(); 
            if(confirm("<s:text name='Confirm_del'/><s:text name='Notice_info'/>？")){            //确认删除公告信息吗 
                var temp=noticeObj[aIndex]; 
                temp.message=$("#bombBox .box-list .notice-txt").val(); 
                temp.note=note; 
                var json=window.JSON.stringify(temp); 
                $.post("AnnounceAction!delete","json="+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"/>！');        //删除失败 
                    } 
                    // 隐藏弹出框和遮罩层 
                    $('#bombBox').hide(); 
                    $('#allShade').hide(); 
                    var temp=createAnnounce(); 
                    findAnnounce(temp);                         
                }); 
            }; 
        }); 
    }); 
     
     
     
    //创建公告对象 
    function createAnnounce(){ 
        var anno={ 
            num:0, 
            usr_id:$('#usr_id').val(), 
            usr_name:"", 
            announce_time:$('#start_date').val()+" 00:00:00", 
            announce_time1:$('#end_date').val()+" 23:59:59", 
            message:$('#searchOpt .search-by-txt').val(), 
            note:"", 
            page:{ 
                pageSize:Page.pageSize, 
                pageCurr:Page.pageCurr, 
            } 
        }; 
        return anno; 
    } 
     
     
     
    //查询公告信息 
    function findAnnounce(temp){         
        //console.info(temp); 
        loading.showLoading(); 
        var json=window.JSON.stringify(temp); 
        $.post("AnnounceAction!serchByCondition","json="+json,function(data){ 
            var model=eval("("+data.result+")"); 
            arrTd=new Array(); 
            if(model.code==1){ 
                noticeObj=model.data; 
                console.info(model); 
                for(var i=0;i<model.data.length;i++){ 
                    //console.info(model.data[i].message); 
                    //console.info(sliceStr(model.data[i].message)); 
                    arrTd.push(sliceStr(model.data[i].message));    // 添加公告简介 
                    arrTd.push(model.data[i].usr_name);    // 发布人 
                    arrTd.push(model.data[i].announce_time);    // 发布日期 
                    arrTd.push(model.data[i].note);    // 备注 
                    arrTd.push('<a href="javascript:;" class="detail">详情>></a>'); 
                    if(model.data[i].page.pageAll != undefined && model.data[i].page.pageAll>0){ 
                        Page.pageAll=model.data[i].page.pageAll; 
                    } 
                } 
            }else{ 
                Page.pageCurr=1;                  //当前页码数 
                Page.pageAll=0;                    //总记录数 
            } 
            tblObj.reflushTbl(arrTh, arrTd); 
            setPage(); 
            loading.hideLoading(); 
        }).error(function(){ 
            noContent.showNoContent("查询失败,请检查网络连接！"); 
            loading.hideLoading(); 
        }); 
    }     
     
    //设置表格下的分页信息 
    function setPage(){ 
        $('#number').attr('value',Page.pageSize); 
        $('#total').text(Page.pageAll); 
        var pageNum=Math.ceil(Page.pageAll/Page.pageSize); 
        $('#current').text(Page.pageCurr+"/"+pageNum); 
        $('#page_num').attr('value',Page.pageCurr); 
    }     
     
    $(document).ready(function(){ 
        $('#end_date').val(new Date().format("yyyy-MM-dd")); 
        var temp=createAnnounce(); 
        temp.usr_id=0; 
        //console.info(temp); 
        findAnnounce(temp); 
     
        //查询包机人 
        $.post("User_infAction_searchAll",null,function(data){ 
            data=data.result; 
            data=eval("("+data+")"); 
            //console.info(data); 
            if(data.code==1 && data.data.length>0){ 
                $("#usr_id").html(""); 
                //console.info(data) 
                for(var i=0;i<=data.data.length;i++){ 
                    var option=$("<option></option>"); 
                    if(i!=0){ 
                        option.html(data.data[i-1].UName); 
                        option.val(data.data[i-1].UId); 
                    }else{ 
                        option.html("<s:text name='All'/>（<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>）"); 
                        option.val(0);                         
                    } 
                    $("#usr_id").append(option); 
                }; 
            }; 
        });                 
         
         
    }); 
     
    // 页面的初始化 
    function initPage()    { 
        var srnHt = $(window).height();    // 可视窗口的高度 
        var bodyHt = $('body').height();    // body的高度 
        var tblHt = $('#tblBody').height();    //表格容器的高度 
        var chagneHt = tblHt+srnHt-bodyHt; 
        if (chagneHt > 200){ 
            $('#tblBody').height(chagneHt); 
        } 
    } 
 
    $(document).ready(function() { 
        initPage(); 
        $(window).resize(function() { 
            initPage(); 
        }); 
    }); 
     
    // 截取字符串 
    function sliceStr(str) { 
        // 定义返回内容 
        var _str = str; 
        if (_str.length > 10) 
        { 
            _str = _str.slice(0, 10)+'...'; 
        } 
        return _str; 
    } 
     
     
    //首页 
    $('#home').click(function(){ 
        GotoFirstPage(Page,function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
        /* if(Page!=undefined){             
            if(Page.pageCurr>1){ 
                Page.pageCurr=1;             
                $("#searchOpt .search-btn").click(); 
            } 
        } */ 
    }); 
     
    //点击上一页 
    $("#pre").click(function(){ 
        GotoPrePage(Page,function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
        /* if(Page!=undefined){ 
            if(Page.pageCurr>1){ 
                Page.pageCurr = Page.pageCurr-1; 
                $("#searchOpt .search-btn").click(); 
            }             
        } */ 
    }); 
     
     
    //点击下一页 
    $("#next_p").click(function(){ 
        GotoNextPage(Page,function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
     
        /* if(Page!=undefined){ 
            var pageNum = Math.ceil(Page.pageAll/Page.pageSize); 
            if(Page.pageCurr<pageNum){ 
                Page.pageCurr = Page.pageCurr+1; 
                $("#searchOpt .search-btn").click(); 
            } 
        } */ 
    }); 
     
    //尾页 
    $('#last').click(function(){ 
        GotoLastPage(Page,function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
     
        /* if(Page !=undefined){ 
            var pageNum=Math.ceil(Page.pageAll/Page.pageSize); 
            var currPage=Page.pageCurr; 
            if(currPage<pageNum){ 
                Page.pageCurr = pageNum; 
                $("#searchOpt .search-btn").click(); 
            } 
        } */ 
    }); 
     
     
    //设置每页行数 
    $('#number').blur(function(){ 
        var value = $('#number').attr("value");         
        //当输入的数大于0时 
        if(value>0){ 
            value = parseInt(value);             
            Page.pageSize = value; 
        }else{ 
        //当输入非法数字时 
            alert("<s:text name='Please_enter_the_legitimate_number!'/>");            /* 请输入合法的整数 */ 
            if(Page!=undefined){ 
                $('#number').attr('value',Page.pageSize); 
            }else{ 
                //console.info("第一次输入错误"); 
                $('#number').attr('value',10); 
            }             
        } 
    }); 
     
    //填写完跳转到指定页 
    $('#page_num').blur(function(){ 
        var tarpage=$('#page_num').attr('value'); 
        if(tarpage>0){ 
                     
        }else{ 
            alert("<s:text name='Please_enter_the_legitimate_number!'/>");            /* 请输入合法的数字 */ 
            if(Page!=undefined){ 
                $('#page_num').attr('value',Page.pageCurr); 
            }else{ 
                $('#page_num').attr('value',$('#pageCurr').attr('value')); 
            } 
        } 
    }); 
     
    //点击跳转 
    $('#go').click(function(){ 
        GotoAppointPage($('#page_num'),Page,function(){ 
            var temp=createAnnounce(); 
            findAnnounce(temp); 
        }); 
     
        /* var tarpage=$('#page_num').attr('value'); 
        tarpage=parseInt(tarpage); 
        if(Page!=undefined){ 
            var pageNum=Math.ceil(Page.pageAll/Page.pageSize); 
            if(tarpage>pageNum){ 
                Page.pageCurr = pageNum;                 
            }else{ 
                Page.pageCurr = tarpage; 
            } 
        }else{ 
            $('#pageCurr').attr('value',$('#pageCurr').attr('value')); 
        } 
        $("#searchOpt .search-btn").click(); */ 
    }); 
    </script> 
  </body> 
</html>