|
|
@@ -4,8 +4,9 @@
|
|
|
<%
|
|
|
String message = (String) request.getParameter("message");
|
|
|
%>
|
|
|
-
|
|
|
<!DOCTYPE html>
|
|
|
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
|
|
+<c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
|
|
|
<html>
|
|
|
<head>
|
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
|
@@ -25,22 +26,99 @@
|
|
|
<!--[if lt IE 9]>
|
|
|
<meta http-equiv="refresh" content="0;ie.html" />
|
|
|
<![endif]-->
|
|
|
+
|
|
|
+ <style>
|
|
|
+
|
|
|
+
|
|
|
+ .gray-bg{
|
|
|
+ background-image: url('/img/login_bg_01.png');
|
|
|
+ background-repeat: no-repeat; /* 在水平和垂直方向都重复 */
|
|
|
+ background-size: auto;
|
|
|
+ }
|
|
|
+ .input-group {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 6px 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ width: 350px;
|
|
|
+}
|
|
|
+
|
|
|
+.input-group img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.input-group input {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.captcha-group {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 6px 10px;
|
|
|
+ width: 350px;
|
|
|
+}
|
|
|
+
|
|
|
+.captcha-group img.icon {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.captcha-group input {
|
|
|
+ flex: 1;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.captcha-group img.captcha {
|
|
|
+ width: 80px;
|
|
|
+ height: 32px;
|
|
|
+ margin-left: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+}
|
|
|
+ </style>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</head>
|
|
|
|
|
|
-<body class="gray-bg">
|
|
|
- <div class="middle-box loginscreen animated fadeInDown" style="background-color: #fff;padding: 0 60px 20px; width: auto; ">
|
|
|
- <div class="">
|
|
|
- <div class="text-center">
|
|
|
- <h1><img src="${ctx }/img/logo.png" width="70%" /></h1>
|
|
|
+<body class="gray-bg" >
|
|
|
+ <div style="background: rgba(238,67,2,0.50);height:60px;width:100%;line-height: 60px;">
|
|
|
+ <div class="jinzai_head_img" style="position: relative;left:10%">
|
|
|
+ <img src="${ctx }/img/logojinzai.png"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="position: absolute;top:40%;left:5%">
|
|
|
+ <img src="${ctx }/img/login/slogan.png"/>
|
|
|
+ </div>
|
|
|
+ <div class="middle-box loginscreen animated fadeInDown" style="max-width:none;widht:470px;background-color: #fff;padding: 0 60px 20px; width: auto; height:400px; position: absolute;
|
|
|
+ right: 10%;
|
|
|
+ top: 30%;
|
|
|
+ border-radius: 14px; ">
|
|
|
+ <div style="padding-top:30px">
|
|
|
+ <div class="text-center" style="color:#EA5703;">
|
|
|
|
|
|
- <h3>劲仔智能物码平台</h3>
|
|
|
+ <h3 style="font-size:28px;margin-bottom: 18px;">欢迎登录防窜货系统</h3>
|
|
|
</div>
|
|
|
<form action="${ctx}/login"
|
|
|
method="post" id="portalLoginForm" name="portalLoginForm">
|
|
|
<div class="form-group">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-12 control-label">
|
|
|
- <input type="text" class="form-control" placeholder="用户名" name="adminView.username" id="username">
|
|
|
+ <div class="input-group">
|
|
|
+ <img src="/img/login/denglu.png" alt="用户名">
|
|
|
+ <input type="text" class="form-control" placeholder="请输入账号" name="adminView.username" id="username">
|
|
|
+</div>
|
|
|
<!-- <span class="help-block m-b-none">请输入您注册时所填的E-mail</span> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -48,7 +126,11 @@
|
|
|
<div class="form-group">
|
|
|
<div class="row"><!--提交错误或未填写：has-error-->
|
|
|
<div class="col-sm-12 control-label">
|
|
|
- <input type="password" class="form-control" placeholder="密码" name="adminView.password" id="password">
|
|
|
+ <div class="input-group">
|
|
|
+ <img src="/img/login/pwd.png" alt="用户名">
|
|
|
+
|
|
|
+ <input type="password" class="form-control" placeholder="请输入密码" name="adminView.password" id="password">
|
|
|
+</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -56,14 +138,21 @@
|
|
|
<div class="form-group">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-6 control-label">
|
|
|
- <input type="text" class="form-control" name="captcha" placeholder="验证码">
|
|
|
+ <div class="captcha-group">
|
|
|
+ <img src="/img/login/yanzheng.png" src="icon-captcha.png" alt="用户名">
|
|
|
+
|
|
|
+ <input type="text" class="form-control" name="captcha" placeholder="请输入验证码">
|
|
|
+ <img src="${ctx}/AuthImage" class="captcha" width="100%" height="44px" />
|
|
|
+</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6 control-label">
|
|
|
- <img src="${ctx}/AuthImage" width="100%" height="34px" />
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <button onclick="loginOnClick();return false;" class="btn btn-primary block full-width m-b">登 录</button>
|
|
|
+ <button onclick="loginOnClick();return false;" style=" margin-top: 40px;
|
|
|
+ height: 50px;
|
|
|
+ " class="btn btn-success block full-width m-b">登 录</button>
|
|
|
<c:if test="${message != null}" >
|
|
|
<div id="msgDiv">
|
|
|
<label id="errMsg" style="color: red">${message}</label>
|
|
|
@@ -71,6 +160,10 @@
|
|
|
</c:if>
|
|
|
</form>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="background: rgba(238,67,2,0.60);position: absolute;bottom:0px;height:60px;line-height: 60px;color:white;width:100%;text-align: center">
|
|
|
+ 版权所有 劲仔食品集团股份有限公司
|
|
|
</div>
|
|
|
<!-- 全局js -->
|
|
|
<script src="${ctx}/js/jquery.min.js?v=2.1.4"></script>
|
