From fba9f31d1409ccc4b7f37a1b879cc9afcef29111 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=B3=E7=BE=BD?= <关羽@gentronhealth.com>
Date: Wed, 13 May 2026 18:11:34 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#472:=20=E4=BD=8F=E9=99=A2=E5=8C=BB?=
 =?UTF-8?q?=E7=94=9F=E5=B7=A5=E4=BD=9C=E7=AB=99-=E6=89=8B=E6=9C=AF?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=E5=8D=95=EF=BC=9A=E5=8B=BE=E9=80=89=E6=89=8B?=
 =?UTF-8?q?=E6=9C=AF=E9=A1=B9=E7=9B=AE=E6=97=A0=E6=95=88=EF=BC=8C=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E6=97=A0=E6=B3=95=E6=AD=A3=E5=B8=B8=E5=BC=80=E7=AB=8B?=
 =?UTF-8?q?=E5=8C=BB=E5=98=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因分析：surgery.vue 的 el-transfer 组件存在两处与其他正常组件（bloodTransfusion.vue、laboratoryTests.vue）不一致的地方：
1. v-loading 被放置在了 transfer-wrapper 内部的额外 div 上，导致 Element Plus 的加载遮罩层可能与穿梭框交互层产生遮挡冲突
2. applicationList 和 applicationListAll 初始化为 ref([])，而其他组件使用 ref()，导致 Vue 响应式更新时穿梭框内部状态追踪存在差异

修复：
- 将 v-loading 直接放到 transfer-wrapper div 上，去除多余的嵌套 div，与 bloodTransfusion/laboratoryTests 保持一致
- 将 applicationListAll 和 applicationList 的初始化从 ref([]) 改为 ref()

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../order/applicationForm/surgery.vue         | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/applicationForm/surgery.vue b/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/applicationForm/surgery.vue
index 5759270e2..49b6cc68f 100755
--- a/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/applicationForm/surgery.vue
+++ b/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/applicationForm/surgery.vue
@@ -5,16 +5,14 @@
 -->
 <template>
   <div class="surgery-container">
-    <div class="transfer-wrapper">
-      <div v-loading="loading" style="min-height: 300px;">
-        <el-transfer
-          v-model="transferValue"
-          :data="applicationList"
-          filter-placeholder="项目代码/名称"
-          filterable
-          :titles="['未选择', '已选择']"
-        />
-      </div>
+    <div v-loading="loading" class="transfer-wrapper" style="min-height: 300px;">
+      <el-transfer
+        v-model="transferValue"
+        :data="applicationList"
+        filter-placeholder="项目代码/名称"
+        filterable
+        :titles="['未选择', '已选择']"
+      />
     </div>
     <div class="bloodTransfusion-form">
       <el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="demo-ruleForm">
@@ -103,8 +101,8 @@ const findTreeItem = (list, id) => {
 const emits = defineEmits(['submitOk']);
 const props = defineProps({});
 const state = reactive({});
-const applicationListAll = ref([]);
-const applicationList = ref([]);
+const applicationListAll = ref();
+const applicationList = ref();
 const orgOptions = ref([]); // 科室选项
 const loading = ref(false); // 加载状态
 const getList = () => {