From 8f449f0c68c16b70bf9eb0f3eea5ff0092bb5668 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Fri, 19 Dec 2025 22:46:32 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20SubscribeRwa=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=95=B0=E9=87=8F?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E9=AA=8C=E8=AF=81=E5=92=8C=E7=94=B3=E8=B4=AD?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E6=8F=90=E7=A4=BA=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 auto-imports.d.ts                      |  3 +-
 capacitor.config.ts                    |  6 +++
 src/components/subscribe-rwa/index.vue | 61 ++++++++++++++++++--------
 src/utils/ionic-helper.ts              |  1 +
 src/views/trade-rwa/index.vue          | 22 +++++++++-
 5 files changed, 70 insertions(+), 23 deletions(-)

diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 760d212..9e7c7cc 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -340,7 +340,7 @@ declare global {
   export type { HapticsOptions } from './src/composables/useVibrate'
   import('./src/composables/useVibrate')
   // @ts-ignore
-  export type { PageInstance, InputInstance, ModalInstance, FormInstance } from './src/utils/ionic-helper'
+  export type { PageInstance, InputInstance, ModalInstance, FormInstance, ContentInstance } from './src/utils/ionic-helper'
   import('./src/utils/ionic-helper')
 }
 
@@ -612,7 +612,6 @@ declare module 'vue' {
     readonly useStorage: UnwrapRef<typeof import('@vueuse/core')['useStorage']>
     readonly useStorageAsync: UnwrapRef<typeof import('@vueuse/core')['useStorageAsync']>
     readonly useStyleTag: UnwrapRef<typeof import('@vueuse/core')['useStyleTag']>
-    readonly useSubscribeModal: UnwrapRef<typeof import('./src/composables/useSubscribeModal')['useSubscribeModal']>
     readonly useSupported: UnwrapRef<typeof import('@vueuse/core')['useSupported']>
     readonly useSwipe: UnwrapRef<typeof import('@vueuse/core')['useSwipe']>
     readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
diff --git a/capacitor.config.ts b/capacitor.config.ts
index 68dcb1e..322af38 100644
--- a/capacitor.config.ts
+++ b/capacitor.config.ts
@@ -8,6 +8,12 @@ const config: CapacitorConfig = {
     url: "http://192.168.1.55:5173", // Vite默认端口
     cleartext: true, // 允许HTTP连接
   },
+  plugins: {
+    Keyboard: {
+      resize: "ionic", // 使用ionic模式，让ion-app自动调整大小
+      resizeOnFullScreen: true, // Android全屏模式下也要调整
+    },
+  },
 };
 
 export default config;
diff --git a/src/components/subscribe-rwa/index.vue b/src/components/subscribe-rwa/index.vue
index 1f411b3..9c321a4 100644
--- a/src/components/subscribe-rwa/index.vue
+++ b/src/components/subscribe-rwa/index.vue
@@ -1,36 +1,59 @@
 <script lang='ts' setup>
+import { toastController } from "@ionic/vue";
+
 const props = defineProps<{
   unitPrice: number;
+  max: number;
+}>();
+const emit = defineEmits<{
+  (e: "subscribed", value: number): void;
 }>();
 
 const walletStore = useWalletStore();
 const { balances } = storeToRefs(walletStore);
 const currentUSDTBalance = computed(() => balances.value[0].available);
-const maxSubscribeNumber = computed(() => {
-  return Math.floor(Number(currentUSDTBalance.value) / props.unitPrice);
-});
+
+const num = ref<number | null>(null);
+
+async function handleSubscribe() {
+  if (!num.value || num.value <= 0) {
+    const toast = await toastController.create({
+      message: "请输入申购数量",
+      duration: 2000,
+      position: "bottom",
+      color: "warning",
+    });
+    await toast.present();
+    return;
+  }
+  emit("subscribed", num.value);
+}
 </script>
 
 <template>
-  <ion-content class="ion-padding" :scroll-y="false">
-    <div class="space-y-5 mt-3">
-      <div>申购RWA</div>
+  <div class="space-y-5 mt-3 ion-padding">
+    <div>申购RWA</div>
 
-      <ion-input :placeholder="`最大可申购数量: ${maxSubscribeNumber}`" type="number" :max="maxSubscribeNumber" />
+    <ion-input
+      v-model="num"
+      :placeholder="`最大可申购数量: ${max}`"
+      type="number"
+      inputmode="numeric"
+      :max="max"
+    />
 
-      <div class="mt-4 text-sm color-(--ion-text-color-secondary)">
-        单价: ${{ unitPrice }}
-      </div>
-
-      <div class="mt-4 text-sm color-(--ion-text-color-secondary)">
-        可用余额: ${{ Number(currentUSDTBalance) }}
-      </div>
-
-      <ion-button expand="block" class="mt-6 ui-button" color="primary">
-        确认申购
-      </ion-button>
+    <div class="mt-4 text-sm color-(--ion-text-color-secondary)">
+      单价: ${{ unitPrice }}
     </div>
-  </ion-content>
+
+    <div class="mt-4 text-sm color-(--ion-text-color-secondary)">
+      可用余额: ${{ Number(currentUSDTBalance) }}
+    </div>
+
+    <ion-button expand="block" class="mt-6 ui-button" color="primary" @click="handleSubscribe">
+      确认申购
+    </ion-button>
+  </div>
 </template>
 
 <style scoped>
diff --git a/src/utils/ionic-helper.ts b/src/utils/ionic-helper.ts
index 6b47444..13d1b59 100644
--- a/src/utils/ionic-helper.ts
+++ b/src/utils/ionic-helper.ts
@@ -2,3 +2,4 @@ export type PageInstance = InstanceType<typeof import("@ionic/vue").IonPage>;
 export type InputInstance = InstanceType<typeof import("@ionic/vue").IonInput>;
 export type ModalInstance = InstanceType<typeof import("@ionic/vue").IonModal>;
 export type FormInstance = InstanceType<typeof import("vee-validate").Form>;
+export type ContentInstance = InstanceType<typeof import("@ionic/vue").IonContent>;
diff --git a/src/views/trade-rwa/index.vue b/src/views/trade-rwa/index.vue
index 17c8b1f..7b24709 100644
--- a/src/views/trade-rwa/index.vue
+++ b/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>