123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311 |
- <?php /*a:1:{s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\login\index.html";i:1724215734;}*/ ?>
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="renderer" content="webkit" />
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
- <title><?php echo get_system_config('web','admin_title'); ?></title>
- <link rel="stylesheet" href="/static/assets/layui/css/layui.css" media="all">
- <style type="text/css">
-
- html,
- body {
- width: 100%;
- height: 100%;
- background: #EAF3FF;
- }
- input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0px 1000px white inset;
- }
- #container {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999;
- color: #ffffff;
- background: url(/static/home/images/);
- background-size: cover;
- }
- .container h2 {
- font-size: 36px;
- padding: 36px 0;
- font-weight: 500;
- }
- .container-left{
- width: 65%;
- height: 100%;
- background-color: rgb(245,247,251)!important;
- float: left;
- background: url(/static/home/images/info_bg.png) no-repeat;
- background-size: 50% 80%;
- background-position: 52% 100%;
-
-
- }
- .name{
- color: #054e9b;
- font-size: 2.5vw;
- font-weight: 550;
- position: absolute;
- top: 15%;
- left: 16%;
- }
- .container-right{
- width: 35%;
- height: 100%;
- background: url(/static/home/images/bg.jpg) no-repeat ;
- background-size: 100% 100%;
- float: right;
- }
- .login {
- width: 360px;
- text-align: center;
- position: absolute;
- top: 50%;
- left: 70%;
- margin-top: -240px;
- margin-left: -180px;
- border-radius: 12px;
- box-shadow: 0 2px 6px rgba(92, 110, 136, .32);
- }
- .login-card {
- border-radius: 12px;
- }
- .login .top {
- width: 360px;
- height: 90px;
- background-color: #fff;
- border-radius: 12px 12px 0 0;
- line-height: 117px;
- text-align: center;
- overflow: hidden;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- .layui-tab-brief>.layui-tab-title .layui-this {
- color: #054e9b;
- font-size: 0.95vw;
- }
- .layui-tab-brief>.layui-tab-title .layui-this:after {
- border: none;
- border-radius: 0;
- border-bottom: 2px solid #054e9b;
- }
- .login .top .bg1 {
- display: inline-block;
- width: 72px;
- height: 72px;
- background: #fff;
- opacity: .1;
- border-radius: 0 72px 0 0;
- position: absolute;
- left: 0;
- top: 42px;
- }
- .login .top .bg2 {
- display: inline-block;
- width: 92px;
- height: 92px;
- background: #fff;
- opacity: .1;
- border-radius: 50%;
- position: absolute;
- right: -16px;
- top: -16px;
- }
- .login .bottom {
- background-color: #fff;
- padding: 26px 24px;
- border-radius: 0 0 12px 12px;
- }
- .layui-input,
- .layui-textarea {
- height: 44px;
- border: 1px solid #ddd;
- }
- .captcha_img img {
- width: 142px;
- height: 44px;
- cursor: pointer;
- }
- .layui-btn {
- height: 45px;
- font-size: 16px;
- margin-top: 6px;
- background-color: #054e9b !important
- }
- .foot {
- position: absolute;
- font-size: 12px;
- bottom: 28px;
- text-align: center;
- width: 100%;
- color: black;
- }
- .title{
- width: 53%;
- height: 10%;
- top: 10%;
- left: 24.5%;
- position: relative;
- background: url(/static/home/images/logo123.png) no-repeat;
- background-size: 100% 100%;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div class="container-left">
- <div class="name"></div>
- <div class="title"></div>
- <div class="background-img"></div>
- <div class="login">
- <div class="layui-card login-card">
- <div class="layui-card-body">
- <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
- <ul class="layui-tab-title">
- <li class="layui-this">账号登录</li>
- </ul>
- <div class="layui-tab-content">
- <div class="bottom">
- <form class="layui-form" id="gougu-login">
- <div class="layui-form-item">
- <input type="text" name="username" lay-verify="required" value=""
- placeholder="请输入账户" lay-reqText="请输入账户" autocomplete="off"
- class="layui-input">
- </div>
- <div class="layui-form-item">
- <input type="password" name="password" lay-verify="required" value=""
- placeholder="请输入密码" lay-reqText="请输入密码" autocomplete="off"
- class="layui-input">
- </div>
- <div class="layui-form-item">
- <div class="layui-input-inline" style="width:128px;">
- <input type="text" name="captcha" lay-verify="required"
- placeholder="验证码" lay-reqText="请输入验证码" autocomplete="off"
- class="layui-input">
- </div>
- <div class="layui-input-inline captcha_img"
- style="width:132px; height:44px; margin-right:0">
- <?php echo captcha_img(); ?>
- <input type="hidden" value="<?php echo make_token(); ?>" />
- </div>
- </div>
- <button id="login-submit" class="layui-btn layui-btn-fluid layui-bg-cyan"
- lay-submit lay-filter="login-submit">登入系统</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
-
- </div>
- <div class="container-right">
- </div>
- <div class="foot">
- 逸管工程项目管理系统 © www.yiguanfep.com
- <img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
- <a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\"noreferrer'target=\”blank\"" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
- <a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
- </div>
- </div>
- <script src="/static/assets/layui/layui.js"></script>
- <script type="text/javascript">
- layui.use(['form'], function () {
- var form = layui.form,
- layer = layui.layer,
- $ = layui.$;
- form.on('submit(login-submit)', function (data) {
- $.ajax({
- url: "/admin/login/login_submit",
- data: $('#gougu-login').serialize(),
- type: 'post',
- async: false,
- success: function (res) {
- layer.tips(res.msg, '#login-submit');
- //登录成功
- if (res.code === 0) {
- setTimeout(function () {
- // parent.document.location.reload();
- parent.document.location.href = "<?php echo url('/admin/index'); ?>";
- }, 1500);
- } else {
- $('[alt="captcha"]').click();
- }
- }
- })
- return false;
- });
- });
- </script>
- </body>
- </html>
- <script>
- $("#showLoginQrcode").click(function () {
- $("#qrScanWin").removeClass('hide').addClass('show');
- authPost('/index/Wechat/getTicket', {}, function (res) {
- var res = JSON.parse(res);
- if (res.code && res.code == 200) {
- var url = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" + res.ticket;
- $('#login_container').attr('src', url);
- $('#qrScanWin').show();
- timer = setInterval(function () {
- // 请求参数是二维码中的场景值
- $.post('/index/Login/ajax', { scene_id: res.scene_id }, function (ret) {
- var ret = JSON.parse(ret);
- if (ret.code && ret.code == 200) {
- alert('登录成功!');
- Cookies.set("miaozhundianuserid", ret.data.id);
- //登陆成功 跳转到首页 或者刷新页面
- window.location.reload();
- clearInterval(timer);//关闭轮循环
- }
- });
- }, 2000);
- } else {
- console.log(res.message);
- }
- });
- });
- </script>
|