New file |
| | |
| | | <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> |