b1d9c63c40ba458b7af5af731a69cf19.php 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. <?php /*a:1:{s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\login\index.html";i:1724215734;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="renderer" content="webkit" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
  10. <title><?php echo get_system_config('web','admin_title'); ?></title>
  11. <link rel="stylesheet" href="/static/assets/layui/css/layui.css" media="all">
  12. <style type="text/css">
  13. html,
  14. body {
  15. width: 100%;
  16. height: 100%;
  17. background: #EAF3FF;
  18. }
  19. input:-webkit-autofill {
  20. -webkit-box-shadow: 0 0 0px 1000px white inset;
  21. }
  22. #container {
  23. width: 100%;
  24. height: 100%;
  25. position: fixed;
  26. top: 0;
  27. left: 0;
  28. z-index: 999;
  29. color: #ffffff;
  30. background: url(/static/home/images/);
  31. background-size: cover;
  32. }
  33. .container h2 {
  34. font-size: 36px;
  35. padding: 36px 0;
  36. font-weight: 500;
  37. }
  38. .container-left{
  39. width: 65%;
  40. height: 100%;
  41. background-color: rgb(245,247,251)!important;
  42. float: left;
  43. background: url(/static/home/images/info_bg.png) no-repeat;
  44. background-size: 50% 80%;
  45. background-position: 52% 100%;
  46. }
  47. .name{
  48. color: #054e9b;
  49. font-size: 2.5vw;
  50. font-weight: 550;
  51. position: absolute;
  52. top: 15%;
  53. left: 16%;
  54. }
  55. .container-right{
  56. width: 35%;
  57. height: 100%;
  58. background: url(/static/home/images/bg.jpg) no-repeat ;
  59. background-size: 100% 100%;
  60. float: right;
  61. }
  62. .login {
  63. width: 360px;
  64. text-align: center;
  65. position: absolute;
  66. top: 50%;
  67. left: 70%;
  68. margin-top: -240px;
  69. margin-left: -180px;
  70. border-radius: 12px;
  71. box-shadow: 0 2px 6px rgba(92, 110, 136, .32);
  72. }
  73. .login-card {
  74. border-radius: 12px;
  75. }
  76. .login .top {
  77. width: 360px;
  78. height: 90px;
  79. background-color: #fff;
  80. border-radius: 12px 12px 0 0;
  81. line-height: 117px;
  82. text-align: center;
  83. overflow: hidden;
  84. -webkit-transform: rotate(0deg);
  85. -moz-transform: rotate(0deg);
  86. -ms-transform: rotate(0deg);
  87. -o-transform: rotate(0deg);
  88. transform: rotate(0deg);
  89. }
  90. .layui-tab-brief>.layui-tab-title .layui-this {
  91. color: #054e9b;
  92. font-size: 0.95vw;
  93. }
  94. .layui-tab-brief>.layui-tab-title .layui-this:after {
  95. border: none;
  96. border-radius: 0;
  97. border-bottom: 2px solid #054e9b;
  98. }
  99. .login .top .bg1 {
  100. display: inline-block;
  101. width: 72px;
  102. height: 72px;
  103. background: #fff;
  104. opacity: .1;
  105. border-radius: 0 72px 0 0;
  106. position: absolute;
  107. left: 0;
  108. top: 42px;
  109. }
  110. .login .top .bg2 {
  111. display: inline-block;
  112. width: 92px;
  113. height: 92px;
  114. background: #fff;
  115. opacity: .1;
  116. border-radius: 50%;
  117. position: absolute;
  118. right: -16px;
  119. top: -16px;
  120. }
  121. .login .bottom {
  122. background-color: #fff;
  123. padding: 26px 24px;
  124. border-radius: 0 0 12px 12px;
  125. }
  126. .layui-input,
  127. .layui-textarea {
  128. height: 44px;
  129. border: 1px solid #ddd;
  130. }
  131. .captcha_img img {
  132. width: 142px;
  133. height: 44px;
  134. cursor: pointer;
  135. }
  136. .layui-btn {
  137. height: 45px;
  138. font-size: 16px;
  139. margin-top: 6px;
  140. background-color: #054e9b !important
  141. }
  142. .foot {
  143. position: absolute;
  144. font-size: 12px;
  145. bottom: 28px;
  146. text-align: center;
  147. width: 100%;
  148. color: black;
  149. }
  150. .title{
  151. width: 53%;
  152. height: 10%;
  153. top: 10%;
  154. left: 24.5%;
  155. position: relative;
  156. background: url(/static/home/images/logo123.png) no-repeat;
  157. background-size: 100% 100%;
  158. }
  159. </style>
  160. </head>
  161. <body>
  162. <div id="container">
  163. <div class="container-left">
  164. <div class="name"></div>
  165. <div class="title"></div>
  166. <div class="background-img"></div>
  167. <div class="login">
  168. <div class="layui-card login-card">
  169. <div class="layui-card-body">
  170. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  171. <ul class="layui-tab-title">
  172. <li class="layui-this">账号登录</li>
  173. </ul>
  174. <div class="layui-tab-content">
  175. <div class="bottom">
  176. <form class="layui-form" id="gougu-login">
  177. <div class="layui-form-item">
  178. <input type="text" name="username" lay-verify="required" value=""
  179. placeholder="请输入账户" lay-reqText="请输入账户" autocomplete="off"
  180. class="layui-input">
  181. </div>
  182. <div class="layui-form-item">
  183. <input type="password" name="password" lay-verify="required" value=""
  184. placeholder="请输入密码" lay-reqText="请输入密码" autocomplete="off"
  185. class="layui-input">
  186. </div>
  187. <div class="layui-form-item">
  188. <div class="layui-input-inline" style="width:128px;">
  189. <input type="text" name="captcha" lay-verify="required"
  190. placeholder="验证码" lay-reqText="请输入验证码" autocomplete="off"
  191. class="layui-input">
  192. </div>
  193. <div class="layui-input-inline captcha_img"
  194. style="width:132px; height:44px; margin-right:0">
  195. <?php echo captcha_img(); ?>
  196. <input type="hidden" value="<?php echo make_token(); ?>" />
  197. </div>
  198. </div>
  199. <button id="login-submit" class="layui-btn layui-btn-fluid layui-bg-cyan"
  200. lay-submit lay-filter="login-submit">登入系统</button>
  201. </form>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. <div class="container-right">
  210. </div>
  211. <div class="foot">
  212. 逸管工程项目管理系统 © www.yiguanfep.com
  213. <img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
  214. <a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\&quot;noreferrer'target=\”blank\&quot;" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
  215. <a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
  216. </div>
  217. </div>
  218. <script src="/static/assets/layui/layui.js"></script>
  219. <script type="text/javascript">
  220. layui.use(['form'], function () {
  221. var form = layui.form,
  222. layer = layui.layer,
  223. $ = layui.$;
  224. form.on('submit(login-submit)', function (data) {
  225. $.ajax({
  226. url: "/admin/login/login_submit",
  227. data: $('#gougu-login').serialize(),
  228. type: 'post',
  229. async: false,
  230. success: function (res) {
  231. layer.tips(res.msg, '#login-submit');
  232. //登录成功
  233. if (res.code === 0) {
  234. setTimeout(function () {
  235. // parent.document.location.reload();
  236. parent.document.location.href = "<?php echo url('/admin/index'); ?>";
  237. }, 1500);
  238. } else {
  239. $('[alt="captcha"]').click();
  240. }
  241. }
  242. })
  243. return false;
  244. });
  245. });
  246. </script>
  247. </body>
  248. </html>
  249. <script>
  250. $("#showLoginQrcode").click(function () {
  251. $("#qrScanWin").removeClass('hide').addClass('show');
  252. authPost('/index/Wechat/getTicket', {}, function (res) {
  253. var res = JSON.parse(res);
  254. if (res.code && res.code == 200) {
  255. var url = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" + res.ticket;
  256. $('#login_container').attr('src', url);
  257. $('#qrScanWin').show();
  258. timer = setInterval(function () {
  259. // 请求参数是二维码中的场景值
  260. $.post('/index/Login/ajax', { scene_id: res.scene_id }, function (ret) {
  261. var ret = JSON.parse(ret);
  262. if (ret.code && ret.code == 200) {
  263. alert('登录成功!');
  264. Cookies.set("miaozhundianuserid", ret.data.id);
  265. //登陆成功 跳转到首页 或者刷新页面
  266. window.location.reload();
  267. clearInterval(timer);//关闭轮循环
  268. }
  269. });
  270. }, 2000);
  271. } else {
  272. console.log(res.message);
  273. }
  274. });
  275. });
  276. </script>