|
|
@@ -7,44 +7,59 @@
|
|
|
<template>
|
|
|
<div class="apply">
|
|
|
<div class="top">
|
|
|
- <img src="../native/imgs/icon_tuikuan_chenggong@3x.png" alt="" />
|
|
|
- <p>退款成功</p>
|
|
|
- <span
|
|
|
+ <img
|
|
|
+ v-if="ApplydetailList.orderStatus === 'REFUNDED'"
|
|
|
+ src="../native/imgs/icon_tuikuan_chenggong@3x.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-if="ApplydetailList.orderStatus === 'REFUND'"
|
|
|
+ src="../native/imgs/icon_tuikuan_zhong@3x.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <p>{{ label }}</p>
|
|
|
+ <span v-if="ApplydetailList.orderStatus === 'REFUNDED'"
|
|
|
>申请成功,退款将在72小时内按照原支付
|
|
|
渠道返回,请注意查收</span
|
|
|
>
|
|
|
+ <span v-if="ApplydetailList.orderStatus === 'REFUND'">
|
|
|
+ 退款审核中,请耐心等待,退款将在72小 时内按照原支付渠道返回,请注意查收</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="bor"></div>
|
|
|
<div class="con">
|
|
|
<div class="price">
|
|
|
<p>退款总金额</p>
|
|
|
- <span>¥970</span>
|
|
|
+ <span>¥{{ ApplydetailList.total }}</span>
|
|
|
</div>
|
|
|
+ <div class="border"></div>
|
|
|
<div class="box-tit">
|
|
|
<div>
|
|
|
- <img src="/native/tabbar/icon_kapai_shangjia_da@3x.png" alt="" />
|
|
|
- <p>光之城卡牌</p>
|
|
|
+ <img :src="store.logo" alt="" />
|
|
|
+ <p>{{ store.storeName }}</p>
|
|
|
</div>
|
|
|
<div class="box-tit-seller">联系卖家</div>
|
|
|
</div>
|
|
|
- <div class="box-con">
|
|
|
- <div class="box-con-Cards">
|
|
|
- <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/info_top_bg.png" alt="" />
|
|
|
- <div class="box-con-right">
|
|
|
- <p class="box-con-tit">1105皇权破晓</p>
|
|
|
- <div class="box-con-today">
|
|
|
- <p>卡盒选号:卡包02—A</p>
|
|
|
- </div>
|
|
|
- <div class="box-con-money">
|
|
|
- <div class="box-con-num">
|
|
|
- <p>¥320</p>
|
|
|
+ <div v-for="(item, index) in Boxes" :key="index.id">
|
|
|
+ <div class="box-con">
|
|
|
+ <div class="box-con-Cards">
|
|
|
+ <img :src="cardCaseInfo.images[0]" alt="" />
|
|
|
+ <div class="box-con-right">
|
|
|
+ <p class="box-con-tit">{{ cardCaseInfo.name }}</p>
|
|
|
+ <div class="box-con-today">
|
|
|
+ <p>卡盒选号: {{ item.groupCode + item.boxCode }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="box-con-money">
|
|
|
+ <div class="box-con-num">
|
|
|
+ <p>¥{{ item.boxPrice }}</p>
|
|
|
+ </div>
|
|
|
+ <p>×1</p>
|
|
|
</div>
|
|
|
- <p>×1</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="border"></div>
|
|
|
+ <div class="border2"></div>
|
|
|
<div class="box-buttom">
|
|
|
<div class="box-buttom-con">
|
|
|
<p>退款原因</p>
|
|
|
@@ -54,7 +69,7 @@
|
|
|
<div class="box-buttom">
|
|
|
<div class="box-buttom-con">
|
|
|
<p>申请时间</p>
|
|
|
- <span>2021-05-20 07:52:36</span>
|
|
|
+ <span>{{ ApplydetailList.createdAt }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="box-buttom">
|
|
|
@@ -62,7 +77,7 @@
|
|
|
<p>订单编号</p>
|
|
|
<div class="box-footer-cr">
|
|
|
<span @click="orderCopy">复制</span>
|
|
|
- <p class="box-footer-p">2019052035464</p>
|
|
|
+ <p class="box-footer-p">{{ ApplydetailList.transactionId }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -72,23 +87,58 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ ApplydetailList: [],
|
|
|
+ cardBoxList: [],
|
|
|
+ orderBoxDTOS: [],
|
|
|
+ store: {},
|
|
|
+ cardCaseInfo: {},
|
|
|
+ Boxes: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.Applydetail();
|
|
|
},
|
|
|
methods: {
|
|
|
- // orderCopy() {
|
|
|
- // wx.setClipboardData({
|
|
|
- // data: this.status.transactionId + '',
|
|
|
- // success(res) {
|
|
|
- // wx.getClipboardData({
|
|
|
- // success(res) {
|
|
|
- // wx.showToast({
|
|
|
- // title: '订单单号复制成功'
|
|
|
- // });
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
+ Applydetail() {
|
|
|
+ this.showLoading();
|
|
|
+ this.$http
|
|
|
+ .get('/orderInfo/get/' + this.$mp.query.id)
|
|
|
+ .then(res => {
|
|
|
+ this.hideLoading();
|
|
|
+ this.cardCaseInfo = res.cardCase.collection;
|
|
|
+ this.ApplydetailList = res;
|
|
|
+ this.store = res.store;
|
|
|
+ this.cardBoxList = res.cardBoxList;
|
|
|
+ this.Boxes = res.cardBoxList;
|
|
|
+ if (this.ApplydetailList.orderStatus === 'REFUND') {
|
|
|
+ this.label = '退款审核中';
|
|
|
+ }
|
|
|
+ if (this.ApplydetailList.orderStatus === 'REFUNDED') {
|
|
|
+ this.label = '退款成功';
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.hideLoading();
|
|
|
+ if (e.error) {
|
|
|
+ this.toast(e.rror);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ orderCopy() {
|
|
|
+ wx.setClipboardData({
|
|
|
+ data: this.ApplydetailList.transactionId + '',
|
|
|
+ success(res) {
|
|
|
+ wx.getClipboardData({
|
|
|
+ success(res) {
|
|
|
+ wx.showToast({
|
|
|
+ title: '订单编号复制成功'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
@@ -106,7 +156,8 @@ export default {
|
|
|
font-weight: bold;
|
|
|
color: #000000;
|
|
|
line-height: 24px;
|
|
|
- margin: 20px 0 16px 98px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 20px 0 16px 0px;
|
|
|
}
|
|
|
span {
|
|
|
width: 255px;
|
|
|
@@ -151,7 +202,7 @@ export default {
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
color: #000000;
|
|
|
- margin-left: 2px;
|
|
|
+ margin-left: 9px;
|
|
|
}
|
|
|
}
|
|
|
.box-tit-seller {
|
|
|
@@ -172,7 +223,7 @@ export default {
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
.box-con-right {
|
|
|
- width: 237px;
|
|
|
+ width: 78%;
|
|
|
margin-left: 8px;
|
|
|
.box-con-tit {
|
|
|
font-size: 16px;
|
|
|
@@ -218,6 +269,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.border {
|
|
|
+ height: 1px;
|
|
|
+ background: #f5f7fa;
|
|
|
+ }
|
|
|
+ .border2 {
|
|
|
margin: 20px 0 14px 0;
|
|
|
height: 1px;
|
|
|
background: #f5f7fa;
|