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

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