From 7aa17bdcf8c96beb9fe11c733bf459ccd038f8cf Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Mon, 12 Jan 2026 21:26:34 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20my-subscribe=20?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=94=B3=E8=B4=AD=E4=BF=A1=E6=81=AF=E5=92=8C=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E4=B8=8D=E5=86=8D=E4=BD=BF=E7=94=A8=E7=9A=84=20outlet=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                           |   1 +
 .../trade-settings/my-subscribe/detail.vue    | 106 +++++++++++++-----
 .../trade-settings/my-subscribe/outlet.vue    |  10 --
 3 files changed, 78 insertions(+), 39 deletions(-)
 delete mode 100644 src/views/trade-settings/my-subscribe/outlet.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index e805c06..d51e14f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -170,6 +170,7 @@ const routes: Array<RouteRecordRaw> = [
   },
   {
     path: "/trade-settings/my-subscribe/:id",
+    props: true,
     component: () => import("@/views/trade-settings/my-subscribe/detail.vue"),
     meta: { requiresAuth: true },
   },
diff --git a/src/views/trade-settings/my-subscribe/detail.vue b/src/views/trade-settings/my-subscribe/detail.vue
index 83695cb..f411632 100644
--- a/src/views/trade-settings/my-subscribe/detail.vue
+++ b/src/views/trade-settings/my-subscribe/detail.vue
@@ -1,5 +1,4 @@
 <script lang='ts' setup>
-import { toastController } from "@ionic/vue";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
 import { client, safeClient } from "@/api";
 
@@ -8,26 +7,7 @@ const props = defineProps<{
 }>();
 
 const { t } = useI18n();
-const router = useRouter();
-
-const model = useTemplateRef<ModalInstance>("model");
 const { data } = safeClient(client.api.rwa.subscription({ orderId: props.id }).get());
-
-async function handleSubscribe(val: number) {
-  await safeClient(client.api.rwa.subscription.apply.post({
-    editionId: props.id,
-    quantity: String(val),
-  }));
-  const toast = await toastController.create({
-    message: t("market.tradeRwa.subscribeSuccess"),
-    duration: 2000,
-    position: "bottom",
-    color: "success",
-  });
-
-  await toast.present();
-  model.value?.$el.dismiss();
-}
 </script>
 
 <template>
@@ -56,16 +36,84 @@ async function handleSubscribe(val: number) {
         </div>
       </div>
 
-      <div />
+      <!-- 申购信息 -->
+      <div class="mt-6 space-y-4">
+        <!-- 申购状态 -->
+        <div class="bg-faint rounded-2xl p-4">
+          <div class="text-sm text-text-500 mb-2">
+            申购状态
+          </div>
+          <div class="text-lg font-semibold">
+            {{ t(`trade.subscribeStatus.${data?.status}`) }}
+          </div>
+        </div>
 
-      <!-- <ui-tabs size="small">
-        <ui-tab-pane name="overview" :title="t('market.tradeRwa.tabs.overview')">
-          <RwaBase :data="data" />
-        </ui-tab-pane>
-        <ui-tab-pane name="about" title="相关文档">
-          <RwaAbout :data="data" />
-        </ui-tab-pane>
-      </ui-tabs> -->
+        <!-- 申购信息详情 -->
+        <div class="bg-faint rounded-2xl p-4 space-y-4">
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">申购数量</span>
+            <span class="text-base font-semibold">{{ data?.quantity }}</span>
+          </div>
+          <ui-divider />
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">单价</span>
+            <span class="text-base font-semibold">${{ Number(data?.unitPrice).toFixed(2) }}</span>
+          </div>
+          <ui-divider />
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">总金额</span>
+            <span class="text-lg font-bold text-primary">${{ Number(data?.totalAmount).toFixed(2) }}</span>
+          </div>
+        </div>
+
+        <!-- 产品信息 -->
+        <div class="bg-faint rounded-2xl p-4 space-y-4">
+          <div class="text-base font-semibold mb-3">
+            产品信息
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">产品类别</span>
+            <span class="text-sm">{{ data?.edition.product.categoryId }}</span>
+          </div>
+          <ui-divider />
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">产品编码</span>
+            <span class="text-sm">{{ data?.edition.product.code }}</span>
+          </div>
+          <ui-divider />
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">产品名称</span>
+            <span class="text-sm">{{ data?.edition.product.name }}</span>
+          </div>
+        </div>
+
+        <!-- 发行期信息 -->
+        <div v-if="data?.edition" class="bg-faint rounded-2xl p-4 space-y-4">
+          <div class="text-base font-semibold mb-3">
+            发行期信息
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">发行期编号</span>
+            <span class="text-sm">{{ data?.edition.id }}</span>
+          </div>
+        </div>
+
+        <!-- 时间信息 -->
+        <div class="bg-faint rounded-2xl p-4 space-y-4">
+          <div class="text-base font-semibold mb-3">
+            时间信息
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">申购时间</span>
+            <span class="text-sm">{{ new Date(data?.createdAt!).toLocaleString('zh-CN') }}</span>
+          </div>
+          <ui-divider />
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-text-500">更新时间</span>
+            <span class="text-sm">{{ new Date(data?.updatedAt!).toLocaleString('zh-CN') }}</span>
+          </div>
+        </div>
+      </div>
     </ion-content>
   </ion-page>
 </template>
diff --git a/src/views/trade-settings/my-subscribe/outlet.vue b/src/views/trade-settings/my-subscribe/outlet.vue
deleted file mode 100644
index bb3d43c..0000000
--- a/src/views/trade-settings/my-subscribe/outlet.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang='ts' setup>
-</script>
-
-<template>
-  <ion-page>
-    <ion-router-outlet />
-  </ion-page>
-</template>
-
-<style lang='css' scoped></style>