|
|
@@ -0,0 +1,63 @@
|
|
|
+<script setup lang="ts">
|
|
|
+import router from '@/router'
|
|
|
+import { StaticUrl } from '@/config'
|
|
|
+
|
|
|
+defineProps<{
|
|
|
+ orderList: Api.xsbOrderList[]
|
|
|
+}>()
|
|
|
+
|
|
|
+function handleItemClick(item: Api.xsbOrderList) {
|
|
|
+ const orderNumber = item.orderNumber
|
|
|
+ if (orderNumber) {
|
|
|
+ router.push({
|
|
|
+ name: 'video-rights-order-info',
|
|
|
+ params: { orderNo: orderNumber },
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ console.warn('订单号不存在,无法跳转到详情页')
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <view class="">
|
|
|
+ <view v-for=" order in orderList" :key="order.orderNumber" class="mt-28rpx rounded-16rpx bg-#FFF p-24rpx" @click="handleItemClick(order)">
|
|
|
+ <view class="flex items-center justify-between">
|
|
|
+ <view class="text-28rpx">
|
|
|
+ {{ order.createTime }}
|
|
|
+ </view>
|
|
|
+ <view class="text-28rpx font-bold">
|
|
|
+ {{ order.rechargeStatusDesc }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="mt-24rpx h-2rpx w-full bg-#F0F0F0" />
|
|
|
+ <view class="mt-24rpx flex items-center justify-between">
|
|
|
+ <view class="flex items-center gap-20rpx">
|
|
|
+ <view class="h-160rpx w-160rpx">
|
|
|
+ <image class="h-160rpx w-160rpx" :src="`${StaticUrl}/list-page-img.png`" />
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="text-32rpx font-bold">
|
|
|
+ {{ order?.orderItemList?.[0]?.prodName || '' }}
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx text-#FF4D3A">
|
|
|
+ <text class="text-22rpx font-500">
|
|
|
+ ¥
|
|
|
+ </text>
|
|
|
+ <text class="text-36rpx font-800">
|
|
|
+ {{ order?.orderItemList?.[0]?.price || 0 }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx text-24rpx">
|
|
|
+ {{ order.orderNumber }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <wd-icon name="chevron-right" size="22px" color="#222222" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|