huangzhidong
/
guoyao-jiankang


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>{$title}-找回密码</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
    <link href="/static/hplus/css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
    <link href="/static/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" />
    <link href="/static/hplus/css/animate.css" rel="stylesheet" />
    <link href="/static/admin/css/style.css?v=4.1.0" rel="stylesheet" />
    <link href="/static/admin/css/login.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
    <style>

        .verifyimg{
            width:46%;
            height: 40px;
            margin-bottom: 3px;
            border: 1px solid #ccc;
            cursor: pointer;
        }
        .login-title{
            font-size: 18px;
            color: #222;
        }
        .form-control{
        }
        .btn-block{
            margin-top: 10px;
        }
        .login-input-box{
            height: 55px !important;
        }
    </style>

</head>

<body>


<div class="login-box">
    <div class="login-box-left">
        <div class="login-box-banner">
            <img src="/static/admin/img/tu.png" alt="">
        </div>
<!--        <div class="l-title">-->
<!--            <div class="l-title-a">欢迎使用</div>-->
<!--            <div class="l-title-a">{$title}</div>-->
<!--        </div>-->
    </div>
    <div class="login-box-right">
        <div class="from-data">
            <div class="form-right">
                <div class="logo-title">
                    找回密码
                </div>
                <form method="post" style="margin: 0 49px;" action="{:url('forget')}">

                    <div class="login-input-box" style="display:flex !important;">
                        <div class="login_input-box" style="width: 160px !important;">
                            <input type="text" name="account" id="phone" class="form-control uname"  placeholder="手机号" />
                        </div>
                        <div class="login_input-box" style="width: 140px !important;">
                            <input type="text" readonly id="yzm" value="获取验证码" style="cursor: pointer" onclick="sendsms(this)" class="form-control uname" />
                        </div>
                    </div>
                    <div class="login-input-box">
                        <div class="login_input-box">
                            <input type="text" name="code" class="form-control uname"  placeholder="验证码" />
                        </div>
                    </div>
                    <div class="login-input-box">
                        <div class="login_input-box">
                            <input type="password" name="password" class="form-control pword m-b" placeholder="新密码" />
                        </div>
                    </div>
                    <button class="btn btn-info btn-block" >提 交</button>
                    <h5 class="forget"><a href="{:url('login')}">去登陆</a></h5>

                </form>
            </div>
        </div>
    </div>
</div>


<div class="copyright-text">
    Copyright © 2023 {$title} 版权所有 <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023032306号</a>
</div>
<script src="/static/hplus/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/hplus/js/bootstrap.min.js?v=3.3.7"></script>
<script src="/static/layer/layer.js"></script>
<script>
    $(function(){
        //表单提交
        $(document)
            .ajaxStart(function(){
                $("button:submit").html('登 录 中...').attr("disabled", true);
            })
            .ajaxStop(function(){
                $("button:submit").html('登 录').attr("disabled", false);
            });

        $("form").submit(function(){
            var self = $(this);
            self.find(".check-tips").text('');
            $.post(self.attr("action"), self.serialize(), success, "json");
            return false;

            function success(data){
                if(data.code){
                    window.location.href = data.url;
                } else {
                    layer.msg(data.msg)
                    //刷新验证码
                    $(".reloadverify").click();
                }
            }
        });

        //刷新验证码
        var verifyimg = $(".verifyimg").attr("src");
        $(".reloadverify").click(function(){
            if( verifyimg.indexOf('?')>0){
                $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
            }else{
                $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
            }
        });

    });

    function sendsms(_self) {
        var flag = $(_self).attr('data-flag');
        if (flag == 1) {
            return false;
        }
        var mobile = $('#phone').val();
        if (mobile == '') {
            layer.msg('未填写手机号');
            return false;
        }
        $(_self).attr('data-flag', 1);

        $.ajax({
            url: '{:url("sms")}',
            type: "POST",
            data: {'mobile': mobile},
            success: function (res) {
                if (res.code == 1) {
                    var time = 60;
                    $('#yzm').val("(" + time + "s)重新获取");
                    var timer = setInterval(function () {
                        time--;
                        if (time == 0) {
                            $('#yzm').val("获取验证码");
                            $(_self).attr('data-flag', 0);
                            clearInterval(timer);
                        } else {
                            $('#yzm').val("(" + time + "s)重新获取");
                        }
                    }, 1000);
                } else {
                    layer.msg(res.msg);
                    $(_self).attr('data-flag', 0);
                    $('#yzm').val("获取验证码");
                }
            },
            error: function (result) {
                layer.msg('请求失败');
                $(_self).attr('data-flag', 0);
                $('#yzm').val("获取验证码");
            }
        });
    }
</script>
</body>
</html>