From 3a26bc13487d78dabe861a18ee9acb65790c90e4 Mon Sep 17 00:00:00 2001
From: wangjian963 <15215920+aprilry@user.noreply.gitee.com>
Date: Wed, 3 Jun 2026 13:38:02 +0800
Subject: [PATCH] =?UTF-8?q?=20fix:=20vxe-table=20v4=20=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?=E5=88=97=20#default=20=E2=86=92=20#content=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E8=A1=A8=E6=A0=BC=E9=94=99=E4=B9=B1=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

  vxe-table v4 中 type="expand" 的 #default 模板渲染在单元格内，
  #content 才渲染为展开行。将 9 处展开列模板改为 #content，
  同时统一 css 类名 vxe-table--expand-icon → vxe-table--expand-btn。

  根因：vxe-table v4 中 type="expand" 列的 #default 模板渲染在单元格内（展开标签），而 #content
    才渲染为展开行（行间）。之前 OrderForm 被错误地渲染在 1px 宽的单元格内，导致内容溢出→行高膨胀→错乱重叠。
---
 .../ordersCombination/components/prescriptionlist.vue         | 4 ++--
 .../clinicmanagement/bargain/component/prescriptionlist.vue   | 2 +-
 .../src/views/clinicmanagement/ePrescribing/index.vue         | 2 +-
 .../src/views/doctorstation/components/eprescriptionlist.vue  | 2 +-
 .../components/prescription/prescriptionlist.vue              | 4 ++--
 .../src/views/doctorstation/components/tcm/tcmAdvice.vue      | 4 ++--
 .../views/hospitalRecord/components/medicalRecordSecond.vue   | 2 +-
 .../views/hospitalRecord/components/medicalRecordThird.vue    | 2 +-
 .../src/views/inpatientDoctor/home/components/order/index.vue | 4 ++--
 9 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue
index 96b15451c..5eeaf94bb 100755
--- a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue
+++ b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue
@@ -34,7 +34,7 @@
         width="1"
         style="width: 0"
       >
-        <template #default="scope">
+        <template #content="scope">
           <el-form
             :ref="'formRef' + scope.rowIndex"
             :model="scope.row"
@@ -1361,7 +1361,7 @@ defineExpose({ getListInfo });
 </script>
     
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 .medicine-title {
diff --git a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue
index c54cc4e0f..a61ad40ac 100755
--- a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue
+++ b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue
@@ -1388,7 +1388,7 @@ defineExpose({ getListInfo, closeAllPopovers });
 </script>
     
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 .medicine-title {
diff --git a/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue
index abdd0d2f2..c8455fea9 100755
--- a/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue
+++ b/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue
@@ -500,7 +500,7 @@ function cancel() {
 </script>
       
   <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 .medicine-title {
diff --git a/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue b/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue
index 5412788fe..3f38596af 100755
--- a/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue
+++ b/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue
@@ -602,7 +602,7 @@ defineExpose({ getList });
 </script>
 
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 
diff --git a/openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue b/openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue
index 75683c572..8fde53f79 100755
--- a/openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue
+++ b/openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue
@@ -321,7 +321,7 @@
           width="1"
           style="width: 0"
         >
-          <template #default="scope">
+          <template #content="scope">
             <el-form
               :ref="'formRef' + scope.rowIndex"
               v-arrow-navigate
@@ -5406,7 +5406,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
 </style>
 
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 
diff --git a/openhis-ui-vue3/src/views/doctorstation/components/tcm/tcmAdvice.vue b/openhis-ui-vue3/src/views/doctorstation/components/tcm/tcmAdvice.vue
index 4247ddd6b..e4a1a4278 100755
--- a/openhis-ui-vue3/src/views/doctorstation/components/tcm/tcmAdvice.vue
+++ b/openhis-ui-vue3/src/views/doctorstation/components/tcm/tcmAdvice.vue
@@ -206,7 +206,7 @@
             width="1"
             style="width: 0"
           >
-            <template #default="scope">
+            <template #content="scope">
               <el-form
                 :ref="'formRef' + pIndex + '-' + scope.rowIndex"
                 :model="scope.row"
@@ -1506,7 +1506,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
 </script>
 
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 
diff --git a/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordSecond.vue b/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordSecond.vue
index d65a9a24b..178962951 100755
--- a/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordSecond.vue
+++ b/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordSecond.vue
@@ -620,7 +620,7 @@ const msgSuccess = (msg) => {
 }
 </style>
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 .tableItemCheck {
diff --git a/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordThird.vue b/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordThird.vue
index 0b6a83c62..d55f69112 100755
--- a/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordThird.vue
+++ b/openhis-ui-vue3/src/views/hospitalRecord/components/medicalRecordThird.vue
@@ -1813,7 +1813,7 @@ const logHtml = () => {
 }
 </style>
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }
 .borderBottom {
diff --git a/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/index.vue b/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/index.vue
index 63986153a..2257d0ee9 100755
--- a/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/index.vue
+++ b/openhis-ui-vue3/src/views/inpatientDoctor/home/components/order/index.vue
@@ -107,7 +107,7 @@
         @checkbox-change="handleSelectionChange"
       >
         <vxe-column type="expand" width="1" style="width: 0">
-          <template #default="scope">
+          <template #content="scope">
             <OrderForm
               :row="scope.row"
               :index="scope.rowIndex"
@@ -2707,7 +2707,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
 </script>
 
 <style lang="scss" scoped>
-:deep(.vxe-table--expand-icon) {
+:deep(.vxe-table--expand-btn) {
   display: none !important;
 }