From 2d296446544cda1c56f9acdfc311e2a2806e295c Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Thu, 16 Apr 2026 16:52:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E7=AA=97=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../moneyManage/receiveDetail/receiveService.vue   | 64 +++++++++++++---------
 1 file changed, 39 insertions(+), 25 deletions(-)

diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
index bce6ae5..4daa1dd 100644
--- a/src/views/moneyManage/receiveDetail/receiveService.vue
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -164,34 +164,38 @@
         </div>
 
         <!-- 撤回确认弹窗 -->
-        <div class="recallDialog" v-show="recallDialog">
-            <div class="close">
-                <button @click="closeRecall" class="Btn">{{ t('common.close') }}</button>
-            </div>
-            <div class="text">
-                <text class="txt">{{ textContent }}</text>
-            </div>
-            <div class="cancle">
-                <button @click="closeRecall" class="Btn">{{ t('common.cancel') }}</button>
-            </div>
-            <div class="confirm">
-                <button @click="handleRecall" class="Btn">{{ t('common.confirm') }}</button>
+        <div class="dialog-mask" v-show="recallDialog">
+            <div class="recallDialog">
+                <div class="close">
+                    <button @click="closeRecall" class="Btn">{{ t('common.close') }}</button>
+                </div>
+                <div class="text">
+                    <text class="txt">{{ textContent }}</text>
+                </div>
+                <div class="cancle">
+                    <button @click="closeRecall" class="Btn">{{ t('common.cancel') }}</button>
+                </div>
+                <div class="confirm">
+                    <button @click="handleRecall" class="Btn">{{ t('common.confirm') }}</button>
+                </div>
             </div>
         </div>
 
         <!-- 退款确认弹窗 -->
-        <div class="recallDialog" v-show="refundConfirmDialog">
-            <div class="close">
-                <button @click="closeConfirmRefund" class="Btn">{{ t('common.close') }}</button>
-            </div>
-            <div class="text">
-                <text class="txt">{{ textContent }}</text>
-            </div>
-            <div class="cancle">
-                <button @click="closeConfirmRefund" class="Btn">{{ t('common.cancel') }}</button>
-            </div>
-            <div class="confirm">
-                <button @click="openRefundDialog" class="Btn">{{ t('common.confirm') }}</button>
+        <div class="dialog-mask" v-show="refundConfirmDialog">
+            <div class="recallDialog">
+                <div class="close">
+                    <button @click="closeConfirmRefund" class="Btn">{{ t('common.close') }}</button>
+                </div>
+                <div class="text">
+                    <text class="txt">{{ textContent }}</text>
+                </div>
+                <div class="cancle">
+                    <button @click="closeConfirmRefund" class="Btn">{{ t('common.cancel') }}</button>
+                </div>
+                <div class="confirm">
+                    <button @click="openRefundDialog" class="Btn">{{ t('common.confirm') }}</button>
+                </div>
             </div>
         </div>
 
@@ -1652,6 +1656,16 @@ onMounted(async () => {
         }
     }
 
+    .dialog-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        background-color: rgba(0, 0, 0, 0.5);
+        z-index: 2000;
+    }
+
     .recallDialog {
         height: 392px;
         width: 700px;
@@ -1660,7 +1674,7 @@ onMounted(async () => {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
-        z-index: 1000;
+        z-index: 2001;
 
         .close,
         .cancle,