zhongshen_project/app/shop/view/orderrefund/refund_action.html

<style>
    .refund-view-list{margin-top:20px;font-size:14px;line-height:20px;color:#323233;color:var(--theme-stroke-1,#323233)}
    .refund-transfer-html .refund-view-list{margin-top: 0;}
    .refund-transfer-html .refund-view-item-label {width: 98px;text-align: left;display: inline-block;vertical-align: middle;}
    .refund-transfer-html .align-top{vertical-align: top;}
	.refund-view-item {margin-bottom: 10px;}
    /*!*display: -ms-flexbox;*!*//*!*display: flex;*!*/.refund-view-item-label{width:75px; vertical-align: top;}
    .refund-view-item-content{display:inline-block}
</style>
<!-- 售后申请同意 -->

<script type="text/html" id="refund_agree_html">
    <div style="padding:10px;">
        <div class="layui-form refund-agree-html" id='refund_agree'lay-filter="refund_agree">
            {if $order_info.pay_type == 'OFFLINE_PAY'}
            <div style="color: #666;">注意 : 该笔订单通过线下支付，商家同意后，退款将通过线下原路退回。</div>
            {else/}
            <div style="color: #666;">注意 : 该笔订单通过在线付款，商家同意后，退款将自动原路退回买家付款账户。</div>
            {/if}

            <div class="refund-view-list">
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款方式：</label>
                    <div class="refund-view-item-content">{if $detail.refund_type == 1}仅退款{else/}退货退款{/if}</div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款金额：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{$detail.refund_apply_money}</span>
                    </div>
                </div>
            </div>
            <input type="hidden" name="order_goods_id" value="{$detail.order_goods_id}"/>
            <button class="layui-btn"  lay-submit id="submit_agree" lay-filter="submit_agree" style="display:none;">保存</button>
        </div>
    </div>
</script>

<!-- 售后申请拒绝 -->
<script type="text/html" id="refund_refuse_html">
    <div style="padding:10px;">
        <div class="layui-form refund-refuse-html" id='refund_refuse'lay-filter="refund_refuse">
            <div style="color: #666;">注意 : 建议你与买家协商后，再确定是否拒绝退款。如你拒绝退款后，买家可修改退款申请协议重新发起退款。</div>
            <div class="refund-view-list">
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款方式：</label>
                    <div class="refund-view-item-content">{if $detail.refund_type == 1}仅退款{else/}退货退款{/if}</div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款金额：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{$detail.refund_apply_money}</span>
                    </div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">拒绝理由：</label>
                    <div class="refund-view-item-content">
                        <textarea name="refund_refuse_reason" maxlength="150" placeholder="请填写您的拒绝理由!" class="layui-textarea len-mid" style="overflow: hidden;word-wrap: break-word;resize: horizontal;height: 54px;"></textarea>
                    </div>
                </div>
            </div>
            <input type="hidden" name="order_goods_id" value="{$detail.order_goods_id}"/>
            <button class="layui-btn"  lay-submit id="submit_refuse" lay-filter="submit_refuse" style="display:none;">保存</button>
        </div>
    </div>
</script>

<!-- 买家退货接收 -->
<script type="text/html" id="refund_take_delivery_html">
    <div style="padding:10px;">
        <div class="layui-form refund-take-delivery-html" id='refund_take_delivery'lay-filter="refund_take_delivery">
            <div style="color: #666;">注意 : 需你同意退款申请，买家才能退货给你；买家退货后你需再次确认收货后，退款将自动原路退回至买家付款账户。</div>
            <div class="refund-view-list">
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款方式：</label>
                    <div class="refund-view-item-content">{if $detail.refund_type == 1}仅退款{else/}退货退款{/if}</div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款金额：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{$detail.refund_apply_money}</span>
                    </div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退货地址：</label>
                    <div class="refund-view-item-content">{$detail.refund_address}</div>
                </div>
                <div class="refund-view-item">
                    <label class="refund-view-item-label">是否入库：</label>
                    <div class="refund-view-item-content">
                        <input type="radio" name="is_refund_stock" value="0" title="否" lay-skin="primary" checked>
                        <input type="radio" name="is_refund_stock" value="1" title="是" lay-skin="primary">
                    </div>
                </div>
            </div>
            <input type="hidden" name="order_goods_id" value="{$detail.order_goods_id}"/>
            <button class="layui-btn"  lay-submit id="submit_take_delivery" lay-filter="submit_take_delivery" style="display:none;">保存</button>
        </div>
    </div>
</script>

<!-- 转账退款接收 -->
<script type="text/html" id="refund_transfer_html">
    <div style="padding:10px;">
        <div class="layui-form refund-transfer-html" id='refund_transfer'lay-filter="refund_transfer">
            <!--<div style="color: #666;">注意 : 当你确认转账后，退款将自动原路退回至买家付款账户。</div>-->
            <div class="refund-view-list">

                <div class="refund-view-item">
                    <label class="refund-view-item-label">申请退款金额：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{{ d.order_goods_info.refund_apply_money }}</span>
                    </div>
                </div>

                <div class="refund-view-item">
                    <label class="refund-view-item-label">实际退款金额：</label>
                    <div class="refund-view-item-content">
                        {{# if(d.presale_order_info){ }}

                        <span id="refund_real_money">
                            {{ d.order_goods_info.refund_apply_money }}
                        </span>
                        <input type="hidden" name="refund_real_money" value="{{ d.order_goods_info.refund_apply_money }}" id="refund_real_money_1">

                        {{# }else{ }}
                        <input type="number" name="refund_real_money" class="layui-input" lay-verify="required|refundRealMoney" value="{{ d.order_goods_info.refund_apply_money }}">
                        {{# } }}
                    </div>
                </div>

                {{# if(d.order_goods_info.use_point > 0){ }}
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退还积分：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">{{ d.order_goods_info.use_point }}</span>
                    </div>
                </div>
                {{# } }}

                {{# if(Object.keys(d.coupon_info).length){ }}
                <div class="refund-view-item">
                    <label class="refund-view-item-label">退还优惠券：</label>
                    <div class="refund-view-item-content">
                        {{ d.coupon_info.coupon_name }}
                        （
                        {{# if(d.coupon_info.money > 0){ }}
                            ￥{{ d.coupon_info.money }}
                        {{# }else{ }}
                            {{ d.coupon_info.discount }}折
                        {{# } }}
                        ）
                    </div>
                </div>
                {{# } }}

                <div class="refund-view-item">
                    <label class="refund-view-item-label">退款方式：</label>
                    <div class="refund-view-item-content">
                        <input type="radio" title="原路退款" checked name="refund_money_type" value="1">
                        <input type="radio" title="线下退款"  name="refund_money_type" value="2">
                        <input type="radio" title="退款到余额"  name="refund_money_type" value="3">
<!--                        {{# if(d.order_goods_info.refund_mode == 1 && d.order_info.pay_type != 'OFFLINE_PAY'){ }}-->
<!--                        <input type="radio" title="原路退款" checked name="refund_money_type" value="1">-->
<!--                        <input type="radio" title="线下退款"  name="refund_money_type" value="2">-->
<!--                        <input type="radio" title="退款到余额"  name="refund_money_type" value="3">-->
<!--                        {{# }else{ }}-->
<!--                        <input type="radio" title="线下退款" checked name="refund_money_type" value="2">-->
<!--                        <input type="radio" title="退款到余额"  name="refund_money_type" value="3">-->
<!--                        {{# } }}-->

<!--                        <select name="refund_money_type">-->
<!--                            {{# if(d.order_goods_info.refund_mode == 1 && d.order_info.pay_type != 'OFFLINE_PAY'){ }}<option value="1">原路退款</option>{{# } }}-->
<!--                            <option value="2">线下退款</option>-->
<!--                        </select>-->
                    </div>
                </div>

                {{# if(d.presale_order_info){ }}
                <div class="refund-view-item" style="margin-bottom: 6px;">
                    <label class="refund-view-item-label" style="width: 45px; margin-bottom: 4px;">定金：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{{ d.presale_order_info.presale_deposit_money }}</span>
                    </div>
                    <label class="refund-view-item-label" style="width: 45px; margin: 0 0 4px 50px;">尾款：</label>
                    <div class="refund-view-item-content">
                        <span class="refund-money">￥{{ d.presale_order_info.final_money }}</span>
                    </div>
                </div>

                <div class="refund-view-item">
                    <label class="refund-view-item-label">是否退定金：</label>
                    <div class="refund-view-item-content">
                        <input type="radio" name="is_deposit_back" value="1" lay-filter="deliver_type" checked="checked" title="退定金">
                        <input type="radio" name="is_deposit_back" value="2" lay-filter="deliver_type" title="不退定金">
                    </div>
                </div>
                {{# } }}

                <div class="refund-view-item">
                    <label class="refund-view-item-label align-top">退款说明：</label>
                    <div class="refund-view-item-content">
                        <textarea name="shop_refund_remark" class="layui-textarea len-long" maxlength="150"></textarea>
                    </div>
                </div>

            </div>
            <input type="hidden" name="order_goods_id" value="{{ d.order_goods_info.order_goods_id }}"/>
            <button class="layui-btn"  lay-submit id="submit_transfer" lay-filter="submit_transfer" style="display:none;">保存</button>
        </div>
    </div>
</script>

<script>
    var laytpl;
    var form,
        refundData;
    //渲染模板引擎
    layui.use(['laytpl','form'], function(){
        laytpl = layui.laytpl;
        form = layui.form;
		form.render();

        form.verify({
            refundRealMoney: function(value){
                var money = parseFloat(value);
                if (isNaN(money)) return '请输入正确的退款金额';
                if (money < 0) return '退款金额不能为负数';
            }
        });

        // 监听单选按钮
        form.on('radio(deliver_type)', function(data) {
            if (data.value == 1) {
                $('#refund_real_money').html(refundData.order_goods_info.refund_apply_money);
                $('#refund_real_money_1').val(refundData.order_goods_info.refund_apply_money);
            } else {
                $('#refund_real_money').html(refundData.presale_order_info.final_money);
                $('#refund_real_money_1').val(refundData.presale_order_info.final_money);
            }
        });
    });
    /**
     * 审核 申请维权
     */
    function orderRefundAgree(order_goods_id) {

        //获取模板
        var getTpl = $("#refund_agree_html").html();
        var data = [];

        //渲染模板
        laytpl(getTpl).render(data, function(html) {
            layer.open({
                type: 1,
                shadeClose: true,
                shade: 0.3,
                offset: 'auto',
                scrollbar: true,
                fixed: false,
                title: "售后维权处理",
                area: ['700px', 'auto'],
                btn: ['确认退款', '取消'],
                yes: function(index, layero){
                    $("#submit_agree").click();
                },
                btn2: function(index, layero){
                    layer.close(index);
                },
                content:  html,
                cancel: function(){
                    //右上角关闭回调
                    //return false 开启该代码可禁止点击该按钮关闭
                },
                success: function(layero, index){
                    var repeat_flag = false;//防重复标识
                    form.render();

                    form.on('submit(submit_agree)', function(data){
                        if(repeat_flag)return;
                        repeat_flag = true;
                        $.ajax({
                            url: ns.url("shop/orderrefund/agree"),
                            type: "POST",
                            dataType: "JSON",
                            async: false,
                            data: data.field,
                            success: function (res) {
                                layer.msg(res.message);
                                if(res.code == 0){
                                    layer.closeAll();
                                    location.reload();
                                }else{
                                    repeat_flag = false;
                                }

                            }
                        });
                        return false;
                    });
                }
            });
            form.render();
        });

    }
    
    /**
     * 售后拒绝
     */
    function orderRefundRefuse(order_goods_id) {

        //获取模板
        var getTpl = $("#refund_refuse_html").html();
        var data = [];
        //渲染模板
        laytpl(getTpl).render(data, function(html) {
            layer.open({
                type: 1,
                shadeClose: true,
                shade: 0.3,
                offset: 'auto',
                scrollbar: true,
                fixed: false,
                title: "售后维权处理",
                area: ['700px', 'auto'],
                btn: ['确认拒绝', '取消'],
                yes: function(index, layero){
                    $("#submit_refuse").click();
                },
                btn2: function(index, layero){
                    layer.close(index);
                },
                content:  html,
                cancel: function(){
                    //右上角关闭回调
                    //return false 开启该代码可禁止点击该按钮关闭
                },
                success: function(layero, index){
                    var repeat_flag = false;//防重复标识
                    form.render();

                    form.on('submit(submit_refuse)', function(data){
                        if(repeat_flag)return;
                        repeat_flag = true;
                        $.ajax({
                            url: ns.url("shop/orderrefund/refuse"),
                            type: "POST",
                            dataType: "JSON",
                            async: false,
                            data: data.field,
                            success: function (res) {
                                layer.msg(res.message);
                                if(res.code == 0){
                                    layer.closeAll();
                                    location.reload();
                                }else{
                                    repeat_flag = false;
                                }

                            }
                        });
                        return false;
                    });
                }
            });
            form.render();
        });

    }
    
    /**
     * 买家退货接收
     */
    function orderRefundTakeDelivery(order_goods_id) {

        //获取模板
        var getTpl = $("#refund_take_delivery_html").html();
        var data = [];
        //渲染模板
        laytpl(getTpl).render(data, function(html) {
            layer.open({
                type: 1,
                shadeClose: true,
                shade: 0.3,
                offset: 'auto',
                scrollbar: true,
                fixed: false,
                title: "售后维权处理",
                area: ['700px', 'auto'],
                btn: ['确认收到退货', '取消'],
                yes: function(index, layero){
                    $("#submit_take_delivery").click();
                },
                btn2: function(index, layero){
                    layer.close(index);
                },
                content:  html,
                cancel: function(){
                    //右上角关闭回调
                    //return false 开启该代码可禁止点击该按钮关闭
                },
                success: function(layero, index){
                    var repeat_flag = false;//防重复标识
                    form.render();

                    form.on('submit(submit_take_delivery)', function(data){
                        if(repeat_flag)return;
                        repeat_flag = true;
                        $.ajax({
                            url: ns.url("shop/orderrefund/receive"),
                            type: "POST",
                            dataType: "JSON",
                            async: false,
                            data: data.field,
                            success: function (res) {
                                layer.msg(res.message);
                                if(res.code == 0){
                                    layer.closeAll();
                                    location.reload();
                                }else{
                                    repeat_flag = false;
                                }

                            }
                        });
                        return false;
                    });
                }
            });
            form.render();
        });

    }

    /**
     * 退款转账
     */
    function orderRefundTransfer(order_goods_id) {

        $.ajax({
            url: ns.url("shop/orderrefund/getOrderGoodsRefundInfo"),
            type: "POST",
            dataType: "JSON",
            async: false,
            data: {order_goods_id:order_goods_id},
            success: function (res) {
                if(res.code >= 0){
                    //获取模板
                    var getTpl = $("#refund_transfer_html").html();
                    refundData = res.data;
                    //渲染模板
                    laytpl(getTpl).render(refundData, function(html) {
                        layer.open({
                            type: 1,
                            shadeClose: true,
                            shade: 0.3,
                            offset: 'auto',
                            scrollbar: true,
                            fixed: false,
                            title: "售后维权处理",
                            area: ['700px', 'auto'],
                            btn: ['确认转账', '取消'],
                            yes: function(index, layero){
                                $("#submit_transfer").click();
                            },
                            btn2: function(index, layero){
                                layer.close(index);
                            },
                            content:  html,
                            cancel: function(){
                                //右上角关闭回调
                                //return false 开启该代码可禁止点击该按钮关闭
                            },
                            success: function(layero, index){
                                var repeat_flag = false;//防重复标识
                                form.render();

                                form.on('submit(submit_transfer)', function(data){

                                    if(repeat_flag)return;
                                    repeat_flag = true;
                                    $.ajax({
                                        url: ns.url("shop/orderrefund/complete"),
                                        type: "POST",
                                        dataType: "JSON",
                                        async: false,
                                        data: data.field,
                                        success: function (res) {
                                            layer.msg(res.message);
                                            if(res.code == 0){
                                                layer.closeAll();
                                                location.reload();
                                            }else{
                                                repeat_flag = false;
                                            }

                                        }
                                    });
                                    return false;
                                });
                            }
                        });
                        form.render();
                    });
                }else{
                    layer.msg(res.message);
                }
            }
        });

    }

    /**
     * 关闭维权
     * @param order_goods_id
     */
    function orderRefundClose(order_goods_id){
        layer.confirm('确定要关闭本次维权吗？', function() {
            $.ajax({
                url: ns.url("shop/orderrefund/close"),
                data: { order_goods_id: order_goods_id },
                dataType: 'JSON',
                type: 'POST',
                success: function(res) {
                    layer.msg(res.message);
                    if (res.code == 0) {
                        location.href = ns.url("shop/orderrefund/lists");
                    }
                }
            });
        }, function () {
            layer.closeAll();
        });
    }
</script>