完成优惠券页面

components/my-components/my-coupon-item.vue

@@ -2,7 +2,8 @@
 <template>
 	<view class="item">
 		<view class="header">
-			<text class="title">{{ item.title }}</text>
+			<text class="title" v-if="item.couponType == 5">消费赠券</text>
+			<text v-else>{{ item.title }}</text>
 			<text class="id">ID:83713</text>
 		</view>
 		<view class="content">
@@ -16,14 +17,23 @@
 				</text>
 				<text class="title">总发放</text>
 			</view>
-			<view class="item">
+			<view class="item" v-if="item.couponType == 5">
 				<text class="info">{{ item.giftNum }}</text>
-				<text class="title">已领取</text>
-			</view>
-			<view class="item">
-				<text class="info">{{ item.useNum }}</text>
-				<text class="title">已使用</text>
+				<view class="title">
+					<text class="t">已赠送</text>
+					<text class="l" @click="toDetail(item)">详情</text>
+				</view>
 			</view>
+			<template v-else>
+				<view class="item">
+					<text class="info">{{ item.giftNum }}</text>
+					<text class="title">已领取</text>
+				</view>
+				<view class="item">
+					<text class="info">{{ item.useNum }}</text>
+					<text class="title">已使用</text>
+				</view>
+			</template>
 			<view class="item">
 				<text class="info">
 					<template v-if="item.giveNum == -10086">无限</template>
@@ -44,6 +54,8 @@
 </template>
 
 <script setup>
+import go from '@/commons/utils/go.js';
+
 const props = defineProps({
 	item: {
 		type: Object,
@@ -52,6 +64,11 @@ const props = defineProps({
 });
 
 const emits = defineEmits(['delete', 'editor']);
+
+// 去领取详情
+function toDetail(item) {
+	go.to('PAGES_COUPON_GET_DETAIL', { couponId: item.couponGiftList[0].couponId });
+}
 </script>
 
 <style scoped lang="scss">
@@ -100,6 +117,16 @@ const emits = defineEmits(['delete', 'editor']);
 			.title {
 				font-size: 24upx;
 				color: #999;
+				display: flex;
+				gap: 28upx;
+				.t {
+					font-size: 24upx;
+					color: #999;
+				}
+				.l {
+					font-size: 24upx;
+					color: #318afe;
+				}
 			}
 		}
 	}