<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>周例会</title>
	<link rel="stylesheet" href="/css/external/weekRegularMeeting.css" type="text/css">
</head>
<style type="text/css">
	.week-meeting-header .btn {
		background: #f4f4f4;
	    font-size: 0.24rem;
	    border: none;
	    color: #000;
	    padding: 0.02rem;
	    text-align: center;
	    margin-left:0.15rem !important;
	    margin-right:0.15rem;
	    font-weight:bold;
	}
	.week-meeting-header .btn:hover {
		box-shadow:none;
	}
	.weekmeeting-detail {
		padding: 20px;
	}
	.weekmeeting-detail .ui-jqgrid {
		background-color:#fff;
	}
	#meetingdetai{
		display:none;
	}
	.caret{
		border-width:0.06rem;
	}
	.lastWeekChooseDiv{
		position:absolute;
		right:-0.1rem;
		left:1.3rem;
		border:1px solid #E4E4E4;
		height:0.34rem;
		line-height:0.32rem;
		border-radius:0.05rem;
		padding:0 0.1rem;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    font-size:0.12rem;
	}
	.lastWeekChooseDiv span.chooseDepartOrPersonSpan{
		font-size:0.12rem;
		margin-right:0.1rem;
		display:inline;
		color:#333;
		background:none;
		padding:0;
	}
</style>
<body style="background-color: #f4f4f4;"> 
<div class="base-extend">
	<ol class="breadcrumb">
	  	<li>办公管理</li>
	  	<li>五十二周管理</li>
	  	<li>周例会</li>
	</ol>
	<div id="meetingcircle">
		<div class="maxdiv">
			<div class="week-overview" style="display:block">
				<div class="week-meeting-header">
					<div class="btn-group"><button type="button" class="btn header-fullyear">某年</button></div>
					<div class="btn-group"><button type="button" class="btn header-timeslot"></button></div>
					<div class="btn-group"><button type="button" class="btn header-weeknum"></button></div>
				</div>
				<div class="week-meeting-body">
					<div class="plan-statistics">
						<div class="plan-header">上周工作计划统计</div>
						<div class="condition-query">
							<p style="font-size:0.12rem;float:left;line-height:0.34rem;width:1.3rem;text-align:right;">部门及人员筛选：</p>
							<div class="lastWeekChooseDiv">
								全公司
							</div>
						</div>	
						<div class="plan-chart work-progress">
							<div class="homePage_OverviewcircleChart" chart="homePage_OverviewcircleChart" style="height:3rem;margin-bottom:20px;width:100%;"></div>
						</div>
					</div> 
					<div class="speed-statistics">
						<div class="plan-header">上周业务进度统计</div>
						<div class="condition-query">
							<p style="font-size:0.12rem;float:left;line-height:0.34rem;width:1.3rem;text-align:right;">业务筛选：</p>
							<div style="position:absolute;right:0.2rem;left:1.3rem;">
								<select class="form-control lastWeekBusinessSelect" >
									<option value="">全部业务</option>
									<option th:each="businessModule,businessModules:${businessModuleMap}" th:text="${businessModule?.value}" th:value="${businessModule?.key}"></option>
								</select>
							</div>
						</div>
						<div class="plan-chart business-progress">
							<div class="homePage_OverviewbarChart" chart="homePage_OverviewbarChart" style="height:3rem;width:100%;"></div>
						</div>	
					</div>
					
				</div>
				 <div class="work-plan-body">
					<div class="lastWeek-work-plan">
						<div class="work-plan-title">上周工作计划</div>
						<ul class="week-plan_taskul"></ul>
					</div>
					<div class="thisWeek-work-plan">
						<div class="work-plan-title">本周工作计划</div>
						<ul class="week-plan_taskul"></ul>
					</div>
				</div>	
			</div>
		</div>
		<div class="state-details" style="display: none">
			<div class="state-details-header">进行中</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-default btn-white btn-info" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
	<!-- 选择部门及人员的弹框 -->
	<div class="modal fade businessDialog choosePersonDialog" id="myModal-adjustDepartment" data-backdrop="static">
		<div class="modal-dialog" style="width:8.5rem;">
			<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" style="overflow:hidden;">
				<p class="adjustTip"><span>选择 :</span><span style="margin-left:0.2rem;width:auto;">已选 :</span></p>	
				<div class="leftCheck">
					<div class="yk_selector_navbar">
						<i class="icon icon-double-angle-left backbtn"></i>
						<div class="yk_selector_navbar_item">
							<span>组织机构</span>
						</div>
					</div>
					<div class="yk_selector_checkbtn">
						<label style="cursor:pointer;width:100%;">
						    <input type="checkbox">&nbsp;&nbsp;全选
						</label>
					</div>
					<ul class="yk_selector_main">
						
					</ul>
				</div>
				<div class="rightAlreadyCheck">
					<ul class="yk_check_main">
						
					</ul>
				</div>
			</div>
			<div class="modal-footer" style="border-top:0px;">
				<button type="button" class="btn btn-primary btn-white btn-info colorbtn chooseSure">确定</button>
				<button type="button" class="btn btn-primary btn-white btn-info colorbtn chooseSureHide" style="display:none !important;">隐藏的确定</button>
				<button type="button" class="btn btn-default btn-white btn-info" data-dismiss="modal">取消</button>
			</div>
		</div>
	</div>
	<!-- 周例会中周计划详情页面 -->
	<div id="meetingdetai">
		<div class='listBackBox'>
			<i class="icon icon-reply" style="padding-left:0.2rem;color:#54c3fe;font-size:0.22rem;cursor:pointer;"></i>
			<div class="weekmeeting-detail col-xs-12 businessTable" style="padding:0.05rem 0.2rem 0 0.2rem;float:none;">
				<table id="weekMeetingList" style="width:100%;"></table>
				<div id="weekMeetingListPage"></div>
			</div>
		</div>
		<div class="modal fade" id="viewMeetingDialog" data-backdrop="static">
			<div class="modal-dialog">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<i aria-hidden="true" class="icon icon-times" style="font-size:18px"></i><span class="sr-only">关闭</span>
					</button>
					<h4 class="modal-title">查看计划</h4>
				</div>
				<div class="modal-content form-horizontal">
					<div class="row">
						<div class="col-xs-12 leftweek">
							<div class="form-group">
								<label class="col-xs-2">状态:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-state"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">标题:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-title"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">优先级:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-urgent"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">开始时间:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-starttime"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">工作内容:</label>
								<div class="col-xs-10">
									<!-- <label class="radio-inline view-content"></label> -->
									<textarea readonly class="form-control view-content" rows="5" maxlength="1500" style="border:none"></textarea>
								</div>
							</div>
						</div>
						<div class="col-xs-6 nextweekwork-content" style="display: none;">
							<div class="form-group">
								<label class="col-xs-2">状态:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-nextstate"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">标题:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-nexttitle"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">优先级:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-nexturgent"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">开始时间:</label>
								<div class="col-xs-10">
									<label class="radio-inline view-nextstarttime"></label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-2">工作内容:</label>
								<div class="col-xs-10">
									<!-- <label class="radio-inline view-nextcontent"></label> -->
									<textarea readonly class="form-control view-nextcontent" rows="5" maxlength="1500" style="border:none"></textarea>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</div>
	<script type="text/javascript" src="/js/officeManagement/weeklyMeeting/weeklyMeeting.js"></script>
</body>
</html>