|
|
|
@ -33,7 +33,21 @@ |
|
|
|
><Folder |
|
|
|
/></el-icon> |
|
|
|
<el-icon v-else><Document /></el-icon> |
|
|
|
<span>{{ data.contentName || data.dataAstCnName }}</span> |
|
|
|
<el-tooltip |
|
|
|
v-if="(data.contentName || data.dataAstCnName)?.length > 9" |
|
|
|
:content="data.contentName || data.dataAstCnName" |
|
|
|
placement="top" |
|
|
|
> |
|
|
|
<span class="ellipsis-text"> |
|
|
|
{{ (data.contentName || data.dataAstCnName).slice(0, 10) + '…' }} |
|
|
|
</span> |
|
|
|
</el-tooltip> |
|
|
|
<span |
|
|
|
v-else |
|
|
|
class="ellipsis-text" |
|
|
|
> |
|
|
|
{{ data.contentName || data.dataAstCnName }} |
|
|
|
</span> |
|
|
|
</el-space> |
|
|
|
<div class="tree-node__action"> |
|
|
|
<template v-if="isAsset(data)"> |
|
|
|
@ -761,6 +775,14 @@ const handleIframeLoad = () => { |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
.ellipsis-text { |
|
|
|
display: inline-block; |
|
|
|
max-width: 150px; /* 可根据实际宽度调整 */ |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
|
|
|
|
iframe { |
|
|
|
border: none; |
|
|
|
|