|  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | <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="leaderName" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <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="leaderName" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                    </div>--> | 
|---|
|  |  |  | <!--                                </div>--> | 
|---|
|  |  |  | <!--                                <div class="layui-inline">--> | 
|---|
|  |  |  | <!--                                    <div class="layui-input-inline">--> | 
|---|
|  |  |  | <!--                                        <input type="text" placeholder="团长手机号码" name="leaderPhone" 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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | 暂无图片 | 
|---|
|  |  |  | {{#  } else { }} | 
|---|
|  |  |  | {{# for(var i=0;i < d.refundPicList.length;i++){ }} | 
|---|
|  |  |  | <img id="refundPic" width='100' style="cursor: pointer;" height='100' src="{{ d.refundPicList[i]}}" /> | 
|---|
|  |  |  | <a href="javascript:;" onclick="showBigImage('{{ d.refundPicList[i]}}')"> | 
|---|
|  |  |  | <img id="refundPic" width='100' style="cursor: pointer;" height='100' src="{{ d.refundPicList[i]}}"/> | 
|---|
|  |  |  | </a> | 
|---|
|  |  |  | {{# } }} | 
|---|
|  |  |  | {{#  } }} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | <!-- 表格操作栏 end --> | 
|---|
|  |  |  | <script data-th-inline="none" type="text/javascript"> | 
|---|
|  |  |  | //图片放大 | 
|---|
|  |  |  | function showBigImage(url) { | 
|---|
|  |  |  | layer.open({ | 
|---|
|  |  |  | type: 1, | 
|---|
|  |  |  | title: "图片", | 
|---|
|  |  |  | skin: 'layui-layer-rim', //加上边框 | 
|---|
|  |  |  | area: ['80%', '100%'], //宽高 | 
|---|
|  |  |  | shadeClose: true, //开启遮罩关闭 | 
|---|
|  |  |  | end: function (index, layero) { | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | content: '<img src="' + url + '" alt="Big Image" style="max-width: 100%; height: auto;">' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // 引入组件并初始化 | 
|---|
|  |  |  | layui.use([ 'jquery', 'form', 'table', 'febs', 'formSelects'], function () { | 
|---|
|  |  |  | var $ = layui.jquery, | 
|---|
|  |  |  | 
|---|
|  |  |  | layer.photos({ | 
|---|
|  |  |  | photos:{"data": data.image_list} | 
|---|
|  |  |  | ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | case 'agree': | 
|---|
|  |  |  | var objReq = {}; | 
|---|
|  |  |  | objReq.orderId = data.orderId; | 
|---|
|  |  |  | objReq.itemId = data.itemId; | 
|---|
|  |  |  | objReq.agreeState = 1 | 
|---|
|  |  |  | febs.modal.confirm('订单退款', '是否同意订单退款?', function () { | 
|---|
|  |  |  | febs.post(ctx + 'admin/order/refundOperation', objReq, function () { | 
|---|
|  |  |  | febs.alert.success('操作成功'); | 
|---|
|  |  |  | $('#febs-order-refund').find('#reset').click(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | case 'disagree': | 
|---|
|  |  |  | var objReq = {}; | 
|---|
|  |  |  | objReq.orderId = data.orderId; | 
|---|
|  |  |  | objReq.itemId = data.itemId; | 
|---|
|  |  |  | objReq.agreeState = 2; | 
|---|
|  |  |  | febs.modal.confirm('订单退款', '是否拒绝订单退款?', function () { | 
|---|
|  |  |  | febs.post(ctx + 'admin/order/refundOperation', objReq, function () { | 
|---|
|  |  |  | febs.alert.success('操作成功'); | 
|---|
|  |  |  | $('#febs-order-refund').find('#reset').click(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | break; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | {field: 'refundMemberPhone', title: '退款人手机号码', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'goodsName', title: '商品名称', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'amount', title: '退款金额', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'leaderName', title: '团长', minWidth: 100,align:'left'}, | 
|---|
|  |  |  | {field: 'leaderPhone', title: '团长手机号码', minWidth: 150,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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | {field: 'refundReason', title: '退款原因', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundRemark', title: '退款说明', minWidth: 150,align:'left'}, | 
|---|
|  |  |  | {field: 'refundPicList', title: '退款图片', templet: '#refundPicItem', minWidth: 200,align:'center'}, | 
|---|
|  |  |  | {title: '操作', | 
|---|
|  |  |  | templet: function (d) { | 
|---|
|  |  |  | if(d.state === 3){ | 
|---|
|  |  |  | return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="agree">同意</button>' | 
|---|
|  |  |  | +'<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="disagree">拒绝</button>' | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | return ''; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | },minWidth: 200,align:'center'} | 
|---|
|  |  |  | ]] | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 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(), | 
|---|
|  |  |  | // leaderName: $searchForm.find('input[name="leaderName"]').val().trim(), | 
|---|
|  |  |  | // leaderPhone: $searchForm.find('input[name="leaderPhone"]').val().trim(), | 
|---|
|  |  |  | state: $searchForm.find("select[name='state']").val(), | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | } | 
|---|