<!DOCTYPE HTML>
<html>
<head>
    <base href="/">
    <title>系统登录</title>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">

    <link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.min.css">

    <script type="text/javascript" src="static/js/jsencrypt.min.js"></script>
</head>
<body class="bg-white overflow-x-hidden">
<!-- 编辑分类模态框 -->
<div class="container-fluid" id="editmode"
     style="position:absolute;left:0;top:0;width:100%;height:100%;background-color: #FFF;z-index: -1;">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <header class="card-header">
                    <div class="card-title">申请向导</div>
                    <button type="button" class="btn-close" style="float:right;margin-top: -25px;" onclick="myrz('G')" aria-label="Close"></button>
                </header>
                <div class="card-body">
                    <form id="uploadForm" class="lyear-guide-box" data-navigateable="true">
                        <ul class="nav nav-step">
                            <li class="nav-item">
                                <span>步骤一</span>
                                <a class="nav-link active" data-toggle="tab" href="#step-1"></a>
                            </li>

                            <li class="nav-item">
                                <span>步骤二</span>
                                <a class="nav-link" data-toggle="tab" href="#step-2"></a>
                            </li>

                            <li class="nav-item">
                                <span>步骤三</span>
                                <a class="nav-link" data-toggle="tab" href="#step-3"></a>
                            </li>

                          <!--  <li class="nav-item">
                                <span>步骤四</span>
                                <a class="nav-link" data-toggle="tab" href="#step-4"></a>
                            </li>-->
                        </ul>
                        <!--对应内容-->
                        <div class="nav-step-content col-10" style="margin:0 auto;">
                            <div class="nav-step-pane d-none active" id="step-1"  data-provide="validation">
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <div><label class="col-md-6 col-xl-4 col-form-label" style="padding-right:20px;padding-left:20px;">账户名称</label>
                                            <div>
                                                <input type="text" class="form-control" id="z2" name="z2" placeholder="请输入账户名称" required/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xl-4">
                                        <div><label class="col-md-6 col-xl-4 col-form-label" style="padding-right:20px;padding-left:20px;">密码</label>
                                        <div class="input-group">
                                            <div>
                                            <input type="password" class="form-control" id="p2" name="p2" placeholder="请设定账户密码" required/>
                                            </div>
                                            <div style="width:50px;display: flex;justify-content: center;align-items: center;">
                                                <image id="eyep" onclick="passeye()" src="../images/eyek.png" style="width: 30px;height: 30px;"></image>

                                            </div>
                                        </div></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">真实姓名</label>
                                        <div>
                                            <input type="text" class="form-control" id="z4" name="z4" placeholder="请输入真实姓名" required/>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">联系手机</label>
                                        <div>
                                            <input type="text" class="form-control" id="z5" name="z5" placeholder="请输入联系手机" required/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="nav-step-pane d-none" id="step-2" data-provide="validation">
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">身份类别</label>
                                        <div class="form-check">
                                            <div class="form-check form-check-inline">
                                                <input  class="form-check-input" id="r31" name="t3" value="A" type="radio" checked>
                                                <label for="r32" class="form-check-label">机构</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input  class="form-check-input" id="r32" name="t3" value="B" type="radio">
                                                <label for="r32" class="form-check-label">个人</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" id="r33" name="t3" value="C" type="radio">
                                                <label for="r33" class="form-check-label">专家</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">联系人名称</label>
                                        <div>
                                            <input type="text" class="form-control" id="t10" name="t10" placeholder="请输入联系人名称" required/>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">联系人手机号</label>
                                        <div>
                                            <input type="text" class="form-control" id="t11" name="t11" placeholder="请输入联系人手机号" required/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">机构/个人名称</label>
                                        <div>
                                            <input type="text" class="form-control" id="t2" name="t2" placeholder="请输入机构/个人名称" required/>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">证件码</label>
                                        <div>
                                            <input type="text" class="form-control" id="t4" name="t4" placeholder="请输入营业执照/身份证号" required/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row col-xl-4 col-md-6 col-sm-12 col-12" style="margin-top: 20px;">
                                    <label for="t24" class="col-auto form-label">营业执照</label>
                                    <div class="col-xl-8 col-md-8 col-sm-6 col-6">
                                        <input class="form-control" type="file" id="t24" onchange="showpdtpgs()">
                                        <img src="" id="shtp" class="form-control" style="width:300px;border:none;"/>
                                    </div>
                                </div>
                            </div>
                            <div class="nav-step-pane d-none" id="step-3">
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">开户行</label>
                                        <input type="text" class="form-control" id="t5" name="t5" placeholder="请输入开户行"/>
                                    </div>
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">账号/银行卡号</label>
                                        <input type="text" class="form-control" id="t6" name="t6" placeholder="请输入账号/银行卡号" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 col-xl-4">
                                        <label class="col-auto col-form-label" style="padding-right:20px;padding-left:20px;">户名/姓名</label>
                                        <input type="text" class="form-control" id="t7" name="t7" placeholder="请输入户名/姓名"/>
                                    </div>
                                </div>
                            </div>
                            </div>
                           <!-- <div class="nav-step-pane d-none" id="step-4">

                        </div>-->
                        <!--End 对应内容-->
                        <hr>
                        <div class="d-flex justify-content-between col-10" style="margin:0 auto;">
                            <button class="btn btn-secondary disabled" data-wizard="prev" type="button">上一步</button>
                            <button class="btn btn-secondary" data-wizard="next" type="button">下一步</button>
                            <button id="wcbox" class="btn btn-primary d-none" data-wizard="finish">完成</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>

    </div>
