From 14268eccaa07f6a01e5645ff48c6c220f1b3f8a0 Mon Sep 17 00:00:00 2001
From: mars <3361409208@qq.com>
Date: Fri, 10 Jul 2026 15:08:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(player):=20PC=E7=AB=AF=E8=B5=84=E9=87=91?=
 =?UTF-8?q?=E6=98=8E=E7=BB=86=E5=88=97=E8=A1=A8=E7=82=B9=E5=87=BB=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=BC=B9=E7=AA=97=E5=B1=95=E7=A4=BA=20-=20DesktopWall?=
 =?UTF-8?q?etDetailView=20=E5=88=97=E8=A1=A8=E9=A1=B9=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E4=BB=8E=20router.push=20=E6=94=B9=E4=B8=BA=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=20DesktopTxDetailModal=20=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/desktop/DesktopWalletDetailView.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/player/src/views/desktop/DesktopWalletDetailView.vue b/apps/player/src/views/desktop/DesktopWalletDetailView.vue
index c2f976a..f466c59 100644
--- a/apps/player/src/views/desktop/DesktopWalletDetailView.vue
+++ b/apps/player/src/views/desktop/DesktopWalletDetailView.vue
@@ -1,16 +1,23 @@
 <script setup lang="ts">
 import { ref, onMounted, onActivated } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 import api from '../../api';
 import GoldSpinner from '../../components/GoldSpinner.vue';
 import Pagination from '../../components/desktop/Pagination.vue';
 import DesktopWalletPageHeader from '../../components/desktop/DesktopWalletPageHeader.vue';
+import DesktopTxDetailModal from '../../components/desktop/DesktopTxDetailModal.vue';
 import { formatMoney } from '../../utils/localeDisplay';
 import { txTypeKey, txDisplayType, txAmountClass, txSummaryLabel } from '../../utils/walletTx';
 
 const { t, locale } = useI18n();
-const router = useRouter();
+
+const detailModalVisible = ref(false);
+const detailTxId = ref<string | null>(null);
+
+function openDetail(txId: string) {
+  detailTxId.value = txId;
+  detailModalVisible.value = true;
+}
 
 type Transaction = {
   transactionType: string;
@@ -88,7 +95,7 @@ onActivated(() => fetchData(page.value));
               v-for="tx in items"
               :key="tx.transactionId"
               class="hover-row"
-              @click="router.push(`/wallet/transactions/${tx.transactionId}`)"
+              @click="openDetail(tx.transactionId)"
             >
               <td class="type-cell">{{ txLabel(tx) }}</td>
               <td class="muted-cell">{{ txSummaryLabel(tx, t) || '-' }}</td>
@@ -112,6 +119,12 @@ onActivated(() => fetchData(page.value));
     <section v-else class="desktop-records-panel">
       <div class="desktop-records-empty">{{ t('wallet.no_records') }}</div>
     </section>
+
+    <DesktopTxDetailModal
+      :visible="detailModalVisible"
+      :transaction-id="detailTxId"
+      @update:visible="detailModalVisible = $event"
+    />
   </div>
 </template>