YG-Soft/YG_FT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dataset): 限制长文本提示层尺寸

Browse Source
This commit is contained in:
caoxiaozhu
2026-07-27 12:35:09 +08:00
parent e6bbb0bb49
commit b82897ca3a
2 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/views/dataset/preview/DatasetRecordTable.vue
View File

@@ -157,7 +157,13 @@ function recordRowClassName({ row }: { row: unknown }) {
:content="recordFieldValue(asDatasetRecord(row), fieldKey)"
placement="top"
:show-after="400"
popper-class="dataset-record-content-tooltip"
>
<template #content>
<div class="dataset-record-tooltip-body">
{{ recordFieldValue(asDatasetRecord(row), fieldKey) }}
</div>
</template>
<div class="table-cell-text">
{{ recordFieldValue(asDatasetRecord(row), fieldKey) }}
</div>
@@ -170,7 +176,13 @@ function recordRowClassName({ row }: { row: unknown }) {
:content="recordSourceText(asDatasetRecord(row))"
placement="top"
:show-after="400"
popper-class="dataset-record-content-tooltip"
>
<template #content>
<div class="dataset-record-tooltip-body">
{{ recordSourceText(asDatasetRecord(row)) }}
</div>
</template>
<div
class="table-cell-text source-reference-cell"
:class="{ 'is-empty': recordSourceText(asDatasetRecord(row)) === '无关联原文' }"
@@ -186,7 +198,13 @@ function recordRowClassName({ row }: { row: unknown }) {
:content="extraFieldValue(asDatasetRecord(row))"
placement="top"
:show-after="400"
popper-class="dataset-record-content-tooltip"
>
<template #content>
<div class="dataset-record-tooltip-body">
{{ extraFieldValue(asDatasetRecord(row)) }}
</div>
</template>
<div class="table-cell-text">{{ extraFieldValue(asDatasetRecord(row)) }}</div>
</el-tooltip>
</template>
@@ -351,6 +369,20 @@ function recordRowClassName({ row }: { row: unknown }) {
white-space: nowrap;
}
:global(.el-popper.dataset-record-content-tooltip) {
max-width: min(480px, calc(100vw - 32px));
}
:global(.dataset-record-tooltip-body) {
max-height: min(240px, calc(100vh - 32px));
overflow-y: auto;
line-height: 1.6;
overflow-wrap: anywhere;
text-align: left;
white-space: pre-wrap;
word-break: break-word;
}
.record-table .el-button i {
margin-right: 5px;
}