<style> 
 | 
    #user-payment-info { 
 | 
        padding: 20px 25px 25px 0; 
 | 
    } 
 | 
  
 | 
    #user-payment-info .layui-treeSelect .ztree li a, .ztree li span { 
 | 
        margin: 0 0 2px 3px !important; 
 | 
    } 
 | 
    #user-payment-info #data-permission-tree-block { 
 | 
        border: 1px solid #eee; 
 | 
        border-radius: 2px; 
 | 
        padding: 3px 0; 
 | 
    } 
 | 
    #user-payment-info .layui-treeSelect .ztree li span.button.switch { 
 | 
        top: 1px; 
 | 
        left: 3px; 
 | 
    } 
 | 
  
 | 
</style> 
 | 
<div class="layui-fluid" id="user-payment-info"> 
 | 
    <form class="layui-form" action="" lay-filter="user-payment-info-form"> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">微信姓名:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="wxName" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">微信账号:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="wxAccount" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-form-item"> 
 | 
            <label class="layui-form-label">微信收款码:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <img alt="微信收款码" data-th-src="${paymentInfo.wxQrcode}"  style="width: 200px"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">支付宝姓名:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="aliName" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">支付宝账号:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="aliAccount" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-form-item"> 
 | 
            <label class="layui-form-label">支付宝收款码:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <img alt="支付宝收款码" data-th-src="${paymentInfo.aliQrcode}"  style="width: 200px"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-row layui-col-space10 layui-form-item"> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">持卡人姓名:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="bankName" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
            <div class="layui-col-lg6"> 
 | 
                <label class="layui-form-label">开户行:</label> 
 | 
                <div class="layui-input-block"> 
 | 
                    <input type="text" name="bank" class="layui-input" readonly> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-form-item"> 
 | 
            <label class="layui-form-label">银行卡号:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <input type="text" name="bankNo" class="layui-input" readonly> 
 | 
            </div> 
 | 
        </div> 
 | 
    </form> 
 | 
</div> 
 | 
  
 | 
<script data-th-inline="javascript"> 
 | 
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree'], function () { 
 | 
        var $ = layui.$, 
 | 
            febs = layui.febs, 
 | 
            layer = layui.layer, 
 | 
            formSelects = layui.formSelects, 
 | 
            treeSelect = layui.treeSelect, 
 | 
            form = layui.form, 
 | 
            eleTree = layui.eleTree, 
 | 
            paymentInfo = [[${paymentInfo}]], 
 | 
            $view = $('#user-payment-info'), 
 | 
            validate = layui.validate, 
 | 
            _deptTree; 
 | 
  
 | 
        form.render(); 
 | 
  
 | 
        initUserValue(); 
 | 
  
 | 
        function initUserValue() { 
 | 
            form.val("user-payment-info-form", { 
 | 
                "wxName": paymentInfo.wxName, 
 | 
                "wxAccount": paymentInfo.wxAccount, 
 | 
                "wxQrcode": paymentInfo.wxQrcode, 
 | 
                "aliName": paymentInfo.aliName, 
 | 
                "aliAccount": paymentInfo.aliAccount, 
 | 
                "aliQrcode": paymentInfo.aliQrcode, 
 | 
                "bankName": paymentInfo.bankName, 
 | 
                "bankNo": paymentInfo.bankNo, 
 | 
                "bank": paymentInfo.bank 
 | 
            }); 
 | 
        } 
 | 
    }); 
 | 
</script> 
 |