bonus
/
smart_archives_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

档案管理

This commit is contained in:
cwchen 2025-09-18 13:57:18 +08:00
parent b5cef522d8
commit 1784d8e92c
1 changed files with 38 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/archivesManagement/fileManager/components/leftTree.vue
View File

@ -270,12 +270,14 @@ export default {
width: 100%; width: 100%;
} }
/* 自定义节点行：左右布局，左侧文本省略号 */ /* 自定义节点行：左右布局，支持多行文本 */
.custom-tree-node { .custom-tree-node {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
min-height: 20px;
padding: 1px 0;
} }
.node-label { .node-label {
@ -284,28 +286,32 @@ export default {
overflow: visible; overflow: visible;
text-overflow: initial; text-overflow: initial;
white-space: normal; white-space: normal;
/* 允许换行 */
word-break: break-word; word-break: break-word;
/* 长词断行 */ word-wrap: break-word;
line-height: 20px; line-height: 1.2;
padding-right: 4px;
} }
/* 使行容器自适应高度并顶对齐，兼容多行文本 */ /* 使行容器自适应高度，单行文本居中对齐，多行文本顶部对齐 */
.left-tree-list .el-tree-node__content { .left-tree-list .el-tree-node__content {
display: flex; display: flex;
align-items: flex-start; align-items: center;
height: auto; height: auto;
min-height: 28px; min-height: 20px;
padding-top: 6px; padding: 1px 4px;
padding-bottom: 6px; line-height: 1.2;
line-height: 20px; }
/* 多行文本时改为顶部对齐 */
.left-tree-list .el-tree-node__content:has(.node-label[style*="height"]) {
align-items: flex-start;
} }
/* 高亮选中状态同样自适应高度 */ /* 高亮选中状态同样自适应高度 */
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
height: auto !important; height: auto !important;
align-items: flex-start; align-items: center;
line-height: 20px; line-height: 1.2;
} }
/* 选中节点的背景色 */ /* 选中节点的背景色 */
@ -340,9 +346,13 @@ export default {
.btn-box { .btn-box {
margin-left: 10px; margin-left: 4px;
opacity: 0; opacity: 0;
transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out;
flex-shrink: 0;
display: flex;
align-items: center;
gap: 1px;
} }
/* 悬浮到整行时显示操作按钮 */ /* 悬浮到整行时显示操作按钮 */
@ -350,14 +360,25 @@ export default {
opacity: 1; opacity: 1;
} }
/* 确保树节点内容正确显示 */
::v-deep .el-tree-node__content { ::v-deep .el-tree-node__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
height: auto; height: auto;
min-height: 38px;
padding: 1px 4px;
}
/* 树节点展开/收起图标 */
::v-deep .el-tree-node__expand-icon {
padding: 1px;
margin-right: 1px;
flex-shrink: 0;
}
/* 树节点图标容器 */
::v-deep .el-tree-node__content > .el-tree-node__expand-icon {
flex-shrink: 0;
} }
</style> </style>