mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-08-06 10:57:25 +08:00
349ffa4f34
- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能 - 优化状态管理和事件处理逻辑，简化代码结构 - 更新样式和布局以适应新组件结构 - 添加新功能和修复已知问题，提升用户体验
128 lines
3.2 KiB
Vue
128 lines
3.2 KiB
Vue
<template>
|
|
<view>
|
|
<view class="info-view">
|
|
<view class="header-title-view">
|
|
<view class="title">售后单号:</view>
|
|
<view>{{ sn }}</view>
|
|
</view>
|
|
<view class="header-title-view">
|
|
<view class="title">申请时间:</view>
|
|
<view>{{ createTime }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-view">
|
|
<view class="header-title-view">
|
|
<view>{{ serviceStatus }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="info-view">
|
|
<view>
|
|
<u-time-line v-if="logList.length != 0">
|
|
<u-time-line-item v-for="(time, index) in logList" :key="index">
|
|
<template #content>
|
|
<view>
|
|
<view class="u-order-desc">{{ time.message }}</view>
|
|
<view class="u-order-time">{{ time.createTime }}</view>
|
|
</view>
|
|
</template>
|
|
</u-time-line-item>
|
|
</u-time-line>
|
|
<view v-else>
|
|
<u-empty text="暂无审核日志"></u-empty>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|
|
|
const sn = ref('')
|
|
const createTime = ref('')
|
|
const logList = ref<any[]>([])
|
|
const serviceStatus = ref('')
|
|
|
|
function statusFilter(val: string) {
|
|
switch (val) {
|
|
case 'APPLY':
|
|
return '售后服务申请成功，等待商家审核'
|
|
case 'PASS':
|
|
return '售后服务申请审核通过'
|
|
case 'REFUSE':
|
|
return '售后服务申请已被商家拒绝，如有疑问请及时联系商家'
|
|
case 'FULL_COURIER':
|
|
return '申请售后的商品已经寄出，等待商家收货'
|
|
case 'STOCK_IN':
|
|
return '商家已将售后商品入库'
|
|
case 'WAIT_FOR_MANUAL':
|
|
return '等待平台进行人工退款'
|
|
case 'REFUNDING':
|
|
return '商家退款中，请您耐心等待'
|
|
case 'COMPLETED':
|
|
return '售后服务已完成，感谢您的支持'
|
|
case 'ERROR_EXCEPTION':
|
|
return '系统生成新订单异常，等待商家手动创建新订单'
|
|
case 'CLOSED':
|
|
return '售后服务已关闭'
|
|
case 'WAIT_REFUND':
|
|
return '等待平台进行退款'
|
|
default:
|
|
return ''
|
|
}
|
|
}
|
|
|
|
onLoad((options) => {
|
|
sn.value = options.sn || ''
|
|
createTime.value = decodeURIComponent(options.createTime || '')
|
|
serviceStatus.value = statusFilter(options.serviceStatus || '')
|
|
logList.value = JSON.parse(decodeURIComponent(options.logs || '[]'))
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page,
|
|
.content {
|
|
background: $page-color-base;
|
|
height: 100%;
|
|
}
|
|
|
|
.u-order-time {
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
margin: 20rpx 0;
|
|
}
|
|
|
|
.info-view {
|
|
margin: 20rpx 0;
|
|
border-radius: 20rpx;
|
|
background-color: #fff;
|
|
padding: 30rpx;
|
|
|
|
.header-title-view {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
color: #909399;
|
|
|
|
.title {
|
|
width: 160rpx;
|
|
}
|
|
}
|
|
|
|
.steps-view {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
color: #909399;
|
|
border-bottom: 1px solid $page-color-base;
|
|
margin-bottom: 10rpx;
|
|
|
|
.title {
|
|
width: 160rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|