From 07aeacf2e582b5b59598b614eb24bcd17a9a5a1e Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 7 Jan 2026 21:28:46 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E4=B8=BA=20TradableData=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=E7=9B=B8=E5=85=B3=E6=96=87=E6=A1=A3=E5=92=8C=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E8=AE=BF=E9=97=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/trade-tokenized/components/about.vue |  6 +++---
 src/views/trade-tokenized/components/base.vue  | 14 +++++++-------
 src/views/trade-tokenized/index.vue            | 15 ++++++---------
 3 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/views/trade-tokenized/components/about.vue b/src/views/trade-tokenized/components/about.vue
index cbe8e5b..9c2f4de 100644
--- a/src/views/trade-tokenized/components/about.vue
+++ b/src/views/trade-tokenized/components/about.vue
@@ -1,8 +1,8 @@
 <script lang='ts' setup>
-import type { RwaData } from "@/api/types";
+import type { TradableData } from "@/api/types";
 
 const props = defineProps<{
-  data: RwaData | null;
+  data: TradableData | null;
 }>();
 </script>
 
@@ -14,7 +14,7 @@ const props = defineProps<{
         相关文档
       </div>
       <div class="text-xs mt-2">
-        {{ data?.product.proofDocuments }}
+        {{ data?.product?.proofDocuments }}
       </div>
     </div>
   </div>
diff --git a/src/views/trade-tokenized/components/base.vue b/src/views/trade-tokenized/components/base.vue
index 88bf0d8..eba220f 100644
--- a/src/views/trade-tokenized/components/base.vue
+++ b/src/views/trade-tokenized/components/base.vue
@@ -1,8 +1,8 @@
 <script lang='ts' setup>
-import type { RwaData } from "@/api/types";
+import type { TradableData } from "@/api/types";
 
 const props = defineProps<{
-  data: RwaData | null;
+  data: TradableData | null;
 }>();
 
 const { t } = useI18n();
@@ -16,7 +16,7 @@ const { t } = useI18n();
         {{ t('market.tradeRwa.about') }}
       </div>
       <div class="text-xs mt-2">
-        {{ data?.product.description || t('market.tradeRwa.noDescription') }}
+        {{ data?.product?.description || t('market.tradeRwa.noDescription') }}
       </div>
     </div>
 
@@ -27,21 +27,21 @@ const { t } = useI18n();
           <div class="label">
             {{ t('market.tradeRwa.fields.productCode') }}
           </div>
-          <div>{{ data?.product.code }}</div>
+          <div>{{ data?.product?.code }}</div>
         </ion-col>
         <ion-col>
           <div class="label">
             {{ t('market.tradeRwa.fields.valuation') }}
           </div>
-          <div>${{ formatAmountWithUnit(data?.product.estimatedValue) }}</div>
+          <div>${{ formatAmountWithUnit(data?.product?.estimatedValue) }}</div>
         </ion-col>
       </ion-row>
       <ion-row>
         <ion-col>
           <div class="label">
-            {{ t('market.tradeRwa.fields.unitPrice') }}
+            链类型
           </div>
-          <div>${{ formatAmountWithUnit(data?.unitPrice) }}</div>
+          <div>{{ data?.chainType }}</div>
         </ion-col>
         <ion-col>
           <div class="label">
diff --git a/src/views/trade-tokenized/index.vue b/src/views/trade-tokenized/index.vue
index 6f81751..46a2672 100644
--- a/src/views/trade-tokenized/index.vue
+++ b/src/views/trade-tokenized/index.vue
@@ -1,22 +1,19 @@
 <script lang='ts' setup>
-import type { RwaData } from "@/api/types";
-import { toastController } from "@ionic/vue";
+import type { TradableData } from "@/api/types";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
-import IcSharpEditNote from "~icons/ic/sharp-edit-note";
-import { client, safeClient } from "@/api";
 import { TradeTypeEnum } from "@/api/enum";
 import About from "./components/about.vue";
 import Base from "./components/base.vue";
 
 const props = defineProps<{
-  data: RwaData;
+  data: TradableData;
 }>();
 
 const { t } = useI18n();
 const router = useRouter();
 
 function gotoTrade(mode: TradeTypeEnum) {
-  router.push(`/layout/trade?mode=${mode}&symbol=${props.data.product.code}`);
+  router.push(`/layout/trade?mode=${mode}&symbol=${props.data.asset?.tradingPairsAsBase[0].symbol}`);
 }
 </script>
 
@@ -26,7 +23,7 @@ function gotoTrade(mode: TradeTypeEnum) {
       <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" text="" />
         <ion-title>
-          {{ data?.product.code }}
+          {{ data?.product?.code }}
         </ion-title>
       </ion-toolbar>
     </ion-header>
@@ -37,10 +34,10 @@ function gotoTrade(mode: TradeTypeEnum) {
 
           <div class="mr-2">
             <div class="text-lg font-semibold">
-              {{ data?.product.name }}
+              {{ data?.product?.name }}
             </div>
             <div class="text-xs text-gray-500 font-semibold">
-              {{ data?.product.category?.name }}
+              {{ data?.product?.category?.name }}
             </div>
           </div>
         </div>