Procházet zdrojové kódy

fix: 订单列表/详情页增加 onShow 刷新,返回时更新退款状态

onMounted 仅在页面首次创建时触发,从退款页/详情页返回后
不会重新加载数据。增加 onShow 在每次页面显示时刷新,
确保退款审核中/已退款等状态及时更新。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
skyline před 2 týdny
rodič
revize
99d3619ad7

+ 8 - 0
haha-mp/src/pages/orderDetail/orderDetail.vue

@@ -167,6 +167,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
+import { onShow } from '@dcloudio/uni-app';
 import { getOrderDetail } from '../../api/order';
 import type { OrderInfo } from '../../api/order';
 import { checkAuth } from '../../utils/auth';
@@ -236,6 +237,13 @@ onMounted(() => {
   }
 });
 
+// 从退款页返回时刷新退款状态
+onShow(() => {
+  if (orderId.value) {
+    loadOrderDetail();
+  }
+});
+
 const applyRefund = () => {
   if (!order.value) return;
   uni.navigateTo({

+ 6 - 0
haha-mp/src/pages/orders/orders.vue

@@ -66,6 +66,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
+import { onShow } from '@dcloudio/uni-app';
 import { getOrderList } from '../../api/order';
 import type { OrderInfo } from '../../api/order';
 import { checkAuth } from '../../utils/auth';
@@ -105,6 +106,11 @@ onMounted(() => {
   loadOrders();
 });
 
+// 每次页面显示时刷新(从退款页/详情页返回时更新退款状态)
+onShow(() => {
+  loadOrders();
+});
+
 const applyRefund = (order: OrderInfo) => {
   uni.navigateTo({
     url: '/pages/refund/refund?orderId=' + order.id