Helius
2021-09-25 2e10dd5a3cb31a6bcce1da08c69bb927f22d3bac
src/main/resources/templates/febs/views/modules/mallMember/paymentInfo.html
New file
@@ -0,0 +1,117 @@
<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>