feat: 更新 SubscribeRwa 组件，添加数量输入验证和申购成功提示，优化用户体验

src/views/trade-rwa/index.vue

@@ -1,4 +1,5 @@
 <script lang='ts' setup>
+import { toastController } from "@ionic/vue";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
 import { client, safeClient } from "@/api";
 
@@ -7,6 +8,23 @@ const props = defineProps<{
 }>();
 
 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,
+    quantity: String(val),
+  }));
+  const toast = await toastController.create({
+    message: "申购成功",
+    duration: 2000,
+    position: "bottom",
+    color: "success",
+  });
+
+  await toast.present();
+  model.value?.$el.dismiss();
+}
 </script>
 
 <template>
@@ -102,8 +120,8 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
             申购
           </ion-button>
 
-          <ion-modal trigger="open-modal" :initial-breakpoint="0.4" :breakpoints="[0, 0.4]">
-            <subscribe-rwa :unit-price="Number(data?.unitPrice || 0)" />
+          <ion-modal ref="model" trigger="open-modal" :initial-breakpoint="0.4" :breakpoints="[0, 0.4]">
+            <subscribe-rwa :unit-price="Number(data?.unitPrice || 0)" :max="Number(data?.perUserLimit || 0)" @subscribed="handleSubscribe" />
           </ion-modal>
         </div>
       </ion-toolbar>