From 521585035e0a550bdf744e888f54615c3d574fad Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 20 Dec 2025 00:42:35 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E7=94=B3=E8=B4=AD=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E5=92=8C=E5=9B=BD=E9=99=85=E5=8C=96=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/types.ts                              |  4 ++
 src/locales/en-US.json                        |  3 +-
 src/locales/index.ts                          |  2 +-
 src/locales/zh-CN.json                        |  3 +-
 src/router/index.ts                           |  4 ++
 .../trade-settings/my-subscribe/index.vue     | 45 +++++++++++++++++++
 src/views/user/components/trade-settings.vue  |  8 +++-
 7 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 src/views/trade-settings/my-subscribe/index.vue

diff --git a/src/api/types.ts b/src/api/types.ts
index bb8d9a3..3f0ad6f 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -47,3 +47,7 @@ export type AvailableSubscriptionData = Treaty.Data<typeof client.api.rwa.subscr
 export type AvailableSubscriptionBody = TreatyQuery<typeof client.api.rwa.subscription.available_editions.get>;
 
 export type RwaData = Treaty.Data<typeof client.api.rwa.subscription.available_editions.get>;
+
+export type MySubscribeRwaData = Treaty.Data<typeof client.api.rwa.subscription.my_subscriptions.get>;
+
+export type MySubscribeRwaBody = TreatyQuery<typeof client.api.rwa.subscription.my_subscriptions.get>;
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index 250174a..d3f29df 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -122,7 +122,8 @@
   "trade": {
     "title": "Trade",
     "settings": {
-      "bankManagement": "Bank Card"
+      "bankManagement": "Bank Card",
+      "mySubscribe": "Subscribe"
     }
   },
   "asset": {
diff --git a/src/locales/index.ts b/src/locales/index.ts
index fa6b03d..a312197 100644
--- a/src/locales/index.ts
+++ b/src/locales/index.ts
@@ -6,7 +6,7 @@ export type MessageSchema = typeof enUS;
 
 const i18n = createI18n<MessageSchema, "en-US" | "zh-CN">({
   legacy: false,
-  locale: "en-US",
+  locale: "zh-CN",
   fallbackLocale: "en-US",
   messages: {
     "en-US": enUS,
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 5dd13d1..b1f394c 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -122,7 +122,8 @@
   "trade": {
     "title": "交易",
     "settings": {
-      "bankManagement": "银行卡管理"
+      "bankManagement": "银行卡管理",
+      "mySubscribe": "我的申购"
     }
   },
   "asset": {
diff --git a/src/router/index.ts b/src/router/index.ts
index 1056b1b..2f274a8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -62,6 +62,10 @@ const routes: Array<RouteRecordRaw> = [
     path: "/trade-settings/bank-management",
     component: () => import("@/views/trade-settings/bank-management/index.vue"),
   },
+  {
+    path: "/trade-settings/my-subscribe",
+    component: () => import("@/views/trade-settings/my-subscribe/index.vue"),
+  },
   {
     path: "/trade-settings/bank-management/add",
     component: () => import("@/views/trade-settings/bank-management/add.vue"),
diff --git a/src/views/trade-settings/my-subscribe/index.vue b/src/views/trade-settings/my-subscribe/index.vue
new file mode 100644
index 0000000..6100494
--- /dev/null
+++ b/src/views/trade-settings/my-subscribe/index.vue
@@ -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>
diff --git a/src/views/user/components/trade-settings.vue b/src/views/user/components/trade-settings.vue
index 9e00a5b..3c2fc07 100644
--- a/src/views/user/components/trade-settings.vue
+++ b/src/views/user/components/trade-settings.vue
@@ -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>