<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>周计划录入</title>
</head>
<style>
	.base-extend #myModal-modifyweekwork .hasradio label,
	.base-extend #myModal-addweekwork .hasradio label{
		padding-top:0;
		padding-left:0;
	}
	.base-extend #myModal-modifyweekwork .hasradio label input,
	.base-extend #myModal-addweekwork .hasradio label input{
		width:auto;
		margin:0;
		position:static;
	}
</style>
<body>
<div class="base-extend">
	<input type="hidden" id="userId" th:value="${userId}" />
	<input type="hidden" id="workTime" th:value="${workTime}" />
	<input type="hidden" id="mylistpage"/>
	<ol class="breadcrumb">
	  	<li>办公管理</li>
	  	<li>五十二周管理</li>
	  	<li>周计划录入</li>
	</ol>
	<div class="week_box">
		<input type="hidden" id="presentWeekth"/>
		 <input type="hidden" id="presentYearth"/>
		<input id="lastWeek" type="hidden" />
		<input id="thisWeekTime" type="hidden" /> 
		<input id="nextWeek" type="hidden" />
		<input type="hidden" id="weekYearth"/>
		<div class="week-header">
			<button class="btn btn-white btn-info colorbtn add-week-work" type="button">新增计划</button>
			<div class="btn-group btn-group-weekcenter">
				<div class="btn-group">
					<button class="btn btn-link" type="button" style="float:right">年</button>
					<button type="button monthBtnGroup" class="btn dropdown-toggle weekwork-yearth-dropdown" data-toggle="dropdown">2018</button>
					<ul class="year-dropdown-menu dropdown-menu pull-right" role="menu"></ul>
				</div>
				<div class="btn-group prev_next_btn">
					<button type="button" class="btn year_prev_btn"><i class="icon icon-caret-up"></i></button>
					<button type="button" class="btn year_next_btn"><i class="icon icon-caret-down"></i></button>
				</div>
				<div class="btn-group">
					<button class="btn btn-link" type="button" style="float:left;margin-right:0.05rem">第</button>
					<button class="btn btn-link" type="button" style="float:right">周</button>
					<button type="button" class="btn dropdown-toggle weekwork-weekth-dropdown" data-toggle="dropdown">1</button>
					<ul class="week-dropdown-menu dropdown-menu pull-right" role="menu"></ul>
				</div>
				<div class="btn-group prev_next_btn">
					<button type="button" class="btn week_prev_btn"><i class="icon icon-caret-up"></i></button>
					<button type="button" class="btn week_next_btn"><i class="icon icon-caret-down"></i></button>
				</div>
			</div>
			<span class="weekwork-dateRange">02-05~02-11</span>
		</div>
		<div class="week_timebox">
			<div class="week-work-header">
				<div class="state">
					<div class="weekview-state workState_working">进行中</div>
					<div class="weekview-state workState_finsh">完成</div>
					<div class="weekview-state workState_pause">暂停</div>
					<div class="weekview-state workState_continue_next_week">下周继续</div>
					<div class="weekview-state workState_stop">终止</div>
					<div class="weekview-state workState_overdue">逾期</div>
				</div>
			</div>
		</div>
		<div class="week_taskbox">
			<div class="work-plan-body">
				<div class="thisWeek-work-plan">
					<div class="work-plan-title">本周</div>
					<ul class="week-plan_taskul">
					</ul>
				</div>
				<div class="nextWeek-work-plan">
					<div class="work-plan-title">下周</div>
					<ul class="week-plan_taskul">
					</ul>
				</div>
				<div class="baffle"></div>
			</div>
		</div>
		<!-- 新增计划 -->
		<div class="modal fade businessDialog" id="myModal-addweekwork" data-backdrop="static">
			<div class="modal-dialog" style="width:7rem;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">新增计划</span>
				</div>
				<div class="modal-content">
					<form class="form-horizontal" id="addWorkForm" action="/weekWorkPlan/do_add">
						<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
							<div class="row">
								<div class="col-xs-12 leftDialog">
									<input type="text" class="nextweek_sign" val="" style="display: none">
									<table>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>状态</span>：
											</td>
											<td width="80%" class="hasradio enter">
												<label class="radio-inline" th:if="${overdue} != ${state.code}" th:each="state,states:${workStateList} "> 
													<input th:if="${states.index == 0} " checked type="radio" name="workState.id" th:value="${state.id}" th:class="${state.code}"> 
													<input th:if="${states.index != 0} " type="radio" name="workState.id" th:value="${state.id}" th:class="${state.code}"> 
													<span th:text="${state.name}"></span>
												</label>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>标题</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" name="title" maxlength="25" id="inputtitle1" class="form-control addLeftInputTitle">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>优先级</span>：
											</td>
											<td width="80%" class="enter">
												<select class="form-control" id="inputAddress1" name="level">
													<option value="normal" option="selected">普通</option>
													<option value="urgent">紧急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>开始时间</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" id="inputdateselect1" name="workTime" readOnly class="form-control form-date leftformdate" placeholder="请选择开始时间">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>工作内容</span>：
											</td>
											<td width="80%" class="enter">
												<textarea class="form-control" name="workContent" id="inputcontent1" rows="5" maxlength="1500" placeholder="请输入工作内容" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
											</td>
										</tr>
									</table>
								</div>
								<div class="col-xs-6" style="display: none; margin-left:-7rem">
									<table>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>状态</span>：
											</td>
											<td width="80%" style="background:#fff;">
												进行中
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>标题</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" name="nextWeekWorkPlan.title" maxlength="25" id="inputtitle2" class="form-control addRightInputTitle">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>优先级</span>：
											</td>
											<td width="80%" class="enter">
												<select class="form-control" id="inputAddress2" name="nextWeekWorkPlan.level">
													<option value="normal" option="selected">普通</option>
													<option value="urgent">紧急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>开始时间</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" id="inputdateselect2" name="nextWeekWorkPlan.workTime" readOnly class="form-control form-date rightformdate" placeholder="请选择开始时间">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>工作内容</span>：
											</td>
											<td width="80%" class="enter">
												<textarea class="form-control" name="nextWeekWorkPlan.workContent" id="inputcontent2" rows="5" maxlength="1500" placeholder="请输入工作内容" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary btn-white btn-info colorbtn addWeekWorkBtn">保存</button>
							<button type="button" class="btn btn-default btn-white btn-info closeAddWeekWorkBtn" data-dismiss="modal">关闭</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 修改计划 -->
		<div class="modal fade businessDialog" id="myModal-modifyweekwork" data-backdrop="static">
			<div class="modal-dialog" style="width:7rem;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×<span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">修改计划</span>
				</div>
				<div class="modal-content">
					<form class="form-horizontal" id="updateWorkForm" action="/weekWorkPlan/update">
						<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
							<div class="row">
								<div class="col-xs-12 leftDialog">
									<input type="text" id="updateInputId" value="" name="id" style="display: none">
									<table>
										<tr class="modifyplan-workingdoing">
											<td width="20%">状态：</td>
											<td width="80%" style="background:#fff;">进行中</td>
										</tr>
										<tr class="modifyplan-allstate">
											<td width="20%">
												<span class='required_fileds_star'>状态</span>：
											</td>
											<td width="80%" class="hasradio enter updateAllState"></td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>标题</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" name="title" maxlength="25" id="updateInputTitle" class="form-control">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>优先级</span>：
											</td>
											<td width="80%" class="enter">
												<select class="form-control" id="updateInputAddress" name="level">
													<option value="normal">普通</option>
													<option value="urgent">紧急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>开始时间</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" id="updateInputdateSelect" name="workTime" readOnly class="form-control form-date leftformdate" placeholder="请选择开始时间">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>工作内容</span>：
											</td>
											<td width="80%" class="enter">
												<textarea class="form-control" name="workContent" id="updateInputContent" rows="5" maxlength="1500" placeholder="请输入工作内容" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
											</td>
										</tr>
									</table>
								</div>
								<div class="col-xs-6" style="display: none; margin-left: -7rem">
									<input type="text" id="next_updateInputId" value="" name="nextWeekWorkPlan.id" style="display: none">
									<table>
										<tr class="modifyplan-allstate">
											<td width="20%">
												<span class='required_fileds_star'>状态</span>：
											</td>
											<td width="80%" style="background:#fff;">
												<span id="next_updateRadioOptions">进行中</span>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>标题</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" name="nextWeekWorkPlan.title" maxlength="25" id="next_updateInputTitle" class="form-control">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>优先级</span>：
											</td>
											<td width="80%" class="enter">
												<select class="form-control" id="next_updateInputAddress" name="nextWeekWorkPlan.level">
													<option value="normal">普通</option>
													<option value="urgent">紧急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>开始时间</span>：
											</td>
											<td width="80%" class="enter">
												<input type="text" id="next_updateInputdateSelect" name="nextWeekWorkPlan.workTime" readOnly class="form-control form-date rightformdate" placeholder="请选择开始时间">
											</td>
										</tr>
										<tr>
											<td width="20%">
												<span class='required_fileds_star'>工作内容</span>：
											</td>
											<td width="80%" class="enter">
												<textarea class="form-control" name="nextWeekWorkPlan.workContent" id="next_updateInputContent" rows="5" maxlength="1500" placeholder="请输入工作内容" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary btn-white btn-info colorbtn updateWeekWorkBtn">保存</button>
							<button type="button" class="btn btn-default btn-white btn-info closeUpdateWeekWorkBtn" data-dismiss="modal">关闭</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 查看计划 -->
		<div class="modal fade businessDialog" id="myModal-viewweekwork" data-backdrop="static">
			<div class="modal-dialog" style="width:7rem">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">查看计划</span>
				</div>
				<div class="modal-content form-horizontal">
					<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
						<div class="row">
							<div class="col-xs-12 leftDialog">
								<table>
									<tr>
										<td width="20%">状态：</td>
										<td width="80%" style="background:#fff;" class="view-state"></td>
									</tr>
									<tr>
										<td width="20%">标题：</td>
										<td width="80%" style="background:#fff;" class="view-title"></td>
									</tr>
									<tr>
										<td width="20%">优先级：</td>
										<td width="80%" style="background:#fff;" class="view-urgent"></td>
									</tr>
									<tr>
										<td width="20%">开始时间：</td>
										<td width="80%" style="background:#fff;" class="view-starttime"></td>
									</tr>
									<tr>
										<td width="20%">工作内容：</td>
										<td width="80%" class="enter">
											<textarea readonly class="form-control view-content" rows="5" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
										</td>
									</tr>
								</table>
							</div>
							<div class="col-xs-6 nextweekwork-content" style="display: none">
								<table>
									<tr>
										<td width="20%">状态：</td>
										<td width="80%" style="background:#fff;" class="view-nextstate"></td>
									</tr>
									<tr>
										<td width="20%">标题：</td>
										<td width="80%" style="background:#fff;" class="view-nexttitle"></td>
									</tr>
									<tr>
										<td width="20%">优先级：</td>
										<td width="80%" style="background:#fff;" class="view-nexturgent"></td>
									</tr>
									<tr>
										<td width="20%">开始时间：</td>
										<td width="80%" style="background:#fff;" class="view-nextstarttime"></td>
									</tr>
									<tr>
										<td width="20%">工作内容：</td>
										<td width="80%" class="enter">
											<textarea readonly class="form-control view-nextcontent" rows="5" style="resize:none;padding:0.05rem;padding-left:0.1rem !important;"></textarea>
										</td>
									</tr>
								</table>
							</div>
								
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary btn-white btn-info colorbtn modifyWeekWorkBtn">修改</button>
					<button type="button" class="btn btn-white btn-info deleteWeekWorkBtn" style="color:red !important;">删除</button>
					<button type="button" class="btn btn-white btn-info btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
		<script src="/js/officeManagement/weekWorkPlanList/weekWorkBasic.js"></script>
		<script src="/js/officeManagement/weekWorkPlanList/add-weekwork.js"></script>
</div>
</body>
</html>