Bladeren bron

feat(orders): 添加 PageHelper 组件引用并实现页面刷新功能

EvilDragon 3 maanden geleden
bovenliggende
commit
5f2c220135
1 gewijzigde bestanden met toevoegingen van 11 en 1 verwijderingen
  1. 11 1
      packages/app/src/pages/mine/orders/index.vue

+ 11 - 1
packages/app/src/pages/mine/orders/index.vue

@@ -9,19 +9,29 @@ import { useUserStore } from '../../../store'
 import { storeToRefs } from 'pinia'
 import { PointsOrder } from '../../../core/libs/models'
 import { useRouter } from '../../../core/utils/router'
+import { ComponentExposed } from 'vue-component-type-helpers'
 
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
 const router = useRouter()
 
 const status = ref({ '0': '待交付', '1': '已完成', '2': '已驳回', '3': '已撤销' })
+const pageHelperRef = ref<ComponentExposed<typeof PageHelper>>()
 const handleClick = (order: PointsOrder) => {
   router.push(`/pages/mine/orders/detail/index?id=${order.id}`)
 }
+onShow(async () => {
+  await pageHelperRef.value?.refresh()
+})
 </script>
 <template>
   <div class="flex-grow flex flex-col gap-4 px-3.5 py-5">
-    <PageHelper :request="getPointsOrders" :query="{}" class="flex-grow flex flex-col">
+    <PageHelper
+      ref="pageHelperRef"
+      :request="getPointsOrders"
+      :query="{}"
+      class="flex-grow flex flex-col"
+    >
       <template #default="{ source }">
         <div class="flex-grow flex flex-col gap-4">
           <template v-for="(it, i) in source.list" :key="i">