This commit is contained in:
王创世 2025-06-19 14:22:01 +08:00
parent 0339d44d16
commit 687b040931
4 changed files with 139 additions and 111 deletions

View File

@ -245,14 +245,13 @@
title: '核销成功', title: '核销成功',
icon: 'success', icon: 'success',
duration: 2000, duration: 2000,
complete: function() {
setTimeout(function() {
uni.redirectTo({
url: "/packageA/my/orderList?status=" + 4
})
}, 2000);
}
}); });
setTimeout(function() {
// uni.redirectTo({
// url: "/packageA/my/orderList?status=" + 4
// })
uni.navigateBack();
}, 1500);
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,

View File

@ -115,8 +115,8 @@
@click.stop="detail(item.id)"> 详情 </view> @click.stop="detail(item.id)"> 详情 </view>
</view> </view>
</view> </view>
<view style="padding: 30rpx;"> <view style="padding: 30rpx;" v-if="item.auth_status == 2">
<view v-if="item.auth_status == 2" style="height: 160rpx;color: #323232;font-size: 26rpx;;padding: 20rpx;background: #F7F7F7;border: 1rpx solid #C1C1C1;border-radius: 18rpx 18rpx 18rpx 18rpx;"> <view style="height: 160rpx;color: #323232;font-size: 26rpx;;padding: 20rpx;background: #F7F7F7;border: 1rpx solid #C1C1C1;border-radius: 18rpx 18rpx 18rpx 18rpx;">
未通过原因{{item.reason}} 未通过原因{{item.reason}}
</view> </view>
</view> </view>

View File

