From 68c682ad499df242c8804ec825057a2af82972d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=80=E5=BD=A7?= <荀彧@gentronhealth.com>
Date: Fri, 15 May 2026 00:12:50 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#508:=20[=E4=BD=8F=E9=99=A2?=
 =?UTF-8?q?=E6=8A=A4=E5=A3=AB=E7=AB=99-=E4=BD=8F=E9=99=A2=E8=AE=B0?=
 =?UTF-8?q?=E8=B4=A6-=E8=A1=A5=E8=B4=B9]=20=E7=82=B9=E5=87=BB"=E5=88=92?=
 =?UTF-8?q?=E4=BB=B7=E7=BB=84=E5=A5=97"=E6=8C=89=E9=92=AE=E6=97=A0?=
 =?UTF-8?q?=E4=BB=BB=E4=BD=95=E5=93=8D=E5=BA=94=EF=BC=8C=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=BB=84=E5=A5=97=E9=A1=B9=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因分析：FeeDialog组件模板有两个根元素（两个el-dialog），在Vue 3中虽支持多根组件，
但Element Plus的嵌套el-dialog配合append-to-body在多根场景下可能出现渲染/挂载问题。

修复方案：
1. 将两个el-dialog包裹在单一根<div>中，确保组件挂载行为与项目中其他正常工作的嵌套弹窗一致
2. 内层弹窗增加destroy-on-close，确保每次打开时DOM完全重建，避免残留状态导致的不显示问题

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../InpatientBilling/components/FeeDialog.vue               | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue b/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
index ebab6aecf..b4651e4f6 100755
--- a/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
+++ b/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
@@ -1,5 +1,6 @@
 <template>
-  <el-dialog v-model="dialogVisible" title="补费" width="80%" :close-on-click-modal="false">
+  <div class="fee-dialog-wrapper">
+    <el-dialog v-model="dialogVisible" title="补费" width="80%" :close-on-click-modal="false">
     <div style="font-size: 16px; font-weight: bold; margin-bottom: 10px">
       患者信息：{{
         props.patientInfo.patientName +
@@ -251,7 +252,7 @@
     </div>
   </el-dialog>
   <!-- 划价组套选择对话框 -->
-  <el-dialog v-model="groupSetDialogVisible" title="划价组套选择" width="600px" :close-on-click-modal="false" append-to-body :z-index="3000">
+  <el-dialog v-model="groupSetDialogVisible" title="划价组套选择" width="600px" :close-on-click-modal="false" append-to-body :z-index="3000" destroy-on-close>
     <div style="margin-bottom: 15px; display: flex; align-items: center; gap: 10px">
       <el-input
         v-model="groupSetSearchText"
@@ -302,6 +303,7 @@
       <el-button type="primary" @click="applyGroupSet" :disabled="!selectedGroupSet">应用</el-button>
     </div>
   </el-dialog>
+  </div>
 </template>
 
 <script setup>