login.html.bak 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>后台登陆管理</title>
  7. <meta name="renderer" content="webkit">
  8. <!-- core - css -->
  9. <link href="__PUBLIC__/B-JUI/themes/css/style.css" rel="stylesheet">
  10. <link href="__PUBLIC__/B-JUI/themes/blue/core.css" rel="stylesheet">
  11. <link href="__PUBLIC__/B-JUI/themes/css/fontsize.css" rel="stylesheet">
  12. <link href="__PUBLIC__/B-JUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
  13. <!-- init -->
  14. <link rel="stylesheet" href="__PUBLIC__/B-JUI/mycssandjava/mycss.css">
  15. <!-- bootstrap - css -->
  16. <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.min.css" rel="stylesheet">
  17. <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.css" rel="stylesheet">
  18. <script src="__PUBLIC__/B-JUI/js/jquery-1.11.3.min.js"></script>
  19. <script src="__PUBLIC__/B-JUI/js/jquery.cookie.js"></script>
  20. <script src="__PUBLIC__/B-JUI/js/bjui-all.min.js"></script>
  21. <script src="__PUBLIC__/B-JUI/plugins/bootstrap.min.js"></script>
  22. <style>
  23. html, body { height: 100%; overflow: hidden; }
  24. body {
  25. font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  26. background: url(__PUBLIC__/images/loginbg_06.jpg) no-repeat center center fixed;
  27. background-size: cover;
  28. }
  29. .form-control{height:37px;}
  30. .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;}
  31. .login_msg{height:30px;}
  32. .input-group >.input-group-addon.code{padding:0;}
  33. #captcha_img{cursor:pointer;}
  34. .main_box .logo img{height:35px;}
  35. @media (min-width: 768px) {
  36. .main_box {margin-left:-240px; padding:15px 55px; width:480px;}
  37. .main_box .logo img{height:40px;}
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="form-group" style="text-align:center; position:absolute; top:0px; width:100%;">
  43. <div id="ResMessage" style="margin:0px auto; width:980px;">
  44. </div>
  45. </div>
  46. <div class="container">
  47. <div class="main_box">
  48. <form action="__APP__/home/Public/login" method="post" onsubmit="return toVaild()" >
  49. <input type="hidden" value="" id="j_randomKey" />
  50. <input type="hidden" name="jfinal_token" value="" />
  51. <div class="form-group" style="width:400px; height:100px;">
  52. <!--<img src="__PUBLIC__/images/singpie.png" height="100" width="400">-->
  53. </div>
  54. <div class="form-group">
  55. <div class="input-group">
  56. <span class="input-group-addon" id="sizing-addon-user"><span class="glyphicon glyphicon-user"></span></span>
  57. <input type="text" class="form-control" id="j_username" name="username" value="" placeholder="登录账号" >
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <div class="input-group">
  62. <span class="input-group-addon" id="sizing-addon-password"><span class="glyphicon glyphicon-lock"></span></span>
  63. <input type="password" class="form-control" id="j_password" name="password" placeholder="登录密码" >
  64. </div>
  65. </div>
  66. <!--<div class="form-group">
  67. <div class="input-group">
  68. <span class="input-group-addon" id="sizing-addon-password"><span class="glyphicon glyphicon-exclamation-sign"></span></span>
  69. <input type="text" class="form-control" id="j_captcha" name="extension" placeholder="分机号" >
  70. </div>
  71. </div>-->
  72. <div class="text-center">
  73. <button type="submit" id="login_ok" class="btn btn-primary btn-lg">&nbsp;登&nbsp;录&nbsp;</button>&nbsp;&nbsp;&nbsp;&nbsp;
  74. <button type="reset" class="btn btn-default btn-lg">&nbsp;重&nbsp;置&nbsp;</button>
  75. </div>
  76. <div class="text-center">
  77. <hr>
  78. </div>
  79. </form>
  80. </div>
  81. </div>
  82. <script >
  83. var COOKIE_NAME = 'sys_em_username';
  84. $(function() {
  85. // choose_bg();
  86. // changeCode();
  87. if ($.cookie(COOKIE_NAME)){
  88. $("#j_username").val($.cookie(COOKIE_NAME));
  89. $("#j_password").focus();
  90. $("#j_remember").attr('checked', true);
  91. } else {
  92. $("#j_username").focus();
  93. }
  94. $("#captcha_img").click(function(){
  95. changeCode();
  96. });
  97. });
  98. {$almsg}
  99. function changeCode(){
  100. //$("#captcha_img").attr("src", "sys/login/getCaptcha?t="+ (new Date().getTime()));
  101. }
  102. function choose_bg() {
  103. var bg = Math.floor(Math.random() * 9 + 1);
  104. $('body').css('background-image', 'url(/spcrm/Public/images/loginbg_0'+ bg +'.jpg)');
  105. }
  106. function AltMessage(part){
  107. 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">&times;</span></button><strong>'+part+'</strong></div>';
  108. setTimeout(function (){
  109. document.getElementById('ResMessage').innerHTML='';
  110. }, 3000)
  111. }
  112. function toVaild(){
  113. var val = document.getElementById("j_username").value;
  114. var verify = document.getElementById("j_password").value;
  115. if(val =="" || verify==""){
  116. AltMessage("登录账号或密码不能为空!");
  117. return false;
  118. }
  119. return true;
  120. }
  121. </script>
  122. </body>
  123. </html>