@ -285,13 +285,13 @@
url: "/packageA/center/detail?id=" + id url: "/packageA/center/detail?id=" + id
}) })
}, },
// (1) // (1)
paidcancel() { paidcancel() {
uni.showLoading({ uni.showLoading({
title: '处理中...' title: '处理中...'
}); });
this.cancelsShow = false; this.cancelsShow = false;
uni.$u.http.post('/api/school.newactivity.order/paidcancel', { uni.$u.http.post('/api/school.newactivity.order/freecancel', {
order_no: this.order_no order_no: this.order_no
}).then(res => { }).then(res => {
if (res.code == 1) { if (res.code == 1) {
@ -330,10 +330,10 @@
}); });
}); });
}, },
// (0) // (0)
cancelOrder() { cancelOrder() {
this.cancelsShow = false; this.cancelsShow = false;
uni.$u.http.post('/api/school.newactivity.order/freecancel', { uni.$u.http.post('/api/school.newactivity.order/paidcancel', {
order_no: this.order_no order_no: this.order_no
}).then(res => { }).then(res => {
if (res.code == 1) { if (res.code == 1) {

View File

@ -1,8 +1,8 @@
<template> <template>
<view class="detail_all"> <view class="detail_all">
<view class="nav"> <view class="nav">
<u-navbar :is-back="true" leftIconColor="#323232" :autoBack='true' :title="toptitle + '订单'" bgColor="#FFFFFF" <u-navbar :is-back="true" leftIconColor="#323232" :autoBack='true' :title="toptitle + '订单'"
:titleStyle='titleStyle'> </u-navbar> bgColor="#FFFFFF" :titleStyle='titleStyle'> </u-navbar>
</view> </view>
<view class="box flex justify-start flex-column align-items"> <view class="box flex justify-start flex-column align-items">
@ -10,16 +10,18 @@
<view class="first-box flex flex-start flex-column justify-start"> <view class="first-box flex flex-start flex-column justify-start">
<view class="flex align-items justify-center" @click="openInfo()"> <view class="flex align-items justify-center" @click="openInfo()">
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode="" ></image> <image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode=""></image>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<view class="flex align-items"> <view class="flex align-items">
<span class="first-name" style="font-weight: 600;">{{detail.title}}</span> <span class="first-name" style="font-weight: 600;">{{detail.title}}</span>
</view> </view>
<view class="first-image flex align-items white-space" style="margin-top: 25rpx;"> <view class="first-image flex align-items white-space" style="margin-top: 25rpx;">
<image :src="detailAny.user.avatar" mode="" style="width: 36rpx;height: 36rpx;border-radius: 50%;"></image> <image :src="detailAny.user.avatar" mode=""
style="width: 36rpx;height: 36rpx;border-radius: 50%;"></image>
<span style="color:#9C9C9C;margin-left: 10rpx;">{{ detailAny.user.nickname }}</span> <span style="color:#9C9C9C;margin-left: 10rpx;">{{ detailAny.user.nickname }}</span>
<text style="color:#9C9C9C;margin-left: 20rpx;">/</text> <text style="color:#9C9C9C;margin-left: 20rpx;">/</text>
<span style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span> <span
style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span>
</view> </view>
<view class="flex align-items" style="margin-top: 20rpx;"> <view class="flex align-items" style="margin-top: 20rpx;">
@ -35,16 +37,17 @@
</span> </span>
<span class="line"></span> <span class="line"></span>
<view class="first-image flex align-items space-between" <view class="first-image flex align-items space-between" style="width: 100%;margin-top: 10rpx;"
style="width: 100%;margin-top: 10rpx;"
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)"> @click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
<view style="display: flex;"> <view style="display: flex;">
<view> <view>
<image src="/static/center/address.png" mode="" class="icon-size"></image> <image src="/static/center/address.png" mode="" class="icon-size"></image>
</view> </view>
<view class="white-space" style="font-size: 26rpx;color: #222222;font-weight: 400;">{{detail.address}}{{detail.address_detail}}</view> <view class="white-space" style="font-size: 26rpx;color: #222222;font-weight: 400;">
{{detail.address}}{{detail.address_detail}}</view>
</view> </view>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;"></image> <image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
</image>
</view> </view>
</view> </view>
@ -53,34 +56,42 @@
</view> </view>
<view class="third flex flex-column" style="justify-content: flex-start;"> <view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-center"> <view class="third-center">
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
<span>订单状态</span> <span>订单状态</span>
<span style="color: #323232;">{{ toptitle }}</span> <span style="color: #323232;">{{ toptitle }}</span>
</view> </view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>订单编号</span> <span>订单编号</span>
<span style="color: #323232;">{{detailAny.order_no}}</span> <span style="color: #323232;">{{detailAny.order_no}}</span>
</view> </view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>创建时间</span> <span>创建时间</span>
<span style="color: #323232;">{{ formattime(detailAny.createtime)}}</span> <span style="color: #323232;">{{ formattime(detailAny.createtime)}}</span>
</view> </view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>付款金额</span> <span>付款金额</span>
<span style="color: #FF4810;">{{detailAny.totalprice}}</span> <span style="color: #FF4810;">{{detailAny.totalprice}}</span>
</view> </view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>付款方式</span> <span>付款方式</span>
<span style="color: #323232;">{{detailAny.pay_type == 'wechat' ? '微信支付' : '余额'}}</span> <span style="color: #323232;">{{detailAny.pay_type == 'wechat' ? '微信支付' : '余额'}}</span>
</view> </view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" > <view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>付款时间</span> <span>付款时间</span>
<span style="color: #323232;">{{ formattime(detailAny.paytime)}}</span> <span style="color: #323232;">{{ formattime(detailAny.paytime)}}</span>
</view> </view>
</view> </view>
</view> </view>
<view class="third flex flex-column" style="justify-content: flex-start;" > <view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-center" v-if="detailAny.auth_reason != '' && detailAny.auth_reason != null">
<view class="flex w-100 space-between hui align-items">
<text>退款原因</text>
<text style="color: #323232;">{{ detailAny.auth_reason }}</text>
</view>
</view>
<view class="third-center" v-if="detailAny.auth_status == 2"> <view class="third-center" v-if="detailAny.auth_status == 2">
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;"> <view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
<text>是否同意退款</text> <text>是否同意退款</text>
@ -114,8 +125,9 @@
</view> </view>
<view class="footer flex align-items flex-column" style="justify-content: space-between;"> <view class="footer flex align-items flex-column" style="justify-content: space-between;">
<view @click="service(detailAny.id)" class="footer-right flex justify-center align-items" v-if="status == 9"> <view @click="service(detailAny.id)" class="footer-right flex justify-center align-items"
<span > 申请售后 </span> v-if="status == 9">
<span> 申请售后 </span>
</view> </view>
</view> </view>
</view> </view>
@ -162,7 +174,7 @@
img: 'width: 100%' img: 'width: 100%'
}, },
value_slide:0, value_slide: 0,
scrollTop: 0, scrollTop: 0,
overlay: false, overlay: false,
userInfo: {}, userInfo: {},
@ -177,7 +189,7 @@
order_no: '', order_no: '',
PayPirce: 0, PayPirce: 0,
detail: {}, detail: {},
detailAny:{}, detailAny: {},
people: {}, people: {},
qrUrl: '', qrUrl: '',
is_collect: 0, is_collect: 0,
@ -203,7 +215,7 @@
fontSize: '32rpx', fontSize: '32rpx',
fontWeight: 'bold' fontWeight: 'bold'
}, },
status:null, status: null,
toptitle: '', toptitle: '',
}; };
}, },
@ -217,20 +229,20 @@
this.status = options.status; this.status = options.status;
if (options.status == 9) { if (options.status == 9) {
this.toptitle = '已完成' this.toptitle = '已完成'
}else if(options.status == -3){ } else if (options.status == -3) {
this.toptitle = '已关闭' this.toptitle = '已关闭'
}else if(options.status == 4 || options.status == 7){ } else if (options.status == 4 || options.status == 7) {
this.toptitle = '售后中' this.toptitle = '售后中'
}else if(options.status == 5){ } else if (options.status == 5) {
this.toptitle = '退款中' this.toptitle = '退款中'
}else if(options.status == 6){ } else if (options.status == 6) {
this.toptitle = '已退款' this.toptitle = '已退款'
} }
this.getDetail() this.getDetail()
}, },
methods: { methods: {
openInfo(){ openInfo() {
uni.navigateTo({ uni.navigateTo({
url: `/packageA/center/detail?id=${this.detail.activity_id}` url: `/packageA/center/detail?id=${this.detail.activity_id}`
}) })
@ -246,8 +258,8 @@
return dateWeek(timestamp) return dateWeek(timestamp)
}, },
// //
formattime(e){ formattime(e) {
return dayjs(e*1000).format('YYYY-MM-DD HH:mm:ss') return dayjs(e * 1000).format('YYYY-MM-DD HH:mm:ss')
}, },
overlayShow() { overlayShow() {
@ -342,10 +354,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail_all{ .detail_all {
background-color: #f7f7f7; background-color: #f7f7f7;
height: 100vh; height: 100vh;
} }
.w-100 { .w-100 {
width: 100%; width: 100%;
} }
@ -416,13 +429,14 @@
padding: 30rpx; padding: 30rpx;
border-radius: 44rpx; border-radius: 44rpx;
box-sizing: border-box; box-sizing: border-box;
.head_img{
.head_img {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
border-radius: 18rpx; border-radius: 18rpx;
} }
.first-name{ .first-name {
width: 440rpx; width: 440rpx;
height: 39rpx; height: 39rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
@ -447,8 +461,9 @@
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
} }
.xieyi{
background-color:#BBFC5B; .xieyi {
background-color: #BBFC5B;
width: 156rpx; width: 156rpx;
height: 48rpx; height: 48rpx;
border-radius: 8rpx; border-radius: 8rpx;
@ -486,10 +501,12 @@
.third { .third {
width: 100%; width: 100%;
background: #ffffff; background: #ffffff;
margin-top:30rpx; margin-top: 30rpx;
border-radius: 44rpx; border-radius: 44rpx;
.third-center { .third-center {
padding: 30rpx; padding: 30rpx;
.hui { .hui {
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
@ -527,6 +544,7 @@
background: #323232; background: #323232;
border-radius: 148rpx; border-radius: 148rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
span { span {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
@ -534,11 +552,13 @@
color: #BBFC5B; color: #BBFC5B;
} }
} }
.footer-right1 { .footer-right1 {
width: 690rpx; width: 690rpx;
height: 90rpx; height: 90rpx;
background: #E4E4E4; background: #E4E4E4;
border-radius: 148rpx; border-radius: 148rpx;
span { span {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
@ -906,12 +926,14 @@
} }
</style> </style>
<style lang="scss"> <style lang="scss">
.value_slide{ .value_slide {
width: 50%; width: 50%;
::v-deep .uni-slider-handle-wrapper{
::v-deep .uni-slider-handle-wrapper {
height: 10rpx; height: 10rpx;
} }
::v-deep .uni-slider-handle{
::v-deep .uni-slider-handle {
background: url('@/static/detail/qiu.png') !important; background: url('@/static/detail/qiu.png') !important;
border-radius: 0; border-radius: 0;
background-size: 36rpx 36rpx !important; background-size: 36rpx 36rpx !important;
@ -920,17 +942,21 @@
top: 14rpx; top: 14rpx;
margin-left: -18rpx !important; margin-left: -18rpx !important;
} }
::v-deep .uni-slider-value{
::v-deep .uni-slider-value {
color: #323232; color: #323232;
&::after{
&::after {
content: '%'; content: '%';
} }
} }
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
.wx-slider-handle-wrapper{ .wx-slider-handle-wrapper {
height: 8rpx; height: 8rpx;
} }
.wx-slider-handle{
.wx-slider-handle {
background: url('@/static/detail/qiu.png') !important; background: url('@/static/detail/qiu.png') !important;
border-radius: 0; border-radius: 0;
background-size: 28rpx 28rpx !important; background-size: 28rpx 28rpx !important;
@ -939,14 +965,17 @@
top: 18rpx; top: 18rpx;
margin-left: -14rpx !important; margin-left: -14rpx !important;
} }
.wx-slider-value{
.wx-slider-value {
display: flex; display: flex;
width: 30rpx; width: 30rpx;
color: #323232; color: #323232;
&::after{
&::after {
content: '%'; content: '%';
} }
} }
// #endif // #endif
} }
</style> </style>