duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <script src="../js/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <link href="../js/fullcalendar/fullcalendar.css" rel="stylesheet" />
    <script src="../js/fullcalendar/fullcalendar.min.js"></script>
    <script src="js/fullcalendar.js"></script>
    <title>系统管理-->排班管理</title>
    <style>
        .fc-event-title {
            color: white;
        }

        .group {
            margin-bottom: 5px;
        }

        .seatuser {
            color: black;
            padding: 5px 10px;
            border-radius: 2px;
            cursor: pointer;
            margin-bottom: 5px;
            background-color: #f3f3f4;
        }

        .active {
            background-color: #1ab394;
            color: #fff;
        }

        .lable {
            /*display: none;*/
            background-color: #d1dade;
            color: #5e5e5e;
            font-size: 10px;
            padding: 3px 8px;
            text-shadow: none;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25em;
            margin: 3px;
            float: left;
            cursor: pointer;
        }

        .active ~ .lable {
            display: inline;
        }

        .fc-ltr .fc-event-hori.fc-event-end,
        .fc-rtl .fc-event-hori.fc-event-start {
            display: none;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="container-fluid wrapper-content animated fadeInRight">
        <div class="col-sm-12">
            <div id="calendar"></div>
        </div>
    </div>
    <script>
			var bl = false;
			var flag = true;
			blur();
			$(document).ready(function() {
				blur();

				function blur() {

					var rl = $('#RoleCode', top.document).val();
					var gcode = $('#GroupCode', top.document).val();
					$('#calendar').html("");
					var dates = new Date();
					var time = dates.getFullYear() + "-" + (dates.getMonth() + 1) + '-' + dates.getDate();
					var date = new Date();
					var d = date.getDate();
					var m = date.getMonth();
					var y = date.getFullYear();
					$('#calendar').fullCalendar({
						height:650,
						header: {
							//left: 'month,agendaWeek,agendaDay',
							left: 'month',
							center: 'title',
							right: 'today, prev, next'
						},
						monthNames: ['年1月', '年2月', '年3月', '年4月', '年5月', '年6月', '年7月', '年8月', '年9月', '年10月', '年11月', '年12月'],
						monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
						dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
						dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
						titleFormat: {
							month: "yyyy MMMM "
						},
						firstDay: "1",
						editable: false,
						droppable: bl,
						weekMode: 'liquid',

						//              eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
						//                  var g = event.start;
						//                  var c = g.getDate();
						//                  var a = g.getMonth() + 1;
						//                  var e = g.getFullYear();
						//                  $.post(huayi.config.callcenter_url + 'GroupClass/AddGroupClass', {
						//                      id: event.id, date: e + '-' + a + '-' + c, groupcode: event.groupcode, classcode: event.classcode,
						//                      "token": $.cookie("token")
						//                  }, function (result) {
						//                      result = JSON.parse(result);
						//                      if (result.state.toLowerCase() != "success") {
						//                          revertFunc();
						//                      }
						//                  })
						//              },
						events: function(start, end, callback) {
							var m = $('#calendar').fullCalendar('getView').start;
							var month_first = $.fullCalendar.formatDate(m, "yyyy-MM-dd");
							var st = $.fullCalendar.formatDate(start, "yyyy-MM-dd");
							var ed = $.fullCalendar.formatDate(end, "yyyy-MM-dd");
							$.ajax({
								type: "get",
								url: huayi.config.callcenter_url + "Workcalendar/GetList",
								dataType: 'json',
								async: true,
								data: {
									"token": $.cookie("token"),
									date:month_first,
								},
								success: function(data) {
									/*验证请求*/
									//工作日
									var arr = [];
									var time;
									$(data.data).each(function(i, n) {
										time=n.date;
//										time = n.start.substring(0, n.start.indexOf(' '))
										arr.push(time);
									});
									$(".fc-day").each(function(i, n) {
										var state = '<font class="redFont" style="font-weight: bold;background: #FFAB3D;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">班</font>';
										$(n).children().find('.fc-day-content').append(state);
										var a = $(this).attr("data-date")
										$(arr).each(function(j, k) {
											if(k == a) {
												if($(n).children().find('.redFont')) {
													$(n).children().find('.redFont').text('休');
													$(n).children().find('.redFont').css('background-color', 'red');
													$(n).children().find('.redFont').addClass("offday");

												}
											}

										})

										//											if($.inArray($(n).attr("data-date"),arr)){
										//											var state = '<font class="redFont" style="font-weight: bold;background: #FFAB3D;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">班</font>';
										//											$(this).children().find('.fc-day-content').append(state);

										//											              if(cdate == $(this).attr("data-date")){
										//											                  //alert(cdate);
										//											                  //console.info($(this).children().find('.fc-day-content'));
										//											                  if(state=='班'){
										//											                      state ='<font class="redFont" style="font-weight: bold;background: #FFAB3D;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">班</font>';
										//											                  }else{
										//											                      state ='<font class="redFont" style="font-weight: bold;background: #37ABEC;color: #fff;padding: 5px;font-size: 16px;border-radius: 5px;">休</font>';
										//											                  }
										//											                  $(this).children().find('.fc-day-content').append(state);
										//											              }
										//}

									})
									callback(data.data);
								}
							});

						},
						dayClick: function(date, allDay, jsEvent, view) {
							var that=this;
							$(that).children().children().find('.redFont').text();
							var Time = $(that).attr("data-date");
							var type = 1;
							if($(that).children().children().find('.redFont').text() != "休") {
								layer.confirm('确定休息日吗？', {
									btn: ['是', '否'] //按钮
								}, function() {
									$(that).children().children().find('.redFont').addClass('active')
									$.ajax({
										type: "post",
										url: huayi.config.callcenter_url + "Workcalendar/setOfforOn",
										dataType: 'json',
										async: true,
										data: {
											offdate: Time,
											token: $.cookie("token"),
											type: 0
										},
										success: function(data) {
											/*验证请求*/
											if(data.state.toLowerCase() == "success") {
												layer.msg("修改成功");
												$('.active').text('休').css('background-color', 'red');
												$(that).children().children().find('.redFont').removeClass('active')
//												blur();
											}
										}
									});
								});
							}else{
								layer.confirm('确定设为工作日吗？', {
								btn: ['是', '否'] //按钮
							}, function() {
								$(that).children().children().find('.redFont').addClass('active')
								$.ajax({
									type: "post",
									url: huayi.config.callcenter_url + "Workcalendar/setOfforOn",
									dataType: 'json',
									async: true,
									data: {
										offdate: Time,
										token: $.cookie("token"),
										type: 1
									},
									success: function(data) {  
										/*验证请求*/
										if(data.state.toLowerCase() == "success") {
											layer.msg("修改成功");
											$('.active').text('班').css('background-color', '#FFAB3D');
											$(that).children().children().find('.redFont').removeClass('active')
//											blur();
										}
									}
								});
							});
							
							}

						}
					});
				}

			});
    </script>
</body>
</html>