From 2e4d7143e5134de3b682bb219ddf2e31a97d6f04 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sun, 21 Dec 2025 20:04:29 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E4=BA=A4=E6=98=93=20?=
 =?UTF-8?q?RWA=20=E8=B7=AF=E7=94=B1=EF=BC=8C=E6=B7=BB=E5=8A=A0=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=8A=9F=E8=83=BD=E5=92=8C=E7=9B=B8=E5=85=B3=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts            | 15 ++++++++++++++-
 src/views/trade-rwa/edit.vue   | 23 +++++++++++++++++++++++
 src/views/trade-rwa/index.vue  | 12 ++++++++----
 src/views/trade-rwa/outlet.vue | 27 +++++++++++++++++++++++++++
 4 files changed, 72 insertions(+), 5 deletions(-)
 create mode 100644 src/views/trade-rwa/edit.vue
 create mode 100644 src/views/trade-rwa/outlet.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 9293971..3f1135b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -124,8 +124,21 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/trade-rwa/:id",
     props: true,
-    component: () => import("@/views/trade-rwa/index.vue"),
+    component: () => import("@/views/trade-rwa/outlet.vue"),
     meta: { requiresAuth: true },
+    children: [
+      {
+        path: "",
+        component: () => import("@/views/trade-rwa/index.vue"),
+        meta: { requiresAuth: true },
+      },
+      {
+        path: "edit",
+        name: "trade-rwa-edit",
+        component: () => import("@/views/trade-rwa/edit.vue"),
+        meta: { requiresAuth: true },
+      },
+    ],
   },
 ];
 
diff --git a/src/views/trade-rwa/edit.vue b/src/views/trade-rwa/edit.vue
new file mode 100644
index 0000000..46f9f4c
--- /dev/null
+++ b/src/views/trade-rwa/edit.vue
@@ -0,0 +1,23 @@
+<script lang='ts' setup>
+import type { RwaData } from "@/api/types";
+
+defineProps<{
+  data: RwaData;
+}>();
+</script>
+
+<template>
+  <ion-page>
+    <ion-header>
+      <ion-toolbar class="ui-toolbar">
+        <ion-back-button slot="start" text="" />
+        <ion-title />
+      </ion-toolbar>
+    </ion-header>
+    <ion-content :fullscreen="true" class="ion-padding">
+      {{ data }}
+    </ion-content>
+  </ion-page>
+</template>
+
+<style lang='css' scoped></style>
diff --git a/src/views/trade-rwa/index.vue b/src/views/trade-rwa/index.vue
index b430c97..410f5ed 100644
--- a/src/views/trade-rwa/index.vue
+++ b/src/views/trade-rwa/index.vue
@@ -1,4 +1,5 @@
 <script lang='ts' setup>
+import type { RwaData } from "@/api/types";
 import { toastController } from "@ionic/vue";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
 import IcSharpEditNote from "~icons/ic/sharp-edit-note";
@@ -7,17 +8,17 @@ import RwaAbout from "./components/about.vue";
 import RwaBase from "./components/base.vue";
 
 const props = defineProps<{
-  id: string;
+  data: RwaData;
 }>();
 
 const { t } = useI18n();
+const router = useRouter();
 
-const { data } = safeClient(client.api.rwa.subscription.available_editions({ editionId: props.id }).get());
 const model = useTemplateRef<ModalInstance>("model");
 
 async function handleSubscribe(val: number) {
   await safeClient(client.api.rwa.subscription.apply.post({
-    editionId: props.id,
+    editionId: props.data.id,
     quantity: String(val),
   }));
   const toast = await toastController.create({
@@ -30,6 +31,9 @@ async function handleSubscribe(val: number) {
   await toast.present();
   model.value?.$el.dismiss();
 }
+function gotoEdit() {
+  router.push({ name: "trade-rwa-edit" });
+}
 </script>
 
 <template>
@@ -56,7 +60,7 @@ async function handleSubscribe(val: number) {
             </div>
           </div>
         </div>
-        <div class="flex items-center my-3">
+        <div class="flex items-center my-3" @click="gotoEdit">
           <IcSharpEditNote class="inline-block text-xl mr-1 text-text-500" />
           <div class="text-xs">
             编辑资产
diff --git a/src/views/trade-rwa/outlet.vue b/src/views/trade-rwa/outlet.vue
new file mode 100644
index 0000000..ab57f59
--- /dev/null
+++ b/src/views/trade-rwa/outlet.vue
@@ -0,0 +1,27 @@
+<script lang='ts' setup>
+import { client, safeClient } from "@/api";
+
+const props = defineProps<{
+  id: string;
+}>();
+
+const { data } = safeClient(client.api.rwa.subscription.available_editions({ editionId: props.id }).get());
+</script>
+
+<template>
+  <ion-page>
+    <ion-header>
+      <ion-toolbar class="ui-toolbar">
+        <ion-back-button slot="start" text="" />
+        <ion-title>
+          {{ data?.product.code }}
+        </ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content :fullscreen="true" class="ion-padding">
+      <RouterView :data="data" />
+    </ion-content>
+  </ion-page>
+</template>
+
+<style scoped></style>