zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录</title>
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="assets/css/login.css?v=312">
    <script>
        if (window != top) {
            top.location.replace(location.href);
        }
    </script>
    <style>
        .login-wrapper {
            background-image: url("assets/login/pic_hd.jpg");
            /*background-position: center 110px;*/
            background-repeat: no-repeat;
            background-size: 100%;
            background-color: #f0f2f5;
        }

        .login-body {
            opacity: 0.8;
        }

        .login-header {
            color: #ffffff !important;
        }

        .login-footer {
            color: #ffffff !important;
        }
    </style>
</head>
<body>
<div class="login-wrapper">
    <div class="login-header" style="color: #fffFFF">
        <!--        <img src="assets/images/logo.png"> -->
        西安长庆油田井下助剂公司
    </div>
    <div class="login-body">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="layui-icon layui-icon-engine"></i>&nbsp;&nbsp;用户登录
            </div>
            <form class="layui-card-body layui-form layui-form-pane">
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <i class="layui-icon layui-icon-username"></i>
                    </label>
                    <div class="layui-input-block">
                        <input name="username" type="text" placeholder="账号名称" class="layui-input"
                               lay-verType="tips" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                    <div class="layui-input-block">
                        <input name="password" type="password" placeholder="密码" class="layui-input"
                               lay-verType="tips" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <button lay-filter="login" id="btn1" class="layui-btn layui-btn-fluid" lay-submit>登 录</button>
                </div>
            </form>
        </div>
    </div>

    <div class="login-footer">
        <p>© 2022 西安长庆油田井下助剂公司</p>
    </div>
</div>

<script type="text/javascript" src="assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="./assets/js/common.js?v=312"></script>
<script>
    layui.use(['layer', 'form', 'uParas', 'admin'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var uParas = layui.uParas;
        var admin = layui.admin;

        // 表单提交
        uParas.clearCache();
        form.on('submit(login)', function (obj) {
            admin.btnLoading('#btn1', '登录中。。。。');
            admin.req(uParas.baseUrl + '/login', obj.field, function (resp) {
                //debugger
                if (resp.code == 1) {
                    uParas.loginCache(resp);

                    location.href = "./index.html"
                } else {
                    layer.msg(resp.msg)
                    admin.btnLoading('#btn1', '登录', false);
                }
            }, 'POST');
            return false;
        });

        // 图形验证码
        $('.login-captcha').click(function () {
            this.src = this.src + '?t=' + (new Date).getTime();
        });
    });
</script>
</body>
</html>