6 changed files with 741 additions and 681 deletions
@ -1,553 +0,0 @@ |
|||
<template> |
|||
<view class="page1"> |
|||
<view class="title"> |
|||
<view class="title-sreach"> |
|||
<view class="back-btn" @tap="back"> |
|||
<uni-icons type="left" size="28"></uni-icons> |
|||
</view> |
|||
<view class="title-name"> |
|||
待退款/售后{{returnCount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="content"> |
|||
<!-- <view class="box1" style="display: flex;"> |
|||
<view class=""> |
|||
待退款/售后{{returnCount}} |
|||
</view> |
|||
</view> --> |
|||
<view class="box1" v-for="(item,index) in returnData" :key="index"> |
|||
<view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;"> |
|||
<view style="display: flex;"> |
|||
{{'#' + item.mallOrder.numberCode}} |
|||
</view> |
|||
<view style="flex: 1;display: flex;padding-left: 20rpx;"> |
|||
{{item.createTime | formatISOTime}} |
|||
<!-- <text>已退款</text> --> |
|||
</view> |
|||
<view> |
|||
{{item.status == 0?'待退款':item.status == 3?'待售后':""}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 180rpx;padding-top: 20rpx;color: #777;"> |
|||
<view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;"> |
|||
<view>退款原因: <text style="font-weight: 700;color:#00231C;">{{item.refundTypeStatus == 1?'商家原因':item.refundTypeStatus == 2?'配送原因':item.refundTypeStatus == 3?'商家/配送都有原因（需要退配送费）':item.refundTypeStatus == 4?'平台退款':""}}</text></view> |
|||
|
|||
<view>退款类型: <text style="font-weight: 700;color:#00231C;">{{item.refundType == 1?'退商品':item.refundType == 2?'退配送费':item.refundType == 3?'全额退款':""}}</text></view> |
|||
<view style="text-align: right;">退款金额: <text style="color:red;font-size: 34rpx;font-weight: 700;">￥{{item.refundAmount}}</text></view> |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;border-top: 1px solid #eee;display: flex;"> |
|||
<view style="flex: 1;"> |
|||
<view class="btn" @tap="orderDetailOpen(item)" style="display: inline-block;"> |
|||
查看订单 |
|||
</view> |
|||
</view> |
|||
<view class="btn" @tap="returnAmountAllow(item,0)" style="background: rgba(0, 35, 28, 1);color: rgba(166, 255, 234, 1);"> |
|||
不同意 |
|||
</view> |
|||
<view class="btn" @tap="returnAmountAllow(item,1)" style="margin-left: 10px;"> |
|||
同意 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<uni-popup ref="orderPopup" background-color="#fff"> |
|||
<view class="popup-area-content" style="height: 1200rpx;overflow: scroll;"> |
|||
<view class="popup-area-title"> |
|||
<text>订单详情</text> |
|||
</view> |
|||
<view class="box1"> |
|||
<view style="width: 100%;line-height: 70rpx;font-size: 28rpx;font-weight: 700;"> |
|||
{{orderDetail.shopName}} |
|||
<img @tap="makeCall(orderDetail.shopPhone)" |
|||
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" |
|||
alt="" style="width: 60rpx;height: 60rpx;" /> |
|||
</view> |
|||
|
|||
<view v-for="(item1,index1) in goodsList" :key="index1" v-if="goodsList != null && goodsList.length > 0" style="display: flex;padding: 20rpx;background: #eee;border-radius: 20rpx;"> |
|||
<view class="goods-img"> |
|||
<img :src="item1.productPicture" alt=""> |
|||
</view> |
|||
<view class="goods-content"> |
|||
<view class="goods-name"> |
|||
{{item1.productName}} |
|||
</view> |
|||
<view class="goods-content-center"> |
|||
<view class="goods-deal1"> |
|||
{{item1.specs}} |
|||
</view> |
|||
</view> |
|||
<view class="goods-content-bottom"> |
|||
<view style="width: 50%;"> |
|||
X{{item1.quantity}} |
|||
</view> |
|||
<view class="pintuan-left-price"> |
|||
￥{{item1.price}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.packageFee != null && orderDetail.packageFee > 0"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
打包费 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
￥{{orderDetail.packageFee}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
配送费 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
￥{{orderDetail.deliveryFee}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
优惠券 |
|||
</view> |
|||
<view style="color: #000;font-weight:700;"> |
|||
-￥1 <uni-icons type="right" size="12"></uni-icons> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;"> |
|||
<view style="flex: 1;"> |
|||
实付 |
|||
</view> |
|||
<view class=""> |
|||
￥{{orderDetail.totalAmount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="box1"> |
|||
<view> |
|||
<!-- <view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
收件地址 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
北校区1号宿舍楼5楼512(0702) |
|||
</view> |
|||
</view> --> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.numberCode != null"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
订单号 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.numberCode}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
下单时间 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.createTime | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.shopMakeTime != null"> |
|||
<view style="flex: 1;color: #777;font-weight: 700;"> |
|||
商家出餐时间 |
|||
</view> |
|||
<view style="color: #000;font-weight: 700;"> |
|||
{{orderDetail.shopMakeTime ? orderDetail.shopMakeTime : '' | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="popup-area-container" v-for="(item,index) in productData" :key="index"> |
|||
<text style="display: inline-block">{{item.productName}} {{item.specs}} * {{item.quantity}}</text> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
|
|||
<!-- 拼团详情弹窗 --> |
|||
<uni-popup ref="pintuanPopup" background-color="#fff"> |
|||
<view class="guize-list"> |
|||
<view v-for="(item,index) in tuanzhangOrder" :key="index"> |
|||
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;"> |
|||
订单-{{item.numberCode}} |
|||
</view> |
|||
<view class=""> |
|||
<view class="dingdan"> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单状态： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 2)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':""}} |
|||
</view> |
|||
</view> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单号： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.id}} |
|||
</view> |
|||
|
|||
</view> |
|||
<view style="display:flex"> |
|||
<view style="width:300rpx;"> |
|||
订单时间： |
|||
</view> |
|||
<view class="pituan-text"> |
|||
{{item.createTime | formatISOTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="dingdan" v-for="(item1,index1) in item.goodsList" :key="index1"> |
|||
<view class="pt-title"> |
|||
商品信息 |
|||
</view> |
|||
<view style="display: flex;font-weight: 700;"> |
|||
<view style="flex:1"> |
|||
商品名：{{item1.productName}} |
|||
</view> |
|||
<view style="width:100rpx;"> |
|||
X{{item1.quantity}} |
|||
</view> |
|||
<view style="width:220rpx;text-align: right;padding-right:20rpx;"> |
|||
￥{{item1.price}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="dingdan"> |
|||
<view style="text-align: right;padding-right: 20rpx;color: #777;"> |
|||
餐盒费：￥{{item.packageFee}} 配送费：￥{{item.deliveryFee}} |
|||
</view> |
|||
<view style="text-align: right;padding-right: 20rpx;font-size: 28rpx;font-weight: 700;color: red;"> |
|||
总计：￥{{item.totalAmount}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
searchCountForm:{ |
|||
linkId:uni.getStorageSync('worker').workerId, |
|||
pageNum:1, |
|||
pageSize:100, |
|||
statusList:[0,3] |
|||
}, |
|||
type:'worker', |
|||
returnFormData:{}, |
|||
groupOrderIdList:[], |
|||
tuanzhangOrder:[], |
|||
goodsList:[], |
|||
orderDetail:{}, |
|||
returnData:[], |
|||
returnCount:0 |
|||
} |
|||
}, |
|||
filters:{ |
|||
formatISOTime(isoString) { |
|||
const date = new Date(isoString); |
|||
const year = date.getFullYear(); |
|||
const month = (date.getMonth() + 1).toString().padStart(2, '0'); |
|||
const day = date.getDate().toString().padStart(2, '0'); |
|||
const hours = date.getHours().toString().padStart(2, '0'); |
|||
const minutes = date.getMinutes().toString().padStart(2, '0'); |
|||
const seconds = date.getSeconds().toString().padStart(2, '0'); |
|||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.searchCountForm.linkId = uni.getStorageSync('worker').workerId |
|||
}, |
|||
onLoad(option) { |
|||
if(option.type){ |
|||
this.type = option.type |
|||
} |
|||
this.getReturnCount() |
|||
}, |
|||
methods: { |
|||
getGroupOrders(id){ |
|||
this.NB.sendRequest("/mall/order/selectAllOrderByOrderId/"+id, {}, false, 'GET', 'application/x-www-form-urlencoded').then((res) => { |
|||
if (res.code == 200) { |
|||
this.tuanzhangOrder = res.result; |
|||
this.$refs.pintuanPopup.open('bottom') |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
orderDetailOpen(item){ |
|||
this.returnFormData.id = item.id; |
|||
this.returnFormData.linkId = item.linkId; |
|||
this.returnFormData.orderId = item.orderId; |
|||
this.returnFormData.deliveryType = item.mallOrder.deliveryType; |
|||
this.returnFormData.refundAmount = item.refundAmount; |
|||
this.returnFormData.refundType = item.refundType; |
|||
this.returnFormData.refundTypeStatus = item.refundTypeStatus; |
|||
this.orderDetail = item.mallOrder; |
|||
this.goodsList = item.items; |
|||
this.$refs.orderPopup.open(); |
|||
}, |
|||
makeCall(phone){ |
|||
uni.makePhoneCall({ |
|||
phoneNumber: phone |
|||
}); |
|||
}, |
|||
getReturnCount(){ |
|||
let that = this |
|||
if(this.type == 'worker'){ |
|||
this.searchCountForm.linkId = uni.getStorageSync('worker').workerId |
|||
}else{ |
|||
this.searchCountForm.linkId = uni.getStorageSync('shopId') |
|||
} |
|||
this.NB.sendRequest("/mall/refund/page", this.searchCountForm, false, 'POST', 'application/json').then((res) => { |
|||
if (res.code == 200) { |
|||
that.returnCount = res.result.records.length; |
|||
that.returnData = res.result.records |
|||
that.$forceUpdate(); |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
returnAmountAllow(item,status){ |
|||
let titleText = status == 1 ? '确定同意该申请吗？' : '确定拒绝该申请吗？'; |
|||
//退款提示 |
|||
|
|||
if(item.groupOrderIds != null && item.groupOrderIds != ''){ |
|||
titleText += '该订单为面对面配送单，所有参团订单将同步处理'; |
|||
for(let i = 0; i < this.returnData.length;i++){ |
|||
if(item.groupOrderIds.indexOf(this.returnData[i].mallOrder.id) != -1){ |
|||
//需要展示具体订单信息这里有 |
|||
this.groupOrderIdList.push(this.returnData[i]); |
|||
} |
|||
} |
|||
}else{ |
|||
this.groupOrderIdList = [] |
|||
} |
|||
|
|||
// 2. 弹出确认框 |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: titleText, |
|||
success: (res) => { |
|||
if (res.confirm) { |
|||
if(this.groupOrderIdList != [] && this.groupOrderIdList.length > 0){ |
|||
for(let i = 0; i < this.groupOrderIdList.length;i++){ |
|||
this.processReturn(this.groupOrderIdList[i], status); |
|||
} |
|||
}else{ |
|||
this.processReturn(item, status); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
processReturn(item,status){ |
|||
let url = '' |
|||
//退款 |
|||
if(item.status == 0){ |
|||
//不同意 |
|||
if(status == 0){ |
|||
this.returnFormData.status = 2 |
|||
}else{ |
|||
this.returnFormData.status = 1 |
|||
} |
|||
}else if(item.status == 3){ |
|||
//售后 |
|||
if(status == 0){ |
|||
this.returnFormData.status = 5 |
|||
}else{ |
|||
this.returnFormData.status = 4 |
|||
} |
|||
} |
|||
this.returnFormData.id = item.id; |
|||
this.returnFormData.linkId = item.linkId; |
|||
this.returnFormData.orderId = item.orderId; |
|||
this.returnFormData.deliveryType = item.mallOrder.deliveryType; |
|||
this.returnFormData.orderType = item.mallOrder.orderType; |
|||
this.returnFormData.refundAmount = item.refundAmount; |
|||
this.returnFormData.refundType = item.refundType; |
|||
this.returnFormData.refundTypeStatus = item.refundTypeStatus; |
|||
|
|||
let that = this |
|||
this.NB.sendRequest("/mall/refund/allowOrReject", this.returnFormData, false, 'POST', 'application/json').then((res) => { |
|||
if (res.code == 200) { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
this.getReturnCount() |
|||
that.$forceUpdate(); |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.message, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
uni.hideLoading() |
|||
}).catch((res) => {}) |
|||
}, |
|||
back() { |
|||
uni.navigateBack() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
page { |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 24rpx; |
|||
background: #F5F8F5; |
|||
color: #00231C; |
|||
} |
|||
|
|||
.page1 { |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 24rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.title { |
|||
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|||
width: 100%; |
|||
height: 20%; |
|||
} |
|||
|
|||
.title-sreach { |
|||
width: 100%; |
|||
display: flex; |
|||
height: 200rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.back-btn { |
|||
padding-top: 110rpx; |
|||
} |
|||
|
|||
.title-name { |
|||
padding-top: 110rpx; |
|||
font-size: 36rpx; |
|||
font-weight: 700; |
|||
flex: 1; |
|||
text-align: center; |
|||
} |
|||
.content{ |
|||
margin: -100rpx auto; |
|||
} |
|||
.box1 { |
|||
width: 95%; |
|||
margin: 20rpx auto; |
|||
background: #fff; |
|||
border-radius: 20rpx; |
|||
padding: 20rpx; |
|||
} |
|||
.btn{ |
|||
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|||
padding:0 20rpx; |
|||
height: 50rpx; |
|||
border-radius: 14rpx; |
|||
line-height: 50rpx; |
|||
text-align: center; |
|||
font-weight: 700; |
|||
margin-top: 20rpx; |
|||
} |
|||
.popup-area-title { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
position: relative; |
|||
} |
|||
.popup-area-content { |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 30rpx; |
|||
width: 500rpx; |
|||
height: auto; |
|||
background-color: #fff; |
|||
} |
|||
.goods-img { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
position: relative; |
|||
|
|||
|
|||
img { |
|||
width: 100%; |
|||
background-size: 100%; |
|||
height: 100%; |
|||
border-radius: 20rpx; |
|||
} |
|||
} |
|||
.pinzi{ |
|||
margin: 20rpx 0; |
|||
background: linear-gradient(90deg, #FF4500, #FFA07A); |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
text-align: center; |
|||
border-radius: 10rpx; |
|||
color: #fff; |
|||
} |
|||
.goods-content { |
|||
flex: 1; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.goods-name { |
|||
font-size: 32rpx; |
|||
font-weight: 900; |
|||
} |
|||
|
|||
.goods-content-center { |
|||
display: flex; |
|||
margin: 16rpx 0; |
|||
color: #777; |
|||
} |
|||
.guize-list { |
|||
width: 100%; |
|||
padding: 20rpx; |
|||
overflow: scroll; |
|||
background: #fff; |
|||
max-height: 1000rpx; |
|||
line-height: 25px; |
|||
} |
|||
.pt-title{ |
|||
font-size: 28rpx; |
|||
font-weight: 700; |
|||
color: #777; |
|||
} |
|||
.dingdan{ |
|||
border-top: 1px solid #eee; |
|||
} |
|||
.uni-popup__wrapper{ |
|||
border-radius: 20rpx !important; |
|||
} |
|||
.pituan-text{ |
|||
flex:1; |
|||
text-align:right; |
|||
padding-right:20rpx; |
|||
font-weight: 700; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue