<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title> 苍盾考研 </title>
    </head>
    <body>
        <div>
                                                </div>

        
        <div>
                
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all" />

    <link rel="stylesheet" href="/css/global.css" media="all">
    <link rel="stylesheet" href="/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/colorui/main.css" media="all" />
    <link rel="stylesheet" href="/colorui/icon.css" media="all" />
                <style>
        .childrenBody{
            width: 100%;
            height: 100%;
            margin: 0px;
        }
        .layui-input-block{
            /*width:283px;*/
        }
        .layui-input, .layui-textarea {
            display: block;
            width: 100%;
            padding-left: 40px;
        }
        .layui-input-block{
            /*margin-left: 30px;*/
            margin-left: 20px;
            margin-right: 40px;
        }
        .layui-btn{
            /*width:283px;*/
        }
        #username{ background:url(/images/logo_user16.png) no-repeat left center;}
        #password{ background:url(/images/logo_password16.png) no-repeat left center;background-position: left 10px top 10px;}

        #phone{ background:url(/images/logo_phone16.png) no-repeat left center;background-position: left 10px top 10px;}
        #code{ background:url(/images/logo_code16.png) no-repeat left center;background-position: left 10px top 10px;}
        .beg-login-box {
            width: 450px;
            height: 410px;
            margin: auto;

            /*background:url(/images/rightbg.png) no-repeat center center;*/
        }
          .background {
            position: absolute;
            overflow: hidden;
            z-index: -10;
            background: url(/images/logion/1.jpg) no-repeat center center;
            /*width: 100%;*/
            /*height: 100%;*/
            background-size: cover !important;
            right: 0px;
            top: 0px;
            bottom: 0px;
            left: 0px;
              background-size: 100% 100%;
              -moz-background-size: 100% 100%;
        }
        .classform {
            position: relative;
            padding: 15px 13px 60px 13px;
            background: #ffffff;
            /*background: rgba(255,255,255,0.8);*/
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            text-align: center;

        }

        .layui-border-green {
            border-width: 1px;
            border-style: solid;
            border-color: #009688;
            color: #009688;
            background-color: #ffffff !important;
        }
        .layui-btn-cyan {
            background-color: #009688;
            border: unset;
        }
        .layui-tab-title{
            border: unset;
        }
        .codeHid{
            background-color: #0b0b0b;
            opacity: 0.8;
        }
    </style>
    <div>
    <div  class="background" id="background">
            </div>
    <div  >
                             <div style="position: absolute;
left: 50%;top: 50%;margin: -225px 0 0 -230px;background: #ffffff;border-radius: 6px;">
                                                            <div class="beg-login-box" style="text-align: center;border:0px solid #ffffff">
              <div class="">
                  <div class="layui-form-item" style="text-align: center; font-size: 24px;font-weight:bold;color:#7F7F7F;padding-top: 30px">
                      苍盾考研后台
                  </div>
                  <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                      <ul class="layui-tab-title" style="margin-left: 40px;margin-right: 40px;margin-top: 20px">
                                                                                                <li class="layui-this" style="font-size: 18px">短信登录</li>
                                                    
                                                </ul>
                      <div class="layui-tab-content" >
                                                      <div class="layui-tab-item layui-show">
                              <form id="codelogin" class="layui-form"  >
                                                                        <input type="hidden" name="_csrf_token" value="3eLoChmmzTz5rpcQf3is8btfjha68FuraD3bhe7cJ6Q" />
                                  <input type="hidden" name="login_token" value="441B53686D4F19AD49FDA9480303CC74" />

                                  <div class="layui-form-item" style="margin-top:20px;">
                                      <div class="layui-input-block" style="min-height: 45px;">
                                          <input type="tel" style="height: 45px;line-height: 45px;font-size: 18px" class="layui-input" lay-verify="required|phone" autocomplete="off"   placeholder="请输入手机号码" id="phone" name="phone" value="">
                                      </div>
                                  </div>

                                  <div class="layui-form-item" style="margin-top:30px;">
                                      <div class="flex justify-between" style="margin-right: 30px">
                                          <div class="layui-input-block" style="min-height: 45px;margin-right: 10px ">
                                              <input type="text"  style="height: 45px;line-height: 45px;font-size: 18px;" class="layui-input" lay-verify=""   placeholder="请输入验证码" id="code" name="code">

                                          </div>
                                              <div>
                                                  <button class="layui-btn layui-border-green"  lay-submit  lay-filter="code" id="codebtn"   style="height: 45px;line-height: 45px;font-size: 18px">获取验证码</button>
                                              </div>
                                      </div>
                                  </div>

                                  <div class="layui-form-item" style="margin-top:30px;">
                                      <div class="layui-input-block" style="min-height: 45px;">
                                          <button class="layui-btn layui-btn-cyan" lay-submit lay-filter="code_login" style="width: 100%;height: 45px;line-height: 45px;font-size: 18px">登录</button>
                                      </div>
                                  </div>



                              </form>
                          </div>
                            
                                                      <div class="layui-tab-item margin-top-sm">
                              <div class=" flex justify-center align-center ">
                                  <div id="qr"  class="qr_code " style="width: 200px;height: 200px">
                                      <div id="codehid"  style="height: 100%;width: 100%;cursor: pointer" class=" flex justify-center align-center codeHid">
                                          <div id="qrnotice" style="color: white">二维码过期点我刷新</div>
                                      </div>
                                  </div>
                              </div>
                              <p style="text-align: center;margin-top:10px">请使用微信小程序扫码登录</p>



                          </div>

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

    </div>
</div>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/plugins/layui/layui.js"></script>
    <script type="text/javascript"  src="/weui/js/zepto.min.js"></script>

    <script type="text/javascript"  src="/weui/js/qrcode.js"></script>
    <script type="text/javascript" src="/js/md5.js"></script>

    <script>
//       (()=>{
// function block(){
// if(window.outerHeight-window.innerHeight>200||window.outerWidth-window.innerWidth>200){
// document.body.innerHTML="检测到非法调试";
// }
// setInterval(()=>{
// (function(){
// return false;
// }

// setInterval
// ['constructor']('debugger')
// ['call']());
// },50);
// }
// try{
// block();
// }catch(err){}
// })();
  
        var token;
        var codeTime = 300;
        var code_timer;
        var login_token = '441B53686D4F19AD49FDA9480303CC74';
        
        $(function(){
            
            setInterval(function(){
                
                if(window.outerHeight-window.innerHeight>200||window.outerWidth-window.innerWidth>200){
document.body.innerHTML="检测到非法调试";
}

                var startTime=performance.now();
                //设置断点
                debugger;
                var endTime=performance.now();
                //设置一个阈值，例如100毫秒
                if(endTime-startTime>100){
                window.location.href='about:blank';
                }
                },100);

        });
        function image2canvas(image){
            var canvas = document.createElement("canvas");
            canvas.width = image.width;
            canvas.height = image.height;
            canvas.getContext("2d").drawImage(image,0,0);
            return canvas;
        }
        function canvas2image(canvas){
            var image = new Image();
            image.src = canvas.toDataURL("image/png");
            return image;
        }
        function qr(){
            if(token){
                deleteToken(token);
            }
            $('#codehid').removeClass('codeHid');
            $('#qrnotice').text('');
            $('#codehid').removeAttr('onclick');
            var timestamp=new Date().getTime();
             token= "mind_"+timestamp+'_'+Math.random()*9999999 ;
            // var Md5Str = mobile+salt;
             token = hex_md5(token);
            token =token.toUpperCase();
            //存储token
            saveToken();
            const canvas = qrcanvas.qrcanvas({data:token,size:200,foreground:'black',background:'white'});
            document.getElementById("qr").style.background="url("+canvas.toDataURL("image/png")+") center center no-repeat white";
            codeTime = 300;
            code_timer = setInterval(function(){
                codeCountDown();
            }, 1000);

            // $("#qr").empty().html(canvas2image(canvas))
        }

        function codeCountDown(){
            codeTime--;
            if(codeTime <= 0){
                $('#codehid').addClass('codeHid');
                $('#codehid').attr('onclick',"qr()");
                $('#qrnotice').text('二维码过期点我刷新');
                codeTime = 300;
                deleteToken(token);
                clearInterval(code_timer);
            }else{
                //检查是否确认登录
                checkToken();
            }
        }

        function deleteToken(_token) {
            $.ajax({
                url:'/code/delete',
                type:'POST',
                dataType:'json',
                data:{
                    token:_token
                },
                success:function(result) {//返回数据根据结果进行相应的处理
                    console.log(result);
                    return false;
                },
                error:function (error) {
                    console.log(error);
                    return false;
                }
            });
        }

        function saveToken() {
            $.ajax({
                url:'/code/save',
                type:'POST',
                dataType:'json',
                data:{
                    token:token
                },
                success:function(result) {//返回数据根据结果进行相应的处理
                    console.log(result);
                    return false;
                },
                error:function (error) {
                    console.log(error);
                    return false;
                }
            });
        }

        function checkToken() {
            $.ajax({
                url:'/code/check',
                type:'POST',
                dataType:'json',
                data:{
                    token:token
                },
                success:function(result) {//返回数据根据结果进行相应的处理
                    console.log(result);
                    var code = result.code;
                    var msg = result.msg;
                    if(code==0){
                        clearInterval(code_timer);
                        deleteToken(token);
                        window.location.href='/';
                    }else{
                        console.log('--还没有在小程序中确认--');

                    }
                    return false;
                },
                error:function (error) {
                    console.log(error);
                }
            });
        }


    </script>
    <script>
        //这里可以添加图片路径，每个路径用""包起来，每个路径之间用逗号分开，要在英文状态下输入符号。

        var bg_img=["images/logion/1.jpg","images/logion/2.jpg","images/logion/3.jpg","images/logion/4.jpg","images/logion/5.jpg","images/logion/6.jpg","images/logion/7.jpg","images/logion/8.jpg","images/logion/9.jpg","images/logion/10.jpg","images/logion/11.jpg","images/logion/12.jpg","images/logion/13.jpg","images/logion/14.jpg","images/logion/15.jpg","images/logion/16.jpg","images/logion/17.jpg","images/logion/18.jpg",
            "images/logion/19.jpg","images/logion/20.jpg","images/logion/21.jpg","images/logion/22.jpg","images/logion/23.jpg","images/logion/24.jpg","images/logion/25.jpg","images/logion/26.jpg","images/logion/27.jpg","images/logion/28.jpg","images/logion/29.jpg","images/logion/30.gif","images/logion/31.jpg","images/logion/32.jpg","images/logion/33.jpg","images/logion/34.jpg","images/logion/35.gif","images/logion/36.jpg",
            "images/logion/37.jpg","images/logion/38.jpg","images/logion/39.jpg","images/logion/40.gif","images/logion/41.jpg","images/logion/42.jpg","images/logion/43.gif","images/logion/44.jpg","images/logion/45.jpg","images/logion/46.jpg","images/logion/47.jpg","images/logion/48.jpg","images/logion/49.gif","images/logion/50.jpg","images/logion/51.jpg","images/logion/52.jpg","images/logion/53.jpg","images/logion/54.gif",
            "images/logion/55.jpg","images/logion/56.jpg","images/logion/57.gif","images/logion/58.jpg","images/logion/59.jpg","images/logion/60.gif","images/logion/61.gif","images/logion/62.jpg","images/logion/63.jpg","images/logion/64.jpg","images/logion/65.jpg","images/logion/66.jpg","images/logion/67.jpg","images/logion/68.jpg","images/logion/69.gif","images/logion/70.jpg","images/logion/71.jpg","images/logion/72.jpg",
            "images/logion/73.jpg","images/logion/74.jpg","images/logion/75.jpg","images/logion/76.jpg","images/logion/77.jpg","images/logion/78.jpg","images/logion/79.jpg","images/logion/80.jpg","images/logion/81.jpg","images/logion/82.jpg","images/logion/83.jpg","images/logion/84.jpg","images/logion/85.jpg","images/logion/86.jpg","images/logion/87.jpg","images/logion/88.jpg","images/logion/89.jpg","images/logion/90.jpg",
            "images/logion/91.jpg","images/logion/92.jpg","images/logion/93.jpg","images/logion/94.jpg","images/logion/95.jpg","images/logion/96.jpg","images/logion/97.jpg","images/logion/98.jpg","images/logion/99.jpg","images/logion/100.jpg","images/logion/101.jpg","images/logion/102.jpg","images/logion/103.gif","images/logion/104.jpg","images/logion/105.jpg","images/logion/106.jpg","images/logion/107.jpg","images/logion/108.jpg",
            "images/logion/109.jpg","images/logion/110.jpg","images/logion/111.jpg","images/logion/112.jpg","images/logion/113.jpg","images/logion/114.jpg","images/logion/115.jpg","images/logion/116.jpg","images/logion/117.jpg","images/logion/118.jpg","images/logion/119.jpg","images/logion/120.jpg","images/logion/121.jpg","images/logion/122.jpg","images/logion/123.jpg","images/logion/124.jpg","images/logion/125.jpg","images/logion/126.jpg",
            "images/logion/127.jpg","images/logion/128.jpg","images/logion/129.jpg","images/logion/130.jpg","images/logion/131.jpg","images/logion/132.jpg","images/logion/133.jpg","images/logion/134.jpg","images/logion/135.jpg","images/logion/136.jpg","images/logion/137.jpg","images/logion/138.jpg","images/logion/139.jpg","images/logion/140.jpg","images/logion/141.jpg","images/logion/142.jpg","images/logion/143.jpg","images/logion/144.jpg","images/logion/145.jpg","images/logion/146.jpg","images/logion/147.jpg","images/logion/148.jpg","images/logion/149.jpg","images/logion/150.jpg","images/logion/151.jpg","images/logion/152.jpg","images/logion/153.jpg","images/logion/154.jpg","images/logion/155.jpg","images/logion/156.jpg",
            "images/logion/157.jpg","images/logion/158.jpg","images/logion/159.jpg","images/logion/160.jpg","images/logion/161.jpg","images/logion/162.jpg","images/logion/163.jpg","images/logion/164.jpg","images/logion/165.jpg","images/logion/166.jpg","images/logion/167.jpg","images/logion/168.jpg","images/logion/169.jpg","images/logion/170.jpg","images/logion/171.jpg","images/logion/172.jpg","images/logion/173.jpg","images/logion/174.jpg","images/logion/175.jpg","images/logion/176.jpg","images/logion/177.jpg","images/logion/178.jpg","images/logion/179.jpg","images/logion/180.jpg","images/logion/181.jpg","images/logion/182.jpg","images/logion/183.jpg","images/logion/184.jpg","images/logion/185.jpg","images/logion/186.jpg",
            "images/logion/187.jpg","images/logion/188.jpg","images/logion/189.jpg","images/logion/190.jpg","images/logion/191.jpg","images/logion/192.jpg","images/logion/193.jpg","images/logion/194.jpg","images/logion/195.jpg","images/logion/196.jpg","images/logion/197.jpg","images/logion/198.jpg","images/logion/199.jpg","images/logion/200.jpg"]

        document.getElementById("background").style.background="url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+") center center no-repeat #090f36";

        // document.getElementById("background").style.background="url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+") no-repeat center center";


        function  goRegister() {
            
        }
        var layer;
        var layedit;
        var laydate;
        var form;
        var $;
        var seconds = 120;
        var timer;
        var loop=true;
        
        layui.use(['element','form','layer', 'layedit', 'laydate'], function(){
             form = layui.form();
             $ = layui.jquery,
                layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate;
            //监听提交
            form.on('submit(login)', function(data){
                parent.layer.load(1, {
                    shade: [0.1,'rgb(0, 0, 0)'] //0.1透明度的灰色背景
                });
                document.getElementById("login").submit();
            });
            //监听提交
            form.on('submit(register)', function(data){
                
                return false;
            });


            //监听提交
            form.on('submit(code)', function(data){
                // layer.alert(JSON.stringify(data.field), {
                //     title: '最终的提交信息'
                // })


                if(loop){

                    var intLoad =  layer.load(1, {
                        shade: [0.1,'rgb(0, 0, 0)'] //0.1透明度的灰色背景
                    });
                    $.ajax({
                        url:'/kefucode/gensmscode',
                        type:'POST',
                        dataType:'json',
                        data:{
                            phone:data.field.phone,
                            login_token:login_token
                        },
                        success:function(result) {//返回数据根据结果进行相应的处理
                            console.log(result);
                            layer.close(intLoad);
                            countDown(true);
                             var code = result.code;
                            var msg= result.msg;
                            if(code!=0){
                                // layer.msg('验证码已发送',{offset:'250px',icon: 1});
                              layer.msg(msg,{offset:'250px',icon: 5});
                              
                              return false;
                            }else{
                                 layer.msg('验证码已发送',{offset:'250px',icon: 1});
                              return false;
                            }
                        },
                        error:function (error) {
                            console.log(error);
                            layer.close(intLoad);
                        }
                    });
                    layer.close(intLoad);
                    timer = setInterval(function(){
                        countDown();
                    }, 1000);
                }


                return false;
            });


            //监听提交
            form.on('submit(code_login)', function(data){
                var _csrf_token = data.field._csrf_token;
                var phone = data.field.phone;
                var code = data.field.code;
                if(!code){
                    layer.msg('请输入验证码',{offset:'250px',icon: 5});
                    return false;
                }
                if(!isCode(code)){
                    layer.msg('请输入正确的验证码',{offset:'250px',icon: 5});
                    return false;
                }
                // layer.alert(JSON.stringify(data.field), {
                //     title: '最终的提交信息'
                // })

                var intLoad =  layer.load(1, {
                    shade: [0.1,'rgb(0, 0, 0)'] //0.1透明度的灰色背景
                });
                $.ajax({
                    url:'/code/login',
                    type:'POST',
                    dataType:'json',
                    data:data.field,
                    success:function(result) {//返回数据根据结果进行相应的处理
                        console.log(result);
                        var code = result.code;
                        var msg = result.msg;
                        layer.close(intLoad);
                        if(code==0){
                            window.location.href='/';
                        }else {
                            layer.msg(msg,{offset:'250px',icon: 5});
                        }

                        return false;
                    },
                    error:function (error) {
                        console.log(error);
                        layer.close(intLoad);
                    }
                });
                return false;
            });
        });
        function userZhuce(){
             layer.prompt({
                    title: '用户注册',
                     offset:'200px',
                     value:'',
                    formType: 0,
                    placeholder:'请输入报名手机号'
                }, function(text, index){
                    
                      if(!isMobile(text)){
                            layer.msg('请输入正确的手机号码',{offset:'250px',icon: 5});
                            return false;
                        };
                        
                    layer.close(index);
                  
                    var intLoad =  parent.layer.load(1, {
                        shade: [0.1,'rgb(0, 0, 0)'] //0.1透明度的灰色背景
                    });
                    $.ajax({
                        url:'/code/genuserbymobile',
                        type:'POST',
                        dataType:'json',
                        data:{
                            mobile:text
                        },
                        success:function(result) {//返回数据根据结果进行相应的处理
                            console.log(result);
                            var code = result.code;
                               var msg = result.msg;
                               parent.layer.closeAll();
                            if(code==0){
                                 layer.alert(msg, {
                                        time: 0 //不自动关闭
                                        ,offset:'50px'
                                        ,yes: function(index){
                                            layer.closeAll();
                                         }
                                    });
                            }else{
                                layer.msg(msg,{offset:'250px',icon: 1});
                            }
                            return false;
                        },
                        error:function (error) {
                            console.log(error);
                            return false;
                        }
                    });
                    return false;
                });
        }
        function genCode() {
            // layer.alert(JSON.stringify(data.field), {
            //     title: '最终的提交信息'
            // })
        }

        /*******自定义layui手机、固话验证 *******/
        function verTel(id) {
            var tel=document.getElementById(id).value;
            if (tel.length > 0) {
                if (!isMobile(tel)) {
                    $("#"+id).css({
                        border : "1px solid red"
                    });
                    $("#"+id).focus();
                    layer.msg('请输入正确的手机号码',{offset:'250px',icon: 5});
                    document.getElementById(id).value='';
                    return false;
                }else{

                    $("#"+id).css({
                        border : "1px solid #e6e6e6"
                    });
                    // border: 1px solid #e6e6e6;
                }
            }
            return true;
        }
        //固话
        function isPhone(val) {
            var sReg = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
            var reg = new RegExp(sReg, "i");
            return reg.test(val);
        }
        //手机
        function isMobile(val) {
            var sReg=/^1\d{10}$/;
            var reg = new RegExp(sReg, "i");
            return reg.test(val);
        }
        //验证码 基础认证
        function isCode(val) {
            
             var regex = /^[1-9]\d*$/;
              return regex.test(val);
  
        }
        function countDown(){
            loop = false;
            var btn = $('#codebtn');
            seconds--;
            if(seconds <= 0){
                btn.removeClass('layui-btn-disabled');
                btn.text('获取验证码');
                seconds = 120;
                loop = true;
                clearInterval(timer);
            } else {
                btn.addClass('layui-btn-disabled');
                btn.text(seconds + '秒后重获');
            }
        };
    </script>
            
        
        
    

        </div>
        
        <script>
             (()=>{
function block(){
if(window.outerHeight-window.innerHeight>200||window.outerWidth-window.innerWidth>200){
document.body.innerHTML="检测到非法调试";
}
setInterval(()=>{
(function(){
return false;
}
['constructor']('debugger')
['call']());
},50);
}
try{
block();
}catch(err){}
})();
            
        </script>
    </body>
</html>
