对比列表中数据过长优化

main
zhufu 2025-04-29 10:40:55 +08:00
parent 1cc206bb5b
commit 15cdb8295f
1 changed files with 5 additions and 4 deletions

View File

@ -6,15 +6,15 @@
<div class="modal-content"> <div class="modal-content">
<div class="cue-span">检测到以下数据存在冲突</div> <div class="cue-span">检测到以下数据存在冲突</div>
<div class="comparison-div"> <div class="comparison-div">
<div style="flex: 1;padding-right: 10px;" > <div style="flex: 1;padding-right: 10px;min-width: 0;overflow: hidden;" >
<div class="table-title">原数据</div> <div class="table-title">原数据</div>
<a-table rowKey="Id" ref="oldTable" :row-selection="oldRowSelection" :dataSource="props.originData" :columns="columns" <a-table rowKey="Id" ref="oldTable" :row-selection="oldRowSelection" :dataSource="props.originData" :columns="columns"
:scroll="{ y: 472 }" :footer="null" /> :scroll="{ x: 'max-content',y: 500 }" :pagination="false" />
</div> </div>
<div style="flex: 1;padding-left: 10px;" > <div style="flex: 1;padding-left: 10px;min-width: 0;overflow: hidden;" >
<div class="table-title">新数据</div> <div class="table-title">新数据</div>
<a-table rowKey="Id" ref="newTable" :row-selection="newRowSelection" :dataSource="props.nowData" :columns="columns" <a-table rowKey="Id" ref="newTable" :row-selection="newRowSelection" :dataSource="props.nowData" :columns="columns"
:scroll="{ y: 472 }" :footer="null" /> :scroll="{ x: 'max-content',y: 500 }" :pagination="false" />
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
@ -159,6 +159,7 @@ onUnmounted(() => {
} }
.comparison-div{ .comparison-div{
display: flex; display: flex;
margin-bottom: 30px;
.table-title{ .table-title{
font-size: 20px; font-size: 20px;
margin-bottom: 10px; margin-bottom: 10px;