Explorar o código

更新评卷员修改密码页面

ting.yin %!s(int64=5) %!d(string=hai) anos
pai
achega
841cbf7e88

+ 42 - 67
stmms-web/src/main/webapp/WEB-INF/views/modules/mark/reset.jsp

@@ -5,11 +5,7 @@
 	<title>评卷员设置</title>
 	<meta name="decorator" content="default"/>
 	<%@include file="/WEB-INF/views/include/head.jsp" %>
-    <link rel="stylesheet" href="${ctxStatic}/common/typica-login.css">
-	<style type="text/css">
-		.control-group{border-bottom:0px;}
-	</style>
-    <script src="${ctxStatic}/common/backstretch.min.js"></script>
+    <link rel="stylesheet" href="${ctxStatic}/common/login.css">
 	<script type="text/javascript">
 		$(document).ready(function() {
 			<!--针对nw.js评卷客户端,自动窗口最大化-->
@@ -18,14 +14,8 @@
 			}catch(e){
 			}
 
-			$.backstretch([
- 		      "${ctxStatic}/images/bg1.jpg", 
- 		      "${ctxStatic}/images/bg2.jpg",
- 		      "${ctxStatic}/images/bg3.jpg"
- 		  	], {duration: 10000, fade: 2000});
-
 			$('#submit-button').click(function(){
-				var name = $('#name').val();
+				var name = $('#loginName').val();
 				if(name==''){
 					showError('请输入姓名');
 					return false;
@@ -52,67 +42,52 @@
 				return true;
 			});
 		});
+
+		function showError(message){
+			$('.point').show();
+			$('.error').html(message);
+		}
+
 		// 如果在框架中,则跳转刷新上级页面
 		if(self.frameElement && self.frameElement.tagName=="IFRAME"){
 			parent.location.reload();
 		}
-
-		function showError(message){
-			$('#messageBox').show();
-			$('#error').html(message);
-		}
 	</script>
 </head>
 <body>
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </a>
-          <a class="brand" href="${ctx}"><img src="${ctxStatic}/images/logo.png" alt="" style="height:40px;"></a>
-        </div>
-      </div>
-    </div>
-
-    <div class="container">
-		<!--[if lte IE 6]><br/><div class='alert alert-block' style="text-align:left;padding-bottom:10px;"><a class="close" data-dismiss="alert">x</a><h4>温馨提示:</h4><p>你使用的浏览器版本过低。为了获得更好的浏览体验,我们强烈建议您 <a href="http://browsehappy.com" target="_blank">升级</a> 到最新版本的IE浏览器,或者使用较新版本的 Chrome、Firefox、Safari 等。</p></div><![endif]-->
-		<div id="messageBox" class="alert alert-error <c:if test="${message == null }">hide</c:if>">
-			<label id="error" class="error">${message}</label>
-		</div>
-        <div id="login-wraper">
-            <form class="form login-form" action="${ctx}/mark/reset" method="post">
-                <legend><span style="color:#033249;font-size:22px">首次登陆,请修改姓名密码</span></legend>
-                <div class="body">
-					<div class="control-group">
-						<div class="controls">
-							<input type="text" id="name" name="name" placeholder="请输入姓名">
-						</div>
-					</div>
-					
-					<div class="control-group">
-						<div class="controls">
-							<input type="password" id="password" name="password" placeholder="请输入密码"/>
-						</div>
-					</div>
-					
-					<div class="control-group">
-						<div class="controls">
-							<input type="password" id="password2" class="required" placeholder="再次输入密码"/>
-						</div>
-					</div>
-                </div>
-                <div class="footer">
-                    <input class="btn btn-primary" type="submit" id="submit-button" value="确 定"/>
-                    <a href="${ctx}/logout" class="btn">退 出</a>
-                </div>
-            </form>
-        </div>
-    </div>
-    <footer class="white navbar-fixed-bottom">
-		Copyright &copy;武汉启明软件 2012-2014
-    </footer>
+	<div class="container">
+	  <div class="middle cl">
+	   <div class="left">
+	    <div class="logo"><img src="${ctxStatic}/images/<c:if test="${indexLogo ==null||indexLogo =='' }">logo@2x.png</c:if><c:if test="${indexLogo !=null }">${indexLogo }</c:if>"/></div>
+	    <p>Copyright &#169武汉启明软件 2012-2014</p>
+	   </div>
+	   <div class="right">
+	     <div class="title">
+	       <h1>首次登陆,请完善资料</h1>
+	       <br/>
+	     </div>
+	     <div class="loginbox">
+	      <form action="${ctx}/mark/reset" method="post" role="form" id="loginForm">
+	        <div class="input-group">
+	        	<input type="text" class="form-control required" id="loginName" name="name" placeholder="请输入姓名" autocomplete="off" value="${loginName }"/>
+	        </div>
+	        <div class="input-group">
+	        	<input type="password" class="form-control required" id="password" name="password" placeholder="请输入密码" autocomplete="off"/>
+	        </div>
+	        <div class="input-group">
+	        	<input type="password" class="form-control required" id=password2 name="password2" placeholder="再次输入密码" autocomplete="off"/>
+	        </div>
+	        <div class="point hide">
+	        <em class="error"></em>
+	        </div>
+	        <div class="login-btn">
+	        	<input class="opacity" type="submit" id="submit-button" value="确 定"/>
+	        	<a href="${ctx}/logout" class="opacity">退 出</a>
+	        </div>
+	      </form>
+	     </div>
+	   </div>
+	  </div>
+	</div>
   </body>
 </html>

+ 52 - 0
stmms-web/src/main/webapp/static/common/login.css

@@ -188,6 +188,13 @@ input#password {
 input#password:focus {
 	background: url(../images/password-on.png) no-repeat 20px 50% #FFF;
 }
+input#password2 {
+	background: url(../images/password.png) no-repeat 20px 50%;
+	margin-top: 20px;
+}
+input#password2:focus {
+	background: url(../images/password-on.png) no-repeat 20px 50% #FFF;
+}
 input:-internal-autofill-selected{
 	background: none!important;
 }
@@ -233,4 +240,49 @@ input:-internal-autofill-selected{
 	-moz-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
 	-webkit-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
 	box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
+}
+
+input#submit-button {
+	display: inline-block;
+	width: 120px;
+	height: 54px;
+	line-height: 54px;
+	overflow: hidden;
+	letter-spacing: 3px;
+	font-size: 20px;
+	font-weight: 700;
+	color: #FFF;
+	border: 0;
+	background: #66ADE8;
+	background-image:-webkit-linear-gradient(to right, #88D3FC, #66ADE8); 
+	background-image:linear-gradient(to right, #88D3FC, #66ADE8); 
+	-moz-border-radius: 30px;
+	-webkit-border-radius: 30px;
+	border-radius: 30px;
+}
+input#submit-button:hover  {
+	-moz-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
+	-webkit-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
+	box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
+}
+.login-btn a {
+	display: inline-block;
+	width: 120px;
+	height: 54px;
+	line-height: 54px;
+	overflow: hidden;
+	letter-spacing: 3px;
+	font-size: 20px;
+	font-weight: 700;
+	color: #FFF;
+	border: 0;
+	background: #c7cacc;
+	-moz-border-radius: 30px;
+	-webkit-border-radius: 30px;
+	border-radius: 30px;
+}
+.login-btn a:hover {
+	-moz-box-shadow: 0px 10px 20px 0px rgba(100,204,202,.1);
+	-webkit-box-shadow: 0px 10px 20px 0px rgba(100,204,202,.1);
+	box-shadow: 0px 10px 20px 0px rgba(100,204,202,.1);
 }