|  |  |  | 
|---|
|  |  |  | <div class="layui-card-body febs-table-full"> | 
|---|
|  |  |  | <form class="layui-form layui-table-form" lay-filter="user-table-form"> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <!--                            <div class="layui-col-md10">--> | 
|---|
|  |  |  | <div class="layui-col-md10"> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <label class="layui-form-label">退款人:</label> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <input type="text" placeholder="退款人" name="refundMemberName" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <label class="layui-form-label">手机号码:</label> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <input type="text" placeholder="手机号码" name="refundMemberPhone" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--                                <div class="layui-inline">--> | 
|---|
|  |  |  | <!--                                    <div class="layui-input-inline">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="用户名" name="name" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="团长" name="leaderName" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                    </div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                                <div class="layui-inline">--> | 
|---|
|  |  |  | <!--                                    <div class="layui-input-inline">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="电话号码" name="phone" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="团长手机号码" name="leaderPhone" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                    </div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                                <div class="layui-inline">--> | 
|---|
|  |  |  | <!--                                    <div class="layui-input-inline">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="订单编号" name="orderNo" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                    </div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                                <div class="layui-inline">--> | 
|---|
|  |  |  | <!--                                    <label class="layui-form-label layui-form-label-sm">订单状态</label>--> | 
|---|
|  |  |  | <!--                                    <div class="layui-input-inline">--> | 
|---|
|  |  |  | <!--                                        <select name="status">--> | 
|---|
|  |  |  | <!--                                            <option value="">请选择</option>--> | 
|---|
|  |  |  | <!--                                            <option value="1">已申请</option>--> | 
|---|
|  |  |  | <!--                                            <option value="2">同意退款</option>--> | 
|---|
|  |  |  | <!--                                            <option value="3">驳回退款</option>--> | 
|---|
|  |  |  | <!--                                            <option value="4">已提交物流信息</option>--> | 
|---|
|  |  |  | <!--                                            <option value="5">已退款</option>--> | 
|---|
|  |  |  | <!--                                        </select>--> | 
|---|
|  |  |  | <!--                                    </div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                            </div>--> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <label class="layui-form-label layui-form-label-sm">退款状态</label> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <select name="state"> | 
|---|
|  |  |  | <option value="">请选择</option> | 
|---|
|  |  |  | <option value="1">成功</option> | 
|---|
|  |  |  | <option value="2">失败</option> | 
|---|
|  |  |  | <option value="3">退款中</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area"> | 
|---|
|  |  |  | <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action" id="query"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- 表格操作栏 end --> | 
|---|
|  |  |  | <script data-th-inline="none" type="text/javascript"> | 
|---|
|  |  |  | // 引入组件并初始化 | 
|---|
|  |  |  | layui.use([ 'jquery', 'form', 'table', 'febs'], function () { | 
|---|
|  |  |  | layui.use([ 'jquery', 'form', 'table', 'febs', 'formSelects'], function () { | 
|---|
|  |  |  | var $ = layui.jquery, | 
|---|
|  |  |  | febs = layui.febs, | 
|---|
|  |  |  | form = layui.form, | 
|---|
|  |  |  | 
|---|
|  |  |  | cols: [[ | 
|---|
|  |  |  | {field: 'orderNo', title: '订单编号', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundNo', title: '退款编号', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'orderTime', title: '下单时间', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundMemberName', title: '退款人', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'refundMemberPhone', title: '退款人手机号码', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'goodsName', title: '商品名称', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'amount', title: '退款金额', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundReason', title: '退款原因', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundRemark', title: '退款说明', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundPicList', title: '退款图片', templet: '#refundPicItem', minWidth: 200,align:'center'}, | 
|---|
|  |  |  | {field: 'amount', title: '退款金额', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | // {field: 'leaderName', title: '团长', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | // {field: 'leaderPhone', title: '团长手机号码', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'state', title: '退款状态', | 
|---|
|  |  |  | templet: function (d) { | 
|---|
|  |  |  | if (d.state === 1) { | 
|---|
|  |  |  | 
|---|
|  |  |  | return '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, minWidth: 80,align:'center'}, | 
|---|
|  |  |  | {field: 'refundReason', title: '退款原因', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundRemark', title: '退款说明', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundPicList', title: '退款图片', templet: '#refundPicItem', minWidth: 200,align:'center'}, | 
|---|
|  |  |  | ]] | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | // 获取查询参数 | 
|---|
|  |  |  | function getQueryParams() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // name: $searchForm.find('input[name="name"]').val().trim(), | 
|---|
|  |  |  | // phone: $searchForm.find('input[name="phone"]').val().trim(), | 
|---|
|  |  |  | // orderNo: $searchForm.find('input[name="orderNo"]').val().trim(), | 
|---|
|  |  |  | // status: $searchForm.find("select[name='status']").val(), | 
|---|
|  |  |  | refundMemberName: $searchForm.find('input[name="refundMemberName"]').val().trim(), | 
|---|
|  |  |  | refundMemberPhone: $searchForm.find('input[name="refundMemberPhone"]').val().trim(), | 
|---|
|  |  |  | // leaderName: $searchForm.find('input[name="leaderName"]').val().trim(), | 
|---|
|  |  |  | // leaderPhone: $searchForm.find('input[name="leaderPhone"]').val().trim(), | 
|---|
|  |  |  | state: $searchForm.find("select[name='state']").val(), | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|