fix: vxe-table v4 展开列 #default → #content 修复表格错乱重叠

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 宽的单元格内,导致内容溢出→行高膨胀→错乱重叠。
This commit is contained in:
wangjian963
2026-06-03 13:38:02 +08:00
parent 7ca0b89cb2
commit 3a26bc1348
9 changed files with 13 additions and 13 deletions

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -602,7 +602,7 @@ defineExpose({ getList });
</script>
<style lang="scss" scoped>
:deep(.vxe-table--expand-icon) {
:deep(.vxe-table--expand-btn) {
display: none !important;
}

View File

@@ -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;
}

View File

@@ -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;
}

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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;
}