解决诊断目录数据展示不全问题
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user