login.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  6. <title>{$title}-登录</title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  9. <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
  10. <link href="/static/hplus/css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
  11. <link href="/static/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />
  12. <link href="/static/hplus/css/animate.css" rel="stylesheet" />
  13. <link href="/static/admin/css/style.css?v=4.1.0" rel="stylesheet" />
  14. <link href="/static/admin/css/login.css" rel="stylesheet">
  15. <!--[if lt IE 9]>
  16. <meta http-equiv="refresh" content="0;ie.html" />
  17. <![endif]-->
  18. <script>
  19. if(window.top!==window.self){window.top.location=window.location};
  20. </script>
  21. <style>
  22. .verifyimg{
  23. width:46%;
  24. height: 40px;
  25. margin-bottom: 3px;
  26. border: 1px solid #ccc;
  27. cursor: pointer;
  28. }
  29. .login-title{
  30. font-size: 18px;
  31. color: #222;
  32. }
  33. .form-control{
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <!--<div class="bg-top"></div>-->
  39. <div class="login-logo-top">
  40. <div class="login-logo-top-div">
  41. <img class="login-logo-top-img" src="/static/admin/img/logo.png" alt="">
  42. </div>
  43. </div>
  44. <div class="login-box">
  45. <!-- <div class="login-box-left">
  46. <div class="login-box-banner">
  47. <img src="/static/admin/img/tu.png" alt="">
  48. </div>
  49. <div class="l-title">
  50. <div class="l-title-a">欢迎使用</div>
  51. <div class="l-title-a">{$title}</div>
  52. </div>
  53. </div>-->
  54. <div class="login-box-right">
  55. <div class="from-data">
  56. <div class="form-right">
  57. <div class="logo-title">
  58. 明德物业管理集团<br/>{$title}
  59. </div>
  60. <form method="post" style="margin: 0 49px;" action="{:url('login')}">
  61. <div class="login-input-box">
  62. <div class="login_input-box">
  63. <input type="text" name="account" class="form-control uname" placeholder="请输入账号...." />
  64. </div>
  65. </div>
  66. <div class="login-input-box">
  67. <div class="login_input-box">
  68. <input type="password" name="password" class="form-control pword m-b" placeholder="请输入密码...." />
  69. </div>
  70. </div>
  71. <div class="jzma">
  72. <input type="checkbox" name="jzma">
  73. <a href="javascript:;" class="checkedPs">记住密码</a>
  74. <a href="{:url('forget')}" class="forget">忘记密码?</a>
  75. </div>
  76. <!-- <h5 class="forget"><a href="{:url('forget')}">忘记密码?</a></h5>-->
  77. <button class="btn btn-info btn-block" >登 录</button>
  78. </form>
  79. </div>
  80. </div>
  81. <div class="zi">
  82. <img src="/static/admin/img/zi.png" alt="">
  83. </div>
  84. </div>
  85. </div>
  86. <!--<div class="l-title">
  87. <div class="l-title-a">欢迎使用</div>
  88. <div class="l-title-a">{$title}</div>
  89. </div>
  90. <div class="from-data">
  91. <div class="form-right">
  92. <div class="logo-title">
  93. 登录
  94. </div>
  95. <form method="post" style="margin: 0 39px;" action="{:url('login')}">
  96. <div class="login-input-box">
  97. <div class="login_input-box">
  98. <input type="text" name="account" class="form-control uname" placeholder="用户名" />
  99. </div>
  100. </div>
  101. <div class="login-input-box">
  102. <div class="login_input-box">
  103. <input type="password" name="password" class="form-control pword m-b" placeholder="密码" />
  104. </div>
  105. </div>
  106. <button class="btn btn-info btn-block" >登 录</button>
  107. <h5 class="forget"><a href="{:url('forget')}">忘记密码?</a></h5>
  108. </form>
  109. </div>
  110. </div>-->
  111. <div class="copyright-text">
  112. Copyright © 2023 明德智慧医院后勤一站式服务平台 版权所有
  113. </div>
  114. <script src="/static/hplus/js/jquery.min.js?v=2.1.4"></script>
  115. <script src="/static/hplus/js/bootstrap.min.js?v=3.3.7"></script>
  116. <script src="/static/layer/layer.js"></script>
  117. <script>
  118. $(function(){
  119. //表单提交
  120. $(document)
  121. .ajaxStart(function(){
  122. $("button:submit").html('登 录 中...').attr("disabled", true);
  123. })
  124. .ajaxStop(function(){
  125. $("button:submit").html('登 录').attr("disabled", false);
  126. });
  127. $("form").submit(function(){
  128. var self = $(this);
  129. self.find(".check-tips").text('');
  130. $.post(self.attr("action"), self.serialize(), success, "json");
  131. return false;
  132. function success(data){
  133. if(data.code){
  134. window.location.href = data.url;
  135. } else {
  136. layer.msg(data.msg)
  137. //刷新验证码
  138. $(".reloadverify").click();
  139. }
  140. }
  141. });
  142. //刷新验证码
  143. var verifyimg = $(".verifyimg").attr("src");
  144. $(".reloadverify").click(function(){
  145. if( verifyimg.indexOf('?')>0){
  146. $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
  147. }else{
  148. $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
  149. }
  150. });
  151. });
  152. </script>
  153. </body>
  154. </html>