申请退款

src/pages.json

@@ -85,6 +85,13 @@
 				"navigationBarTitleText": "美食评论"
 			}
 		}
+		,
+		{
+			"path": "pages/order/refund",
+			"style": {
+				"navigationBarTitleText": "申请退款"
+			}
+		}
 	],
 	"globalStyle": {
 		"navigationStyle": "custom"

src/pages/order/refund.vue

+<template>
+  <view class="container">
+    <Header title="申请退款"></Header>
+  </view>
+</template>
+
+<script setup>
+import Header from '@/pages/order/components/Header/index.vue';
+</script>
+
+<style lang="scss" scoped>
+page {
+  background: #f3f3f3;
+}
+
+.container {
+  width: 375 * 2rpx;
+  margin: 0 auto;
+}
+</style>

src/pages/ticket/components/TicketList/index.vue

 <template>
   <!-- 优惠券列表 -->
-  <view class="ticket-list">
+  <view class="ticket-list" v-if="couponData.length">
     <view class="ticket-item">
       <view class="ticket-box">
         <view class="normal ticket-left">
@@ -95,9 +95,16 @@
       </view>
     </view>
   </view>
+
+  <wd-status-tip image="content" tip="暂无优惠券" v-else />
 </template>
 
 <script setup>
+const props = defineProps({
+  couponData: {
+    type: Array,
+  },
+});
 const showDetail = ref(false);
 
 const changeShowDetail = () => {

src/pages/ticket/detail.vue

@@ -50,7 +50,7 @@
       </view>
 
       <!-- 优惠券列表 -->
-      <TicketList></TicketList>
+      <TicketList :couponData="couponData"></TicketList>
     </view>
   </view>
 </template>
@@ -72,9 +72,12 @@ onShow(() => {
 onLoad(() => {});
 
 const shopId = ref('1626126617850544129');
+const couponData = ref();
 const getList = async () => {
   const res = await shopCouponList(shopId.value);
-  console.log(res);
+  if (res.code === 0) {
+    couponData.value = res.data;
+  }
 };
 getList();