| <style> | 
|     #refundOrderDetail-info { | 
|         padding: 20px 25px 25px 0; | 
|     } | 
|   | 
|     #refundOrderDetail-info .layui-treeSelect .ztree li a, .ztree li span { | 
|         margin: 0 0 2px 3px !important; | 
|     } | 
|     #refundOrderDetail-info #data-permission-tree-block { | 
|         border: 1px solid #eee; | 
|         border-radius: 2px; | 
|         padding: 3px 0; | 
|     } | 
|     #refundOrderDetail-info .layui-treeSelect .ztree li span.button.switch { | 
|         top: 1px; | 
|         left: 3px; | 
|     } | 
|   | 
| </style> | 
| <div class="layui-fluid" id="refundOrderDetail-info"> | 
|     <form class="layui-form" action="" lay-filter="refundOrderDetail-info-form"> | 
|         <div class="layui-form-item febs-hide"> | 
|             <label class="layui-form-label febs-form-item-require">id:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="id"> | 
|             </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="name" lay-verify="required" placeholder="" autocomplete="off" 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="phone" lay-verify="required" placeholder="" autocomplete="off" 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="address" | 
|                        autocomplete="off" class="layui-input" readonly> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">支付订单号:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="payOrderNo" | 
|                        autocomplete="off" class="layui-input" readonly> | 
|             </div> | 
|         </div> | 
| <!--        <div class="layui-form-item">--> | 
| <!--            <label class="layui-form-label">支付凭证:</label>--> | 
| <!--            <div class="layui-input-block">--> | 
| <!--                <img alt="支付凭证" data-th-src="${refundOrderDetail.payImage}"  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="amount" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" readonly> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">订单明细:</label> | 
|             <div class="layui-input-block"> | 
|                 <textarea id="lay_edit" lay-verify="orderItems" name = "orderItems" class="layui-textarea" readonly></textarea> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">物流单号:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="expressNo" | 
|                        autocomplete="off" class="layui-input"  readonly> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">物流公司:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="expressCom" | 
|                        autocomplete="off" 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, | 
|             refundOrderDetail = [[${refundOrderDetail}]], | 
|             $view = $('#refundOrderDetail-info'), | 
|             validate = layui.validate, | 
|             _deptTree; | 
|   | 
|         form.render(); | 
|   | 
|         initUserValue(); | 
|   | 
|         function initUserValue() { | 
|             form.val("refundOrderDetail-info-form", { | 
|                 "id": refundOrderDetail.id, | 
|                 "name": refundOrderDetail.name, | 
|                 "phone": refundOrderDetail.phone, | 
|                 "amount": refundOrderDetail.amount, | 
|                 "orderItems": refundOrderDetail.orderItems, | 
|                 "expressNo": refundOrderDetail.expressNo, | 
|                 "expressCom": refundOrderDetail.expressCom, | 
|                 "payImage": refundOrderDetail.payImage, | 
|                 "payOrderNo": refundOrderDetail.payOrderNo, | 
|                 "address": refundOrderDetail.address | 
|             }); | 
|         } | 
|   | 
|     }); | 
| </script> |