dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!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="telephone=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="/components/lib/mui.min.css">
    <link rel="stylesheet" href="/components/custom/css/common.css">
    <link rel="stylesheet" href="/app/css/xyf.common.min.css">
</head>
<style>
    .main {
        background: #2E3132;
        min-height: 100%;
    }

    html, body {
        height: 100%;
    }
</style>
<body>

<div class="main">
    <ul class="card-ul">
    </ul>

    <div class="mui-navigate-right iconfont icon-add-more add-card-btn" onclick="goSet()"> 添加银行卡</div>
</div>

<div id="bankCardMenu" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a href="javascript:;" class="cardUnbind">解绑银行卡</a>
        </li>
    </ul>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="font-bold">取消</a>
        </li>
    </ul>
</div>

<script type="text/html" id="model">
    <li data-id=''>
        <i class="card-logo-back bank-logo-back"> </i>
        <a class="card-text-info" href="#bankCardMenu">
            <div class="card-logo">
            </div>
            <div class="name"></div>
            <div class="type"></div>
            <div class="card-id"><span>**** **** **** </span><em class="end-num"></em></div>
        </a>
    </li>
</script>
<script src="/components/lib/jquery.min.js"></script>
<script src="/components/lib/mui.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/components/custom/js/iconfont.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script>
    var unBindCardId;
    $(function () {
        var url = "/agent/getWalletBank";
        sendRequest(url, 'GET', null, function (res) {
            if (res.result == 1) {
                if (res.para.dataList && res.para.dataList.length > 0) {
                    $(".add-card-btn").hide();
                }

                for (var i = 0; i < res.para.dataList.length; i++) {
                    var item = res.para.dataList[i];
                    var dom = $($('#model').html());
                    dom.attr("data-id", item.id);
                    dom.find(".name").text(item.bankName);
                    dom.find(".type").text(item.bankType);
                    dom.find(".end-num").text(item.endNum);

                    var bankStyle = findBankStyle(item.bankName);
                    var iconName = bankStyle.icon;
                    var color = bankStyle.color;
                    var cardStyle = bankStyle.cardStyle;

                    dom.find(".card-logo-back").html('<svg class="icon" aria-hidden="true"><use xlink:href="#' + iconName + '"></use></svg>');
                    dom.find(".card-text-info").css(cardStyle||{background:color});
                    dom.find(".card-logo").html('<svg class="icon" aria-hidden="true"><use xlink:href="#' + iconName + '"></use></svg>');
                    $(".card-ul").append(dom);
                }

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

        $(".card-ul").on("tap", "li", function (event) {
            unBindCardId = $(this).closest("li").attr("data-id");
        });

        //底部菜单事件
        mui('.mui-popover-action').on('tap', 'a', function () {
            mui('#bankCardMenu').popover('toggle');
            if ($(this).hasClass("cardUnbind")) {

                var btnArray = ['取消', '确定'];
                mui.confirm('确定解绑银行卡？', '温馨提示', btnArray, function (e) {
                    if (e.index == 1) {
                        var data = {"id": unBindCardId};
                        sendRequest("/agent/bankCardUnbind", "POST", data, function (res) {
                            if (res.result == 1) {
                                mui.toast("银行卡解绑成功");
                                window.location = "wallet-bank.html";
                            } else {
                                mui.toast(res.description);
                            }
                        });
                    }
                });
            }
        });
    });

    function goSet() {
        var url = "wallet-bank-edit.html";
        goPage(url);
    }
</script>
</body>
</html>