You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
620 lines
17 KiB
620 lines
17 KiB
<!-- 退货详情 -->
|
|
<template>
|
|
<view>
|
|
<global-loading />
|
|
<view v-if="ifShow">
|
|
<view>
|
|
<view class="order-details-status">
|
|
<view class="status-title-box" v-if='status == 1'>
|
|
<view class="l">
|
|
<text class="status">{{$t('common.shz')}}</text>
|
|
<!-- <text class="label" v-if="deliveryfalse">还剩1天22时30分</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsTime.png"></image>-->
|
|
</view>
|
|
<!-- 审核通过-->
|
|
<view class="status-title-box" v-if="status == 10">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.shtg')}}</text>
|
|
<!-- <text class="label" v-if="deliveryfalse">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsSuccess.png"></image>-->
|
|
</view>
|
|
<!-- 审核不通过-->
|
|
<view class="status-title-box" v-if="status == 6">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.shbtg')}}</text>
|
|
<!-- <text class="label" v-if="deliveryfalse">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsSuccess.png"></image>-->
|
|
</view>
|
|
<view class="reason" v-if="status == 6">{{$t('common.reason')}}: {{ itemlist.reason }}</view>
|
|
<!-- 退款中-->
|
|
<view class="status-title-box" v-if="status == 2">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.tkz')}}</text>
|
|
<!-- <text class="label">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsFalse.png"></image>-->
|
|
</view>
|
|
<!-- 退款中-->
|
|
<view class="status-title-box" v-if="status == 7">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.psz')}}</text>
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsFalse.png"></image>-->
|
|
</view>
|
|
<!-- 退货完成待退款-->
|
|
<view class="status-title-box" v-if="status == 4">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.tkcg')}}</text>
|
|
<!-- <text class="label">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsFalse.png"></image>-->
|
|
</view>
|
|
<!-- 退货完成拒绝退款-->
|
|
<view class="status-title-box" v-if="status == 5">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.tksb')}}</text>
|
|
<!-- <text class="label">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsFalse.png"></image>-->
|
|
</view>
|
|
<!-- 平台介入拒绝-->
|
|
<view class="status-title-box" v-if="status == 9 && isPlaformState === 1">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.shsb')}}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 退款成功-->
|
|
<view class="status-title-box" v-if="status == 9">
|
|
<view class="l">
|
|
<text class="status">{{$t('common.cxsq')}}</text>
|
|
<!-- <text class="label" v-if="deliveryfalse">2020年4月24日 22:00:00</text> -->
|
|
</view>
|
|
<!-- <image class='r' src="http://36.138.125.206:8081/ceres-local-file/static/images/afterSaleDetailsSuccess.png"></image>-->
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 发起退款 -->
|
|
<view class="order-details-info-box mt20" v-if='status == 0'>
|
|
<view class="order-details-price" v-if='status != 0'>
|
|
<text>{{$t('common.refundtotalamount')}}</text>
|
|
<text class="price-box"><text class="fuhao">￥</text>{{itemlist.price}}</text>
|
|
</view>
|
|
<view class="address-box return-explain-box">
|
|
<view>{{$t('common.refundwaitbusiness')}}</view>
|
|
<view class="address-info-r mt20 mar-top-20">
|
|
<view class="item fs24">
|
|
<text class="circle"></text>
|
|
<text class="">{{$t('common.refundbusinessagree')}}</text>
|
|
</view>
|
|
<view class="item fs24">
|
|
<text class="circle"></text>
|
|
<text class="">{{$t('common.refundbusinessreject')}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="return-explain-btn">
|
|
<text class="btn" @click="cancelRefundTap">{{$t('common.cxsq')}}</text>
|
|
<text class="btn" @click="platform(itemlist.afterId, itemlist.orderId)" v-if="status==6 || status==8">{{$t('page.platformintervention')}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="order-details-info-box mt20" v-if="status==6 || status==8">
|
|
<view class="return-explain-btn">
|
|
<text class="btn" @click="cancelRefundTap">{{$t('common.cxsq')}}</text>
|
|
<text class="btn" @click="platform(itemlist.afterId, itemlist.orderId)">{{$t('page.platformintervention')}}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 退款成功 -->
|
|
<view class="order-details-info-box mt20" v-if="status == 4">
|
|
<view class="order-details-price return-explain-box">
|
|
<text>{{$t('common.refundsuccess')}}</text>
|
|
<text class="price-box"><text class="fuhao">￥</text>{{itemlist.price}}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 平台介入关闭 -->
|
|
<view class="order-details-info-box mt20" v-if="status == 9 && isPlaformState === 1">
|
|
<view class="address-box return-explain-box">
|
|
<view>{{$他('common.platforminterventionfail')}}</view>
|
|
</view>
|
|
</view>
|
|
<!-- 退款关闭 -->
|
|
<view class="order-details-info-box mt20" v-if="status == 9">
|
|
<view class="address-box return-explain-box">
|
|
<view>{{$t('common.tkcxsuccess')}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="order-list-box" >
|
|
<view class="title">{{$t('common.tkinfo')}}</view>
|
|
<view class="item" >
|
|
<view class="order-info-box">
|
|
<view class="order-info" v-for="item in itemlist.skus">
|
|
<view class="order-info-item">
|
|
<image :src="item.image" class="product-img"></image>
|
|
<view class="info-box">
|
|
<text class="product-name">{{item.productName}}</text>
|
|
<view class="product-sku mt20">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="delivery-way-box">
|
|
<view class="item" v-if="deliveryfalse">
|
|
<!-- <text class="way">退款原因：多拍/错拍/不想要</text> -->
|
|
</view>
|
|
<view class="item">
|
|
<text class="way">{{$t('common.tkamount')}}：￥{{itemlist.price}}</text>
|
|
</view>
|
|
<view class="item">
|
|
<text class="way">{{$t('common.tkno')}}：{{itemlist.afterFormid}}</text>
|
|
</view>
|
|
<view class="item">
|
|
<text class="way">{{$t('common.tkapplytime')}}：{{itemlist.createTime}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="order-list-box negotiate">
|
|
<view class="title">{{$t('common.tkxshistory')}}</view>
|
|
<view class="orderLineBox">
|
|
<u-time-line>
|
|
<u-time-line-item v-if="itemlist.afterHistory.length>0" v-for="item in itemlist.afterHistory">
|
|
<!-- 此处没有自定义左边的内容，会默认显示一个点 -->
|
|
<template v-slot:content>
|
|
<view>
|
|
<view class="u-order-desc">{{item.title}}</view>
|
|
<view class="u-order-time">{{item.time}}</view>
|
|
</view>
|
|
</template>
|
|
</u-time-line-item>
|
|
</u-time-line>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-popup v-model="intervention" mode="center" border-radius="14" close-icon-pos="top-right"
|
|
close-icon-size="20">
|
|
<view class="interventionBox">
|
|
<view class="intTit">{{$t('common.platforminterventionwait')}}</view>
|
|
<!-- <textarea class="textarea-text" v-model="reason" placeholder-style="color:#BBBBBB" placeholder="请输入介入原因"/>-->
|
|
<!-- <view class="btnBox">-->
|
|
<!-- <button @click="interventionFn" class="primary">确定</button>-->
|
|
<!-- <button @click="closeInterventionFn">取消</button>-->
|
|
<!-- </view>-->
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
const NET = require('../../utils/request')
|
|
const API = require('../../config/api')
|
|
export default {
|
|
data() {
|
|
return {
|
|
item:{},
|
|
itemlist:{},
|
|
status:0,
|
|
deliveryfalse:false,
|
|
ReturnDetailData:[],
|
|
images: '',
|
|
intervention: false,
|
|
interventionText: '',
|
|
afterId: '',
|
|
orderId: '',
|
|
ifShow: false
|
|
}
|
|
},
|
|
onLoad(options){
|
|
this.item = JSON.parse(options.item)
|
|
this.getReturnDetail()
|
|
},
|
|
methods: {
|
|
getReturnDetail(){
|
|
NET.request(API.ReturnDetail,{
|
|
afterId:this.item.afterId,
|
|
orderId:this.item.orderId
|
|
},'GET').then(res => {
|
|
this.status = res.data.afterState
|
|
this.itemlist = res.data
|
|
this.ifShow = true
|
|
}).catch(res => {
|
|
|
|
})
|
|
},
|
|
cancelRefundTap(){
|
|
// uni.showLoading({
|
|
// title:'正在撤销退货...'
|
|
// })
|
|
NET.request(API.CancelReturnGoods, {
|
|
afterId:this.item.afterId,
|
|
orderId:this.item.orderId
|
|
}, 'POST').then(res => {
|
|
// uni.hideLoading()
|
|
uni.showToast({
|
|
title:this.$t('common.undosuccess'),
|
|
})
|
|
uni.switchTab({
|
|
url:'../../pages/tabbar/user/index'
|
|
})
|
|
}).catch(res => {
|
|
// uni.hideLoading()
|
|
})
|
|
},
|
|
// 平台介入
|
|
platform (afterId, orderId) {
|
|
uni.navigateTo({
|
|
url:`../../pages_category_page1/orderModule/Intervene?afterId=${afterId}&orderId=${orderId}`
|
|
})
|
|
},
|
|
closeInterventionFn() {
|
|
this.intervention = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.order-details-status {
|
|
width: 100%;
|
|
height: 302upx;
|
|
background: url("http://36.138.125.206:8081/ceres-local-file/static/images/refundBg.png") no-repeat left top;
|
|
background-size: contain;
|
|
}
|
|
|
|
.status-title-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 40upx 30upx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.reason {
|
|
padding-left: 32rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
.status-title-box2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 40upx 30upx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.status-title-box .l {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.status-title-box .l .status, .status-title-box2 .status {
|
|
font-size: 30upx;
|
|
color: #fff;
|
|
}
|
|
|
|
.status-title-box .l .label, .status-title-box2 .label {
|
|
font-size: 24upx;
|
|
color: #fff;
|
|
margin-top: 14upx;
|
|
}
|
|
|
|
.status-title-box .r {
|
|
width: 80upx;
|
|
height: 80upx;
|
|
}
|
|
|
|
.order-details-info-box {
|
|
padding: 0 30upx;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
}
|
|
|
|
.order-details-info-box.mt20 {
|
|
margin-top: 20upx;
|
|
}
|
|
|
|
.order-details-price {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 100upx;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
font-size: 30upx;
|
|
color: #333;
|
|
}
|
|
|
|
.order-details-price .price-box {
|
|
font-size: 36upx;
|
|
color: #C83732;
|
|
}
|
|
|
|
.order-details-price .fuhao {
|
|
font-size: 24upx;
|
|
}
|
|
|
|
.address-box {
|
|
background: #fff;
|
|
padding: 30upx 0;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 28upx;
|
|
color: #333;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.address-info {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 20upx;
|
|
}
|
|
|
|
.address-box .address-img {
|
|
width: 45upx;
|
|
height: 45upx;
|
|
margin-right: 40upx;
|
|
}
|
|
|
|
.address-box .address-info-r {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 28upx;
|
|
color: #999;
|
|
}
|
|
|
|
.ml30 {
|
|
margin-left: 30upx;
|
|
}
|
|
|
|
.address-box .address-info-r .item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.address-box .address-info-r .title {
|
|
display: inline-block;
|
|
width: 100upx;
|
|
text-align: justify;
|
|
text-justify: distribute-all-lines;
|
|
text-align-last: justify;
|
|
}
|
|
|
|
.address-box .address-info-r .item .r {
|
|
flex: 1;
|
|
line-height: 40upx;
|
|
}
|
|
|
|
.return-explain-box {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.return-explain-box .address-info-r .item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
line-height: 40upx;
|
|
}
|
|
|
|
.address-info-r .item .circle {
|
|
width: 8upx;
|
|
height: 8upx;
|
|
border-radius: 50%;
|
|
background: #bbb;
|
|
margin-right: 10upx;
|
|
}
|
|
|
|
.return-explain-btn {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-top: 20upx;
|
|
}
|
|
|
|
.negotiate {
|
|
padding-bottom: 20rpx;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.return-explain-btn .btn {
|
|
width: 130upx;
|
|
height: 56upx;
|
|
background: #fff;
|
|
border: 1px solid #bbb;
|
|
border-radius: 4upx;
|
|
text-align: center;
|
|
line-height: 56upx;
|
|
margin-left: 20upx;
|
|
color: #333;
|
|
font-size: 26upx;
|
|
}
|
|
|
|
.return-explain-btn .btn.on {
|
|
color: #ff7911;
|
|
border: 1px solid #ff7911;
|
|
}
|
|
|
|
|
|
.order-list-box {
|
|
margin-top: 20upx;
|
|
}
|
|
.orderLineBox {
|
|
padding: 0 30rpx;
|
|
background: #FFFFFF;
|
|
}
|
|
.order-list-box .title{
|
|
padding: 30upx;
|
|
box-sizing: border-box;
|
|
font-size: 30upx;
|
|
color:#333;
|
|
background: #fff;
|
|
}
|
|
.order-list-box .item {
|
|
margin-bottom: 20upx;
|
|
background: #fff;
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.order-info-box {
|
|
padding: 0 30upx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.order-info {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.order-info-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 20upx 0;
|
|
}
|
|
|
|
.product-img {
|
|
width: 180upx;
|
|
height: 180upx;
|
|
border-radius: 10upx;
|
|
margin-right: 30upx;
|
|
}
|
|
|
|
.info-box {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* justify-content: space-between; */
|
|
}
|
|
|
|
.product-name {
|
|
font-size: 26upx;
|
|
color: #333;
|
|
height: 68upx;
|
|
line-height: 34upx;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.price-sku-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.product-sku {
|
|
font-size: 24upx;
|
|
color: #999;
|
|
}
|
|
|
|
.product-price {
|
|
font-size: 28upx;
|
|
color: #333;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.product-price .fuhao {
|
|
font-size: 28upx;
|
|
}
|
|
|
|
.product-num {
|
|
font-size: 28upx;
|
|
color: #999;
|
|
}
|
|
.delivery-way-box{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 30upx 0 10upx;
|
|
}
|
|
.delivery-way-box .item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
font-size: 26upx;
|
|
color: #333;
|
|
}
|
|
.delivery-way-box .item .way {
|
|
color: #999;
|
|
}
|
|
.interventionBox .btnBox {
|
|
display: flex;
|
|
}
|
|
.interventionBox .btnBox button {
|
|
width: 50%;
|
|
border-radius: 0;
|
|
}
|
|
.interventionBox .btnBox .primary {
|
|
color: #F5DEB2;
|
|
background: #333333;
|
|
}
|
|
.interventionBox .btnBox /deep/ uni-button:after {
|
|
border-radius: 0;
|
|
}
|
|
.interventionBox .intTit{
|
|
height: 100upx;
|
|
line-height: 100upx;
|
|
text-align: center;
|
|
border-bottom: 1upx solid #EEE;
|
|
font-size: 32upx;
|
|
}
|
|
.interventionBox .btnBox .u-btn {
|
|
width: 50%;
|
|
margin: 0;
|
|
border-radius: 0 !important;
|
|
}
|
|
.interventionBox .btnBox .u-btn:after {
|
|
border-radius: 0;
|
|
border-color: #CCCCCC;
|
|
}
|
|
.interventionBox .btnBox .u-btn--primary {
|
|
background: #FF7700;
|
|
}
|
|
.interventionBox .textarea-text {
|
|
padding: 20upx;
|
|
font-size: 20upx;
|
|
height: 200rpx;
|
|
}
|
|
.interventionBox /deep/ .uni-textarea-textarea {
|
|
width: 100%;
|
|
}
|
|
.interventionBox /deep/ .uni-textarea {
|
|
width: 100%;
|
|
}
|
|
.u-node {
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
border-radius: 100rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #d0d0d0;
|
|
}
|
|
|
|
.u-order-title {
|
|
color: #333333;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.u-order-desc {
|
|
color: rgb(150, 150, 150);
|
|
font-size: 28rpx;
|
|
margin-bottom: 6rpx;
|
|
}
|
|
|
|
.u-order-time {
|
|
color: rgb(200, 200, 200);
|
|
font-size: 26rpx;
|
|
}
|
|
</style>
|