dayuan
/
manyi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!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="expires" content="0">
    <title>我的账号</title>
    <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
    <link rel="stylesheet" href="../components/custom/css/common.css"/>
    <link rel="stylesheet" href="css/xyf.common.min.css"/>
    <style>
        .mui-content {
            padding-bottom: 60px;
            bottom: 0;
            top: 0;
            position: absolute;
            width: 100%;
            overflow-y: auto;
        }

        .icon-tip-num {
            top: 50%;
            right: 25px;
        }
    </style>
</head>
<body>
<!--把内容区域高度设置为手机屏幕高度，解决点击空白地方出现遮罩层的问题style="bottom: 0;top: 0;position: absolute;width: 100%;"-->
<div class="mui-content" style="">
    <ul class="mui-table-view account-hd">
        <li class="mui-table-view-cell mui-media" id="userInfo">
            <a class="mui-navigate-right" href="account-setting-more.html">
                <img id="headImg" src="img/headImg.jpg" class="mui-media-object mui-pull-left">
                <div class="mui-media-body">
                    <span class="v-middle" id="nickname"></span>
                    <i id="subAccountMark" class="v-middle mui-hidden mark border-lgreen bg-lgreen">子账号</i>
                    <i id="dealerWorkerMark" class="v-middle mui-hidden mark border-green bg-green">授权登陆</i>
                    <p class='mui-ellipsis' id="telephone"></p>
                </div>
                <span class="mui-pull-right custom-right account-setting">账号设置</span>
            </a>
        </li>
    </ul>

    <div id="page_menu" class="mui-hidden">

        <ul class="mui-table-view custom-top account-bd" id="page_menu_1">
            <li class="mui-table-view-cell" id="goWallet">
                <a class="mui-navigate-right" href="javascript:goWallet()">
                    <i class="iconfont icon-wallet c-blue"></i>钱包
                    <span class="mui-pull-right custom-right" id="balance">余额&nbsp;0.00元</span>
                </a>
            </li>
            <li class="mui-table-view-cell" id="goBillList">
                <a class="mui-navigate-right" href="javascript:goBillList()">
                    <i class="iconfont icon-formfill c-lgreen"></i>经营账单
                </a>
            </li>
        </ul>


        <ul class="mui-table-view custom-top account-bd">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="javascript:goSetGroup()">
                    <i class="iconfont icon-location-b c-orange"></i>投放地址
                </a>
            </li>
            <li class="mui-table-view-cell " id="goSetEelcFee">
                <a class="mui-navigate-right" href="javascript:goSetEelcFee()">
                    <i class="iconfont icon-dianbiao c-blue"></i>电费配置
                </a>
            </li>
            <li class="mui-table-view-cell" id="goSetNotify">
                <a class="mui-navigate-right" href="javascript:goSetNotify()">
                    <i class="iconfont icon-wechat c-wechat"></i>通知开关
                    <span class="mui-pull-right custom-right"></span>
                </a>
            </li>

            <li class="mui-table-view-cell" id="goSetSwitch">
                <a class="mui-navigate-right" href="javascript:goSetSwitch()">
                    <i class="iconfont icon-kaiguan c-blue"></i>功能开关
                </a>
            </li>
            <li class="mui-table-view-cell mui-hidden" id="goOfflineTask">
                <a class="mui-navigate-right" href="javascript:goOfflineTask()">
                    <i class="iconfont icon-download c-green"></i>离线任务
                    <span class="mui-pull-right custom-right"></span>
                </a>
            </li>
        </ul>

        <ul class="mui-table-view custom-top account-bd">
            <li class="mui-table-view-cell" id="goNewsPage">
                <div class="mui-navigate-right" onclick="goNewsPage()">
                    <i class="iconfont icon-news c-orange"></i>我的消息
                    <i class="icon-tip-num mui-hidden" id="myNews">0</i>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="javascript:goHelp()">
                    <i class="iconfont icon-service c-blue"></i>客服帮助
                    <span class="mui-pull-right custom-right"></span>
                </a>
            </li>
        </ul>

        <ul class="mui-table-view custom-top account-bd" id="goMyAccount">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="javascript:goMyAccount()">
                    <i class="iconfont icon-switch c-green"></i>切回自己的账号
                </a>
            </li>
        </ul>
    </div>

</div>

<div id="serviceMenu" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a href="javascript:;" id="servicePhone">拨打电话</a>
        </li>
        <li class="mui-table-view-cell">
            <a href="javascript:$('#pop_box').show();" id="serviceQRCode">微信联系</a>
        </li>

    </ul>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="font-bold">取消</a>
        </li>
    </ul>
