| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>后台登陆管理</title>
- <meta name="renderer" content="webkit">
- <!-- core - css -->
- <link href="__PUBLIC__/B-JUI/themes/css/style.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/blue/core.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/fontsize.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
- <!-- init -->
- <link rel="stylesheet" href="__PUBLIC__/B-JUI/mycssandjava/mycss.css">
- <!-- bootstrap - css -->
- <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.min.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.css" rel="stylesheet">
- <script src="__PUBLIC__/B-JUI/js/jquery-1.11.3.min.js"></script>
- <script src="__PUBLIC__/B-JUI/js/jquery.cookie.js"></script>
- <script src="__PUBLIC__/B-JUI/js/bjui-all.min.js"></script>
- <script src="__PUBLIC__/B-JUI/plugins/bootstrap.min.js"></script>
- <style>
- html, body { height: 100%; overflow: hidden; }
- body {
- font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
- background: url(__PUBLIC__/images/loginbg_06.jpg) no-repeat center center fixed;
- background-size: cover;
- }
- .form-control{height:37px;}
- .main_box{position:absolute; top:45%; left:50%; margin:-200px 0 0 -180px; padding:15px 20px; width:360px; height:400px; min-width:320px; background:#FAFAFA; background:rgba(255,255,255,0.5); box-shadow: 1px 5px 8px #888888; border-radius:6px;}
- .login_msg{height:30px;}
- .input-group >.input-group-addon.code{padding:0;}
- #captcha_img{cursor:pointer;}
- .main_box .logo img{height:35px;}
- @media (min-width: 768px) {
- .main_box {margin-left:-240px; padding:15px 55px; width:480px;}
- .main_box .logo img{height:40px;}
- }
- </style>
- </head>
- <body>
- <div class="form-group" style="text-align:center; position:absolute; top:0px; width:100%;">
- <div id="ResMessage" style="margin:0px auto; width:980px;">
- </div>
- </div>
- <div class="container">
- <div class="main_box">
- <form action="__APP__/home/Public/login" method="post" onsubmit="return toVaild()" >
- <input type="hidden" value="" id="j_randomKey" />
- <input type="hidden" name="jfinal_token" value="" />
- <div class="form-group" style="width:400px; height:100px;">
- <!--<img src="__PUBLIC__/images/singpie.png" height="100" width="400">-->
- </div>
-
- <div class="form-group">
- <div class="input-group">
- <span class="input-group-addon" id="sizing-addon-user"><span class="glyphicon glyphicon-user"></span></span>
- <input type="text" class="form-control" id="j_username" name="username" value="" placeholder="登录账号" >
- </div>
- </div>
- <div class="form-group">
- <div class="input-group">
- <span class="input-group-addon" id="sizing-addon-password"><span class="glyphicon glyphicon-lock"></span></span>
- <input type="password" class="form-control" id="j_password" name="password" placeholder="登录密码" >
- </div>
- </div>
- <!--<div class="form-group">
- <div class="input-group">
- <span class="input-group-addon" id="sizing-addon-password"><span class="glyphicon glyphicon-exclamation-sign"></span></span>
- <input type="text" class="form-control" id="j_captcha" name="extension" placeholder="分机号" >
- </div>
- </div>-->
- <div class="text-center">
-
- <button type="submit" id="login_ok" class="btn btn-primary btn-lg"> 登 录 </button>
- <button type="reset" class="btn btn-default btn-lg"> 重 置 </button>
- </div>
- <div class="text-center">
- <hr>
-
- </div>
- </form>
- </div>
- </div>
- <script >
- var COOKIE_NAME = 'sys_em_username';
- $(function() {
- // choose_bg();
- // changeCode();
- if ($.cookie(COOKIE_NAME)){
- $("#j_username").val($.cookie(COOKIE_NAME));
- $("#j_password").focus();
- $("#j_remember").attr('checked', true);
- } else {
- $("#j_username").focus();
- }
- $("#captcha_img").click(function(){
- changeCode();
- });
-
- });
- {$almsg}
- function changeCode(){
- //$("#captcha_img").attr("src", "sys/login/getCaptcha?t="+ (new Date().getTime()));
- }
- function choose_bg() {
- var bg = Math.floor(Math.random() * 9 + 1);
- $('body').css('background-image', 'url(/spcrm/Public/images/loginbg_0'+ bg +'.jpg)');
- }
- function AltMessage(part){
- document.getElementById('ResMessage').innerHTML='<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button><strong>'+part+'</strong></div>';
- setTimeout(function (){
- document.getElementById('ResMessage').innerHTML='';
- }, 3000)
- }
- function toVaild(){
- var val = document.getElementById("j_username").value;
- var verify = document.getElementById("j_password").value;
- if(val =="" || verify==""){
- AltMessage("登录账号或密码不能为空!");
- return false;
- }
- return true;
- }
- </script>
- </body>
- </html>
|