flat: add text-tooltip

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="
+                 <TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="13" tip-width="10"></TextTooltip>
-                    flex-basis: 80%;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                    flex-shrink: 1;
-                  ">
-                  {{ node.label }}
-                  （{{ data.sumNum }}人）
-                </span>
                 <!-- </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"]),

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="
+                <TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="10" tip-width="10"></TextTooltip>
-                    flex-basis: 80%;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                    flex-shrink: 1;
-                  ">
-                  {{ node.label }}
-                  （{{ data.sumNum }}人）
-                </span>
                 <!-- </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"]),