lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>日程</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
		<link rel="stylesheet" href="../../../css/common/common.css">
		<link rel="stylesheet" type="text/css" href="../../../css/index/index-schdule/schedule.css" />
		<style type="text/css">
			.day {
				position: absolute;
				z-index: 0;
			}
			
			.list {
				position: relative;
				z-index: 2;
				top: 32px;
				background: rgb(248, 248, 248);
				padding-top: 1px;
			}
			
			.list-box {
				animation: listMove 0.15s linear both;
			}
			
			@-webkit-keyframes listMove {
				from {
					top: 32px;
				}
				to {
					top: 170px;
				}
			}
			
			.list-boxs {
				animation: listMove1 0.15s linear both;
			}
			
			@-webkit-keyframes listMove1 {
				from {
					top: 170px;
				}
				to {
					top: 32px;
				}
			}
			
			.icon,
			.icons {
				display: inline-block;
				width: 22px;
				height: 22px;
				position: relative;
				top: 5px;
				margin-right: 5px;
				background: url('../../../img/admin/executive_unoperation@2x.png') no-repeat;
				background-size: 100%;
			}
			
			.icons {
				background: url('../../../img/admin/executive_operation@2x.png') no-repeat;
				background-size: 100%;
			}
			
			.old-icon {
				display: inline-block;
				width: 18px;
				height: 18px;
				position: relative;
				top: 4px;
				border-radius: 50%;
				background: rgb(153, 153, 153) no-repeat;
				margin-right: 7px;
				margin-left: 2px;
			}
			
			.go-icon,
			.go-icons {
				display: inline-block;
				width: 18px;
				height: 18px;
				position: relative;
				top: 4px;
				border-radius: 50%;
				background: rgb(255, 144, 144) no-repeat;
				margin-right: 7px;
				margin-left: 3px;
			}
			
			.go-icons {
				background: rgb(148, 155, 255);
			}
			
			.mui-pull-right {
				line-height: 0.9;
			}
		</style>
	</head>

	<body>

		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-arrowleft">
				<span class="back">返回</span>
			</a>
			<h1 class="mui-title">日程</h1>
		</header>
		<div class="mui-content">
			<div class="rili">
				<div id="sc-time"  class="nc-box sc-time">
					<span class="sm-mo-word time">&nbsp;</span>
					<span id="sc" class="mui-pull-right mui-icon mui-icon-arrowdown"></span>
				</div>
				<div class="day-title">
					<div>一</div>
					<div>二</div>
					<div>三</div>
					<div>四</div>
					<div>五</div>
					<div>六</div>
					<div>七</div>
				</div>
				<div class="day">
				</div>
			</div>
			<div id="list" class="list">
				<!--任务列表-->
				<div class="sch">
					<div class="nc-box">
						<span class="sm-mo-word">任务列表</span>
						<span class="sm-mo-word" id="../home-index-schedule/week-list.html" onclick="hrefTo(this.id)">查看周报</span>
					</div>
					<div class="schedule">
						<div class="sch-content sch-task">
						</div>
					</div>
				</div>
				<!--重要日程-->
				<div class="sch">
					<div class="nc-box">
						<span class="sm-mo-word">重要日程</span>
						<span></span>
					</div>
					<div class="schedule">
						<div class="sch-content sc-box important-sch">
						</div>
					</div>
				</div>
				<!--今日日程-->
				<div class="sch">
					<div class="nc-box">
						<span class="sm-mo-word">一般日程</span>
						<span></span>
					</div>
					<div class="schedule">
						<div class="sch-content sc-box today-sch">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--固定的菜单选项-->
		<div class="fixed-box">
			<div>
				<a id="../home-index-schedule/task.html" onclick="hrefTo(this.id)">发布任务</a>
			</div>
			<div>
				<a id="../home-index-schedule/add-schedule.html" onclick="hrefTo(this.id)">添加日程</a>
			</div>
			<div class="mo-word xx">
				<img src="../../../img/home-index/add.png"/>
			</div>
		</div>
		<script src="../../../libs/mui.min.js"></script>
		<script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var _taskdata;
			var _importantdata; 
			var _commondata;

			mui.plusReady(function() {
					var str = plus.storage.getItem('user');
					var user = JSON.parse(str);
					var token = user.Data.Token;
					//var exist;
					//当前月份日历
					nowMonth();
					//渲染当前日
					var d = new Date();
					var nowDay = mui('.days');
					for(var i = 0; i < nowDay.length; i++) {
						if(mui('.days')[i].innerHTML == d.getDate()) {
							mui('.days')[i].classList.add('now-day')
						}
					};;
					//点击日期
					mui(document.body).on('tap', '.days', function() {
						for(var i = 0; i < nowDay.length; i++) {
							nowDay[i].classList.remove('active-day')
						}
						mui(this)[0].classList.add('active-day');
						TaskList(token);
					});
					//查询任务
					TaskList(token);
					//日程查询
					ScheduleList(token);
					//下划、上划移动
					var Object = document.getElementById("list");
					//监听点击事件
					var tap_count = 0;
					mui(document.body).on("tap", "#sc-time", function() {
						if(tap_count % 2 == 0) {
							Object.classList.add('list-box');
							Object.classList.remove('list-boxs');
							document.getElementById("sc").className = 'mui-pull-right mui-icon mui-icon-arrowup';
						} else {
							Object.classList.add('list-boxs');
							Object.classList.remove('list-box');
							document.getElementById("sc").className = 'mui-pull-right mui-icon mui-icon-arrowdown';
						}
						tap_count++;
					});

					//如果有任务会议
					//for(var i = 0; i < exist.length; i++) {
					//	for(var j = 0; j < (nowDay.length - 1); j++) {
					//		if(mui('.days')[j].innerHTML == exist[i]) {
					//			mui('.days')[j].parentNode.childNodes[1].classList.add('exist-day')
					//		}
					//	}
					//};

				})
				//当前月份的日历
			function nowMonth() {
				var nowdays = new Date();
				var year = nowdays.getFullYear();
				var month = nowdays.getMonth();
				mui('.time')[0].innerHTML = year + "年" + (month + 1) + "月";
				var day31 = ['1', '3', '5', '7', '8', '10', '12'];
				var isMouth = false;
				var html = '';
				for(var i = 0; i < day31.length; i++) {
					if(day31[i] == (month + 1)) {
						isMouth = true;
					}
				}
				//前面空
				//判断前一个月的
				var oldmouth;
				var oldyear;
				if(month == 0) {
					oldmouth = 12;
					oldyear = year - 1;
				}
				if(month < 10) {
					oldmouth = "0" + month;
					oldyear = year
				}
				var myDate = new Date(oldyear, oldmouth, 0);
				for(var i = 0; i < myDate.getDay(); i++) {
					html += '<div class="kong">空</div>'
				}
				//31天
				if(isMouth) {
					for(var j = 1; j < 32; j++) {
						html += '<div><span class="days">' + j + '</span><span></span></div>'
					}
				}
				//30天
				if(!isMouth && (month + 1) != 2) {
					for(var j = 1; j < 31; j++) {
						html += '<div><span class="days">' + j + '</span><span></span></div>'
					}
				}
				//特殊二月
				if((month + 1) == 2) {
					if(year % 4 == 0) {
						for(var j = 1; j < 30; j++) {
							html += '<div><span class="days">' + j + '</span><span></span></div>'
						}
					} else {
						for(var j = 1; j < 29; j++) {
							html += '<div><span class="days">' + j + '</span><span></span></div>'
						}
					}
				}
				mui('.day')[0].innerHTML = html
			}

			//查询任务
			function TaskList(token) {
				var day;
                /*if(mui('.active-day')[0] == undefined) {
					day = mui('.now-day')[0].innerHTML
				} else {
					day = mui('.active-day')[0].innerHTML
				}*/
				var postdata = {
					"TaskStatus": 0 //0.未完成  1.已完成
				}
				mui.ajax("http://www.bosshand.cn/api/Customer/GetUserScheduleList", {
					headers: {
						authorization: token,
						ContentType: 'application/x-www-form-urlencoded',
					},
					type: "post",
					data: postdata,
					dataType: 'json',
					success: function(data) {
						var data = data.Data.list;
						var html = '';
						_taskdata = data;
                         for(var i = 0; i < data.length; i++) {
							if(!data[i].IsCreate) {
								//if(getLocalDay(data[i].ScheduleTime) == day) {
                         alert(0)
									html += '<div onclick="openDetails(' + i + ')">'
									html += '<span>' + getLocalDate(data[i].ScheduleTime) + '</span>'
									html += '<span class="sm-word">' + data[i].ScheduleTitle + '</span>'
									html += '<span class="mui-icon mui-icon mui-icon-arrowright right"></span>'
									html += '</div>'
								//}
								exist = getLocalDay(data[i].ScheduleTime)
							}
						}
						if(html == '') {
							html += '<div>'
							html += '<span style="display:none"></span>'
							html += '<span class="sm-word">暂无信息</span>'
							html += '</div>'
						}
						mui('.sch-task')[0].innerHTML = html
					}
				});
			}

			//日程查询 
			function ScheduleList(token) {
				mui.ajax("http://www.bosshand.cn/api/Customer/GetScheduleList", {
					headers: {
						authorization: token,
					},
					type: "post",
					data: {},
					dataType: 'json',
					success: function(data) {
						var data = data.Data.list;
						var html = '';
						_importantdata = data[0].list_Schedule;
						var nowdays = new Date();
						//重要日程old-icon   icon     go-icon
						if(data[0].list_Schedule[0] != undefined) {
							for(var i = 0; i < data[0].list_Schedule.length; i++) {
								html += '<div  onclick="openDetail(' + i + ')">'
								html += '<span>' + getLocalDate(data[0].list_Schedule[i].ScheduleTime) + '</span>'
								if(getLocalDate(data[0].list_Schedule[i].ScheduleTime) < (nowdays.getHours() + ':' + nowdays.getMinutes())) {
									html += '<span class="old-icon"></span>'
								} else if(getLocalDate(data[0].list_Schedule[i].ScheduleTime) == (nowdays.getHours() + ':' + nowdays.getMinutes())) {
									html += '<span class="icon"></span>'
								} else {
									html += '<span class="go-icons"></span>'
								}
								html += '<span>' + data[0].list_Schedule[i].ScheduleTitle + '</span>'
								html += '</div>'

							}
						} else {
							html += '<div>';
							html += '<span style="display:none"></span>';
							html += '<span></span>';
							html += '<span>暂无信息</span>';
							html += '</div>';
						}
						mui('.important-sch')[0].innerHTML = html;
						//今日日程日程old-icon   icons     go-icons
						var htmls = '';
						_commondata = data[1].list_Schedule

						if(data[1].list_Schedule[0] != undefined) {
							for(var i = 0; i < data[1].list_Schedule.length; i++) {
								htmls += '<div  onclick="openD(' + i + ')">'
								htmls += '<span>' + getLocalDate(data[1].list_Schedule[i].ScheduleTime) + '</span>'
								if(getLocalDate(data[1].list_Schedule[i].ScheduleTime) < (nowdays.getHours() + ':' + nowdays.getMinutes())) {
									htmls += '<span class="old-icon"></span>'
								} else if(getLocalDate(data[1].list_Schedule[i].ScheduleTime) == (nowdays.getHours() + ':' + nowdays.getMinutes())) {
									htmls += '<span class="icons"></span>'
								} else {
									htmls += '<span class="go-icons"></span>'
								}
								htmls += '<span>' + data[1].list_Schedule[i].ScheduleTitle + '</span>'
								htmls += '</div>'
							}
						} else {
							htmls += '<div>'
							htmls += '<span style="display:none"></span>'
							htmls += '<span></span>'
							htmls += '<span>暂无信息</span>'
							htmls += '</div>'
						}
						mui('.today-sch')[0].innerHTML = htmls;
					}
				});
			}
			//固定菜单 
			var count = 0;
			mui(document.body).on('tap', '.xx', function() {
				if(count % 2 == 0) {
					//mui('.fixed-box')[0].childNodes[1].className = 'move3';
					mui('.fixed-box')[0].childNodes[1].className = 'move2';
					mui('.fixed-box')[0].childNodes[3].className = 'move1';
					mui('.fixed-box')[0].childNodes[5].className = 'mo-word xx move7';
				} else {
					//mui('.fixed-box')[0].childNodes[1].className = 'move6';
					mui('.fixed-box')[0].childNodes[1].className = 'move5';
					mui('.fixed-box')[0].childNodes[3].className = 'move4';
					mui('.fixed-box')[0].childNodes[5].className = 'mo-word xx move8';
				}
				count++
			});
			//时间
			function getLocalDate(now) {
				var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
				var arr = date.split(' ');
				//日期
				var arrDate = arr[0].split('-');
				//时间
				var arrTime = arr[1].split(':');
				return arrTime[0] + ':' + arrTime[1];
			}
			//日
			function getLocalDay(now) {
				var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
				var arr = date.split(' ');
				//日期
				var arrDate = arr[0].split('-');
				return arrDate[2]
			}
			//跳转
			function openDetails(i) {
				var data = _taskdata[i]
				mui.openWindow({
					url: '../home-index-schedule/task-details.html',
					extras: {
						data: data
					},
					createNew: true, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
					show: {
						autoShow: true, //页面loaded事件发生后自动显示，默认为true
					},
					waiting: {
						autoShow: false, //自动显示等待框，默认为true
					}
				})
			}

			function openDetail(i) {
				var data = _importantdata[i]
				mui.openWindow({
					url: '../home-index-schedule/important-details.html',
					extras: {
						data: data
					},
					createNew: true, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
					show: {
						autoShow: true, //页面loaded事件发生后自动显示，默认为true
					},
					waiting: {
						autoShow: false, //自动显示等待框，默认为true
					}
				})
			}

			function openD(i) {
				var data = _commondata[i]
				mui.openWindow({
					url: '../home-index-schedule/common-details.html',
					extras: {
						data: data
					},
					createNew: true, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
					show: {
						autoShow: true, //页面loaded事件发生后自动显示，默认为true
					},
					waiting: {
						autoShow: false, //自动显示等待框，默认为true
					}
				})
			}
		</script>
	</body>

</html>