caimei365
/
caimei365-manager


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>付款单表管理</title>
    <meta name="decorator" content="default"/>
    <style>
        .table th{text-align:center}
        .table td{text-align:center}
        .payment-form h4{width:96%;margin-left:2%;padding-bottom:20px;text-align:center;border-bottom:1px solid #eee}
        .required{color:red}
        .payment-form label{width:100px;text-align:right;vertical-align:middle;font-weight:600}
        .payment-form-top{padding:10px 0}
        .payment-form-top>div,.payment-form-bottom>div{width:94%;margin-left:3%;height:50px;line-height:50px;border-bottom:1px solid #eee;white-space:nowrap}
        .payment-form-top input{vertical-align:baseline}
        .payment-form-top>div:last-child span{margin-left:15px}
        .payment-form-top>div:last-child span:nth-of-type(1){margin-left:0}
        .pay-table th{background:#f9f9f9}
        .pay-table tr:first-child th{background:#eee !important}
        .pay-table td{background:#fff !important}
        .check-btn{width:96%;margin-left:2%;text-align:center;height:60px;line-height:60px;margin-top:30px}
        .check-btn button{width:100px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:none;border:1px solid #ddd}
        .payment-form-bottom label{width:140px}
        .process-details span{width:140px;margin-left:50px;font-weight:600}
        .process-details div{display:inline-block}
        .payment-btn button{width:100px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:none;border:1px solid #ddd}
        .tips-popup-content div{width:100%;text-align:center}
        .tips-popup-content p{text-align:center;padding:80px;font-size:20px}
        .tips-popup-content h4{padding-left:10px;height:40px;line-height:40px;border-bottom:1px solid #eee;margin-bottom:20px}
        .check-btn{width:96%;margin-left:2%;text-align:center;height:60px;line-height:60px;margin-top:30px}
        .check-btn button{width:100px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:none;border:1px solid #ddd}
        .mask{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,0.7);display:none}
        .tips-popup-content{width:40%;height:auto;padding-bottom:30px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
        .tips-popup-content div{width:100%;text-align:center}
        .tips-popup-content{width:30%}
        .tips-popup-content p{text-align:center;padding:80px;font-size:20px}
        .tips-popup-content h4{padding-left:10px;height:40px;line-height:40px;border-bottom:1px solid #eee;margin-bottom:20px}
        .tips-cfm-btn,.tips-cancel-btn,.check-blue-btn,.check-grey-btn{width:100px;height:40px;margin:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#3daae9;color:#fff;border:none}
        .refuse-btn{margin-left:50px}
        .return-btn,.tips-cancel-btn,.check-grey-btn{background:#fff;color:#555;margin-left:50px}
        .tips-cancel-btn,.check-grey-btn{border:1px solid #ddd;margin-left:20px;display:none}
        #close-btn1{top:8px;right:10px;width:18px;position:absolute;cursor:pointer}
        .tips-popup-reason .tips-popup-content{height:250px}
        .tips-popup-reason .tips-popup-content div{position:absolute;bottom:15px}
        .tips-popup-reason .check-grey-btn{display:inline-block}
        #refuse-reason{width:80%;height:48%;left:8%;position:absolute;resize:none}
        .tips-popup-reason h5{color:#555;padding-left:8%;margin-bottom:4px;margin-top:-12px}
        .check-cfm-btn{background:#3daae9;color:#fff}
    </style>
    <style media="print">
        .styleWidth{width:6%;word-break:break-all}
        .styleWidth{}
        .styleWidth3{width:10%;word-break:break-all}
        .table{margin-left:0;margin-bottom:20px;padding-bottom:2px;border-bottom:1px solid #ddd;box-sizing:border-box}
        .export{display:none}
    </style>
</head>
<body>
<ul class="nav nav-tabs">
    <li><a href="${ctx}/balance/cmUserBalanceWithdrawals/">余额提现列表</a></li>
    <li class="active"><a href="${ctx}/balance/cmUserBalanceWithdrawals/withdrawalReview?id=${balanceWithdrawals.id}">提现审核</a></li>
</ul><br/>
<div class="payment-form">
    <h4>提现单</h4>
    <div class="payment-form-top">
        <div>
            <label>机构名称：</label>
            <span>${balanceWithdrawals.clubName}</span>
        </div>
        <div>
            <label>提现账号：</label>
            <span>户名：${balanceWithdrawals.bankAccountName}</span>&nbsp;&nbsp;
            <span>账号：${balanceWithdrawals.bankAccountNo}</span>&nbsp;&nbsp;
            <span>开户行：${balanceWithdrawals.openBank}</span>&nbsp;&nbsp;
            <span>账户类型：
                    <c:if test="${balanceWithdrawals.bankAccountType == '1'}">公帐</c:if>
                    <c:if test="${balanceWithdrawals.bankAccountType == '2'}">私帐</c:if>
            </span>
        </div>
        <div>
            <label>提现金额：</label>
            <span>${balanceWithdrawals.withdrawalsFee}</span>
        </div>
        <div>
            <label>备注：</label>
            <span>${balanceWithdrawals.remark}</span>
        </div>
        <div>
            <label>申请人：</label>
            <span>${balanceWithdrawals.applicantName}</span>
        </div>
        <div>
            <label>申请时间：</label>
            <span><fmt:formatDate value="${balanceWithdrawals.addDate}" pattern="yyyy-MM-dd HH:mm:ss"/> </span>
        </div>
        <div>
            <label>审核状态：</label>
            <span>
                <c:if test="${balanceWithdrawals.status == '0'}">
						<font color="red">
							<strong>待审核</strong>
						</font>
                </c:if>
            </span>
        </div>
        <div>
            <label>转账银行：</label><span>
					<select name="payType">
						<option value="1">建设银行7297</option>
						<option value="2">中信银行0897</option>
						<option value="3">中信银行7172</option>
						<option value="4">广发银行0115</option>
						<option value="5">广发银行5461</option>
					</select>
				</span>
        </div>
        <div>
            <label>转账时间：</label>
            <span>${balanceWithdrawals.payTime}</span>
            <input name="id" value="${balanceWithdrawals.id}" id="id" type="hidden">
        </div>
    </div>
    <div class="check-btn">
        <button class="check-cfm-btn" type="button">审核通过</button>
        <button class="refuse-btn" type="button">审核不通过</button>
        <button class="return-btn" type="button" onclick="history.go(-1)">返回</button>
    </div>
    <div class="mask tips-popup-reason">
        <div class="tips-popup-content">
            <h4>确认提示</h4>
            <h5><span class="required">* </span>审核不通过原因：</h5>
            <textarea id="refuse-reason" cols="30" rows="10" maxlength="200"></textarea>
            <div>
                <button class="check-cfm-btn check-blue-btn" type="button">确定</button>
                <button class="check-grey-btn" type="button">取消</button>
            </div>
            <img id="close-btn1" src="/static/images/close-btn.png" alt="close-btn">
        </div>
    </div>
    <div class="mask tips-popup">
        <div class="tips-popup-content">
            <h4>信息提示</h4>
            <p></p>
            <div>
                <button class="tips-cfm-btn tips-cfm-directly" type="button">确定</button>
                <button class="tips-cancel-btn" type="button">取消</button>
            </div>
            <img id="close-btn1" src="/static/images/close-btn.png" alt="close-btn">
        </div>
    </div>
</div>
<script>
    (function(){
        var payTableEle = $('.pay-table'),
            accessFlag = true,
            unaccessFlag = true,
            payProductEle = $('.pay-product-item');
        payTableEle.each(function (i,l) {
            var productLength = $(this).find('.pay-product-item').length;

        });

        $('.pay-table').each(function(){
            var thisEle = $(this),
                totalComissionVal = 0,
                resVal = '';
            totalComissionEle = thisEle.find('.payCm'),
                comissionEle = thisEle.find('.payCm-t'),
                thirdPartyVal = thisEle.find('.third-party-fee').text().replace(',',''),
                freightVal = thisEle.find('.freight').text().replace(',','');
            totalComissionEle.each(function(){
                totalComissionVal += Number($(this).text().replace(',',''));
            })
            resVal = (totalComissionVal - thirdPartyVal - freightVal).toFixed(2);
            comissionEle.text(resVal);
        })

        $('.tips-cancel-btn, #close-btn1').on('click',function() {
            $('.mask').hide();
        })
        $('.tips-cfm-directly').on('click',function() {
            if($('.tips-cfm-btn').hasClass('tips-cfm-directly')) {
                $('.tips-popup').hide();
            } else {
                $('#form').submit();
            }
        })
        $('.refuse-btn').on('click',function() {
            $('.tips-popup-reason').show();
        })
        $('.check-grey-btn').on('click',function() {
            $('.tips-popup-reason').hide();
        })

        function showTips(title,text) {
            $('.tips-popup h4').text(title);
            $('.tips-popup p').text(text);
            $('.tips-popup').show();
        }


        function submitForm() {
            $('.tips-cfm-btn').removeClass('tips-cfm-directly').addClass('submit-now');
            $('.tips-cancel-btn').hide();
            showTips('信息提示','审核通过');
        }

        $('.check-cfm-btn').on('click',function(e) {
            var payType = $('select[name="payType"]').val(),
                id = $('#id').val();
            if($(this).hasClass('check-blue-btn')) {
                var textareaVal = $('#refuse-reason').val();
                if(!textareaVal.trim()) {
                    showTips('信息提示','审核原因不能为空');
                    return false;
                }
                if(unaccessFlag) {
                    window.location.href = '${ctx}/balance/cmUserBalanceWithdrawals/withdrawalReviewData?id=' + id + '&reason=' + textareaVal;
                    unaccessFlag = false;
                }
            } else {
                if(accessFlag) {
                    window.location.href = '${ctx}/balance/cmUserBalanceWithdrawals/withdrawalReviewData?payType=' + payType + '&id=' + id;
                    accessFlag = false;
                }
            }
        })
    })()
</script>
</body>
</html>