| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%
- 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"%>
- <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
- <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
- <c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>劲仔食品</title>
- <meta name="keywords" content="关键字">
- <meta name="description" content="描述">
- <link rel="shortcut icon" href="favicon.ico">
- <link href="${ctx}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
- <%-- <link href="${ctx}/css/plugins/iCheck/custom.css" rel="stylesheet"> --%>
- <link href="${ctx}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
- <link href="${ctx}/css/animate.css" rel="stylesheet">
- <link href="${ctx}/css/style.css?v=4.1.0" rel="stylesheet">
- <!--[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 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 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">
- <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>
- </div>
- <div class="form-group">
- <div class="row"><!--提交错误或未填写:has-error-->
- <div class="col-sm-12 control-label">
- <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>
- <div class="form-group">
- <div class="row">
- <div class="col-sm-6 control-label">
- <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">
-
- </div>
- </div>
- </div>
- <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>
- </div>
- </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>
- <script src="${ctx}/js/bootstrap.min.js?v=3.3.6"></script>
- <script type="text/javascript" src="${ctx}/js/md5.js"></script>
- <script type="text/javascript" src="${ctx}/js/jquery.validate.min.js" ></script>
- <script type="text/javascript" src="${ctx}/js/login/login.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- if(window.parent != window) {//如果不是在顶部窗口打开,那么久刷新顶部窗口
- window.parent.location.reload();
- }
- // $('.i-checks').iCheck({
- // checkboxClass: 'icheckbox_square-green',
- // radioClass: 'iradio_square-green',
- // });
-
- });
- </script>
- </body>
- </html>
|