Home Explore Help
Sign In
luoshi
/
stmms-ft
1
0
Fork 0
Files
Browse Source

更新评卷员修改密码页面

ting.yin 5 years ago
parent
56dd7ef461
commit
841cbf7e88
2 changed files with 94 additions and 67 deletions
Unified View Show Diff Stats
  1. 42 67
      stmms-web/src/main/webapp/WEB-INF/views/modules/mark/reset.jsp
  2. 52 0
      stmms-web/src/main/webapp/static/common/login.css

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

@@ -5,11 +5,7 @@
 
 	<title>评卷员设置</title>
 
 	<title>评卷员设置</title>
 
 	<meta name="decorator" content="default"/>
 
 	<meta name="decorator" content="default"/>
 
 	<%@include file="/WEB-INF/views/include/head.jsp" %>
 
 	<%@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">
 
 	<script type="text/javascript">
 
 		$(document).ready(function() {
 
 		$(document).ready(function() {
 
 			<!--针对nw.js评卷客户端，自动窗口最大化-->
 
 			<!--针对nw.js评卷客户端，自动窗口最大化-->
 
@@ -18,14 +14,8 @@
 
 			}catch(e){
 
 			}catch(e){
 
 			}
 
 			}
 
 
 
-			$.backstretch([
 
- 		      "${ctxStatic}/images/bg1.jpg", 
- 		      "${ctxStatic}/images/bg2.jpg",
 
- 		      "${ctxStatic}/images/bg3.jpg"
 
- 		  	], {duration: 10000, fade: 2000});
 
-
 
 			$('#submit-button').click(function(){
 
 			$('#submit-button').click(function(){
 
-				var name = $('#name').val();
 
+				var name = $('#loginName').val();
 
 				if(name==''){
 
 				if(name==''){
 
 					showError('请输入姓名');
 
 					showError('请输入姓名');
 
 					return false;
 
 					return false;
 
@@ -52,67 +42,52 @@
 
 				return true;
 
 				return true;
 
 			});
 
 			});
 
 		});
 
 		});
 
+
 
+		function showError(message){
 
+			$('.point').show();
 
+			$('.error').html(message);
 
+		}
 
+
 
 		// 如果在框架中，则跳转刷新上级页面
 
 		// 如果在框架中，则跳转刷新上级页面
 
 		if(self.frameElement && self.frameElement.tagName=="IFRAME"){
 
 		if(self.frameElement && self.frameElement.tagName=="IFRAME"){
 
 			parent.location.reload();
 
 			parent.location.reload();
 
 		}
 
 		}
 
-
 
-		function showError(message){
 
-			$('#messageBox').show();
 
-			$('#error').html(message);
 
-		}
 
 	</script>
 
 	</script>
 
 </head>
 
 </head>
 
 <body>
 
 <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>
 
   </body>
 
 </html>
 
 </html>

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

@@ -188,6 +188,13 @@ input#password {
 
 input#password:focus {
 
 input#password:focus {
 
 	background: url(../images/password-on.png) no-repeat 20px 50% #FFF;
 
 	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{
 
 input:-internal-autofill-selected{
 
 	background: none!important;
 
 	background: none!important;
 
 }
 
 }
 
@@ -233,4 +240,49 @@ input:-internal-autofill-selected{
 
 	-moz-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
 
 	-moz-box-shadow: 0px 10px 20px 0px rgba(119,192,242,.4);
 
 	-webkit-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);
 
 	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);
 
 }
 
 }