diff --git a/src/component/rain-earthquake/DisasterChainPointComponent.vue b/src/component/rain-earthquake/DisasterChainPointComponent.vue index 8b7b2bc..9fbad9c 100644 --- a/src/component/rain-earthquake/DisasterChainPointComponent.vue +++ b/src/component/rain-earthquake/DisasterChainPointComponent.vue @@ -39,7 +39,7 @@
{ + const start = (props.pageOption.currentPage - 1) * props.pageOption.pageSize; + const end = start + props.pageOption.pageSize; + return props.tableDataList.slice(start, end); + }); + // 是否显示分页 const showPagination = computed(() => props.pageOption.totalPage !== 0); @@ -216,7 +223,10 @@ :deep(.el-select__selected-item) { color: white; } - + /* 减小表格行的上下间距 */ + :deep(.el-table .el-table__cell) { + padding: 6px 0; + } :deep(.el-table--border th) { background: linear-gradient( 180deg, @@ -227,7 +237,7 @@ border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 12px; text-align: center; - font-size: 14px; + font-size: 15px; font-weight: bold; } :deep(.el-table tr), @@ -267,4 +277,19 @@ cursor: pointer; transition: background-color 0.3s ease; } + /* 名称列样式:一行显示,超出隐藏 */ + :deep(.el-table .el-table__row td:first-child .cell) { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: pointer; + } + + /* 鼠标悬浮时显示完整名称 */ + :deep(.el-table .el-table__row td:first-child:hover .cell) { + white-space: normal; + overflow: visible; + text-overflow: unset; + word-break: break-all; + } diff --git a/src/component/rain-earthquake/function-child/AroundAnalysis.vue b/src/component/rain-earthquake/function-child/AroundAnalysis.vue index 9ec1191..df095fd 100644 --- a/src/component/rain-earthquake/function-child/AroundAnalysis.vue +++ b/src/component/rain-earthquake/function-child/AroundAnalysis.vue @@ -34,20 +34,16 @@ + \ No newline at end of file