dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content="扫码支付，线上投币，运营数据，物联网"/>
    <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="https://cdn.washpayer.com/components/lib/mui.picker.min.css"/>
    <link rel="stylesheet" href="/components/custom/css/common.css"/>
    <link rel="stylesheet" href="css/xyf.common.min.css"/>
    <style>
        .remember-row {
            padding: 5px 16px;
            margin-top: -8px;
        }

        .remember-row label {
            display: inline-block;
            float: none;
            width: auto;
            padding: 11px 0;
        }

        .remember-row input[type=checkbox] {
            position: relative;
            right: unset;
            top: 2px;
        }
    </style>
</head>
<body class="bg-white">
<div class="page-main">
    <div class="login-logo"></div>
    <div class="input-group-card">
        <div class="input-row input-clear">
            <input id="userName" type="tel" maxlength="11" placeholder="手机号">
            <span class="mui-icon mui-icon-arrowdown userList mui-hidden"></span>
        </div>
        <div class="input-row input-clear mui-hidden agentRow">
            <input id="agent" type="text" placeholder="代理商" readonly>
            <span class="mui-icon mui-icon-arrowdown noClick"></span>
            <input id="agentId" type="hidden">
        </div>
        <div class="input-row input-clear">
            <input id="password" type="password" maxlength="20" placeholder="密码">
            <span class="mui-icon mui-icon-eye"></span>
        </div>
    </div>

    <div class="remember-row mui-input-row mui-checkbox font-12 font-b-4">
        <input name="remember" id="remember" type="checkbox" checked>
        <label for="remember">记住用户名和密码</label>
    </div>

    <p class="login-forget">
        <a href="password-forget.html">忘记密码？</a>
    </p>
    <div class="subt">
        <input class="mui-btn-block" type="button" id="loginBtn" value="登录" onclick="login()">
        <a class="mui-text-center custom-top mui-hidden registerShow" href="register.html">注册</a>
    </div>

</div>
<script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=20190712"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/md5.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.picker.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/moment.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="js/xyf.common.js"></script>
<script src="js/xyf.login.js"></script>
<script>
    var agentLogoUrl = getCookie(Cookie_Constant.agentLogoUrl);
    var agentId = getCookie("dealer_login_agentid");
    var managerId = getCookie("dealer_login_managerid");

    var registerShow = getQueryString("register");
    if (registerShow != "false") {
        $(".registerShow").removeClass("mui-hidden");
    }

    if (agentLogoUrl) {
        $(".login-logo").css("background-image", "url(" + agentLogoUrl + ")");
    }

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

    //初始化选择器
    var agentPicker;
    mui.ready(function () {
        agentPicker = new mui.PopPicker();

        if (agentId) {
            // 如果有agentId，则不需要获取
            $("#agentId").val(agentId);

            //如果触发了手动输入用户名，则重置代理商id（因为在这之前代理商id可能是从历史账号中获得的）
            $("#userName").on("input", function () {
                console.log('unser name input reset angetId', agentId)
                $("#agentId").val(agentId);
            })
        } else if (managerId) {
            //如果是厂商ID，则需要获取agent列表
            $("#userName").on("input", function () {
                var userName = $(this).val();
                getOwnerAgents(userName, managerId);
            }).trigger("input");//初始化表单有填充也获取一次
        } else {
            mui.alert("请通过公众号菜单进入！", '温馨提示', '确定');
            $(".page-main").hide();
        }

        $("#agent").on("click", function () {
            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 userPicker = new mui.PopPicker();
        var list = getLocalStorage('dealer_login_user_list')
        if ($.isArray(list) && list.length > 0) {
            //必须倒删
            for (var index = list.length - 1; index >= 0; index--) {
                var item = list[index]
                var time = item.time
                // 删除30天前的数据
                if (moment(time).add(30, "day") < moment()) {
                    list.splice(index, 1)
                }
            }
            setLocalStorage('dealer_login_user_list', list)
            userPicker.setData(list.reverse());// 最后的账号优先显示，用 reverse反转
            $('.userList').removeClass('mui-hidden')
        }
        $('.userList').on('click', function () {
            userPicker.show(function (items) {
                var data = items[0] || {};
                $("#userName").val(data.text);
                $("#password").val(data.value);
                $("#agentId").val(data.agentId);
            });
        })
    });

    var lastUserName = "";//防止username不变也触发
    //获取代理商列表
    function getOwnerAgents(userName, managerId) {
        if (isPhone(userName) && userName != lastUserName) {
            lastUserName = userName;
            myAjax({
                type: "GET",
                url: "/dealer/getOwnerAgents",
                mask: '正在加载配置...',
                data: {"username": userName, "managerId": managerId},
                dataType: "json",
                success: function (res) {
                    if (res.result == 1) {
                        //多个agent则需要用户选
                        if (res.para.items && res.para.items.length > 1) {
                            $(".agentRow").removeClass("mui-hidden");//展示agent输入框
                            setPickerData(res.para.items);
                        } else {
                            $(".agentRow").addClass("mui-hidden");//隐藏agent输入框

                            if (res.para.items && res.para.items.length == 1) {
                                $("#agentId").val(res.para.items[0].agentId);
                            }
                        }
                    } 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;
        }
        //检查是否需要带上agentId
        var agentId = $("#agentId").val();

        if ($.isEmptyObject(agentId) && !$(".agentRow").hasClass("mui-hidden")) {
            mui.toast("请您选择代理商");
            return;
        }

        // 因为界面只能输入20位，所以如果比20位长，那么一定上上次存储的md5
        var haxPW = hex_md5(password)
        if (password.length > 20) {
            haxPW = password
        }

        var data = {"name": userName, agentId: agentId, "password": haxPW}
        myAjax({
            type: "POST",
            url: "/dealer/login",
            mask: '正在登录...',
            data: data,
            dataType: "json",
            success: function (res) {

                if (res.result == 1) {
                    var url = '/app/index.html';
                    rememberAccount(data)
                    goPage(url);
                } else if (res.result == 0) {
                    var btnArray = ['忘记密码', '确定'];
                    mui.confirm(res.description, '温馨提示', btnArray, function (e) {
                        if (e.index == 0) {
                            //点击忘记密码的业务
                            var url = 'password-forget.html';
                            goPage(url);
                        }
                        //点击确认默认隐藏dialog
                    });
                } else {
                    mui.alert(res.description, '温馨提示', '确定');
                }
                $('.mui-popup').focus();// ios的输入框获取焦点，导致弹窗点击不了，必须加上该代码
            }
        });
    }

    function rememberAccount(data) {
        var flag = $('#remember').is(':checked')
        if (flag) {
            var saveData = {
                text: data.name,
                value: data.password,
                agentId: $("#agentId").val(),
                time: moment().format("YYYY-MM-DD")
            }
            var list = getLocalStorage('dealer_login_user_list')
            if (!$.isArray(list)) {
                list = []
            }
            var findIndex = -1
            for (var index in list) {
                var item = list[index]
                if (item.text === data.name) {
                    findIndex = index
                    break
                }
            }
            if (findIndex > -1) {
                // 更新用户的密码
                list[findIndex] = saveData
            } else {
                // 新增用户名
                list.push(saveData)
            }

            setLocalStorage('dealer_login_user_list', list)
        }
    }
</script>
</body>
</html>