dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
							<!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="/app/css/xyf.common.min.css"/>
</head>
<style>

</style>
<body class="dealer-wallet-detail">

<div class="mui-content" style="padding-bottom: 52px">

    <ul class="mui-table-view clear-before" style="margin-top: 0">
        <li class="mui-table-view-cell">
            提现实际到账<span class="mui-pull-right font-16 c-green" id="actualPay"></span>
        </li>
        <li class="mui-table-view-cell">
            当前状态<span class="mui-pull-right font-16" id="statusText"></span>
        </li>
    </ul>

    <ul class="mui-table-view custom-top">
        <li class="mui-table-view-cell">
            提现金额<span class="mui-pull-right" id="amount"></span>
        </li>
        <li class="mui-table-view-cell">
            手续费<span class="mui-pull-right" id="serviceFee"></span>
        </li>
        <li class="mui-table-view-cell">
            提现前余额<span class="mui-pull-right" id="beforeBalance"></span>
        </li>
    </ul>

    <ul class="mui-table-view custom-top">
        <li class="mui-table-view-cell">
            持卡人名称<span class="mui-pull-right" id="cardUserName"></span>
        </li>
        <li class="mui-table-view-cell">
            银行<span class="mui-pull-right" id="bankName"></span>
        </li>
        <li class="mui-table-view-cell">
            支行<span class="mui-pull-right max-width-7" id="subBankName"></span>
        </li>
        <li class="mui-table-view-cell">
            卡号<span class="mui-pull-right" id="cardId"></span>
        </li>

        <li class="mui-table-view-cell">
            提现人昵称<span class="mui-pull-right" id="nickname"></span>
        </li>

        <li class="mui-table-view-cell">
            联系电话<a class="mui-pull-right c-blue" id="tel"></a>
        </li>
    </ul>

    <ul class="mui-table-view custom-top">
        <li class="mui-table-view-cell">
            提交时间<span class="mui-pull-right" id="dateTime"></span>
        </li>
        <li class="mui-table-view-cell">
            单号<span class="mui-pull-right" id="orderNo"></span>
        </li>
    </ul>

    <div class="mui-text-center handleBtn mui-hidden">
        <button type="button" class="mui-btn mui-btn-danger mui-col-sm-4 mui-col-xs-4"
               onclick="revokeWithdrawApplication()">退单</button>
        <button type="button" class="mui-btn mui-btn-blue mui-col-sm-4 mui-col-xs-4 margin-l-10"
               onclick="adminAgreeWallet()">已提现</button>
    </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/moment.min.js"></script>
<script src="/components/custom/js/iconfont.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script>
    var orderNo = getQueryString("orderNo");

    var statusMap = {0: '待处理', 1: '提现成功', 2: '处理中', 3: '提现失败', 4: '已退单'};

    var info = {};
    $(function () {
        var url = "/agent/withdrawDetail";
        var data = {"orderNo": orderNo};
        sendRequest(url, "GET", data, function (res) {
            if (res.result == 1) {
                var payload = res.payload;

                //只有待处理时，才有操作按钮
                if (payload.operResult == 3 || ( payload.operResult == 2 && payload.manual)) {
                    $(".handleBtn").removeClass("mui-hidden");
                }

                $("#statusText").addClass("status" + payload.operResult);
                $("#statusText").text(statusMap[payload.operResult]);
                var bankStyle = findBankStyle(payload.bankName);
                var iconName = bankStyle.icon;

                $("#amount").text("￥" + payload.amount);
                $("#serviceFee").text("￥" + payload.serviceFee);
                $("#actualPay").text("￥" + payload.actualPay);

                $("#cardUserName").text(payload.cardUserName);
                $("#bankName").html('<div class="bank-logo"><svg class="icon" aria-hidden="true"><use xlink:href="#' + iconName + '"></use></svg> </div> ' + payload.bankName);
                $("#subBankName").text(payload.subBankName);
                $("#cardId").text(payload.cardId);

                if(payload.role == 'dealer') {
                    $("#nickname").text(payload.name + "(经销商)");
                } else if (payload.role == 'agent') {
                    $("#nickname").text(payload.name + "(代理商)");
                } else {
                    $("#nickname").text(payload.name);
                }

                $("#beforeBalance").text("￥" + payload.beforeBalance);
                $("#tel").attr("href", "tel:" + payload.tel).text(payload.tel);

                $("#dateTime").text(moment(payload.dateTime).format("YYYY-MM-DD  HH:mm:ss"));
                $("#orderNo").text(payload.orderNo);

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

    function adminAgreeWallet() {
        var msg = "您确定已经提现到了银行卡？";
        var url = "/agent/adminAgreeWallet";
        var data = {"orderNo": orderNo};

        mui.confirm(msg, '温馨提示', ["取消", "确定"], function (e) {
            if (e.index == 1) {
                sendRequest({
                    url: url,
                    type: "POST",
                    data: data,
                    contentType: "json",
                    success: function (res) {
                        if (res.result == 1) {
                            mui.toast("操作成功！");
                            setTimeout(function () {
                                history.back();
                            }, 1200);
                        } else {
                            mui.toast(res.description);
                        }
                    }
                });
            }
        });
    }

    $("body").on("click", ".reason-list i", function () {
        var text = $(this).text();
        var val = $(".mui-popup-input input").val();
        $(".mui-popup-input input").val(val + " " + text).blur();
    });

    function revokeWithdrawApplication() {
        var url = "/agent/revokeWithdrawApplication";
        var data = {"orderNo": orderNo, reason: ""};

        mui.prompt("<div class='reason-list'><i>卡号错误</i><i>姓名错误</i><i>支行错误</i><i>银行问题</i><i>其他</i></div>", "请填写退单原因", '退单原因', ['取消', '确定'], function (e) {
            if (e.index == 1) {
                if (e.value) {
                    data.reason = e.value;
                }

                sendRequest({
                    url: url,
                    type: "POST",
                    data: data,
                    contentType: "json",
                    success: function (res) {
                        if (res.result == 1) {
                            mui.toast("操作成功！");
                            setTimeout(function () {
                                history.back();
                            }, 1200);

                        } else {
                            mui.toast(res.description);
                        }
                    }
                });
            } else {
                $('.mui-popup-input input').blur();
            }
        });
    }
</script>
</body>
</html>