解决诊断目录数据展示不全问题

This commit is contained in:
2025-11-07 15:13:41 +08:00
parent 08f7e35042
commit 57c98ea39d

View File

@@ -93,19 +93,13 @@
<el-table-column type="selection" width="50" align="center" />
<!-- 使用prop属性并设置合适的最小宽度启用列宽调整 -->
<el-table-column label="编码" align="center" prop="conditionCode" min-width="150" />
<!-- 名称列保留自定义模板以处理长文本 -->
<!-- 名称列使用标准配置 -->
<el-table-column
label="名称"
align="center"
prop="name"
min-width="280"
>
<template #default="scope">
<div class="name-cell">
{{ scope.row.name }}
</div>
</template>
</el-table-column>
/>
<!-- 其他列使用标准配置 -->
<el-table-column
label="疾病分类"
@@ -523,40 +517,7 @@ getList();
width: auto;
}
/* 名称列的单元格样式,确保长文本可以水平滚动 */
.name-cell {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 4px 8px;
height: 32px;
min-width: 100%;
display: flex;
align-items: center;
cursor: pointer;
}
/* 美化名称列的滚动条 */
.name-cell::-webkit-scrollbar {
height: 8px;
}
.name-cell::-webkit-scrollbar-thumb {
background: rgba(0, 120, 215, 0.6);
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s ease;
}
.name-cell::-webkit-scrollbar-thumb:hover {
background: rgba(0, 120, 215, 0.8);
}
.name-cell::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.05);
}
/* 表格外层容器的滚动条样式 */
.table-scroll-container::-webkit-scrollbar {