wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<%@ page language="java" contentType="text/html;charset=GBK"
    pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>申请会议室 </title>
<link rel="stylesheet" href="/shares/fullcalendar/jquery/themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="/shares/fullcalendar/fullcalendar/cupertino/theme.css">
<link href="${ pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
<link href='/shares/fullcalendar/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='/shares/fullcalendar/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />

<script src='/shares/fullcalendar/jquery/jquery-1.8.0.min.js'></script>
<script src='/shares/fullcalendar/jquery/jquery-ui-1.10.2.custom.min.js'></script>
<script src='/shares/fullcalendar/fullcalendar/fullcalendar.min.js'></script>
<script src='${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js'></script>
<script src='${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerDialog.js'></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
<script type="text/javascript" src="/shares/js/common.js"></script> 
<script type="text/javascript" src="/shares/js/yw/master1/common.js"></script>
 <script type="text/javascript">
//     var dialog3 = null;
//     var editDialog = null;
//     var infoDialog = null;
//     $(function (){
//         var schedule_user = $("#schedule_user").ligerComboBox({ 
//             	url :'MeetingRoomAction.do?task=meetingRoomList',
//                 textField : 'meeting_room_name',
// 	   			valueField : 'meeting_room_id',
//                 valueFieldID: 'schedule_user_',
//                 initValue:'${userid}',
//                 onSelected : function (value, text){ 
//                 	 $('#calendar').empty();
//                 	loadSelect(value,text);
//                 }
//         });    
      
