|
@@ -35,12 +35,14 @@
|
|
|
node-key="id"
|
|
|
lazy >
|
|
|
<span
|
|
|
- class=" flexStar"
|
|
|
+ class="custom-tree-node flexStar"
|
|
|
+ :class="data.moreShow ? 'show' : ''"
|
|
|
slot-scope="{ node, data }"
|
|
|
@mouseover="mouseOver(data)"
|
|
|
@mouseleave="mouseLeave(data)"
|
|
|
|
|
|
>
|
|
|
+
|
|
|
<div v-if="data.title&&data.title.length<=30">{{data.title | ellipsis}}</div>
|
|
|
|
|
|
<el-tooltip v-if="data.title&&data.title.length>30" :content="data.title" raw-content placement="top-start" effect="light">
|
|
@@ -100,7 +102,8 @@
|
|
|
>
|
|
|
|
|
|
<span
|
|
|
- class=" flexStar"
|
|
|
+ class="custom-tree-node flexStar"
|
|
|
+ :class="data.moreShow ? 'show' : ''"
|
|
|
slot-scope="{ node, data }"
|
|
|
@mouseover="mouseOver(data)"
|
|
|
@mouseleave="mouseLeave(data)"
|
|
@@ -1847,8 +1850,8 @@ export default {
|
|
|
filters:{
|
|
|
ellipsis(value) {
|
|
|
if (!value) return "";
|
|
|
- if (value.length > 35) {
|
|
|
- return value.slice(0, 35) + "...";
|
|
|
+ if (value.length > 30) {
|
|
|
+ return value.slice(0, 30) + "...";
|
|
|
}
|
|
|
return value;
|
|
|
},
|