haojiwen
/
new_sdk_wu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
							<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>祈盟网络管理后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/> -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="__STATIC__/css/admin/font.css">
    <link rel="stylesheet" href="__STATIC__/css/admin/xadmin.css">
    <!-- font-awesome CDN -->
    <link rel="stylesheet" href="__STATIC__/css/admin/Font-Awesome-4.7.0.css">
    <script type="text/javascript" src="__STATIC__/js/jquery_v3.3.1.js"></script>
    <script type="text/javascript" src="__STATIC__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/js/admin/xadmin.js?v={$Think.STATIC_VERSION}"></script>


    <style>
        .layui-layer-page .layui-layer-content {
            margin-top: 20px;
        }

        .set_disabled {
            border-color: lightgrey !important;
            background-color: lightgrey !important;
            color: #fff;
            pointer-events: none;
        }

        .footer {
            background: transparent;
            text-align: center;
            border-top: none;
        }

        .footer p {
            width: 1200px;
            color: #fff;
            font-family: "SimSun";
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
        }

        .footer a {
            color: #fff;
        }

        .layui-form .inputbox {
            width: 100%;
            height: 50px;
            display: flex;
        }

        .layui-form .inputbox p {
            width: 20%;
            height: 50px;
            font-size: 14px;
            color: rgb(85, 85, 85);
            line-height: 50px;
        }
    </style>
    {block name="detail_css"}{/block}


</head>

<body class="login-bg">

    <div class="login">
        <div class="message">{:getEnvs('brand_name')}后台管理系统登录</div>
        <div id="darkbannerwrap"></div>

        <form class="layui-form" method="post">
            <div class="inputbox">
                <p>用户名:</p>
                <input name="username" type="text" class="layui-input" placeholder="请输入用户名" lay-verify="required">
            </div>
            <hr class="hr15">
            <div class="inputbox">
                <p>密码:</p>
                <input name="password" type="password" class="layui-input" placeholder="请输入密码" lay-verify="required">
            </div>

            <hr class="hr15">
            <input value="登录" class="layui-btn" lay-submit lay-filter="login"
                style="width:100%;height: 50px;background: rgb(49, 111, 152);">
            <hr class="hr20">
        </form>
    </div>

    <div class="footer">
        <p>杭州祈盟文化传媒有限公司版权所有 <a href="http://beian.miit.gov.cn" target="_blank">浙ICP备2023025401号-1</a>
        </p>
    </div>
