git-sync/crawlab
1
0
Fork 0
mirror of https://github.com/crawlab-team/crawlab.git synced 2026-01-21 17:21:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

过长的结果数据做优化

Browse Source
This commit is contained in:
marvzhang
2020-02-03 11:24:32 +08:00
parent bf4d382d9f
commit a08ad66b87
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/TableView/GeneralTableView.vue
View File

@@ -7,7 +7,11 @@
<template v-for="col in columns">
<el-table-column :key="col" :label="col" :property="col" min-width="120">
<template slot-scope="scope">
{{getString(scope.row[col])}}
<el-popover trigger="hover" :content="getString(scope.row[col])" popper-class="cell-popover">
<div slot="reference" class="wrapper">
{{getString(scope.row[col])}}
</div>
</el-popover>
</template>
</el-table-column>
</template>
@@ -78,5 +82,22 @@ export default {
</script>
<style scoped>
.general-table-view >>> .cell .wrapper:hover {
text-decoration: underline;
}
.general-table-view >>> .cell .wrapper {
font-size: 12px;
height: 24px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<style>
.cell-popover {
max-width: 480px;
}
</style>