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:
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -602,7 +602,7 @@ defineExpose({ getList });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.vxe-table--expand-icon) {
|
||||
:deep(.vxe-table--expand-btn) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user