dayuan
/
manyi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="format-detection" content="telphone=no,email=no"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>登录</title>
    <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
    <link rel="stylesheet" href="../components/lib/mui.picker.min.css"/>
    <link rel="stylesheet" href="../components/custom/css/common.css"/>
    <link rel="stylesheet" href="/app/css/xyf.common.min.css"/>
</head>
<body class="bg-white">
<div class="page-main" style="
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 500px;
">
    <div class="login-logo"></div>
    <div class="input-group-card">
        <div class="input-row input-clear">
            <input id="userName" type="tel" maxlength="11" placeholder="手机号">
        </div>
        <div class="input-row input-clear   ">
            <input id="agent" type="text" placeholder="代理商" readonly>
            <input id="agentId" type="hidden">
        </div>
        <div class="input-row input-clear">
            <input id="password" type="password" maxlength="20" placeholder="密码">
        </div>
    </div>
    <div class="subt">
        <input class="mui-btn-block" type="button" id="loginBtn" value="登录" onclick="login()">
    </div>

</div>
<script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="../components/lib/md5.js"></script>
<script src="../components/lib/mui.picker.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script src="/app/js/xyf.login.js"></script>
<script>

    myAjax({
        type: "GET",
        url: "/knowledge/authenticated",
        data: {},
        success: function(result){ if (!result){  goPage('login.html')  } },
        error: function(){ goPage('login.html') }
    })


    document.onkeydown = function (event) {
        if (event.keyCode == 13) {
            login();
        }
    };

    //初始化选择器
    var agentPicker;
    mui.ready(function () {
        agentPicker = new mui.PopPicker();
        //如果是厂商ID，则需要获取agent列表
        $("#userName").on("input", function () {
            var userName = $(this).val();
            getOwnerAgents(userName);
        }).trigger("input");//初始化表单有填充也获取一次

        $("#agent").on("click", function () {
            if ($('#userName').val() === '') {
                mui.toast('请先输入账号');
                return
            }
            agentPicker.show(function (items) {
                var data = items[0] || {};
                $("#agent").val(data.displayName);
                $("#agentId").val(data.value);
                $(".login-logo").css("background-image", "url(" + data.agentLogoUrl + ")");
            });

        });

    });


    var lastUserName = "";//防止username不变也触发
    //获取代理商列表
    function getOwnerAgents(userName) {
        if (isPhone(userName) && userName != lastUserName) {
            lastUserName = userName;
            myAjax({
                type: "GET",
                url: "/knowledge/getDealerLoginDetailsByUsername",
                data: {"username": userName},
                dataType: "json",
                success: function (res) {
                    if (res.result == 1) {
                        var payload = res.payload
                        //多个agent则需要用户选

                        setPickerData(payload.agents);

                        if (payload.agents && payload.agents.length == 1) {
                            $("#agentId").val(payload.agents[0].agentId);
                            $("#agent").val(payload.agents[0].displayName);
                        }
                    } else {
                        mui.alert(res.description, '温馨提示', '确定');
                    }
                }
            });
        }
    }

    function setPickerData(list) {
        for (var i = 0; i < list.length; i++) {
            var item = list[i];
            item.value = item.agentId;
            item.text = "<div class='mui-picker-icon' style='background-image:url(" + item.agentLogoUrl + ")'></div>" + item.displayName;
        }

        //地址类型
        agentPicker.setData(list);
    }

    function login() {
        //检查手机号码
        var userName = $("#userName").val();
        if (!isPhone(userName)) {
            mui.toast("请输入11位正确手机号码");
            return;
        }
        //检查密码
        var password = $("#password").val();
        if (password.length < 6) {
            mui.toast("请输入正确的密码");
            return;
        }

        var agentId = $("#agentId").val();

        if ($.isEmptyObject(agentId)) {
            mui.toast("请您选择代理商");
            return;
        }

        myAjax({
            type: "POST",
            url: "/dealer/login",
            data: {"name": userName, agentId: agentId, "password": hex_md5(password)},
            success: function (res) {
                if (res.result === 1) {
                    var url = '/app/index.html';
                    goPage(url);
                } else {
                    mui.alert(res.description, '温馨提示', '确定');
                }
            }
        });
    }

</script>
</body>
</html>