解决诊断目录数据展示不全问题
This commit is contained in:
@@ -93,19 +93,13 @@
|
|||||||
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column type="selection" width="50" align="center" />
|
||||||
<!-- 使用prop属性并设置合适的最小宽度,启用列宽调整 -->
|
<!-- 使用prop属性并设置合适的最小宽度,启用列宽调整 -->
|
||||||
<el-table-column label="编码" align="center" prop="conditionCode" min-width="150" />
|
<el-table-column label="编码" align="center" prop="conditionCode" min-width="150" />
|
||||||
<!-- 名称列保留自定义模板以处理长文本 -->
|
<!-- 名称列使用标准配置 -->
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="名称"
|
label="名称"
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
min-width="280"
|
min-width="280"
|
||||||
>
|
/>
|
||||||
<template #default="scope">
|
|
||||||
<div class="name-cell">
|
|
||||||
{{ scope.row.name }}
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 其他列使用标准配置 -->
|
<!-- 其他列使用标准配置 -->
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="疾病分类"
|
label="疾病分类"
|
||||||
@@ -523,40 +517,7 @@ getList();
|
|||||||
width: auto;
|
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 {
|
.table-scroll-container::-webkit-scrollbar {
|
||||||
|
|||||||
Reference in New Issue
Block a user