</body>
<script>
    $(function () {
        layui.use(['form', 'layer'], function () {

            var form = layui.form,
                layer = layui.layer;
            //监听提交

            form.on('submit(login)', function (data) {
                // console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
                console.log("## form: ", "{:url('admin/Login/index', [], false, ADMIN_DOMAIN_URL)}")
                $.ajax({
                    type: "post",
                    url: "{:url('admin/Login/index', [], false, ADMIN_DOMAIN_URL)}",
                    async: true,
                    timeOut: 5000,
                    dataType: "json",
                    data: data.field,
                    beforeSend: function () {
                        var usename = $("input[name=username]").val();
                        if (usename == "") {
                            layer.msg("请输入用户名");
                        }
                        var password = $("input[name=password]").val();
                        if (password == "") {
                            layer.msg("请输入密码");
                        }
                    },
                    success: function (data) {
                        if (data['code'] == 1) {
                            window.location.href = "{:url('/admin/index/index', [], false, ADMIN_DOMAIN_URL)}";
                        } else if (data['code'] == 2) {
                            updatePwd(data.data.id);
                        } else if (data['code'] == 3) {
                            sendSms(data.data.mobile)
                        } else if (data['code'] == 0) {
                            layer.msg(data['msg']);
                        } else {
                            window.location.reload();
                        }
                    },
                    error: function () {
                        layer.msg("网络错误，请刷新页面重试");
                    },
                    complete: function () {
                        $("#login_btn").html("登录");
                    }
                });

                return false;
            });
        });
    })

    function updatePwd(id) {
        html = '<form class="layui-form" method="post" id="updatePwdForm">  ' +
            '<input type="hidden" name="id" id="id" value="' + id + '">' +
            '<div class="layui-form-item">' +
            '     <label for="" class="layui-form-label">' +
            '         <span class="x-red">*</span>旧 密 码：' +
            '     </label>' +
            '     <div class="layui-input-inline">' +
            '         <input type="password" name="old_password" id="old_password" required="" lay-verify="" autocomplete="off" class="layui-input">' +
            '     </div>' +
            '</div>' +
            '<div class="layui-form-item">' +
            '     <label for="" class="layui-form-label">' +
            '         <span class="x-red">*</span>新&nbsp;密&nbsp;码：' +
            '     </label>' +
            '     <div class="layui-input-inline">' +
            '         <input type="password" name="new_password" id="new_password" required="" lay-verify="" autocomplete="off" class="layui-input">' +
            '     </div>' +
            '</div>' +
            '<div class="layui-form-item">' +
            '     <label for="" class="layui-form-label">' +
            '         <span class="x-red">*</span>密码确认：' +
            '     </label>' +
            '     <div class="layui-input-inline">' +
            '         <input type="password" name="re_password" id="re_password"  required="" lay-verify="" autocomplete="off" class="layui-input">' +
            '     </div>' +
            '</div>' +
            '</form>';


        layer.open({
            type: 1,
            title: '您的登录密码已过有效期，需重新设置！', //不显示标题栏

            closeBtn: 1,
            area: '500px;',
            shade: 0.8,
            id: 'LAY_layuipro', //设定一个id，防止重复弹出

            btn: ['提交', '关闭'],
            moveType: 1,
            content: html,
            yes: function (layero) {
                changePassword('{:url("admin/Login/changePassword")}');
            }
        });
    }

    function changePassword(url) {
        if ('' == $.trim($("#old_password").val())) {
            layer.alert('请输入旧密码');
            return false;
        } else if ('' == $.trim($("#new_password").val())) {
            layer.alert('请输入新密码');
            return false;
        } else if ('' == $.trim($("#re_password").val())) {
            layer.alert('请输入确认密码');
            return false;
        }

        $.ajax({
            type: "POST",
            url: url,
            data: $('#updatePwdForm').serialize(),
            dataType: "json",
            cache: false,
            success: function (data) {
                if (data.code == 1) {
                    layer.closeAll();
                }

                layer.alert(data.msg);
            },
            error: function (XMLHttpRequest, status) {
                layer.alert("网络错误，请刷新页面重试");
            }
        });

        return false;
    }

    function sendSms(mobile) {
        html =
            '<form class="layui-form" method="post" id="sendSmsForm"><div class ="layui-form-item"><label for ="mobile" class = "layui-form-label"> 预留手机号：</label><div class ="layui-input-inline"><input type ="text" id="mobile" name="mobile" autocomplete="off" class="layui-input" readonly value= "' +
            mobile +
            '" style="display: none;"><input type = "text" id ="show_mobile" name ="show_mobile" autocomplete = "off" class = "layui-input" readonly value = "' +
            mobile +
            '"></div></div><div class ="layui-form-item"><label for = "sms_code" class ="layui-form-label">短信验证码：</label><div class = "layui-input-inline"><input type = "text" id ="sms_code" name="sms_code" required autocomplete ="off" class = "layui-input" placeholder="6位短信验证码"></div></div></form>';


        layer.open({
            type: 1,
            title: '短信辅助验证', //不显示标题栏

            closeBtn: 1,
            area: '500px;',
            shade: 0.8,
            id: 'LAY_layuipro2', //设定一个id，防止重复弹出

            btn: ['发送验证码', '登录'],
            moveType: 1,
            content: html,
            yes: function (layero) {
                doSendSms('{:url("admin/Login/sendSmsCode")}');
            },
            btn2: function (layero) {
                doLogin();
                return false;
            }
        });

        var new_str = hide_code($("#show_mobile").val(), 3, 4, '*');
        $("#show_mobile").val(new_str)
    }

    function doSendSms(url) {
        if ('' == $.trim($("#mobile").val())) {
            layer.alert('手机号为空!');
            location.href = "{:url('admin/index/index')}";
            return false;
        }

        $.ajax({
            type: "POST",
            url: url,
            data: $('#sendSmsForm').serialize(),
            dataType: "json",
            cache: false,
            success: function (data) {
                if (data.msg == "发送成功，请查收") {
                    time();
                }
                layer.msg(data.msg);
            },
            error: function (XMLHttpRequest, status) {
                layer.alert("网络错误，请刷新页面重试");
            }
        });

        return false;
    }

    //短信验证登录
    function doLogin() {
        mobile = $.trim($("#mobile").val());
        sms_code = $.trim($("#sms_code").val());

        if ('' == $.trim($("#mobile").val())) {
            layer.alert('手机号为空!');
            location.href = "{:url('admin/index/index')}";
            return false;
        }

        if ('' == $.trim($("#sms_code").val())) {
            layer.alert('验证码不能为空!');
            return false;
        }

        $.ajax({
            type: "POST",
            url: '{:url("admin/Login/loginSms")}',
            data: {
                sms_code: sms_code
            },
            dataType: "json",
            cache: false,
            success: function (data) {
                if (data.code == 1) {
                    layer.closeAll();
                    location.href = "{:url('admin/index/index')}";
                }

                layer.msg(data.msg);
            },
            error: function (XMLHttpRequest, status) {
                layer.alert("网络错误，请刷新页面重试");
            }
        });

        return false;
    }


    var hide_code = function (str, pos, length, newChar) {
        pos = pos || 0;
        length = length || 0;
        newChar = newChar || '*';
        if (pos < 0 || length <= 0 || pos + length > str.length) {
            return str;
        }
        var repStr = "";
        for (var i = 0; i < length; i++) {
            repStr += newChar;
        }
        return str.slice(0, pos) + repStr + str.slice(pos + length, str.length);
    }


    var timer = null;
    //倒计时
    function time() {
        var se = 60;
        if (timer) return;
        timer = setInterval(function () {
            // se = --se;
            se--;
            $(".layui-layer-btn.layui-layer-btn- .layui-layer-btn0").eq(0).addClass("set_disabled");
            $(".layui-layer-btn.layui-layer-btn- .layui-layer-btn0").eq(0).html(se + " 秒");

            if (se === 0) {
                $(".layui-layer-btn.layui-layer-btn- .layui-layer-btn0").eq(0).removeClass("set_disabled");
                $(".layui-layer-btn.layui-layer-btn- .layui-layer-btn0").eq(0).html('重新获取');
                clearInterval(timer);
                timer = null;
            }
        }, 1000);
    }
</script>

</html>