hs
/
hbghj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
							<!DOCTYPE html>
<html>
<head>
<title>湖北智慧水运</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#zuo1").click(function() {
			$("#spanyear").html(parseInt($("#spanyear").html()) - 1);
			sbwanghao();
		})
		$("#zuo2").click(function() {
			if (parseInt($("#spanyue").html()) - 1 < 1) {
				$("#spanyue").html(12);
				$("#spanyear").html(parseInt($("#spanyear").html()) - 1);
			} else {
				$("#spanyue").html(parseInt($("#spanyue").html()) - 1);
			}
			sbwanghao();
		})
		$("#you1").click(function() {
			if (parseInt($("#spanyue").html()) + 1 > 12) {
				$("#spanyue").html(1);
				$("#spanyear").html(parseInt($("#spanyear").html()) + 1);
			} else {
				$("#spanyue").html(parseInt($("#spanyue").html()) + 1);
			}
			sbwanghao();
		})
		$("#you2").click(function() {
			$("#spanyear").html(parseInt($("#spanyear").html()) + 1);
			sbwanghao();
		})

		$("#todaybutton").click(function() {
			$("#spanyear").html(new Date().getFullYear());
			$("#spanyue").html(new Date().getMonth() + 1);
			sbwanghao();
		})

	})
	function showjhrc(data) {
		window.location.href="jhrcxq.html?data="+data;
	}
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
.table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table tr td {
	width: 14.28%;
	text-align: center;
	border: 1px solid #dadada;
	height: 47px;
	line-height: 47px;
	vertical-align: middle;
	position: relative;
}

body, button, input, div {
	margin: 0px;
	padding: 0px
}

.gray {
	color: #dadada;
}

.table .tr1 td {
	height: 42px;
	background: #0c83d3;
	color: #fff;
	border: none;
	font-size: 16px;
	border: 1px solid #0c83d3;
}

.header {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	position: fixed;
	color: #eee;
	z-index: 99999999999;
	top: 0px;
	font-size: 22px;
	text-align: center;
	color: white;
	background: #2196f3;
}

.header span {
	margin-left: 5px;
}

.chaxun {
	border: 1px solid gray;
	background: white;
	width: 20%;
	margin-left: 2.5%;
	height: 30px;
	border-radius: 5px;
}

