feat: 添加我的申购页面,更新路由和国际化支持,优化用户体验

This commit is contained in:
2025-12-20 00:42:35 +07:00
parent 13943eec20
commit 521585035e
7 changed files with 65 additions and 4 deletions

View File

@@ -0,0 +1,45 @@
<script lang='ts' setup>
import type { MySubscribeRwaBody, MySubscribeRwaData } from "@/api/types";
import { client, safeClient } from "@/api";
const [query] = useResetRef<MySubscribeRwaBody>({
limit: 20,
offset: 0,
});
const subscribeData = ref<MySubscribeRwaData>([]);
const isFinished = ref(false);
async function fetchRwaData() {
const { data } = await safeClient(() => client.api.rwa.subscription.my_subscriptions.get({
query: query.value,
}));
subscribeData.value.push(...(data.value || []));
isFinished.value = (data.value?.length || 0) < query.value.limit!;
}
onBeforeMount(() => {
fetchRwaData();
});
</script>
<template>
<ion-page>
<ion-header>
<ion-toolbar class="ui-toolbar">
<ion-back-button slot="start" />
<ion-title>我的申购</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true" class="ion-padding">
<ion-refresher slot="fixed">
<ion-refresher-content />
</ion-refresher>
<div class="space-y-3 antialiased mt-5" />
</ion-content>
</ion-page>
</template>
<style scoped></style>

View File

@@ -1,5 +1,5 @@
<script lang='ts' setup>
import { cardOutline } from "ionicons/icons";
import { cardOutline, documentOutline } from "ionicons/icons";
const { t } = useI18n();
</script>
@@ -16,6 +16,12 @@ const { t } = useI18n();
{{ t('trade.settings.bankManagement') }}
</div>
</div>
<div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/my-subscribe')">
<ion-icon :icon="documentOutline" />
<div class="text-xs">
{{ t('trade.settings.mySubscribe') }}
</div>
</div>
</div>
</div>
</template>