zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
							<!DOCTYPE html>
<html lang="en">
<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="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
</head>
<style>
    * {
        margin: 0px;
        padding: 0px;
    }

    html, body {
        width: 100%;
        height: 100%;
    }

    img {
        display: block;
    }

    .login {
        width: 100%;
        height: 100%;
        background-image: url("./login/wyjt/img/wy_bg.png");
        background-size: cover;
        position: relative;
    }

    .logo {
        width: 263px;


    }

    .logo img {
        width: 100%;

    }

    .main {
        width: 600px;
        height: 416px;
        background: rgba(245, 242, 242, 0.6);
        box-shadow: 0px 0px 20px 0px rgba(87, 83, 79, 0.38);
        border-radius: 10px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -300px;
        margin-top: -210px;
    }

    .main .top {
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;

    }

    .main .top img {
        width: 100%;
    }

    .main .user-box {
        width: 78%;
        margin: 0 auto;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(208, 210, 212, 1);
        border-radius: 10px;
    }

    .name {
        margin-top: 15px;
        padding-bottom: 10px;
    }

    .name-box {
        border-bottom: 1px solid #D0D2D4;
    }

    .save {
        width: 78%;
        margin: 0 auto;
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    .save input {
        width: 22px;
        height: 22px;
    }

    .save span {
        margin-left: 5px;

    }

    .btn {
        width: 78%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .btn .layui-btn {
        width: 100%;
    }


    .footer {
        width: 100%;
        height: 68px;
        background: rgba(243, 243, 243, 0.9);
        position: absolute;
        bottom: 0px;
        font-size: 16px;
        color: #292929;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .layui-input, .layui-select, .layui-textarea {
        border: none;
    }
</style>
<body>
<div class="login">
    <div class="logo">
        <img src="./login/wyjt/img/wy_logo.png" alt="">
    </div>
    <div class="main">
        <form class="layui-form">
            <div class="top">
                <img src=".//login/wyjt/img/wy_title1.png" alt="">
            </div>
            <div class="user-box">
                <div class="name name-box">
                    <label class="layui-form-label">账号：</label>
                    <div class="layui-input-block">
                        <input type="text" name="username" id="username" autocomplete="off" placeholder="请输入您的账号昵称"
                               class="layui-input">
                    </div>
                </div>
                <div class="name">
                    <label class="layui-form-label">密码：</label>
                    <div class="layui-input-block">
                        <input type="password" name="password" id="password" autocomplete="off" placeholder="请输入密码"
                               class="layui-input">
                    </div>
                </div>
            </div>
            <div class="save">
                <input type="checkbox" name="checkbox" lay-skin="primary" title="记住密码" checked="">
            </div>
            <div class="btn">
                <button id="btn1" lay-filter="login" class="layui-btn layui-btn-normal" lay-submit>立即登录</button>
            </div>
        </form>
    </div>
    <div class="footer">
        <p>
            建设单位：济源市万洋冶炼（集团）有限公司
        </p>
        <p style="margin-left: 30px">
            技术支持：西安智慧创新信息科技
        </p>
    </div>
</div>
</body>
<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) {
                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>
</html>