flat: add text-tooltip

This commit is contained in:
Apcallover
2024-04-09 15:32:21 +08:00
parent 607070a019
commit 2d67e2c83a
2 changed files with 6 additions and 23 deletions

View File

@@ -14,16 +14,7 @@
:data="treeData" :props="props">
<span class="custom-tree-node" slot-scope="{ node, data }" style="width: 80%">
<!-- <el-tooltip class="item" effect="dark" :content="node.label" placement="top"> -->
<span style="
flex-basis: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex-shrink: 1;
">
{{ node.label }}
{{ data.sumNum }}
</span>
<TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="13" tip-width="10"></TextTooltip>
<!-- </el-tooltip> -->
<span v-show="data.id && data.id !== '0'" style="flex-basis: 20%">
<el-button type="text" icon="el-icon-edit" size="mini"
@@ -159,7 +150,7 @@ import { check18IdCardNo, isvalidatemobile, isExcel } from "@/util/validate";
import { getTemplate } from "@/api/resource/template";
import ied from "@/views/util/import-error-dialog";
import { excelAccept } from "@/common/accept";
import TextTooltip from '@/components/text-tooltip'
export default {
filters: {
ellipsis(value) {
@@ -203,7 +194,7 @@ export default {
excelForm: { isCovered: 1 },
};
},
components: { addGroups, transferGroups, Resume, ied },
components: { addGroups, transferGroups, Resume, ied, TextTooltip },
watch: {},
computed: {
...mapGetters(["permission"]),