<template>
|
<!--
|
作者：luoyiming
|
时间：2019-10-25
|
描述：售后管理-售后详情
|
-->
|
<div class="user pb50" v-loading="loading">
|
<div class="product-content">
|
<!--售后单信息-->
|
<div class="common-form">售后单信息</div>
|
<div class="refund-detail-content">
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">订单号：</span>
|
{{ detail.order_master.order_no }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">买家：</span>
|
{{ detail.user.nickName }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">售后类型：</span>
|
{{ detail.type.text }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">处理状态：</span>
|
{{ detail.status.text }}
|
</div>
|
</el-col>
|
<el-col :span="4">
|
<div class="pb16">
|
<el-button size="mini" href="/" target="_blank" @click="gotoPage(detail)">订单详情</el-button>
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
<!--售后单信息-->
|
<div class="common-form">商户信息</div>
|
<div class="refund-detail-content">
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">商户名称：</span>
|
{{ order.supplier.name }}
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
<!--售后商品信息-->
|
<div class="common-form">售后商品信息</div>
|
<div class="refund-detail-content">
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16"><span class="gray9">商品编码：</span></div>
|
</el-col>
|
<el-col :span="19">
|
<div class="pb16">
|
<span class="gray9">商品名称：</span>
|
{{ detail.orderproduct.product_name }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">重量(Kg)：</span>
|
{{ detail.orderproduct.product_weight }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">单价：</span>
|
{{ detail.orderproduct.line_price }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">购买数量：</span>
|
{{ detail.orderproduct.total_num }}
|
</div>
|
</el-col>
|
<el-col :span="5" v-if="order.order_source==70">
|
<div class="pb16">
|
<span class="red" v-if="order.advance.money_return==1">定金(可退)：</span>
|
<span class="gray9" v-else>定金(不可退)：</span>
|
{{ order.advance.pay_price }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">付款价：</span>
|
{{ detail.orderproduct.total_pay_price }}
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
|
<!--用户申请原因-->
|
<div class="apply-reason-box">
|
<div class="common-form">用户申请原因</div>
|
<div class="apply-reason">{{ detail.apply_desc }}</div>
|
<div class="d-s-s mt10" v-if="detail.image.length > 0">
|
<div class="pic" v-for="(item, index) in detail.image" :key="index"><img v-img-url="item.file_path" alt=""
|
width="60" /></div>
|
</div>
|
</div>
|
|
<!-- 退货地址 -->
|
<div v-if="detail.is_agree.value == 10&&detail.address">
|
<div class="common-form mt16">退货地址</div>
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">收货人：</span>
|
{{ detail.address.name }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">收货电话：</span>
|
{{ detail.address.phone }}
|
</div>
|
</el-col>
|
<el-col :span="14">
|
<div class="pb16">
|
<span class="gray9">收货地址：</span>
|
{{ detail.address.detail }}
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
|
<!-- 商家拒绝原因 -->
|
<div v-if="detail.is_agree.value == 20">
|
<div class="common-form">商家拒绝原因</div>
|
<div class="apply-reason">{{ detail.refuse_desc }}</div>
|
</div>
|
|
<!-- 用户发货信息 -->
|
<div v-if="detail.type.value != 30 && detail.is_agree.value == 10 && detail.is_user_send == 1">
|
<div class="common-form mt16">用户发货信息</div>
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">物流公司：</span>
|
{{ detail.express.express_name }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">物流单号：</span>
|
{{ detail.express_no }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">用户发货状态：</span>
|
已发货
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">发货时间：</span>
|
{{ detail.send_time }}
|
</div>
|
</el-col>
|
<el-col :span="4">
|
<div class="pb16">
|
<span class="gray9">商家收货状态：</span>
|
<template v-if="detail.is_receipt == 1">
|
已收货
|
</template>
|
<template v-else="">
|
待收货
|
</template>
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div v-if="detail.type.value == 20&&detail.is_agree.value == 10 && detail.is_user_send == 1">
|
<div v-if="detail.is_plate_send==1">
|
<div class="common-form mt16">平台发货信息</div>
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">物流公司：</span>
|
{{ detail.sendexpress.express_name }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">物流单号：</span>
|
{{ detail.send_express_no }}
|
</div>
|
</el-col>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">发货时间：</span>
|
{{ detail.deliver_time }}
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
|
<div class="common-form">商家审核</div>
|
<div class="refund-detail-content">
|
<el-row>
|
<el-col :span="5">
|
<div class="pb16">
|
<span class="gray9">审核状态：</span>
|
{{ detail.status.text }}
|
</div>
|
</el-col>
|
<el-col :span="5" v-if="detail.is_agree.value==10&&detail.refund_money>0">
|
<div class="pb16">
|
<span class="gray9">退款金额：</span>
|
{{ detail.refund_money }}
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
|
</div>
|
<div class="common-button-wrapper">
|
<el-button size="small" type="info" @click="cancelFunc">取消 / 返回上一页</el-button>
|
</div>
|
</div>
|
</template>
|
<script>
|
import OrderApi from '@/api/order.js';
|
export default {
|
data() {
|
return {
|
tableData: {},
|
/*退货详情*/
|
detail: {
|
is_agree: {},
|
type: {},
|
status: {},
|
order_master: {},
|
user: {},
|
orderproduct: {},
|
express: {},
|
address: {},
|
image: [],
|
sendexpress: {},
|
},
|
/*订单详情*/
|
order: {},
|
/*退货地址列表*/
|
address: {},
|
form: {
|
is_agree: 10,
|
address_id: '',
|
refuse_desc: '',
|
refund_money: 0
|
},
|
money: {
|
refund_money: 0
|
},
|
order_refund_id: 0,
|
loading: true
|
};
|
},
|
created() {
|
/*获取列表*/
|
this.getData();
|
},
|
methods: {
|
/*获取列表*/
|
|
getData() {
|
let self = this;
|
let order_refund_id = this.$route.query.order_refund_id;
|
OrderApi.refundDetail({
|
order_refund_id: order_refund_id
|
},
|
true
|
)
|
.then(res => {
|
self.detail = res.data.detail;
|
self.order = res.data.order;
|
self.address = res.data.address;
|
self.loading = false;
|
})
|
.catch(error => {});
|
},
|
|
/*跳转订单详情*/
|
gotoPage(row) {
|
let self = this;
|
this.$router.push({
|
path: '/order/order/detail',
|
query: {
|
order_id: row.order_id
|
}
|
});
|
},
|
|
/*审核*/
|
onSubmit(e) {
|
let self = this;
|
let form = self.form;
|
let order_refund_id = e;
|
OrderApi.Approval({
|
is_agree: form.is_agree,
|
address_id: form.address_id,
|
refuse_desc: form.refuse_desc,
|
order_refund_id: order_refund_id,
|
refund_money: form.refund_money
|
},
|
true
|
)
|
.then(data => {
|
self.$message({
|
message: '恭喜你，操作成功',
|
type: 'success'
|
});
|
this.getData();
|
})
|
.catch(error => {});
|
},
|
|
/*确认收货退款*/
|
refundMoney(e) {
|
let self = this;
|
let form = self.money;
|
OrderApi.receipt({
|
refund_money: form.refund_money,
|
order_refund_id: e
|
},
|
true
|
)
|
.then(data => {
|
self.$message({
|
message: '恭喜你，操作成功',
|
type: 'success'
|
});
|
this.getData();
|
})
|
.catch(error => {});
|
},
|
|
/*取消*/
|
cancelFunc() {
|
this.$router.back(-1);
|
}
|
}
|
};
|
</script>
|
<style>
|
.apply-reason {
|
padding: 16px;
|
background: #fff4f4;
|
border: 1px solid #f6e6e6;
|
}
|
|
.apply-reason-box .pic {
|
width: 100px;
|
height: 100px;
|
margin-right: 4px;
|
border: 1px solid #d1d5dd;
|
}
|
|
.apply-reason-box .pic img {
|
width: 98px;
|
height: 98px;
|
object-fit: contain;
|
}
|
</style>
|