</div>

<div class="row bg-white vh-100">
    <div class="col-md-6 col-lg-7 col-xl-8 d-none d-md-block" style="background-image: url(images/login-bg-1.jpg); background-size: cover;">
        <div class="d-flex vh-100">
            <div class="p-5 align-self-end">
                <img style="height:100px;" src="images/logo-sidebar.png" alt="...">
                <br><br><br>
                <p class="text-dark">基于Bootstrap v5.1.3的技术支持。</p>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-lg-5 col-xl-4 align-self-center">
        <div style="position: absolute;right:30px;top:20px;">
            <a href="javaScript:void(0);" class="btn btn-link" onclick="myrz('M')">机构/专家入驻</a>
        </div>
        <div class="p-5">
            <div class="text-center">
                <img style="height:60px;" alt="light year admin" src="images/logo-sidebar.png">
            </div>
            <p class="text-center text-muted"><small>请使用您的账号登录系统</small></p>
            <form method="post" class="signin-form needs-validation" novalidate>
                <div class="mb-3">
<!--                    <label for="username">用户名</label>-->
                    <input type="text" class="form-control" id="username" placeholder="请输入您的用户名" required>
                </div>

                <div class="mb-3">
<!--                    <label for="password">密码</label>-->
                    <input type="password" class="form-control" id="pword" placeholder="请输入您的密码" required>
                </div>
                <div class="mb-3">
                    <div class="row gy-1 gx-2 align-items-center">
                        <div class="col-md-6">
                            <input id="ycode" placeholder="验证码[区分大小写]" type="text" class="form-control" required/>
                        </div>
                        <div class="col-md-6">
                            <img class="img-thumbnail" style="max-height: 38px;" id="codeImg" alt="验证码" onclick="changeImg()"/>
                        </div>
                    </div>
                </div>
                <div class="mb-3 d-grid" style="margin-top: 50px;">
                    <button class="btn btn-primary" >立即登录</button>
                </div>
                <!--                       <span onclick="tofile()">转换</span>
                  <span onclick="tofile1()">转换</span>
                <span onclick="tofile2()">转换</span>-->
           </form>
           <p class="text-center text-muted mt-3">Copyright © 2024 <a target="_blank" href="http://www.nbyfx.com">快乐代码</a>. All right reserved</p>
       </div>
   </div>