.diandian {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -3px;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.icons-box .infont a i {
	font-size: 25px;
	display: block;
	color: #676a6c;
}

.fa-backward:before {
	content: "\f04a";
}

.fa-backward:before {
	content: "\f04a";
}

.grjh_cirlce_3 {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -3px;
}

td {
	cursor: pointer;
}
</style>
</head>
<body>
	<div class="header">
		<button id="todaybutton"
			style="background-color: #2981e4; border-radius: 5px; border: 0px; font-size: 20px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; color: white; position: fixed; right: 10px; top: 7px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); cursor: pointer;">今天</button>
		<span>个人日程计划</span>
	</div>
	<table class="table" style="margin-top: 40px" id="mytable">
		<tr class="tr1">
			<td colspan="7" style="position: relative;"><img
				src="../images/shuangzuo.png"
				style="float: left; position: absolute; left: 10px; top: 29px;"
				id="zuo1" /> <img src="../images/danzuo.png"
				style="float: left; position: absolute; left: 50px; top: 25px;"
				id="zuo2" /> <img src="../images/shuangyou.png"
				style="float: left; position: absolute; right: 10px; top: 27px;"
				id="you2" /> <img src="../images/danyou.png"
				style="float: left; position: absolute; right: 55px; top: 22px;"
				id="you1" /> <span
				style="font-weight: bold; font-size: 25px; margin-top: 15px; display: block;">
				<div id="spanyear" style="display:none"></div>
				<div id="spanyue" style="display:none"></div>
				<span id="yearshow">&nbsp;&nbsp;</span><span id="yueshow">&nbsp;&nbsp;</span></td>
		</tr>
		<tr class='grbg_jhrc_data_week'>
			<td>周日</td>
			<td>周一</td>
			<td>周二</td>
			<td>周三</td>
			<td>周四</td>
			<td>周五</td>
			<td>周六</td>
		</tr>
	</table>
	<script>
		sbwanghao();
			function sbwanghao() {
				$.ajax({
							type : 'post',
							url : '../../jhrccontroller/queryBycreatetime.do',
							data:{
								year:$("#spanyear").html(),
								month:$("#spanyue").html(),
								uid:"402881e44e86c26d014e86c9ae8c0008",code:getQueryString("code")
							},
							dataType : 'json',
							success : function(data) {
								console.log(data);
							 	$(".removetr").remove();
							 	var weekindex = data[0].weekindex;//星期几
								var neforeMonthDays = data[0].neforeMonthDays;//上个月的天数
								var nextMonthDays = data[0].nextMonthDays;//当月的天数
								var year = data[0].year;//年
								var month = data[0].month;//月
								
								var shangmonth =  month;
								var shangyear =  year;
								var xiamonth =  month;
								var xiayear =  year;
								
								if((shangmonth-1) == 0){
									shangmonth = 12;
									shangyear = shangyear-1;
								}else{
									shangmonth= shangmonth-1;
									if(shangmonth < 10){
										shangmonth = "0"+shangmonth;
									}
								}
								
								if((xiamonth+1) == 13){
									xiamonth = 1;
									xiayear = xiayear+1;
								}else{
									xiamonth= xiamonth+1;
								}
								
								var pdata = data[0].data;//日
								var day = pdata.substring(pdata.length-2,pdata.length);
								var newMonth = month;
								if(newMonth<10){
									newMonth="0"+newMonth;
								}
								var daytime = year+"-"+newMonth+"-"+day;
								var datetime = year+"-"+newMonth;
								var showDay = false;
								if(pdata == daytime){
									showDay = true;
								}
								var time = data[0].data+" 00:00:00";//日期
								
								$("#spanyear").html(year);
								$("#spanyue").html(month);
								$("#yearshow").html(year+"年");
								$("#yueshow").html(month+"月");
								
								var shang = data[0].shang;
								var zhong = data[0].zhong;
								var xia = data[0].xia;
								
								var index = 0;
								var adb = "<tr class='removetr'>";
								for (var j = weekindex-1; j > 0; j--) {
									if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									adb = adb+"<td style='color:#dadada' onmousedown='showjhrc(\""+shangyear+"-"+shangmonth+"-"+(parseInt(neforeMonthDays)-j+1)+"\");' id='td"+index+"'>"+(parseInt(neforeMonthDays)-j+1);
									for (var i = 0; i < shang.length; i++) {
										if(shang[i].day == (parseInt(neforeMonthDays)-j+1)){
											adb = adb + " <img src='grjh_cirlce_3.png' class='grjh_cirlce_3'>";
										}
									}
									adb = adb + "</td>";
									index=index+1;
								}
								for (var i = 0; i < nextMonthDays; i++) {
									if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									if(i < 9){
										adb = adb+"<td onmousedown='showjhrc(\""+datetime+"-0"+(i+1)+"\");' ";
									}else{
										adb = adb+"<td onmousedown='showjhrc(\""+datetime+"-"+(i+1)+"\");' ";
									}
									if(showDay && day == (i+1)){
										adb = adb + "style = 'color:#0c83d3' ";
									}
									adb = adb + ">" + (i+1);
									
									for (var j = 0; j < zhong.length; j++) {
										if(zhong[j].day == (i+1)){
											adb = adb + " <img src='grjh_cirlce_3.png' class='grjh_cirlce_3'>";
										}
									}
									adb = adb+"</td>"
									index=index+1;
								}
								for (var p = 0; p < 42 - weekindex - nextMonthDays+1; p++) {
									if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									if(p<9){
										adb = adb+"<td style='color:#dadada' onmousedown='showjhrc(\""+xiayear+"-"+xiamonth+"-0"+(p+1)+"\");' id='td"+index+"'>"+(p+1);
									}else{
										adb = adb+"<td style='color:#dadada' onmousedown='showjhrc(\""+xiayear+"-"+xiamonth+"-"+(p+1)+"\");' id='td"+index+"'>"+(p+1);
									}
									for (var j = 0; j < xia.length; j++) {
										if(xia[j].day == (p+1)){
											adb = adb + " <img src='grjh_cirlce_3.png' class='grjh_cirlce_3'>";
										}
									}
									"</td>"
									index = index+1;
								}
								 adb = adb+"</tr>";
								 index = 0;
								 $("#mytable").append(adb);
							 	
							/*   var gvlist = data[0].gvlist;//集合
								 var weekindex = data[0].weekindex;//星期几
								 var neforeMonthDays = data[0].neforeMonthDays;//上个月的天数
								 var year = data[0].year;//年
								 var month = data[0].month;//月
								 var pdata = data[0].data;//日
								 var time = data[0].data+" 00:00:00";//日期
								 
								 $("#spanyear").html(year);
								 $("#spanyue").html(month);
								 $("#yearshow").html(year+"年");
								 $("#yueshow").html(month+"月");
								 
								var index = 0;
								var adb = "<tr class='removetr'>";
								for (var j = weekindex-1; j > 0; j--) {
									 if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									adb = adb+"<td style='color:#dadada' id='td"+index+"'>"+(parseInt(neforeMonthDays)-j)+"</td>";
									index=index+1;
								}
								for (var k = 0; k < gvlist.length; k++) {
									if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									adb = adb+"<td id='td' onmousedown='showjhrc(\""+gvlist[k].day+"\");'";
									if(gvlist[k].day == time){
										adb = adb + "style = 'color:#0c83d3' ";
									}
									adb = adb + ">" + (k+1);
									if(gvlist[k].hasTask){
										adb = adb + " <img src='grjh_cirlce_3.png' class='grjh_cirlce_3'> ";
									}
									adb = adb+"</td>"
									index=index+1;
								}
								
								for (var p = 0; p < 42 - weekindex - gvlist.length+1; p++) {
									if(index%7 == 0 && index < 42){
										 adb = adb+"</tr><tr class='removetr'>";
									 }
									adb = adb+"<td style='color:#dadada' id='td"+index+"'>"+(p+1)+"</td>";
									index = index+1;
								}
								 adb = adb+"</tr>";
								 index = 0;
								 $("#mytable").append(adb); */
							}
						});
			}
		</script>
</body>
</html>