zskk_bg
/
guochanhua


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html lang="{$config.language}">
    <head>
        {include file="common/meta" /}

        <style type="text/css">
            body {
                color:#999;
                background:url('/assets/img/loginbg.jpg');
                background-size:cover;
            }
            a {
                color:#fff;
            }
            .login-panel{margin-top:150px;}
            .login-screen {
                max-width:400px;
                padding:0;
                margin:170px auto 0 auto;

            }
            .login-screen .well {
                border-radius: 3px;
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                background: rgba(255,255,255, 0.2);
            }
            .login-screen .copyright {
                text-align: center;
            }
            @media(max-width:767px) {
                .login-screen {
                    padding:0 20px;
                }
            }
            .profile-img-card {
                width: 100px;
                height: 100px;
                margin: 10px auto;
                display: block;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }
            .profile-name-card {
                text-align: center;
            }

            #login-form {
                margin-top:20px;
            }
            #login-form .input-group {
                margin-bottom:15px;
            }

        </style>
    </head>
    <body>
        <div class="container">
            <div class="login-wrapper">
                <div class="login-screen">
                    <div class="well" style="border: none;">
                        <div class="login-form" >
                            <div style="width: 100%; text-align: center; " >
                                <img style="width: 140px" id="profile-img" src="__CDN__/assets/img/zskk-logo.png" />
<!--                                <div style="">远程诊断平台-管理</div>-->
                            </div>
                            <p id="profile-name" class="profile-name-card"></p>

                            <form action="" method="post" id="send-sms">
                                <div id="errtips" class="hide"></div>
                                {:token()}
                                <input type="hidden" name="phone" id="phone">
<!--                                <div class="input-group">-->
<!--                                    -->
<!--                                    <button type="button" name="send" width="100" height="30" style="float: right">点击获取验证码</button>-->
<!--                                </div>-->
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
                                    <input type="text" name="code" placeholder="验证码" data-target="#errtips"  class="form-control" aria-invalid="true">
                                    <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;border: 1px solid #d2d6de;border-left: none;">
                                        <button type="button" name="send" width="100" height="30" style="border: none;
    background: #fff;">点击获取验证码</button>
                                    </span>
                                </div>
<!--                                <div class="form-group">-->
<!--                                    <label class="inline" for="keeplogin">-->
<!--                                        <input type="checkbox" name="keeplogin" id="keeplogin" value="1" />-->
<!--                                        {:__('Keep login')}-->
<!--                                    </label>-->
<!--                                </div>-->
                                <div class="form-group" style="margin-top: 15px">
                                    <button type="submit" style="background-color: #408eba" class="btn btn-success btn-lg btn-block">{:__('Sign in')}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {include file="common/script" /}
    </body>
</html>
<script>
    var lastlogin = JSON.parse(localStorage.getItem("lastlogin"));
    if(!lastlogin){
        alert('无效的链接，请重新进行登陆验证');
        window.location.href = "/admin/index/login";
    }else{
        var phone = lastlogin.phone;
    }
    $("#phone").val(phone)
    $("button[name='send']").click(function (event) {
        //这里写发送验证码的代码
        var time = 60;
        settime($(this));
        requestFn()
        function settime(obj) {
            if (time == 0) {
                $(obj).attr('disabled', false);
                $(obj).html("点击获取验证码");
                time = 60;
                return;
            } else {
                $(obj).attr('disabled', true);
                $(obj).html(time + "秒后重新发送");
                time--;
            }
            setTimeout(function () {
                settime(obj)
            }, 1000)
        }
    });
    function requestFn() {
        $.ajax({
            type: "post",
            url: '/admin/index/sendCode',
            data: {'phone':phone},
            dataType: "json",
            success: function (res) {
                localStorage.removeItem('lastlogin');
                alert('短信发送成功！请耐心等待！')
            },
            error: function (error) {
                alert("短信发送失败！请重新点击发送按钮");
            }
        });
    }
</script>