From 2d67e2c83ac4a17e3f9f7189cd34e3e95b96db08 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Tue, 9 Apr 2024 15:32:21 +0800
Subject: [PATCH] flat: add text-tooltip

---
 src/views/tenant/main/talents/certain/index.vue | 15 +++------------
 src/views/tenant/main/talents/latent/index.vue  | 14 +++-----------
 2 files changed, 6 insertions(+), 23 deletions(-)

diff --git a/src/views/tenant/main/talents/certain/index.vue b/src/views/tenant/main/talents/certain/index.vue
index 1917364..3c44ed4 100644
--- a/src/views/tenant/main/talents/certain/index.vue
+++ b/src/views/tenant/main/talents/certain/index.vue
@@ -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"]),
diff --git a/src/views/tenant/main/talents/latent/index.vue b/src/views/tenant/main/talents/latent/index.vue
index db15d25..5e7cad0 100644
--- a/src/views/tenant/main/talents/latent/index.vue
+++ b/src/views/tenant/main/talents/latent/index.vue
@@ -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="10" 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,6 +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: {
@@ -203,7 +195,7 @@ export default {
       excelForm: { isCovered: 1 },
     };
   },
-  components: { addGroups, transferGroups, Resume, ied },
+  components: { addGroups, transferGroups, Resume, ied, TextTooltip },
   watch: {},
   computed: {
     ...mapGetters(["permission"]),