edit
This commit is contained in:
parent
009e627e56
commit
43ff14adf8
|
@ -1,21 +1,27 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
<head>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta charset="utf-8">
|
||||||
<meta name="renderer" content="webkit">
|
<meta name="referrer" content="no-referrer" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
<meta name="renderer" content="webkit">
|
||||||
<title><%= webpackConfig.name %></title>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
<script src="<%= VUE_APP_BASE_API %>/api/script"></script>
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
</head>
|
<title>
|
||||||
<body>
|
<%= webpackConfig.name %>
|
||||||
<div id="app"></div>
|
</title>
|
||||||
<!-- built files will be auto injected -->
|
<script src="<%= VUE_APP_BASE_API %>/api/script"></script>
|
||||||
</body>
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
<style>
|
<style>
|
||||||
/*body{*/
|
/*body{*/
|
||||||
/*overflow: auto !important;*/
|
/*overflow: auto !important;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
</style>
|
</style>
|
|
@ -401,7 +401,13 @@
|
||||||
:key="i"
|
:key="i"
|
||||||
class="tabBox acea-row row-middle"
|
class="tabBox acea-row row-middle"
|
||||||
>
|
>
|
||||||
{{ val.product.is_customize ? "是" : "否" }}
|
{{
|
||||||
|
val.cart_info &&
|
||||||
|
val.cart_info.product &&
|
||||||
|
val.cart_info.product.is_customize
|
||||||
|
? "是"
|
||||||
|
: "否"
|
||||||
|
}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
|
@ -9,54 +9,118 @@
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<div class="title">用户信息</div>
|
<div class="title">用户信息</div>
|
||||||
<div class="acea-row">
|
<div class="acea-row">
|
||||||
<div class="description-term">用户昵称:{{ orderDatalist.user.nickname }}</div>
|
<div class="description-term">
|
||||||
<div class="description-term">退货人:{{ orderDatalist.order.real_name }}</div>
|
用户昵称:{{ orderDatalist.user.nickname }}
|
||||||
<div class="description-term">联系电话:{{ orderDatalist.order.user_phone }}</div>
|
</div>
|
||||||
<div class="description-term">退货地址:{{ orderDatalist.order.user_address }}</div>
|
<div class="description-term">
|
||||||
|
退货人:{{ orderDatalist.order.real_name }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
联系电话:{{ orderDatalist.order.user_phone }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退货地址:{{ orderDatalist.order.user_address }}
|
||||||
|
</div>
|
||||||
<div class="description-term">备注:{{ orderDatalist.mark }}</div>
|
<div class="description-term">备注:{{ orderDatalist.mark }}</div>
|
||||||
</div>
|
</div>
|
||||||
<el-divider />
|
<el-divider />
|
||||||
<div class="title">{{orderDatalist.refund_type == 1 ? '退款信息' : '退回商品信息'}}</div>
|
<div class="title">
|
||||||
|
{{ orderDatalist.refund_type == 1 ? "退款信息" : "退回商品信息" }}
|
||||||
|
</div>
|
||||||
<div class="acea-row">
|
<div class="acea-row">
|
||||||
<div class="description-term">订单编号:{{ orderDatalist.order.order_sn }}</div>
|
<div class="description-term">
|
||||||
<div class="description-term">订单状态:{{ orderDatalist.status | orderRefundFilter }}</div>
|
订单编号:{{ orderDatalist.order.order_sn }}
|
||||||
<div class="description-term100">退款单号:{{ orderDatalist.refund_order_sn }}</div>
|
|
||||||
<div class="description-term100">退款商品名称:
|
|
||||||
<div class="product_name">
|
|
||||||
<div v-for="(item,index) in orderDatalist.refundProduct" :key="index">
|
|
||||||
<span v-if="item.product && item.product.cart_info && item.product.cart_info.product">{{item.product.cart_info.product.store_name}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="description-term">退款发起方:{{ orderDatalist.create_user }}</div>
|
<div class="description-term">
|
||||||
<div class="description-term">退款商品件数:{{ orderDatalist.refund_num }}件</div>
|
订单状态:{{ orderDatalist.status | orderRefundFilter }}
|
||||||
<div class="description-term">退款总金额:{{ orderDatalist.refund_price }}元</div>
|
</div>
|
||||||
<div v-if="orderDatalist.delivery_id" class="description-term">退货快递单号:{{ orderDatalist.delivery_id }}</div>
|
<div class="description-term100">
|
||||||
<div class="description-term">创建时间:{{ orderDatalist.create_time }}</div>
|
退款单号:{{ orderDatalist.refund_order_sn }}
|
||||||
<div class="description-term">退货金额:{{ orderDatalist.refund_price-orderDatalist.refund_postage }}</div>
|
</div>
|
||||||
<div class="description-term">退折扣:{{ orderDatalist.amount }}</div>
|
<div class="description-term100">
|
||||||
<div class="description-term">退运费金额:{{ orderDatalist.refund_postage }}</div>
|
退款商品名称:
|
||||||
<div class="description-term">商家备注:{{ orderDatalist.mer_mark }}</div>
|
<div class="product_name">
|
||||||
<div class="description-term100">退款凭证:
|
<div
|
||||||
<div class="product_name" style="margin-left: 70px;">
|
v-for="(item, index) in orderDatalist.refundProduct"
|
||||||
<div class="demo-image__preview">
|
|
||||||
<el-image
|
|
||||||
v-for="(item,index) in orderDatalist.pics"
|
|
||||||
:key="index"
|
:key="index"
|
||||||
:src="item"
|
>
|
||||||
class="mr5"
|
<span
|
||||||
:preview-src-list="[item]"
|
v-if="
|
||||||
/>
|
item.product &&
|
||||||
|
item.product.cart_info &&
|
||||||
|
item.product.cart_info.product
|
||||||
|
"
|
||||||
|
>{{ item.product.cart_info.product.store_name }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退款发起方:{{ orderDatalist.create_user }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退款商品件数:{{ orderDatalist.refund_num }}件
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退款总金额:{{ orderDatalist.refund_price }}元
|
||||||
|
</div>
|
||||||
|
<div v-if="orderDatalist.delivery_id" class="description-term">
|
||||||
|
退货快递单号:{{ orderDatalist.delivery_id }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
创建时间:{{ orderDatalist.create_time }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退货金额:{{ orderDatalist.refund_good_price }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">退折扣:{{ orderDatalist.amount }}</div>
|
||||||
|
<div class="description-term">
|
||||||
|
退运费金额:{{ orderDatalist.refund_postage }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
商家备注:{{ orderDatalist.mer_mark }}
|
||||||
|
</div>
|
||||||
|
<div class="description-term100">
|
||||||
|
退款凭证:
|
||||||
|
<div class="product_name" style="margin-left: 70px">
|
||||||
|
<div class="demo-image__preview">
|
||||||
|
<el-image
|
||||||
|
v-for="(item, index) in orderDatalist.pics"
|
||||||
|
:key="index"
|
||||||
|
:src="item"
|
||||||
|
class="mr5"
|
||||||
|
:preview-src-list="[item]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-divider />
|
<el-divider />
|
||||||
<div class="title">订单记录</div>
|
<div class="title">订单记录</div>
|
||||||
<el-table v-loading="LogLoading" border :data="tableDataLog.data" style="width: 100%">
|
<el-table
|
||||||
<el-table-column prop="order_id" align="center" label="退款单ID" min-width="80" />
|
v-loading="LogLoading"
|
||||||
<el-table-column prop="change_message" label="操作记录" align="center" min-width="280" />
|
border
|
||||||
<el-table-column prop="change_time" label="操作时间" align="center" min-width="280" />
|
:data="tableDataLog.data"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop="order_id"
|
||||||
|
align="center"
|
||||||
|
label="退款单ID"
|
||||||
|
min-width="80"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="change_message"
|
||||||
|
label="操作记录"
|
||||||
|
align="center"
|
||||||
|
min-width="280"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="change_time"
|
||||||
|
label="操作时间"
|
||||||
|
align="center"
|
||||||
|
min-width="280"
|
||||||
|
/>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="block">
|
<div class="block">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
@ -69,32 +133,41 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<el-divider />
|
<el-divider />
|
||||||
<div v-if="(orderDatalist.status == 2 || orderDatalist.status == 3) && orderDatalist.refund_type == 2">
|
<div
|
||||||
|
v-if="
|
||||||
|
(orderDatalist.status == 2 || orderDatalist.status == 3) &&
|
||||||
|
orderDatalist.refund_type == 2
|
||||||
|
"
|
||||||
|
>
|
||||||
<div class="title">退货物流信息</div>
|
<div class="title">退货物流信息</div>
|
||||||
<div class="acea-row">
|
<div class="acea-row">
|
||||||
<div class="description-term">
|
<div class="description-term">
|
||||||
快递公司:{{ orderDatalist.delivery_type }}
|
快递公司:{{ orderDatalist.delivery_type }}
|
||||||
<el-button size="small" type="text" style="margin-left: 10px;" @click="getLoginstics">物流查询</el-button>
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="text"
|
||||||
|
style="margin-left: 10px"
|
||||||
|
@click="getLoginstics"
|
||||||
|
>物流查询</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="description-term">
|
||||||
|
快递单号:{{ orderDatalist.delivery_id }}
|
||||||
</div>
|
</div>
|
||||||
<div class="description-term">快递单号:{{ orderDatalist.delivery_id }}</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import { refundorderLogApi } from "@/api/order";
|
||||||
import {
|
|
||||||
refundorderLogApi
|
|
||||||
} from '@/api/order'
|
|
||||||
export default {
|
export default {
|
||||||
name: 'OrderDetail',
|
name: "OrderDetail",
|
||||||
props: {
|
props: {
|
||||||
orderDatalist: {
|
orderDatalist: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: null
|
default: null,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -103,85 +176,83 @@ export default {
|
||||||
// orderDatalist: null,
|
// orderDatalist: null,
|
||||||
loading: false,
|
loading: false,
|
||||||
listLoading: true,
|
listLoading: true,
|
||||||
order_id: '',
|
order_id: "",
|
||||||
tableDataLog: {
|
tableDataLog: {
|
||||||
data: [],
|
data: [],
|
||||||
total: 0,
|
total: 0,
|
||||||
},
|
},
|
||||||
tableFromLog: {
|
tableFromLog: {
|
||||||
page: 1,
|
page: 1,
|
||||||
limit: 5
|
limit: 5,
|
||||||
},
|
},
|
||||||
}
|
};
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
mounted() {},
|
||||||
methods: {
|
methods: {
|
||||||
// 订单记录
|
// 订单记录
|
||||||
onOrderLog(id) {
|
onOrderLog(id) {
|
||||||
this.LogLoading = true
|
this.LogLoading = true;
|
||||||
this.order_id = id;
|
this.order_id = id;
|
||||||
refundorderLogApi(id, this.tableFromLog)
|
refundorderLogApi(id, this.tableFromLog)
|
||||||
.then(res => {
|
.then((res) => {
|
||||||
this.tableDataLog.data = res.data.list
|
this.tableDataLog.data = res.data.list;
|
||||||
this.tableDataLog.total = res.data.count
|
this.tableDataLog.total = res.data.count;
|
||||||
this.LogLoading = false
|
this.LogLoading = false;
|
||||||
})
|
|
||||||
.catch(res => {
|
|
||||||
this.$message.error(res.message)
|
|
||||||
this.LogLoading = false
|
|
||||||
})
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
this.LogLoading = false;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
/**查看物流 */
|
/**查看物流 */
|
||||||
getLoginstics(){
|
getLoginstics() {
|
||||||
this.$emit('get-logistics',this.orderDatalist)
|
this.$emit("get-logistics", this.orderDatalist);
|
||||||
},
|
},
|
||||||
pageChangeLog(page) {
|
pageChangeLog(page) {
|
||||||
this.tableFromLog.page = page
|
this.tableFromLog.page = page;
|
||||||
this.onOrderLog(this.order_id)
|
this.onOrderLog(this.order_id);
|
||||||
},
|
},
|
||||||
handleSizeChangeLog(val) {
|
handleSizeChangeLog(val) {
|
||||||
this.tableFromLog.limit = val
|
this.tableFromLog.limit = val;
|
||||||
this.onOrderLog(this.order_id)
|
this.onOrderLog(this.order_id);
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.title{
|
.title {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
color: #17233d;
|
color: #17233d;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.description{
|
.description {
|
||||||
&-term {
|
&-term {
|
||||||
display: table-cell;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
line-height: 20px;
|
|
||||||
width: 50%;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.description-term100{
|
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
width: 100%;
|
width: 50%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.product_name{
|
}
|
||||||
margin-left: 90px;
|
.description-term100 {
|
||||||
position: relative;
|
display: table-cell;
|
||||||
top: -20px;
|
padding-bottom: 10px;
|
||||||
}
|
line-height: 20px;
|
||||||
.demo-image__preview {
|
width: 100%;
|
||||||
.el-image,img{
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.product_name {
|
||||||
|
margin-left: 90px;
|
||||||
|
position: relative;
|
||||||
|
top: -20px;
|
||||||
|
}
|
||||||
|
.demo-image__preview {
|
||||||
|
.el-image,
|
||||||
|
img {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1216,9 +1216,11 @@ const defaultObj = {
|
||||||
ot_price: null,
|
ot_price: null,
|
||||||
proportion: 0.6,
|
proportion: 0.6,
|
||||||
coupon: "",
|
coupon: "",
|
||||||
|
third_agreement_price: "",
|
||||||
stock: 0,
|
stock: 0,
|
||||||
// growth: 0,
|
// growth: 0,
|
||||||
bar_code: "",
|
bar_code: "",
|
||||||
|
third_product_item_id: "",
|
||||||
gist_url: null,
|
gist_url: null,
|
||||||
weight: null,
|
weight: null,
|
||||||
volume: null,
|
volume: null,
|
||||||
|
@ -1249,6 +1251,9 @@ const objTitle = {
|
||||||
coupon: {
|
coupon: {
|
||||||
title: "折扣",
|
title: "折扣",
|
||||||
},
|
},
|
||||||
|
third_agreement_price: {
|
||||||
|
title: "协议价",
|
||||||
|
},
|
||||||
stock: {
|
stock: {
|
||||||
title: "库存",
|
title: "库存",
|
||||||
},
|
},
|
||||||
|
@ -1258,6 +1263,9 @@ const objTitle = {
|
||||||
bar_code: {
|
bar_code: {
|
||||||
title: "商品编号",
|
title: "商品编号",
|
||||||
},
|
},
|
||||||
|
third_product_item_id: {
|
||||||
|
title: "编号",
|
||||||
|
},
|
||||||
weight: {
|
weight: {
|
||||||
title: "重量(KG)",
|
title: "重量(KG)",
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue