mengjie
/
FuWaiCallCenter_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
							<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<script src="../Script/Common/huayi.load.js"></script>
	<script src="../Script/Common/huayi.config.js"></script>
	<link rel="stylesheet" href="../css/init.css" />
	<link href="../js/fullcalendar/fullcalendar.css" rel="stylesheet" />
	<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 src="../js/fullcalendar/fullcalendar.min.js"></script>
	<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({
					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 st = $.fullCalendar.formatDate(start, "yyyy-MM-dd");
						var ed = $.fullCalendar.formatDate(end, "yyyy-MM-dd");
						$.ajax({
							type: "get",
							url: huayi.config.callcenter_url + "WorkOffDays/GetList",
							dataType: 'json',
							async: true,
							data: {
								"token": $.cookie("token")
							},
							success: function (data) {
								/*验证请求*/
								//工作日
								var arr = [];
								var time;
								$(data.data).each(function (i, n) {
									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) {
						$(this).children().children().find('.redFont').text();
						var Time = $(this).attr("data-date");
						var type = 1;
						if ($(this).children().children().find('.redFont').text() != "休") {
							layer.confirm('确定休息日吗？', {
								btn: ['是', '否'] //按钮
							}, function () {
								$.ajax({
									type: "post",
									url: huayi.config.callcenter_url + "WorkOffDays/setOfforOn",
									dataType: 'json',
									async: true,
									data: {
										offdate: Time,
										token: $.cookie("token"),
										type: 0
									},
									success: function (data) {
										/*验证请求*/
										if (data.state.toLowerCase() == "success") {
											layer.msg("修改成功");
											blur();
										}
									}
								});
							});
						} else {
							layer.confirm('确定设为工作日吗？', {
								btn: ['是', '否'] //按钮
							}, function () {
								$.ajax({
									type: "post",
									url: huayi.config.callcenter_url + "WorkOffDays/setOfforOn",
									dataType: 'json',
									async: true,
									data: {
										offdate: Time,
										token: $.cookie("token"),
										type: 1
									},
									success: function (data) {
										/*验证请求*/
										if (data.state.toLowerCase() == "success") {
											layer.msg("修改成功");
											blur();
										}
									}
								});
							});
						}

					}
				});
			}

		});
	</script>
</body>

</html>