</div>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lyear-loading.js"></script>
<script type="text/javascript" src="js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script>
<!-- validate JS 验证-->
<script type="text/javascript" src="assets/jquery-validate/jquery.validate.js"></script>
<script type="text/javascript" src="assets/jquery-validate/validate-methods.js"></script>
<script type="text/javascript" src="js/jquery.bootstrap.wizard.min.js"></script>
<script type="text/javascript">
    var loader;
    var layer = layui.layer;
    var load_index;

    $(document).ready(function() {

        //加载验证码
        setTimeout(changeImg, 500);

        var guideObj = $('.lyear-guide-box');
        var nav_item = guideObj.find('.nav-item');
        var tab_pane = guideObj.find('.nav-step-pane');

        guideObj.bootstrapWizard({
            'tabClass': 'nav-step',
            'nextSelector': '[data-wizard="next"]',
            'previousSelector': '[data-wizard="prev"]',
            'finishSelector': '[data-wizard="finish"]',
            'onTabClick': function(e, t, i) {
                // data-navigateable='true'允许用户直接点击步骤项，false则只能通过按钮
                if ( !$('.lyear-guide-box').is('[data-navigateable="true"]') ) {
                    return false;
                }
            },
            'onTabShow': function(e, t, i) {
                t.children(":gt(" + i + ").complete").removeClass("complete");
                t.children(":lt(" + i + "):not(.complete)").addClass("complete");
            },
            'onNext': function(tab, navigation, index){

                var current_index = guideObj.bootstrapWizard('currentIndex');
                var curr_tab  = tab_pane.eq(current_index);

                var validator_selector = '[data-provide="validation"]';
                var validator = curr_tab.find(validator_selector).addBack(validator_selector);
                if (validator.length) {
                    var forms = validator.find('input, select, textarea');
                    var validation = true;
                    forms.each(function() {
                        if (this.checkValidity() === false) {
                            guideObj.addClass('was-validated');
                            validation = false;
                        } else {
                            guideObj.removeClass('was-validated');
                        }
                    });
                    if (!validation) {
                        guideObj.addClass('was-validated');
                        return false;
                    }
                }
            },
            'onPrevious': function(){

            },
            'onFinish': function(e, t, i) {
                var nav = nav_item.eq(i);
                nav.addClass('complete').find('a.nav-link').removeClass('active');
                return false; // 这里为了演示效果，阻止其继续
            }
        });


        $("#uploadForm").validate({
            errorPlacement: function(error, element) {
                //替换错误显示位置，error表示错误信息
                $(element).parent("div").parent("div").append(error);
                $(element).parent("div").parent("div").find("label").addClass("col-12");
            },
            rules : {z2: { required : true, remote:{
                        url: "zhname", //后台处理程序
                        type: "post",  //数据发送方式
                        async : false,
                        dataType: "json",       //接受数据格式
                        data:{
                            "name":function(){
                                return $("#z2").val().trim();
                            },
                            "id":function(){
                                return "";
                            }//要传递的数据
                        }
                    }},p2: { required : true,isPass1: true },z4: { required : true, },z5: { required : true, isMobile1: true,
                remote:{
                    url: "zhphone", //后台处理程序
                    type: "post",  //数据发送方式
                    async : false,
                    dataType: "json",       //接受数据格式
                    data:{
                        "phone":function(){
                            return $("#z5").val().trim();
                        },
                        "id":function(){
                            return "";
                        }//要传递的数据
                    }
                }},t2: { required : true,
                    remote:{
                        url: "jgname", //后台处理程序
                        type: "post",  //数据发送方式
                        async : false,
                        dataType: "json",       //接受数据格式
                        data:{
                            "name":function(){
                                return $("#t2").val().trim();
                            },
                            "id":function(){
                                return "";
                            }//要传递的数据
                        }
                    } },t10: { required : true, },t11: { required : true, },/*t4: { required : true, },t5: { required : true, },*/},
            messages: {},
            submitHandler: function(form) {
                $("label .error").each(function (){
                    if($(this).attr("style")=="display: none;"){
                        $(this).remove();
                    }
                })
                console.log($(".error"));
                if($("label .error").length!=0){
                    layer.msg("填写内容有误，请检查");
                    return;
                }
                load_index = layer.load(1);
                var formData = new FormData();
                formData.append("p2",$("#p2").val());
                formData.append("z2",$("#z2").val());
                formData.append("z4",$("#z4").val());
                formData.append("z5",$("#z5").val());
                formData.append("t2",$("input[name='t3']:checked").val());
                formData.append("t3",$("#t2").val());
                formData.append("t10",$("#t10").val());
                formData.append("t11",$("#t11").val());
                formData.append("t4",$("#t4").val());
                formData.append("t5",$("#t5").val());
                formData.append("t6",$("#t6").val());
                formData.append("t7",$("#t7").val());
                formData.append("t8",$("#t8").val());
                formData.append("t24", document.getElementById("t24").files[0]);
                formData.append("t9","");
                formData.append("t10","");
                $.ajax({
                    url: 'toHt/xgselect1', // 服务器端处理上传文件的URL
                    type: 'POST',
                    data: formData,
                    dataType:'json',
                    contentType: false, // 不设置内容类型
                    processData: false, // 不处理发送的数据
                    success: function (res) {
                        var d = eval(res);
                        setTimeout(function () {
                            location.href = 'toHt/toHTindex';
                            layer.close(load_index);
                        }, 1500);
                    },
                    error: function (e) { console.log(e);console.log('提交失败');  layer.close(load_index); }
                });
            }
        });

        $(document).ajaxStart(function(){
            $("button:submit").html('登录中...').attr("disabled", true);
            loader = $('button:submit').lyearloading({
                opacity: 0.3,
                spinnerSize: 'nm'
            });
        }).ajaxStop(function(){
            loader.destroy();
            $("button:submit").html('立即登录').attr("disabled", false);
            $("#wcbox").html('提交审核');
        });

        var encrypt = new JSEncrypt();
        encrypt.setPublicKey("MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDXajYcIi2XXwXoKgH0JWxh1rgUdPjgJFAvmNitLQseMIhiF1vO+kNLHGCImQKcHScC4/UL1HJSY0dHsiOn8q5ydWFIt7UwxUddiSP5rjAoASYR6K6WKCkpUsPOk3a2/hm6t0DEyje9bLMuUjaTpylFBzkNfY1rp3iOtwNJkUd2nQIDAQAB");
        var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,20}');

        $('.signin-form').on('submit', function(event) {
            //验证
            if ($(this)[0].checkValidity() === false) {
                event.preventDefault();
                event.stopPropagation();
                $(this).addClass('was-validated');
                return false;
            }
            let username = $("#username").val().trim();
            let userpwd = $("#pword").val().trim();
            let ycode = $("#ycode").val().trim();
            let params = {"username":username, "userpwd":encrypt.encrypt(userpwd), "ycode":ycode};

            $.post("checkLogin", params, function(data) {
                let dp = eval("("+data+")");
                if(dp.res=="N"){
                    $.notify({
                        message: '登录失败，错误原因：'+dp.msg,
                    },{
                        type: 'danger',
                        placement: {
                            from: 'top',
                            align: 'right'
                        },
                        z_index: 10800,
                        delay: 1500,
                        animate: {
                            enter: 'animate__animated animate__shakeX',
                            exit: 'animate__animated animate__fadeOutDown'
                        }
                    });
                }else{
                    $.notify({
                        message: '登录成功，正在为您跳转',
                    },{
                        type: 'success',
                        placement: {
                            from: 'top',
                            align: 'right'
                        },
                        z_index: 10800,
                        delay: 1500,
                        animate: {
                            enter: 'animate__animated animate__shakeX',
                            exit: 'animate__animated animate__fadeOutDown'
                        }
                    });
                    setTimeout(function () {
                        location.href = 'toHt/toHTindex';
                    }, 1500);
                }
            }).fail(function () {
                $.notify({
                    message: '服务器错误',
                },{
                    type: 'danger',
                    placement: {
                        from: 'top',
                        align: 'right'
                    },
                    z_index: 10800,
                    delay: 1500,
                    animate: {
                        enter: 'animate__animated animate__shakeX',
                        exit: 'animate__animated animate__fadeOutDown'
                    }
                });
                $('#pword').val('');
                $('#ycode').val('');
            });

            return false;
        });


    });


    //判断图片
    function showpdtpgs(){
        var filePath = ['.jpg','.jpeg','.png'];
        var file = document.getElementById("t24").files[0];
        if(file){
            var filename = file.name;
            var filejw = filename.substring(filename.lastIndexOf("."));
            var pd = false;
            for(let i=0;i<filePath.length;i++){
                if(filejw==filePath[i]){
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    reader.onload = function(e) {
                        var data = e.target.result;
                        $("#shtp").attr("src",data);
                    };
                    pd =  true;
                    return;
                }
            }
            if(!pd){
                file.value="";
                $("#t24").val("");
                layer.msg("只能上传以.jpg、.jpeg、.png结尾的图片");
                return;
            }
        }else{
            if($("#id").val()==""){
                $("#shtp").attr("src","");
            }
        }
    }

    function passeye(){
        if($("#p2").attr("type")=="text") {
            $("#p2").attr("type","password");
            $("#eyep").attr("src","../images/eyek.png");
        }else {
            $("#p2").attr("type","text");
            $("#eyep").attr("src","../images/eyeb.png");
        }
    }

    function myrz(type) {
        if(type=="M") $("#editmode").css("z-index", "100");
        else $("#editmode").css("z-index", "-10");
    }

    function changeImg() {
        var imgSrc = $("#codeImg");
        imgSrc.attr("src", chgUrl("/code.do"));
    }

    $('#username').on('change', function () {
        changeImg();
    });

    //加入时间戳，去缓存机制
    function chgUrl(url) {
        var timestamp = (new Date()).valueOf();
        if ((url.indexOf("&") >= 0)) {
            url = url + "&timestamp=" + timestamp + "&uname=" + $("#username").val().trim();
        } else {
            url = url + "?timestamp=" + timestamp + "&uname=" + $("#username").val().trim();
        }
        return url;
    }

    function tofile(){
        console.log(111)
        $.ajax({
            url:'zhfile',
            type:'post',
            async: false,
            cache: false,
            processData: false,
            contentType: false,
            dataType:'json',
            success:function(data) {
                alert(data.msg);
                // window.parent.layer.closeAll();
            },
            error:function(){}
        });
    }
    function tofile1(){
        console.log(111)
        $.ajax({
            url:'zhfile1',
            type:'post',
            async: false,
            cache: false,
            processData: false,
            contentType: false,
            dataType:'json',
            success:function(data) {
                alert(data.msg);
                // window.parent.layer.closeAll();
            },
            error:function(){}
        });
    }
    function tofile2(){
        $.ajax({
            url:'zhfile2',
            type:'post',
            async: false,
            cache: false,
            processData: false,
            contentType: false,
            dataType:'json',
            success:function(data) {
                alert(data.msg);
                // window.parent.layer.closeAll();
            },
            error:function(){}
        });
    }
</script>
</body>
</html>
