|
@@ -2,7 +2,7 @@
|
|
|
import router from '@/router'
|
|
import router from '@/router'
|
|
|
|
|
|
|
|
const props = defineProps<{
|
|
const props = defineProps<{
|
|
|
- order: Api.ScenicOrderListVo
|
|
|
|
|
|
|
+ order: Api.xsbOrderList
|
|
|
}>()
|
|
}>()
|
|
|
|
|
|
|
|
// 订单状态映射(hbOrderStatus)
|
|
// 订单状态映射(hbOrderStatus)
|
|
@@ -12,8 +12,9 @@ const statusMap: Record<number, { text: string, color: string }> = {
|
|
|
70: { text: '已支付', color: '#52C41A' },
|
|
70: { text: '已支付', color: '#52C41A' },
|
|
|
80: { text: '已完成', color: '#52C41A' },
|
|
80: { text: '已完成', color: '#52C41A' },
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
// 订单项点击
|
|
// 订单项点击
|
|
|
-function handleOrderClick(order: Api.ScenicOrderListVo) {
|
|
|
|
|
|
|
+function handleOrderClick(order: Api.ScenicOrderListVo | Api.xsbOrderList) {
|
|
|
router.push({ name: 'attractions-order-detail', params: { orderNo: String(order.orderNumber) } })
|
|
router.push({ name: 'attractions-order-detail', params: { orderNo: String(order.orderNumber) } })
|
|
|
}
|
|
}
|
|
|
const statusInfo = computed(() => {
|
|
const statusInfo = computed(() => {
|
|
@@ -26,23 +27,23 @@ const statusInfo = computed(() => {
|
|
|
<view class="mb-20rpx rounded-16rpx bg-#FFF p-24rpx" @click="handleOrderClick(order)">
|
|
<view class="mb-20rpx rounded-16rpx bg-#FFF p-24rpx" @click="handleOrderClick(order)">
|
|
|
<view class="flex items-center justify-between">
|
|
<view class="flex items-center justify-between">
|
|
|
<view class="text-32rpx font-bold">
|
|
<view class="text-32rpx font-bold">
|
|
|
- {{ order?.viewName }}
|
|
|
|
|
|
|
+ {{ order?.orderScenic.viewName }}
|
|
|
</view>
|
|
</view>
|
|
|
<view class="text-28rpx" :style="{ color: statusInfo.color }">
|
|
<view class="text-28rpx" :style="{ color: statusInfo.color }">
|
|
|
{{ statusInfo.text }}
|
|
{{ statusInfo.text }}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="mt-20rpx flex items-center gap-20rpx">
|
|
<view class="mt-20rpx flex items-center gap-20rpx">
|
|
|
- <image v-if="order?.img" :src="order.img" class="h-160rpx w-160rpx rounded-8rpx" mode="aspectFill" />
|
|
|
|
|
|
|
+ <image v-if="order?.orderScenic.img" :src="order?.orderScenic.img" class="h-160rpx w-160rpx rounded-8rpx" mode="aspectFill" />
|
|
|
<view v-else class="h-160rpx w-160rpx flex items-center justify-center rounded-8rpx bg-#f5f5f5 text-#999">
|
|
<view v-else class="h-160rpx w-160rpx flex items-center justify-center rounded-8rpx bg-#f5f5f5 text-#999">
|
|
|
暂无图片
|
|
暂无图片
|
|
|
</view>
|
|
</view>
|
|
|
<view class="flex-1">
|
|
<view class="flex-1">
|
|
|
<view class="line-clamp-2 text-28rpx font-bold">
|
|
<view class="line-clamp-2 text-28rpx font-bold">
|
|
|
- {{ order?.productName }}
|
|
|
|
|
|
|
+ {{ order?.orderScenic.productName }}
|
|
|
</view>
|
|
</view>
|
|
|
<view class="mt-20rpx text-24rpx text-#666">
|
|
<view class="mt-20rpx text-24rpx text-#666">
|
|
|
- 游玩日期:{{ order?.travelDate }}
|
|
|
|
|
|
|
+ 游玩日期:{{ order?.orderScenic.travelDate }}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|