france

https://github.com/francecil
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
OA_1界面 




<%@ page language="java" contentType="text/html;charset=GB18030" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>main page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">


	</head>	
	<link href="css/style2.css" rel="stylesheet" type="text/css"/>
	<script src="js/tab.js" type="text/javascript"></script>
	<script>
		function pop_disappear()
		{
			document.getElementById('mask').style.display="none";
			document.getElementById('pop').style.display="none";
			document.body.style.overflow="scroll";
			var url="uuu/User-addDirection";
  			document.myform.action = url;
   			document.myform.submit();
		}
	</script>
	<body>
<!--弹窗开始-->
<s:set name="user" value="#session[user]" />
<s:if test='%{#user.direction=="NO"}'>
<div id="mask"></div>
<div id="pop">

<form name="myform" action="" target="hidden_frame" method="post">
	<div id="cont">
		<fieldset>
			<legend>请选择您的方向</legend>
			<div class="DivSelect">
				<select name="direction" class="SelectList">
					<option value="J2EE">J2EE</option> 
					<option value="Android">Android</option>
					<option value="IOS">IOS</option>
					<option value="4">4</option>
					<option value="PHP">PHP</option>
					<option value="前端">前端</option>
				</select>
			</div>
			<button type="submit" onClick="pop_disappear()" class="apply">确定<span></span></button>
		</fieldset>
	</div>

</form>
<iframe name="hidden_frame" id="hidden_frame"></iframe>
</div>
</s:if>
<!--弹窗结束-->
		<div id="header">

			<div class="logo">
				<img src="imgs/logo2.png" />
			</div>
			<div id="menu">
				<div class="icon" id="set">
					<div class="icon_block" id="icon_1">
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
							<a>123</a>
					</div>
				</div>
				<div class="icon" id="message">
					<div class="icon_block" id="icon_2">
							<a>123</a>
							<a>123</a>
							<a>123</a>
					</div>
				</div>
			</div>
		</div>	

		<div id="contianer">

			<div id="left">
				<div class="box1 active" id="left_1">
					<ul id="nav">
						<li class="active">
							<span>全部</span>
						</li>
						<li class=""><span>未开始</span></li>
						<li class=""><span>进行中</span></li>
						<li class=""><span>已截止</span></li>
					</ul>
					<div id="tab2">
						<div class="box2  active" id="first">
							<div class="task stoping">
								<div class="title">111</div>
								<div class="cont">gfgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencf翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位encgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhduf</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task ongoing">
								<div class="title">进行中，标题</div>
								<div class="cont">
								f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位
								</div>
								<div class="bottom ongoingbottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
									<a class="apply" href="#">
										申请
										<span></span>
									</a>
								</div>
							</div>
							<div class="task waiting">
								<div class="title">111</div>
								<div class="cont">f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
					
						</div>
						<div class="box2" id="second">
							<div class="task waiting">
								<div class="title">未开始</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task waiting">
								<div class="title">222</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task waiting">
								<div class="title">未开始</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task waiting">
								<div class="title">未开始</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task waiting">
								<div class="title">未开始</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="box2" id="third">
							<div class="task ongoing">
								<div class="title">进行中</div>
								<div class="cont">内容</div>
								<div class="bottom ongoingbottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
									<a class="apply" href="#">
										申请
										<span></span>
									</a>
								</div>
							</div>
							<div class="task ongoing">
								<div class="title">进行中</div>
								<div class="cont">内容</div>
								<div class="bottom ongoingbottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
									<a class="apply" href="#">
										申请
										<span></span>
									</a>
								</div>
							</div>
						</div>
						<div class="box2" id="fourth">
							<div class="task stoping">
								<div class="title">已截止</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task stoping">
								<div class="title">已截止</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task stoping">
								<div class="title">已截止</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
							<div class="task stoping">
								<div class="title">已截止</div>
								<div class="cont">内容</div>
								<div class="bottom">
									<div class="details">
										<div class="up">
										<div class="people">发布人：汪汪汪</div>
										<div class="need">需求方向：瞄喵喵</div>
										</div>
										<div class="down">
										<div class="startime">开始时间：2014/9/13</div>
										<div class="stoptime">截止时间：2014/9/14</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="box1" id="left_2">
					功能二
				</div>
				<div class="box1" id="left_3">
					功能三
				</div>
			</div>
			<div id="right">
				<div id="right_1">
					<a href="#"><img src="imgs/photo.png"></a>
					<a href="#"><span>姓名</span></a>
					<a href="#"><span>技能：<strong class="score">10</strong>分</span></a>
				</div>
				<div id="right_2">
					<a class="active" value="汪汪汪"></a>
					<a class="" value="叽叽叽"></a>
					<a class="" value="喵喵喵"></a>
				</div>
			</div>
		</div>
		<div id="footer">
		</div>
	</body>
</html>


版权声明：本文为博主原创文章，未经博主允许不得转载。

posted on 2014-09-14 18:03  france  阅读(146)  评论(0)  编辑  收藏  举报