|
@@ -21,14 +21,14 @@
|
|
<el-icon><Folder /></el-icon>
|
|
<el-icon><Folder /></el-icon>
|
|
<span class="ml-2">{{ data.title }}</span>
|
|
<span class="ml-2">{{ data.title }}</span>
|
|
</div>
|
|
</div>
|
|
- <div class="node-actions" v-if="data.id">
|
|
|
|
|
|
+ <!-- <div class="node-actions" v-if="data.id">
|
|
<el-button type="primary" link size="small" @click.stop="handleEdit(data)">
|
|
<el-button type="primary" link size="small" @click.stop="handleEdit(data)">
|
|
<el-icon><Edit /></el-icon>
|
|
<el-icon><Edit /></el-icon>
|
|
</el-button>
|
|
</el-button>
|
|
<el-button type="danger" link size="small" @click.stop="handleDelete(node, data)">
|
|
<el-button type="danger" link size="small" @click.stop="handleDelete(node, data)">
|
|
<el-icon><Delete /></el-icon>
|
|
<el-icon><Delete /></el-icon>
|
|
</el-button>
|
|
</el-button>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-tree>
|
|
</el-tree>
|
|
@@ -112,17 +112,27 @@ defineExpose({
|
|
.node-label {
|
|
.node-label {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+ flex: 1;
|
|
|
|
+ min-width: 0;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .ml-2 {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ flex: 1;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+
|
|
.node-actions {
|
|
.node-actions {
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
.custom-tree-node:hover .node-actions {
|
|
.custom-tree-node:hover .node-actions {
|
|
display: flex;
|
|
display: flex;
|
|
-}
|
|
|
|
-
|
|
|
|
-.ml-2 {
|
|
|
|
- margin-left: 8px;
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ text-overflow: ellipsis;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|