</div>

<!--客服二维码弹窗-->
<div id="pop_box" class="pop-box">
    <div class="pop-bg" id="close_pop_btn"></div>
    <div class="pop-con">
        <div class="pop-tit">长按二维码关注公众号</div>
        <div class="pop-img"><img id="qrCodeImg" src="" alt=""><span
                class="img-title">管理后台公众号</span></div>
    </div>
</div>

</body>
<script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=1"></script>
<script src="js/xyf.common.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script>
    window.initDealerNav && initDealerNav('account');

    var popBox = $("#pop_box"),
        closeBtn = $("#close_pop_btn")
    closeBtn.on("click", function (evt) {
        popBox.hide();
        evt.stopPropagation()
    });

    //底部菜单事件
    mui('.mui-popover-action').on('click', 'a', function () {
        mui('#serviceMenu').popover('toggle');
    });

    var noServiceInfo = false;
    $(function () {
        //获取用户个人信息
        sendRequest("/dealer/accountInfo", "GET", null, function (response) {
            if (response.result == 1) {
                var payload = response.payload
                $("#nickname").html(payload.nickname);
                $("#telephone").html(payload.username);
                $("#balance").html("余额&nbsp;" + payload.balance + "元");

                if (payload.avatar) {
                    $("#headImg").attr("src", payload.avatar);
                }

                var servicePhone = payload.servicePhone;
                var qrCode = payload.serviceQrcodeUrl;

                //客服电话显示
                if (servicePhone) {
                    $("#servicePhone").attr("href", "tel:" + servicePhone).html("拨打电话：" + servicePhone);
                } else {
                    $("#servicePhone").parent().hide();
                }

                //代理商客服二维码
                if (qrCode) {
                    $("#qrCodeImg").attr("src", qrCode);
                } else {
                    $("#serviceQRCode").parent().hide()
                }

                if (!servicePhone && !qrCode) {
                    noServiceInfo = true
                }

                // 系统消息
                if (payload.myNews) {
                    $("#myNews").removeClass('mui-hidden').text(payload.myNews)
                }


            } else {
                mui.toast(response.description);
            }
        });

        //获取经销商的特性
        getFeatureList("dealer", {list: ['supportOfflineTask']}, function (payload) {
            if (payload.supportOfflineTask) {
                $("#goOfflineTask").removeClass("mui-hidden")
            }

            getAccountPermission(function (subPayload) {
                var role = subPayload.role
                if (role === "subaccount") {
                    $("#subAccountMark").removeClass("mui-hidden");
                    // 子账号只能看到地址和帮助
                    $("#page_menu_1, #goSetNotify ,#goSetSwitch ,#goOfflineTask ,#goNewsPage,#goSetEelcFee").remove()
                    // 子账号状态就是子账号，没有切换到自己账号这一说
                    $("#goMyAccount").remove()
                }
                // 授权人需要隐藏的菜单
                else if (role === "dealerWorker") {
                    $("#dealerWorkerMark").removeClass("mui-hidden");
                } else {
                    //默认为主账号
                    $("#goMyAccount").remove()
                }

                $("#account-bd").each(function () {
                    if ($(this).find(".mui-table-view-cell").length === 0) {
                        $(this).remove()
                    }
                })

                $("#page_menu").removeClass('mui-hidden')

            })

        });
    });

    function goHelp() {
        if (noServiceInfo) {
            mui.alert('您的代理商没有留下联系方式')
        } else {
            mui('#serviceMenu').popover('toggle');
        }
    }

    function goOfflineTask() {
        goPage("/dealer/index.html#/export/exportList")
    }

    function goBillList() {
        goPage("/dealer/index.html#/dealer/billList")
    }

    function goMyAccount() {
        // 后台需要检测 当前session的授权账号的登陆人是谁，然后登陆（后台需要记录本次会话的授权人、经销商是谁）。 后台必须检测当前登陆状态的合法性，否则会有安全漏洞。
        let link = location.origin + "/dealer/loginMyPrimaryAccount"
        location.href = link
    }

    function goSetGroup() {
        goPage("location-list.html")
    }

    function goSetEelcFee() {
        goPage("/dealer/index.html#/elecFee/list")
    }

    function goSetSwitch() {
        goPage("account-switch.html")
    }

    function goWallet() {
        goPage("/app/wallet/wallet.html")
    }

    function goSetNotify() {
        goPage("account-setting-notify.html")
    }

    function goNewsPage() {
        goPage("/dealer/index.html#/news/list")
    }

</script>
</html>