From 8c367f6c54fa4553b6673c2c600d2c412d2a79d1 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Mon, 12 Jan 2026 17:38:15 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=94=81=E4=BB=93?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E7=BB=84=E4=BB=B6=E5=B9=B6=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=8C=81=E4=BB=93=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/market/components/lock-option.vue | 13 ++++++
 src/views/market/components/rwa-orders.vue  | 47 ++++++++++++++++++++-
 src/views/market/orders.vue                 |  9 ++--
 3 files changed, 62 insertions(+), 7 deletions(-)
 create mode 100644 src/views/market/components/lock-option.vue

diff --git a/src/views/market/components/lock-option.vue b/src/views/market/components/lock-option.vue
new file mode 100644
index 0000000..a1cadc8
--- /dev/null
+++ b/src/views/market/components/lock-option.vue
@@ -0,0 +1,13 @@
+<script lang='ts' setup>
+
+</script>
+
+<template>
+  <div class="ion-padding">
+    <ion-button expand="block" color="primary">
+      确定
+    </ion-button>
+  </div>
+</template>
+
+<style lang='css' scoped></style>
diff --git a/src/views/market/components/rwa-orders.vue b/src/views/market/components/rwa-orders.vue
index 61509df..30e2171 100644
--- a/src/views/market/components/rwa-orders.vue
+++ b/src/views/market/components/rwa-orders.vue
@@ -1,8 +1,10 @@
 <script lang='ts' setup>
 import type { InfiniteScrollCustomEvent, RefresherCustomEvent } from "@ionic/vue";
 import type { HoldingItem } from "@/api/types";
+import { alertController, modalController } from "@ionic/vue";
 import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
 import { client, safeClient } from "@/api";
+import LockOption from "./lock-option.vue";
 
 const { t } = useI18n();
 const { vibrate } = useHaptics();
@@ -46,6 +48,39 @@ function getStatusText(status: HoldingItem["status"]) {
   };
   return statusMap[status];
 }
+async function handleTokenized(item: HoldingItem) {
+  const alert = await alertController.create({
+    header: "资产化确认",
+    message: "将持仓转换为可交易资产（失去分红权），是否继续？",
+    buttons: [
+      {
+        text: "取消",
+        role: "cancel",
+      },
+      {
+        text: "确认",
+        role: "destructive",
+        handler: async () => {
+          await safeClient(client.api.rwa.tokenization.immediate.post({ productId: item.productId }));
+          item.status = "tokenized";
+        },
+      },
+    ],
+  });
+  await alert.present();
+}
+async function handleLocked(item: HoldingItem) {
+  const modal = await modalController.create({
+    component: LockOption,
+    componentProps: {
+      id: item.productId,
+    },
+    initialBreakpoint: 0.35,
+    breakpoints: [0, 0.35],
+    handle: true,
+  });
+  await modal.present();
+}
 
 onMounted(() => {
   fetchHoldings();
@@ -78,7 +113,6 @@ onMounted(() => {
             {{ getStatusText(item.status) }}
           </ion-badge>
         </div>
-        <!-- operations -->
       </div>
 
       <div class="grid grid-cols-2 gap-2 mb-2">
@@ -104,8 +138,17 @@ onMounted(() => {
         </div>
       </div>
 
-      <div class="pt-2">
+      <div class="pt-2 flex items-center">
         <span class="text-[11px] text-(--ion-text-color-step-500)">{{ useDateFormat(item.createdAt, 'YYYY/MM/DD HH:mm') }}</span>
+
+        <div v-if="item.status === 'active'" class="flex-1 text-right space-x-2">
+          <ion-button size="small" @click="handleTokenized(item)">
+            资产化
+          </ion-button>
+          <ion-button size="small" @click="handleLocked(item)">
+            立即锁仓
+          </ion-button>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/views/market/orders.vue b/src/views/market/orders.vue
index b3edfad..284a3ee 100644
--- a/src/views/market/orders.vue
+++ b/src/views/market/orders.vue
@@ -11,12 +11,11 @@ import RwaOrders from "./components/rwa-orders.vue";
       </ion-toolbar>
     </ion-header>
     <ion-content :fullscreen="true" class="ion-padding">
-      <ui-tabs size="small">
-        <ui-tab-pane title="数字化产品" name="rwa">
-          <RwaOrders />
-        </ui-tab-pane>
+      <RwaOrders />
+      <!-- <ui-tabs size="small">
+        <ui-tab-pane title="数字化产品" name="rwa" />
         <ui-tab-pane title="代币化产品" name="tokenized" />
-      </ui-tabs>
+      </ui-tabs> -->
     </ion-content>
   </ion-page>
 </template>