wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<%@ page language="java" contentType="text/html;charset=GBK"
    pageEncoding="GBK"%>
<%String view = "";
if(!"".equals(request.getParameter("viewName")) && null != request.getParameter("viewName")){
	view = request.getParameter("viewName");
}else{
	view = request.getAttribute("viewName").toString();
}
%>
<!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 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 infoDialog = null;
  $(function (){
	 loadCalendar();
  });
  
  function loadCalendar(){
	$(document).ready(function() {
		var calendar = $('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			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: '<%=view%>', 

			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: 'MTScheduleAction.do?task=list' // 把从后台取出未开始的日程记录数据进行封装以后在页面上以fullCalendar的方式进行显示
                           },
            				{
            				   url: 'MTScheduleAction.do?task=timeOutList', //把从后台取出超时的日程记录数据
            				   color: 'gray'
            				},
            				{
            					url: 'MTScheduleAction.do?task=completeList', //把从后台取出完成的日程记录数据
            					color: 'green'
            				}
                       ],
          
		  eventMouseover: function (calEvent, jsEvent, view) {
		
			  var status = "";
			  if (calEvent.complete == 0){
			  status = "已完成";
			  }
			  else if (calEvent.complete == 1 && calEvent._day != null){
			  status = "未开始";
			  }
			  else if (calEvent.complete == 1 && calEvent._day == null){
			  status = "已超时";
			  }
			  $(this).attr('title', "标题：" + calEvent.title + "\n" + "状态：" + status  );
			  $(this).css('font-weight', 'normal');           
			  },

            eventClick: function (event, jsEvent, view ) {
            	var viewName = $('#calendar').fullCalendar( 'getView' ).name;
            	var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm");
            	var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm");
            	var title = event.title;
            	var schedule_level_ = event.schedule_level;
            	var schedule_level = "";
            	if (event.schedule_level == 1){
            		schedule_level = "重要/紧急";
				}else if (event.schedule_level == 2){
					schedule_level = "重要/不紧急";
				}else if (event.schedule_level == 3){
					schedule_level = "不重要/紧急";
				}else if (event.schedule_level == 4){
					schedule_level = "不重要/不紧急";
				}else if (event.schedule_level == 0){
					schedule_level = "未指定";
				}
            	var schedule_type_ = event.schedule_type;
            	var schedule_type = "";
            	if(event.schedule_type == 1){
            		schedule_type = "个人事务";
				}else if (event.schedule_type == 2){
					schedule_type = "工作事务";
				}
            	var schedule_detail = event.schedule_detail;
            	var _day = event._day;
            	var _hour = event._hour;
            	var _minute = event._minute;
            	var alarm_type1 = event.alarm_type1;
            	var alarm_type2 = event.alarm_type2;
            	var id = event.id;
            	var complete = event.complete;
            	var s = "&start="+start + "&end="+end + "&title="+encodeURI(encodeURI(title)) + "&schedule_level_="+schedule_level_
            			+"&schedule_level="+encodeURI(encodeURI(schedule_level)) + "&schedule_type_="+schedule_type_ 
            			+"&schedule_type="+encodeURI(encodeURI(schedule_type)) + "&schedule_detail="+encodeURI(encodeURI(schedule_detail))
            			+"&_day="+_day + "&_hour="+_hour + "&_minute="+_minute + "&alarm_type1="+alarm_type1 + "&alarm_type2="+alarm_type2
            			+"&id="+id + "&complete="+complete + "&viewName=" + viewName + "&backType=0";
            	infoDialog = item('MTScheduleAction.do?task=info'+s);
            },   
			selectable: true,
			selectHelper: true,			
			select: function(start, end, allDay) {	
				var viewName = $('#calendar').fullCalendar( 'getView' ).name;
					item('MTScheduleAction.do?task=toCreate&startDate=' + $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm")
														+ '&endDate=' + $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm")
														+ '&viewName=' + viewName + "&backType=0");
				
			}
		});		
	});
  }
</script>
</head>
<body>
<div id="wrap">
	<div style="margin-bottom: 10px;"></div>
    <div id='calendar'></div>
</div>
</body>
</html>