From 1e64085e9dc0c31a37aef4056cef6d7e86574ec9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BA=91?= <赵云@gentronhealth.com>
Date: Tue, 12 May 2026 22:04:52 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#470:=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=E5=8A=A0=E8=BD=BD=E6=89=8B=E6=9C=AF?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=80=97=E6=97=B6=E8=BF=87=E9=95=BF=EF=BC=8C?=
 =?UTF-8?q?=E5=BD=B1=E5=93=8D=E5=8C=BB=E7=94=9F=E5=BC=80=E5=8D=95=E6=95=88?=
 =?UTF-8?q?=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

策略A-前端优化：为手术项目穿梭框添加 v-loading 加载状态指示器，
解决API查询期间用户看到空白/卡住界面的问题。
同时暴露 getList 方法供父组件调用（之前未暴露但已被父组件调用）。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../order/applicationForm/surgery.vue         | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 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 670f0ada..5759270e 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
@@ -6,13 +6,15 @@
 <template>
   <div class="surgery-container">
     <div class="transfer-wrapper">
-      <el-transfer
-        v-model="transferValue"
-        :data="applicationList"
-        filter-placeholder="项目代码/名称"
-        filterable
-        :titles="['未选择', '已选择']"
-      />
+      <div v-loading="loading" style="min-height: 300px;">
+        <el-transfer
+          v-model="transferValue"
+          :data="applicationList"
+          filter-placeholder="项目代码/名称"
+          filterable
+          :titles="['未选择', '已选择']"
+        />
+      </div>
     </div>
     <div class="bloodTransfusion-form">
       <el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="demo-ruleForm">
@@ -104,11 +106,13 @@ const state = reactive({});
 const applicationListAll = ref([]);
 const applicationList = ref([]);
 const orgOptions = ref([]); // 科室选项
+const loading = ref(false); // 加载状态
 const getList = () => {
   if (!patientInfo.value?.inHospitalOrgId) {
     applicationList.value = [];
     return;
   }
+  loading.value = true;
   getApplicationList({
     pageSize: 500,
     pageNum: 1,
@@ -138,6 +142,9 @@ const getList = () => {
     .catch((e) => {
       console.warn('手术项目列表加载失败（可能无权限）:', e?.message || e);
       applicationList.value = [];
+    })
+    .finally(() => {
+      loading.value = false;
     });
 };
 const transferValue = ref([]);
@@ -301,7 +308,7 @@ function getDiagnosisList() {
     }
   });
 }
-defineExpose({ state, submit, getLocationInfo, getDiagnosisList });
+defineExpose({ state, submit, getLocationInfo, getDiagnosisList, getList });
 </script>
 <style lang="scss" scoped>
 .surgery-container {