From dff83f6d9185da63c9796d7506540e838204c5f6 Mon Sep 17 00:00:00 2001
From: wangjian963 <15215920+aprilry@user.noreply.gitee.com>
Date: Mon, 22 Jun 2026 13:42:31 +0800
Subject: [PATCH] =?UTF-8?q?=20fix(#770):=20=E4=BF=AE=E5=A4=8D=E9=97=A8?=
 =?UTF-8?q?=E8=AF=8A=E6=89=8B=E6=9C=AF=E7=94=B3=E8=AF=B7=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?footer=E9=81=AE=E7=9B=96=E5=AD=97=E6=AE=B5=20+=20=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=88=97=E5=AE=BD/=E5=9B=BA=E5=AE=9A=E5=88=97?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

  - dialog 添加 :teleported="false"，使 scoped CSS flex 布局生效，防止 footer 按钮遮盖表单底部字段
  - 固定列操作列表头：添加 ref + nextTick recalculate()，数据加载后同步主表与固定列表头高度
  - 手术室确认人列宽 100→140，序号列宽 60→70，内容展示更完整
  - 简化 cancelled-row 样式，去掉不必要的 :deep() 嵌套
---
 .../components/surgery/surgeryApplication.vue | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue b/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue
index e8b6659dd..576303afe 100755
--- a/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue
+++ b/healthlink-his-ui/src/views/doctorstation/components/surgery/surgeryApplication.vue
@@ -29,6 +29,7 @@
 
     <!-- 手术申请记录表格 -->
     <vxe-table
+      ref="surgeryTableRef"
       v-loading="loading"
       :data="surgeryList"
       border
@@ -39,7 +40,7 @@
       <vxe-column
         type="seq"
         title="序号"
-        width="60"
+        width="70"
         align="center"
       />
 
@@ -131,7 +132,7 @@
         title="手术室确认人"
         align="center"
         field="operatingRoomConfirmUser"
-        width="100"
+        width="140"
       />
 
       <!-- 状态 -->
@@ -198,6 +199,7 @@
       width="1200px"
       class="surgery-dialog"
       :close-on-click-modal="false"
+      :teleported="false"
       @close="cancel"
     >
       <el-form
@@ -934,7 +936,7 @@
 </template>
 
 <script setup name="SurgeryApplication">
-import { getCurrentInstance, ref, computed, watch, onMounted } from 'vue'
+import { getCurrentInstance, ref, computed, watch, onMounted, nextTick } from 'vue'
 import { getSurgeryPage, addSurgery, updateSurgery, deleteSurgery, getSurgeryDetail, updateSurgeryStatus } from '@/api/surgerymanage'
 import { getEncounterDiagnosis, getDiagnosisTreatmentList, queryParticipantList } from '../api'
 import { listUser } from '@/api/system/user'
@@ -1001,6 +1003,7 @@ const form = ref({
   secondarySurgeries: [] // 次要手术列表
 })
 const surgeryRef = ref()
+const surgeryTableRef = ref()
 const viewData = ref({})
 const title = ref('')
 const doctorList = ref([])
@@ -1095,6 +1098,7 @@ function getList() {
     surgeryList.value = []
   }).finally(() => {
     loading.value = false
+    nextTick(() => surgeryTableRef.value?.recalculate())
   })
 }
 
@@ -1804,15 +1808,14 @@ defineExpose({
   }
 
   /* 表格样式 */
-  .vxe-table {
-    :deep(.cancelled-row) {
-      background-color: #f5f5f5;
-      color: #999;
-      text-decoration: line-through;
 
-      :deep(.cell) {
-        opacity: 0.6;
-      }
+  :deep(.cancelled-row) {
+    background-color: #f5f5f5;
+    color: #999;
+    text-decoration: line-through;
+
+    .cell {
+      opacity: 0.6;
     }
   }
 }