online_office_simple
/
task.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>任务奖励</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="w-1200">
				<div class="logo">
					<img src="images/logo_03.png">
				</div>
				<ul>
					<li><a>组织图</a></li>
					<li><a href="set.html">个人设置</a></li>
					<li><a href="login.html">退出</a></li>
				</ul>
				<div class="personnel">admin / 管理员 / 吉林长春分部</div>
			</div>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="w-1200">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="email.html">邮件</a></li>
					<li><a href="approval.html">审批</a></li>
					<li><a href="notice.html">公告</a></li>
					<li><a href="report.html">业务报告</a></li>
					<li class="cur2"><a href="task.html">任务奖励</a></li>
					<li><a href="work.html">考勤管理</a></li>
					<li><a href="personnel.html">人员管理</a></li>
					<li><a href="homepage.html">网站主页</a></li>
				</ul>
			</div>
		</div>
		<!-- 内容 -->
		<div class="w-1200 container">
			<!-- 左侧导航 -->
			<div class="Left LeftMore">
				<div class="columnBox">
					<h1><a class="cur">奖励任务</a></h1>
				</div>
				<div class="columnBox">
					<h1><a>已发送任务</a></h1>
				</div>
				<div class="columnBox">
					<h1><a>我的任务</a></h1>
					<dl>
						<dd><a>收到的任务</a></dd>
						<dd><a>领取的任务</a></dd>
					</dl>
				</div>
				<div class="columnBox">
					<h1><a>草稿箱</a></h1>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="Right RightMore">
				<ul class="operate">
					<li><a class="add">新建</a></li>
					<li><a>删除</a></li>
					<li class="query">
						<lable>发布人</lable>
						<input placeholder="关键字" />
						<lable>标题</lable>
						<input placeholder="关键字" />
						<lable>状态</lable>
						<input placeholder="关键字" />
						<lable>日期</lable>
						<input placeholder="请选择" onclick="WdatePicker({startDate:'today'})" />
						<a>查询</a>
					</li>
				</ul>
				<table class="table-list">
					<thead>
						<tr>
							<th width="30"><input type="checkbox"></th>
							<th width="30">序号</th>
							<th>发布人</th>
							<th>标题</th>
							<th width="160">时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="checkbox"></td>
							<td>10</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>9</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>8</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>7</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>6</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>5</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>4</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>3</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>2</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>1</td>
							<td>张老师</td>
							<td class="left"><a class="title">年会主持计划及相关事项建议与准备</a></td>
							<td>2014-07-31(四)14：39</td>
						</tr>
					</tbody>
				</table>
				<!-- 分页 -->
				<div class="page-box">
					<ul class="page-count">
						<li>共132条记录</li>
						<li>第1/10页</li>
					</ul>
					<dl>
						<dd><a>首页</a></dd>
						<dd><a>上一页</a></dd>
						<dd class="cur"><a>1</a></dd>
						<dd><a>2</a></dd>
						<dd><a>3</a></dd>
						<dd><a>4</a></dd>
						<dd><a>5</a></dd>
						<dd><span>...</span></dd>
						<dd><a>10</a></dd>
						<dd><a>下一页</a></dd>
						<dd><a>尾页</a></dd>
						<dt><span>跳转到</span></dt>
						<dt><input type="number" /></dt>
						<dt><span>页</span></dt>
						<dt><a>确定</a></dt>
					</dl>
				</div>
			</div><!-- RightMore -->
		</div>

		<!-- 发布 -->
		<div class="write-box">
			<ul class="operate">
				<li><a class="send">发布</a></li>
				<li class="query"><a class="close">关闭</a></li>
			</ul>
			<div class="write-con">
				<table>
					<tr>
						<td><span>类型：</span></td>
						<td>
							<select>
								<option value="1">请选择</option>
								<option value="2">奖励任务</option>
								<option value="3">指派任务</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span>标题：</span></td>
						<td><input placeholder="请填写标题"></td>
					</tr>
					<tr>
						<td><span>接收人：</span></td>
						<td><input placeholder="请选择"></td>
					</tr>
					<tr>
						<td><span>人员数：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>时间：</span></td>
						<td>
							<div class="time">
								<input placeholder="开始日期" onclick="WdatePicker({startDate:'today'})">
								<span>至</span>
								<input placeholder="结束日期" onclick="WdatePicker({startDate:'today'})">
							</div>
						</td>
					</tr>
					<tr>
						<td><span>任务描述：</span></td>
						<td><textarea placeholder="字符500以内~"></textarea></td>
					</tr>
					<tr>
						<td><span>附件：</span></td>
						<td><input type="file"></td>
					</tr>
					<tr>
						<td><span>奖励：</span></td>
						<td><textarea class="little" placeholder="字符500以内~"></textarea></td>
					</tr>
				</table>
			</div>
		</div>
		<!-- 发布查看 -->
		<div class="look-box">
			<ul class="operate">
				<li><a>领取任务</a></li>
				<li><a>任务撤回</a></li>
				<li class="query"><a class="close">关闭</a></li>
			</ul>
			<div class="write-con">
				<table>
					<tr>
						<td><span>类型：</span></td>
						<td>奖励任务</td>
					</tr>
					<tr>
						<td><span>标题：</span></td>
						<td>年会主持计划及相关事项建议与准备</td>
					</tr>
					<tr>
						<td><span>接收人：</span></td>
						<td>全员</td>
					</tr>
					<tr>
						<td><span>人员数：</span></td>
						<td>3人</td>
					</tr>
					<tr>
						<td><span>时间：</span></td>
						<td>
							<div class="time">
								<span>2018-12-29 8:30</span>
								<span>至</span>
								<span>2018-12-29 17:30</span>
							</div>
						</td>
					</tr>
					<tr>
						<td><span>任务描述：</span></td>
						<td>
							<p>假如人生不曾相遇，我还是那个我，偶尔做做梦，然后，开始日复一日的奔波，淹没在这喧嚣的城市里。
								我不会了解，这个世界还有这样的一个你，只有你能让人回味，也只有你会让我心醉。

								假如人生不曾相遇，我不会相信，有一种人可以百看不厌，有一种人一认识就觉得温馨。明知不能相逢，为何魂牵梦系？我又怎能深刻地体会到什么样叫远，什么叫近，远是距离，近在心底。

								假如人生不曾相遇，不曾想过会牵挂一个远方的人。我有深切的愿望，愿你快乐每一天。淡淡的情怀很真，淡淡的问候很纯，淡淡的思念很深，淡淡的祝福最真。虽然一切只能给虚幻中的你。

								假如人生不曾相遇，我不知道自己有那样一个习惯，收集你的欢笑，收集你的感情，收集你的一切一切。

								假如人生不曾相遇，我不能深刻的体会孤独和忧伤，有着莫名的感动，激荡着热泪盈眶的心情入眠。

								假如人生不曾相遇，我不会保持着一个人的想象，即使这想象难免寂寞无奈，但我仍然坚持着这样的梦想。

								假如人生不曾相遇，我怎会理解一个人的孤独是那样铭心，但却可以释放自我的彷徨与无助。含泪的沧桑，无限的困惑，因为遇见了你，才会有更深的意义。可为什么在爱的时候，总伴着淡淡的心伤？

								假如人生不曾相遇，我怎么能知道爱情存在的真正意义。必须有缘才能共舞，珍惜今天所爱方能同步。不能和你同途，也不能与你同步。

								假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
						</td>
					</tr>
					<tr>
						<td><span>附件：</span></td>
						<td>相关注意事项.doc</td>
					</tr>
					<tr>
						<td><span>奖励：</span></td>
						<td>1、奖金五百元 <br> 2、串休0.5天</td>
					</tr>
				</table>
				<table>
					<tr>
						<td><span>任务状态：</span></td>
						<td>暂未被领取</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="bg-shadow"></div>
		<!-- JS -->
		<script src="js/jquery.js"></script>
		<script src="js/common.js"></script>
		<script src="My97DatePicker/WdatePicker.js"></script>
		<script>
			// 发布
			function showMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".write-box").fadeIn(300);
			}

			function closeMessage() {
				$(".bg-shadow").fadeOut();
				$(".write-box").fadeOut(100);
				$(".look-box").fadeOut(100);
			}
			$(".operate li .add").click(function() {
				showMessage();
			})
			$(".operate li .send").click(function() {
				alert("发送成功");
				closeMessage()
			})
			$(".operate li .close").click(function() {
				closeMessage();
			})
			// 查看
			function lookMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".look-box").fadeIn(300);
			}
			$(".table-list tbody tr td a").click(function() {
				lookMessage();
			})
		</script>
	</body>
</html>