@extends('layouts.base')
@section('title', '中台售后详情')
@section('content')
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
<style>
    body{font-weight:500;color:#333;}
    .all{background:#eff3f6}

    .el-form-item__label{margin-right:30px}
    .vue-main-form .el-form-item__content{margin-left:calc(15% + 30px) !important}
    .order-sum-li{width:16.66%;line-height:28px}
    .list-con-goods-text{min-height:70px;overflow:hidden;flex:1;display: flex;flex-direction: column;justify-content: space-between;}
    .list-con-goods-price{border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;min-width:150px;min-height:90px;text-align: left;padding:20px;display: flex;flex-direction: column;}
    .list-con-goods-title{font-size:14px;line-height:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
    .list-con-goods-option{font-size:12px;color:#999}
</style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-crumbs">
                <a>售后管理</a> > 中台售后详情
            </div>
            <el-form ref="form" :model="form" label-width="15%">
                <div class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">基本信息</div>
                    </div>
                    <div class="vue-main-form">

                        <el-form-item label="售后编号">
                            <div>[[orderDetail.after_sale_sn]]</div>
                        </el-form-item>
                        <el-form-item label="采购端编号">
                            <div>[[orderDetail.order.third_order_sn]]</div>
                        </el-form-item>
                        <el-form-item label="售后金额" prop="">
                            <div style="display:flex;width:70%">
                                <div class="order-sum-li" >
                                    <div>子订单金额</div>
                                    <div>￥[[orderDetail.amount]]</div>
                                </div>

                                <div class="order-sum-li">
                                    <div>申请售后金额</div>
                                    <div style="color:red;font-weight:600">￥[[orderDetail.amount]]</div>
                                </div>
                                <div class="order-sum-li" v-if="orderDetail.status == 4">
                                    <div>实际退回金额</div>
                                    <div style="color:red;font-weight:600">￥[[orderDetail.practical_amount]]</div>
                                </div>
                            </div>
                        </el-form-item>

                        <el-form-item label="售后类型" prop="">
                            <div style="display:inline-block;margin-right:20px">[[orderDetail.after_sale_type_name]]</div>
                        </el-form-item>
                        <el-form-item label="是否收到货" prop="">
                            <div style="display:inline-block;margin-right:20px">[[orderDetail.is_received_name]]</div>
                        </el-form-item>

                        <el-form-item label="售后原因" prop="">
                            <div style="display:inline-block;margin-right:20px" v-if="orderDetail.reason">[[orderDetail.refund_reason_name]][[orderDetail.reason]]</div>
                            <div style="display:inline-block;margin-right:20px" v-else>[[orderDetail.refund_reason_name]]</div>

                        </el-form-item>

                        <el-form-item label="售后描述" prop="">
                            <div>[[orderDetail.description]]</div>
                        </el-form-item>
                        <el-form-item label="售后状态" prop="">
                            <div style="display:inline-block;margin-right:20px">[[orderDetail.after_sale_name_show]]</div>
                            <el-button size="small" plain type="primary"  @click="confirmSend(orderDetail.order.id,orderDetail)" v-if="orderDetail.self_order_id>0 && orderDetail.status==1">确认发货</el-button>
                            <el-button size="small" plain type="primary" v-if="orderDetail.self_order_id>0 && orderDetail.status == 0 && orderDetail.after_sales_audit.status == 0" @click="cancelOrder(orderDetail.id)" >取消申请</el-button>
                            <el-button size="small" plain type="primary" v-if="orderDetail.self_order_id>0 && orderDetail.status == 0 && orderDetail.after_sales_audit.status == 0" @click="updateOrder(orderDetail.id)">修改申请</el-button>

                            <el-button size="small" plain type="primary" v-if="orderDetail.self_order_id>0 && ((orderDetail.status == 0 && orderDetail.after_sales_audit.status == -1) || orderDetail.status == -1)" @click="reapplyOrder()" >重新申请</el-button>
                        </el-form-item>
                        <el-form-item label="协商记录" prop="">
                            <a style="color:#29BA9C;" @click="order_refund_process_log_show = true">查看</a>
                        </el-form-item>
                    </div>
                </div>
                <div v-if="orderDetail.return_order_express.id != 0" class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">发货信息</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="物流公司编码" prop="">
                            <div>[[orderDetail.return_order_express.company_code]]</div>
                        </el-form-item>
                        <el-form-item label="物流公司名称" prop="">
                            <div>[[orderDetail.return_order_express.company_name]]</div>
                        </el-form-item>
                        <el-form-item label="快递单号" prop="">
                            <div>[[orderDetail.return_order_express.express_no]]</div>
                        </el-form-item>
                        <!-- 物流信息 -->
                        <div v-if="orderDetail.order_express != null && orderDetail.order_express.length > 0">
                            <el-form-item label="物流信息" prop="">
                                <el-button size="small" type="primary" @click="showDispatchInfo()">查看</el-button>
                            </el-form-item>
                        </div>

                    </div>
                </div>

                <!-- 商品信息 -->
                <div v-if="orderDetail.order_items" class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">商品信息</div>
                    </div>
                    <div class="vue-main-form">
                        <el-table :data="orderDetail.order_items" style="width: 100%">
                            <el-table-column prop="" label="商品" width="60" align="center">
                                <template slot-scope="scope">
                                    <img :src="scope.row.image_url" style="width:50px;height:50px;">
                                </template>
                            </el-table-column>
                            <el-table-column prop="down_time" label="" min-width="180" align="left">
                                <template slot-scope="scope">
                                    <!--   style="color:#29BA9C;cursor: pointer;"
 @click=" gotoGoods(scope.row.goods_id)  "> -->
                                        <div class="list-con-goods-title">
                                            [[scope.row.title]]
                                        </div>
                                        <div class="list-con-goods-option">规格： [[scope.row.sku_title]]</div>
                                    <!-- </div> -->
                                </template>
                            </el-table-column>
                            <el-table-column prop="down_time" label="商品价格" min-width="230" align="center">
                                <template slot-scope="scope">
                                    <div>
                                        <div style="display:flex;justify-content: center;">
                                            <div style="flex:1;text-align:right">价格：</div>
                                            <div style="flex:1;text-align:left">￥[[scope.row.amount]]</div>
                                        </div>

                                    </div>
                                </template>
                            </el-table-column>
                        </el-table>


                    </div>
                </div>
{{--                <div v-if="orderDetail.logs" class="vue-head">--}}
{{--                    <div class="vue-main-title">--}}
{{--                        <div class="vue-main-title-left"></div>--}}
{{--                        <div class="vue-main-title-content">协商日志</div>--}}
{{--                    </div>--}}
{{--                    <div class="vue-main-form">--}}
{{--                        <el-form-item label="" v-for="(item,index)  in orderDetail.logs">--}}
{{--                            <div class="list-con-goods-title" v-if="item.admin_id != 0">--}}
{{--                                商家--}}
{{--                            </div>--}}
{{--                            <div class="list-con-goods-title" v-else>--}}
{{--                                用户--}}
{{--                            </div>--}}
{{--                            <div class="list-con-goods-option">[[item.content]]</div>--}}
{{--                        </el-form-item>--}}

{{--                    </div>--}}
{{--                </div>--}}
            </el-form>

            <!-- 查看商品 -->
            <el-dialog :visible.sync="get_goods_show" width="750px"  title="商品列表">
                <div id="separate-send">
                    <el-table ref="multipleTable1"  :data="get_goods_list" tooltip-effect="dark"  height="550" style="width: 100%">
                        <el-table-column width="550">
                            <template slot-scope="scope">
                                <div style="display:flex;width: 88%;">
                                    <div style="width:50px;height:50px">
                                        <img :src="scope.row.image_url" alt="" style="width:50px;height:50px">
                                    </div>
                                    <div style="margin-left:20px;display: flex;flex-direction: column;justify-content: space-between;">
                                        <div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">[[scope.row.title]]</div>
                                        <div style="color:#999">[[scope.row.product_id]]</div>
                                    </div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column>
                            <template slot-scope="scope">
                                <div style="color:#999">[[scope.row.sku_title]]</div>
                            </template>
                        </el-table-column>
                    </el-table>

                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="get_goods_show = false">取 消</el-button>
                </span>
            </el-dialog>
            <!-- 查看订单协商记录 -->
            <el-dialog :visible.sync="order_refund_process_log_show" center width="700px"  title="协商记录">
                <div style="height:380px;overflow:auto">
                    <div v-for="(refundLog, log1) in orderDetail.logs">
                        <div style="background-color: #f9f9f9;border-radius:5px;margin-bottom: 10px">
                            <div style="padding:20px">
                                <div style="float:right">[[refundLog.created_at]]</div>
                                <div v-if="refundLog.admin_id != 0">
                                    商家
                                </div>
                                <div v-else>
                                    用户
                                </div>
                            </div>
                            <div style="border-bottom:1px solid #e9e9e9;;clear: both;"></div>
                            <div style="padding:15px 20px">
                                    <div >[[refundLog.content]]</div>
                            </div>
                        </div>
                    </div>

{{--                    <el-form-item label="" v-for="(item,index)  in orderDetail.logs">--}}
{{--                        <div class="list-con-goods-title" v-if="item.admin_id != 0">--}}
{{--                            商家--}}
{{--                        </div>--}}
{{--                        <div class="list-con-goods-title" v-else>--}}
{{--                            用户--}}
{{--                        </div>--}}
{{--                        <div class="list-con-goods-option">[[item.content]]</div>--}}
{{--                    </el-form-item>--}}
                    {{--orderDetail.refund_process_log--}}


                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="order_refund_process_log_show = false">取 消</el-button>
                </span>
            </el-dialog>
            <!-- 查看物流信息 -->
            <el-dialog :visible.sync="modal_dispatch_info" width="750px" center title="物流信息">
                <div style="height:400px;overflow:auto" id="dispatch-info">
                    <!-- 多包裹 -->
                    <div>
                        <div style="display:flex;margin-bottom:15px;" v-for="(item3,index3) in dispatch">
                            <div class="left" style="width:105px;margin-right:30px;text-align:right">
                                包裹[[index3 + 1]]信息
                            </div>
                            <div class="right" style="flex:1" v-if="item3.order_items.length>0">
                                <div>
                                    <div class="wl-img" style="width:70px;height:70px;position:relative;">
                                        <img :src="item3.order_items[0].image_url" style="width:100%;height:100%">
                                        <div style="line-height:18px;background:RGB(17, 9, 5,0.7);color:#fff;position:absolute;bottom:0;width:100%;text-align:center">
{{--                                            共[[item3.count]]件--}}
                                        </div>
                                        <div @click="getGoodDetail(item3.order_items)" style="position:absolute;bottom:0;right:-80px;cursor: pointer;color:#ff9b19 ">
                                            查看商品
                                        </div>
                                    </div>
                                    <div style="padding:5px 0" v-if="item3.company_name">公司：[[item3.company_name]]</div>
                                    <div style="padding:5px 0"  v-if="item3.express_no">运单号：[[item3.express_no]]</div>
                                    <div style="padding:5px 0"  v-if="item3.express_no == ''  ">无物流</div>
                                    <template v-if="item3.list != null">
                                        <div style="padding:5px 0" v-for="(d1, k2) in item3.list"  :key="k2">[[d1.time]] [[d1.status]]</div>
                                    </template>

                                    {{--<div style="padding:5px 0">[2020-12-12 09:12:23] 物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新</div>--}}
                                    {{--<div style="padding:5px 0">[2020-12-12 09:12:23] 物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新</div>--}}
                                    {{--<div style="padding:5px 0">[2020-12-12 09:12:23] 物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新物流信息更新</div>--}}

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span slot="footer" class="dialog-footer">
                <el-button @click="modal_dispatch_info = false">关 闭</el-button>
                {{--<el-button type="primary" @click="confirmRefundReject()">确 认</el-button>--}}
            </span>
            </el-dialog>

            <!-- 确认发货 -->

            <!-- 确认发货 -->
            <el-dialog :visible.sync="confirm_send_show" width="750px"  title="确认发货">
                <div style="height:400px;overflow:auto" id="confirm-send">
                    <el-form ref="send" :model="send" :rules="send_rules" label-width="15%">
                        <el-form-item label="收件人信息" prop="aggregation">
                            <div>收 件 人: [[address_info.contacts]] / [[address_info.tel]]</div>
                            <div>收货地址: [[address_info.province_name.name]][[address_info.city_name.name]][[address_info.district_name.name]][[address_info.address]]</div>
                        </el-form-item>

                        <div>
                            <el-form-item label="快递公司">
                                <el-select v-model="send.express_code" clearable filterable placeholder="快递公司" :disabled='readonly' style="width:70%;">
                                    <el-option label="请选择快递" value=""></el-option>
                                    <el-option v-for="(item,index) in expressCompanies" :key="index" :label="item.name" :value="item.code"></el-option>
                                </el-select>
                            </el-form-item>

                            <el-form-item label="快递单号" prop="">
                                <el-input v-model="send.express_sn" :disabled='readonly' style="width:70%;"></el-input>
                            </el-form-item>
                        </div>
                        <el-table ref="multipleTable"  :data="order_goods_send_list" tooltip-effect="dark"  height="250" style="width: 100%"  >
                            {{--                            <el-table-column type="selection"  width="55"></el-table-column>--}}
                            <el-table-column width="550">
                                <template slot-scope="scope">
                                    <div style="display:flex;width: 88%;">
                                        <div style="width:50px;height:50px">
                                            <img :src="scope.row.image_url" alt="" style="width:50px;height:50px">
                                        </div>
                                        <div style="margin-left:20px;display: flex;flex-direction: column;justify-content: space-between;">
                                            <div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">[[scope.row.title]]</div>
                                            <div style="color:#999">[[scope.row.product_id]]</div>
                                        </div>
                                    </div>
                                </template>
                            </el-table-column>
                            <el-table-column>
                                <template slot-scope="scope">
                                    <div style="color:#999">[[scope.row.sku_title]]</div>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-form>
                </div>
                <span slot="footer" class="dialog-footer">
                <el-button @click="confirm_send_show = false">取 消</el-button>
                <el-button type="primary" @click="sureconfirmSend()">确认发货 </el-button>
        </span>
            </el-dialog>


            <el-dialog :visible.sync="reapply_refund_show" width="650px" title="重新申请">
                <el-form ref="refund_pass_form" :model="reapply_refund_form">

                    <div v-if="reapply_refund_form.order_goods[reapply_refund_form_k]" class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">商品信息(仅为中台的商品信息)</div>
                        </div>
                        <div class="vue-main-form">
                            <el-table :data="reapply_refund_form.order_goods[reapply_refund_form_k]" style="width: 100%">
                                <el-table-column prop="product_id" label="商品ID" width="100" align="center"></el-table-column>
                                <el-table-column prop="" label="商品" width="60" align="center">
                                    <template slot-scope="scope">
                                        <img :src="scope.row.image_url" style="width:50px;height:50px;">
                                    </template>
                                </el-table-column>
                                <el-table-column prop="down_time" label="" min-width="180" align="left">
                                    <template slot-scope="scope">
                                        <div class="list-con-goods-title"
                                             style="color:#29BA9C;cursor: pointer;"
                                             @click="gotoGoods(scope.row.goods_id)">
                                            [[scope.row.title]]
                                        </div>
                                        <div class="list-con-goods-option">规格： [[scope.row.goods_option_title]]</div>
                                        <div class="list-con-goods-option">数量： [[scope.row.total]]</div>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="down_time" label="商品价格" min-width="230" align="center">
                                    <template slot-scope="scope">
                                        <div>
                                            <div style="display:flex;justify-content: center;">
                                                <div style="flex:1;text-align:right">价格：</div>
                                                <div style="flex:1;text-align:left">￥[[scope.row.amount]]</div>
                                            </div>
                                        </div>
                                    </template>
                                </el-table-column>

                            </el-table>
                        </div>
                    </div>

                    <el-form-item label="服务类型" prop="refund_type">
                        <el-radio v-for="(item,value) in reapply_refund_form.after_sales_type[reapply_refund_form_k]"  v-model.number="reapply_refund_form.refund_type[reapply_refund_form_k]" :label="value">[[item]]</el-radio>
                    </el-form-item>

                    <el-form-item label="换货商品规格" prop="barter_sku_id" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] == 2">
                        <el-radio v-for="(item,value) in reapply_refund_form.after_sales_goods_options[reapply_refund_form_k]"  v-model.number="reapply_refund_form.barter_sku_id[reapply_refund_form_k]" :label="item.id">[[item.title]]</el-radio>
                    </el-form-item>
                    <el-form-item label="" prop="refund_type" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] == 2">
                        换货商品数量：
                        <el-input v-model="reapply_refund_form.barter_num[reapply_refund_form_k]" placeholder="换货商品数量"></el-input>
                    </el-form-item>
                    <el-form-item label="货物状态" prop="is_received" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2">
                        <el-radio v-model.number="reapply_refund_form.is_received[reapply_refund_form_k]" :label="1">已收到货</el-radio>
                        <el-radio v-model.number="reapply_refund_form.is_received[reapply_refund_form_k]" :label="0">未收到货</el-radio>
                    </el-form-item>

                    <el-form-item label="" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2">
                        申请原因：
                        <el-input v-model="reapply_refund_form.reason[reapply_refund_form_k]" :rows="3" type="textarea"></el-input>
                    </el-form-item>
                    <el-form-item label="退款方式" prop="refund_way" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2">
                        <el-radio v-model.number="reapply_refund_form.refund_way[reapply_refund_form_k]" :label="0">自定义金额</el-radio>
                        <el-radio v-model.number="reapply_refund_form.refund_way[reapply_refund_form_k]" :label="1">商品个数</el-radio>
                    </el-form-item>
                    <el-form-item label="" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2 && reapply_refund_form.refund_way[reapply_refund_form_k] == 0">
                        退款金额：
                        <el-input v-model="reapply_refund_form.amount[reapply_refund_form_k]" placeholder="退款金额"></el-input>
                    </el-form-item>
                    <el-form-item label="" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2 && reapply_refund_form.refund_way[reapply_refund_form_k] == 1">
                        退款商品个数：
                        <el-input v-model="reapply_refund_form.num[reapply_refund_form_k]" placeholder="退款商品个数"></el-input>
                    </el-form-item>
                    <el-form-item label="" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2 ">
                        退款运费金额：
                        <el-input v-model="reapply_refund_form.freight[reapply_refund_form_k]" placeholder="退款金额"></el-input>
                    </el-form-item>
                    <el-form-item label="" v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2">
                        退款技术服务费金额：
                        <el-input v-model="reapply_refund_form.technical_services_fee[reapply_refund_form_k]" max="" placeholder="退款金额"></el-input>
                    </el-form-item>
                    <el-form-item label="">
                    <span v-if="reapply_refund_form.refund_type[reapply_refund_form_k] != 2">
                        退款说明：
                    </span>
                        <span v-else>
                        换货说明：
                    </span>

                        <el-input v-model="reapply_refund_form.description[reapply_refund_form_k]" :rows="3" type="textarea"></el-input>
                    </el-form-item>

                </el-form>

                <span slot="footer" class="dialog-footer">
                <el-button @click="reapply_refund_show = false">取 消</el-button>
                <el-button type="primary" @click="confirmReapplyRefund()">确 认</el-button>
            </span>
            </el-dialog>
        </div>
        </div>
    </div>
    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    //重新申请/修改申请
                    confirm_reapply_refund_url:'',//请求链接
                    confirm_reapply_refund_confirm:'',//提示语
                    reapply_refund_form_k:0,
                    reapply_refund_form_count:[],
                    reapply_refund_form:{
                        order_id:[],
                        order_item_id:[],
                        amount:[],
                        reason_type:[],
                        reason:[],
                        description:[],
                        is_received:[],
                        detail_images:[],
                        refund_type:[],
                        order_goods:[],
                        third_order_sn:[],
                        is_syn:[],
                        after_sales_type:[],
                        freight:[],
                        technical_services_fee:[],
                        barter_sku_id:[],
                        barter_num:[],
                        refund_way:[],
                        num:[],
                        after_sales_goods_options:[],
                    },
                    reapply_refund_show:false,//同步中台售后弹窗
                    order_refund_process_log_show:false,

                    is_pdf:false,
                    street: '{!! \Setting::get("shop.trade")['is_street'] !!}',
                    id:0,
                    middleground_configuration_id:0,
                    getDataUrl: '{!! yzWebFullUrl('plugin.yz-supply.admin.refund.detail-data') !!}',//获取售后数据链接

                    order_id:0,
                    orderDetail:{
                        order:{},
                    },
                    amount_detail:[],//金额数组
                    user:[],//用户信息
                    shipping_address:[],//收货人信息

                    readonly:false,
                    dispatch:{}, //订单物流信息
                    logistics:{},//物流详情
                    modal_dispatch_info: false,

                    form:{

                    },

                    loading: false,

                    cancel_send_show:false,// 取消发货弹窗
                    cancel_send_con:"",//取消发货原因
                    cancel_send_id:'',
                    confirm_send_show:false,// 确认发货弹窗
                    confirm_send_id:"",
                    send:{
                        dispatch_type_id:1,
                        express_code:"",
                        express_sn:"",
                        order_sn:"",
                    },
                    send_rules:{},
                    address_info:{
                        province_name:{},
                        city_name:{},
                        district_name:{},
                    },
                    expressCompanies:[],//快递公司


                    // 多包裹发货
                    more_send_show:false,
                    order_goods_send_list:[],
                    send_order_goods_ids:[],
                    // 查看商品
                    get_goods_show:false,
                    get_goods_list:[],
                }
            },
            created() {
                let result = this.viewReturn();

                this.__initial(result);
            },
            mounted() {
                if(this.id) {
                    this.getData();
                }
            },
            methods: {
                //视图返回数据
                viewReturn() {
                    return {!! $data?:'{}' !!};
                },
                //初始化页面数据，请求链接
                __initial(data) {
                    if (data.id) {
                        this.id = data.id;
                    }
                    if (data.middleground_configuration_id) {
                        this.middleground_configuration_id = data.middleground_configuration_id;
                    }
                },
                getData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});

                    this.$http.post(this.getDataUrl,{id:this.id,middleground_configuration_id:this.middleground_configuration_id }).then(function (response) {
                            if (response.data.result){
                                this.orderDetail = response.data.data;
                                // this.amount_detail = response.data.data.order.amount_detail;

                                // this.user = response.data.data.order.user;
                                // this.shipping_address = response.data.data.order.shipping_address;
                                //
                                // this.order_id = response.data.data.order.id;
                                // this.dispatch = response.data.data.order.order_express;
                                // this.logistics = response.data.data.order.logistics;
                                loading.close();
                            } else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({message: response.data.msg,type: 'error'});
                            loading.close();
                        }
                    );
                },
                checkSelectable(item){
                    // console.log(item);
                    return item.send_status == 0;
                },
                //重新申请售后
                reapplyOrder(){
                   this.confirm_reapply_refund_confirm = "确认重新申请(如果已关闭重新申请会新生成一个记录)？";
                   this.confirm_reapply_refund_url = '{!! yzWebFullUrl('plugin.yz-supply.admin.refund.refund') !!}';
                   this.reapplyRefundFormData();
                },
                reapplyRefundFormData(){
                    this.reapply_refund_show = true;
                    this.reapply_refund_form.order_item_id[0] = this.orderDetail.order_items[0].id;
                    this.reapply_refund_form.order_id[0] = this.orderDetail.order.id;
                    this.reapply_refund_form.amount[0] = this.orderDetail.amount;
                    this.reapply_refund_form.reason_type[0] = this.orderDetail.reason_type;
                    this.reapply_refund_form.reason[0] = this.orderDetail.reason;
                    this.reapply_refund_form.description[0] = this.orderDetail.description;
                    this.reapply_refund_form.is_received[0] = this.orderDetail.is_received;
                    this.reapply_refund_form.detail_images[0] = this.orderDetail.detail_images;
                    this.reapply_refund_form.refund_type[0] = this.orderDetail.type;
                    this.reapply_refund_form.order_goods[0] = this.orderDetail.order_items;
                    this.reapply_refund_form.third_order_sn[0] = this.orderDetail.order.third_order_sn;
                    this.reapply_refund_form.is_syn[0] = 1;
                    this.reapply_refund_form.middleground_configuration_id = this.middleground_configuration_id
                    this.reapply_refund_form.freight[0] = (item.freight/100).toFixed(2);
                    this.reapply_refund_form.technical_services_fee[0] = (item.technical_services_fee/100).toFixed(2);
                    this.reapply_refund_form.barter_sku_id[0] = item.barter_sku_id;
                    this.reapply_refund_form.barter_num[0] = item.barter_num;
                    this.reapply_refund_form.refund_way[0] = item.refund_way;
                    this.reapply_refund_form.num[0] = item.num;
                },
                /**
                 *  修改申请
                 */
                updateOrder(){
                    item = this.orderDetail
                    this.reapply_refund_form.after_sales_id = this.orderDetail.id;
                    this.confirm_reapply_refund_confirm = "确认修改申请？";
                    this.confirm_reapply_refund_url = '{!! yzWebFullUrl('plugin.yz-supply.admin.refund.refund-update') !!}';
                    this.get_reapply_refund_type = '{!! yzWebFullUrl('plugin.yz-supply.admin.refund.get-reapply-refund-type') !!}';
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post(this.get_reapply_refund_type,{'yz_goods_id':item.order_item.product_id,middleground_configuration_id:this.middleground_configuration_id,order_id :item['order_id']}).then(function (response) {
                            if (response.data.result) {
                                this.reapply_refund_show = false;
                                this.reapply_refund_form.after_sales_type[0] = response.data.data.after_sales_type;
                                this.reapply_refund_form.after_sales_goods_options[0] = response.data.data.after_sales_goods_options;
                                this.reapplyRefundFormData();
                            }
                            else{
                                this.$message({type: 'error',message: response.data.msg});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({type: 'error',message: response.data.msg});
                            loading.close();
                        }
                    );

                },
                //申请售后到中台
                confirmReapplyRefund(){
                    var middleground_refund_form = this.reapply_refund_form
                    this.$confirm( this.confirm_reapply_refund_confirm, '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {
                        let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                        this.$http.post(this.confirm_reapply_refund_url,{middleground_refund_form:middleground_refund_form}).then(function (response) {
                                if (response.data.result) {
                                    this.reapply_refund_show = false;
                                    this.$message({type: 'success',message: '成功!'});
                                    this.getData(this.current_page)
                                }
                                else{
                                    this.$message({type: 'error',message: response.data.msg});
                                }
                                loading.close();
                            },function (response) {
                                this.$message({type: 'error',message: response.data.msg});
                                loading.close();
                            }
                        );
                    }).catch(() => {
                        this.$message({type: 'info',message: '已取消'});
                    });

                },
                //取消中台售后申请
                cancelOrder(id){

                    this.$confirm('确认取消申请？', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {
                        let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                        this.$http.post('{!! yzWebFullUrl('plugin.yz-supply.admin.refund.after-sales-close') !!}',{middleground_configuration_id:this.middleground_configuration_id,after_sales_id:id}).then(function (response) {
                                if (response.data.result) {
                                    this.reapply_refund_show = false;
                                    this.$message({type: 'success',message: '成功!'});
                                    this.getData(this.current_page)
                                }
                                else{
                                    this.$message({type: 'error',message: response.data.msg});
                                }
                                loading.close();
                            },function (response) {
                                this.$message({type: 'error',message: response.data.msg});
                                loading.close();
                            }
                        );
                    }).catch(() => {
                        this.$message({type: 'info',message: '已取消'});
                    });
                },
                // 确认发货
                confirmSend(id,item) {
                    console.log(this.middleground_configuration_id);
                    let json = {
                        order_id:id,
                        middleground_configuration_id:this.middleground_configuration_id
                    };
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.yz-supply.admin.refund.get-send-data') !!}',json).then(function(response) {
                        loading.close();
                        // console.log(response.data);
                        if (response.data.result) {
                            this.confirm_send_show = true;
                            this.confirm_send_con = "";
                            this.send = {
                                express_code:"",
                                express_sn:"",
                                after_sales_id:item.id,
                                shipping_address_id:response.data.data.address.id,
                            }
                            this.address_info = response.data.data.address || {};
                            this.order_goods_send_list[0] = item.order_item;

                            this.expressCompanies = response.data.data.express;
                            // console.log(this.expressCompanies);
                        } else {
                            this.$message({
                                message: response.data.msg,
                                type: 'error'
                            });
                        }


                    }, function(response) {
                        this.$message({
                            message: response.data.msg,
                            type: 'error'
                        });
                        loading.close();
                    });


                },
                sureconfirmSend(){
                    for (i in this.expressCompanies){
                        if(this.expressCompanies[i].code == this.send.express_code){
                            this.send.express_name = this.expressCompanies[i].name;
                            break;
                        }
                    }
                    let json = {
                        after_sales_id :this.send.after_sales_id,
                        express_code:this.send.express_code,
                        express_company_name:this.send.express_name,
                        express_sn:this.send.express_sn,
                        shipping_address_id:this.send.shipping_address_id,
                        middleground_configuration_id:this.middleground_configuration_id
                    };
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.yz-supply.admin.refund.send') !!}',json).then(function(response) {

                        if (response.data.result) {
                            this.$message({
                                message: '发货成功',
                                type: 'success'
                            });
                            this.confirm_send_show = false;
                            this.getData(this.current_page);
                        } else {
                            this.$message({
                                message: response.data.msg,
                                type: 'error'
                            });
                        }
                        loading.close();

                    }, function(response) {
                        this.$message({
                            message: response.data.msg,
                            type: 'error'
                        });
                        loading.close();
                    });

                },
                //查看物流信息
                showDispatchInfo() {
                    this.modal_dispatch_info = true;
                },
                gotoGoods(id) {
                    window.open(`{!! yzWebFullUrl('goods.goods.edit') !!}`+`&id=`+id);
                    {{--window.location.href = `{!! yzWebFullUrl('goods.goods.edit') !!}`+`&id=`+id;--}}
                },

                goBack() {
                    history.go(-1)
                },
            },
        })

    </script>
@endsection