diff --git a/openhis-ui-vue3/src/views/catalog/disease/index.vue b/openhis-ui-vue3/src/views/catalog/disease/index.vue index 98815198..41177c78 100644 --- a/openhis-ui-vue3/src/views/catalog/disease/index.vue +++ b/openhis-ui-vue3/src/views/catalog/disease/index.vue @@ -86,84 +86,90 @@ --> - - - - - - - - - - - - - - - - - +
+ + + + + + + + + + + + + + + + + + + + + + +
+ >> .el-table { + min-width: 100%; + 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 { + height: 12px; + } + + .table-scroll-container::-webkit-scrollbar-thumb { + background: rgba(0, 120, 215, 0.7); + border-radius: 6px; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s ease; + } + + .table-scroll-container::-webkit-scrollbar-thumb:hover { + background: rgba(0, 120, 215, 0.9); + } + + .table-scroll-container::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.15); + border-radius: 6px; + border: 2px solid rgba(0, 0, 0, 0.05); + } \ No newline at end of file