//     });
    var infoDialog = null;
    var calendar = null;
     $(function (){
   	  $("#room_desc").ligerComboBox({
   			 url :'MeetingAction.do?task=getMeetingRoom',
   			 isShowCheckBox: false, 
   			 isMultiSelect: false,
   			 textField : 'meeting_room_name',
   			 valueField : 'meeting_room_id',
   			 valueFieldID: 'meetingRoomId',
   			 initValue :'${meeting_room_id}',
   			 onSelected: function (newvalue)
                    {
   				    $('#calendar').html("");
   				 	loadCalendar(newvalue);
                    }

     		}); 
     });
    function loadCalendar(room_id){
    	$('#calendar').fullCalendar('destroy');//初始化日历
    	$(document).ready(function() {
    		calendar = $('#calendar').fullCalendar({
    			header: {
    				left: 'prev,next today',
    				center: 'title',
    				right: 'month,agendaWeek,agendaDay'
    			},
    			weekends:true,//是否显示周末
    			slotEventOverlap:false,
    			theme: true,
    			timeFormat:{agenda: 'HH:mm { - HH:mm }','': 'HH:mm { - HH:mm }' },
    			columnFormat:{//每种视图每列显示的时间格式
    			    month: 'ddd',    
    			    week: 'M/d（ddd）', 
    			    day: 'M/d（ddd）'  
    			},
    			titleFormat:{//视图标题时间显示的格式
    			    month: 'yyyy年 MMMM ',                             
    			    week: "yyyy年 MMM d{ '&#8212;'[ MMM] d日 }", 
    			    day: 'dddd, MMM d, yyyy'                  
    			},
    			axisFormat:'HH:mm',//日视图左侧时间显示的格式
    			allDaySlot:false,
    			allDayText:'今天的任务',
    			//contentHeight: 10000,
    			//weekMode: "liquid",
    			minTime:'8:00',//在日视图和周视图显示起始时间的设置
    			maxTime:'22:00',//在日视图和周视图显示结束时间的设置
    			slotMinutes:30,//在日视图和周视图每一行间隔的分钟，目前设为30分钟
    			defaultView: 'agendaWeek', 

    			monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
                monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
                dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
                dayNamesShort: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
                today: ["今天"],
                firstDay: 1,
                buttonText: {
                    today: '今天',
                    month: '月视图',
                    week: '周视图',
                    day: '日视图',
                    prev: '<<',
                    next: '>>'
                },
                
                eventSources: [
                               {
                                   url: 'MeetingRoomAction.do?task=selectfullCalendarList&type=0&meeting_room_id='+room_id// 获取未批准会议室
                               },
                               {
                                   url: 'MeetingRoomAction.do?task=selectfullCalendarList&type=1&meeting_room_id='+room_id,
                                		   color: 'green'//获取已批准会议室
                               },
                               {
                                   url: 'MeetingRoomAction.do?task=selectfullCalendarListIng&meeting_room_id='+room_id,
                                		   color: 'blue'// 获取进行中会议室
                               },
                               {
                                   url: 'MeetingRoomAction.do?task=selectfullCalendarListEd&meeting_room_id='+room_id,
                                		   color: 'red'// 获取已结束会议室
                               }
                           ],
              
    		  	eventMouseover: function (calEvent, jsEvent, view) {
    		
    			  $(this).attr('title', "标题：" + calEvent.title);
    			  $(this).css('font-weight', 'normal');           
    			},
    		  	eventClick: function (event, jsEvent, view ) {	
    			    $.ligerDialog.open({ url : 'MeetingRoomAction.do?task=infoApply&universalid='+event.id, height: 430,width:700, title: '查看申请 '});
    	        },   
                
    			selectable: true,
    			selectHelper: true,			
    			select: function(start, end, allDay) {	
    				
    				$.ajax({
    			        type: "POST", //使用post方法访问后台
    			        dataType:"json",
    			        url: "${pageContext.request.contextPath }/MeetingRoomAction.do?task=checkSelectDate&meeting_room_id="+room_id
    										            		+ "&start="+formatDate(start)+ "&end="+formatDate(end),
    			        success: function (data) {
    			        	if (data > 0){
    			        		addInfo("对不起，您选择的时间段有冲突，请重新选择！");
    			        	} else{
    			        		$.ligerDialog.open({url : 'MeetingRoomAction.do?task=toApply&meetingRoomId='+$("#meetingRoomId").val()+'&meetingRoomName='+$("#room_desc").val()+'&startDate=' + $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm")
    								+ '&endDate=' + $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm")/*  target: $("#reservebox3") */ ,
    							height: 360,width:700, title: '会议室申请' });
    			        	}
    			        },
    					error: function(data){
    						$.ligerDialog.error('操作失败！');
    					}
    				 });
    			}
    		});		
    	});
      }
</script>
<style type="text/css">
.legend {
	line-height: 30px;
	font-size: 14px;
	color: black;
}
.legend b {
	float: left;
	padding-left: 10px;
}
.legend img {
	padding-right: 5px;
  	vertical-align: middle;
}
.legend label {
	float: left;
	width: 80px;
	padding-left: 10px;
}
</style>
</head>
<body>
<div id="wrap1">
		<div class="default_search" style="margin-bottom: 10px;">
			<ul class="list_search">		
		        <li class="title" >切换会议室：</li>
				<li class="text">
					<input type="text"  name="room_desc" id="room_desc" >
					<input type="hidden"  name="meetingRoomId" id="meetingRoomId" >
				</li>
			</ul>
			<div class="legend" >
	        <b>图例说明：</b>
	        <label for=""><img src="/shares/images/oa/meeting/explain-a.jpg"><span>未预约</span></label>
	        <label for=""><img src="/shares/images/oa/meeting/explain-b.jpg"><span>待批准</span></label>
	        <label for=""><img src="/shares/images/oa/meeting/explain-c.jpg"><span>已批准</span></label>
	        <label for=""><img src="/shares/images/oa/meeting/explain-d.jpg"><span>进行中</span></label>
	        <label for=""><img src="/shares/images/oa/meeting/explain-e.jpg"><span>已结束</span></label>
	    </div>
			
		</div>
		
	<br><br>
        <div id='calendar'></div>
    </div>
</body>
</html>