diff --git a/src/views/pointViews/PointOrderView.vue b/src/views/pointViews/PointOrderView.vue index 1d20ef7..c90f99e 100644 --- a/src/views/pointViews/PointOrderView.vue +++ b/src/views/pointViews/PointOrderView.vue @@ -3,7 +3,7 @@ import { ResponsePointOrder2UserModel } from '@/api/api-models' import PointOrderCard from '@/components/manage/PointOrderCard.vue' import { POINT_API_URL } from '@/data/constants' import { useAuthStore } from '@/store/useAuthStore' -import { NEmpty, NSpin, useMessage } from 'naive-ui' +import { NButton, NEmpty, NFlex, NSpin, useMessage } from 'naive-ui' import { onMounted, ref } from 'vue' const message = useMessage() @@ -12,11 +12,17 @@ const useAuth = useAuthStore() const orders = ref([]) const isLoading = ref(false) +// 定义加载完成的事件 +const emit = defineEmits(['dataLoaded']) + async function getOrders() { try { isLoading.value = true const data = await useAuth.QueryBiliAuthGetAPI(POINT_API_URL + 'user/get-orders') if (data.code == 200) { + orders.value = data.data + // 触发数据加载完成事件 + emit('dataLoaded') return data.data } else { message.error('获取订单失败: ' + data.message) @@ -30,6 +36,17 @@ async function getOrders() { return [] } +// 提供给父组件调用的重置方法 +function reset() { + orders.value = [] +} + +// 暴露方法给父组件 +defineExpose({ + getOrders, + reset +}) + onMounted(async () => { orders.value = await getOrders() }) @@ -37,6 +54,9 @@ onMounted(async () => {