添加鼠标悬浮提示信息

src/components/msgTree/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zk
  * @Date: 2022-02-09 15:47:09
- * @LastEditTime: 2022-03-14 17:13:37
+ * @LastEditTime: 2022-03-30 14:21:01
  * @LastEditors: your name
  * @Description: 用户组树
  * @FilePath: \Foshan4A4.0\src\components\usergrouptree\index.vue
@@ -14,7 +14,7 @@
     <div :class="type ? 'radioBg':''" class="content">
       <el-scrollbar style="height: 100%" wrap-style="overflow-x:hidden;">
         <el-tree ref="tree" :data="data" show-checkbox :default-props="defaultProps" :default-expanded-keys="defaultExpandedKeys" node-key="GroupId" highlight-current @check="currentChange">
-          <span slot-scope="{ data }" class="custom-tree-node">
+          <span slot-scope="{ data }" :title="data.GroupName" class="custom-tree-node">
             {{ data.GroupName }}
           </span>
         </el-tree>
@@ -191,6 +191,7 @@ export default {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
+      font-family: Microsoft YaHei;
     }
   }
   ::v-deep .radioBg {

src/components/usergrouptree/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zk
  * @Date: 2022-02-09 15:47:09
- * @LastEditTime: 2022-03-14 17:13:55
+ * @LastEditTime: 2022-03-30 14:22:36
  * @LastEditors: your name
  * @Description: 用户组树
  * @FilePath: \Foshan4A4.0\src\components\usergrouptree\index.vue
@@ -14,7 +14,7 @@
     <div :class="type ? 'radioBg':''" class="content">
       <el-scrollbar style="height: 100%" wrap-style="overflow-x:hidden;">
         <el-tree ref="tree" :data="data" show-checkbox :check-strictly="true" :default-props="defaultProps" :default-expanded-keys="defaultExpandedKeys" node-key="GroupId" highlight-current @check-change="currentChange">
-          <span slot-scope="{ data }" class="custom-tree-node">
+          <span slot-scope="{ data }" :title="data.GroupName" class="custom-tree-node">
             {{ data.GroupName }}
           </span>
         </el-tree>
@@ -214,6 +214,10 @@ export default {
     .custom-tree-node {
       margin-left: 10px;
       font-size: 14px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-family: Microsoft YaHei;
     }
   }
   ::v-deep .radioBg {

src/views/accountGroupManagement/components/accountGroupHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2022-01-08 09:27:43
- * @LastEditTime: 2022-03-30 11:40:59
+ * @LastEditTime: 2022-03-30 14:30:43
  * @LastEditors: your name
  * @Description: 用户组管理
  * @FilePath: \Foshan4A2.0\src\views\accountGroupManagement\components\home.vue
@@ -22,6 +22,9 @@
             <div class="title">{{ accountGroupType }}树</div>
             <div class="contentTree">
               <el-tree ref="tree" :data="dataListTree" :props="defaultProps" node-key="GroupId" :filter-node-method="filterNode" highlight-current :default-expanded-keys="expandedKeys" @node-expand="handleExpand" @node-collapse="handleCollapse" @node-click="handleNodeClick">
+                <span slot-scope="{ node }" :title="node.label" class="custom-tree-node">
+                  {{ node.label }}
+                </span>
               </el-tree>
             </div>
           </div>
@@ -36,7 +39,7 @@
                   <div class="itemBox">
                     <el-row :gutter="24">
                       <el-col :span="12">
-                        <div class="itemTitle">{{ data.GroupName }}</div>
+                        <div :title="data.GroupName" class="itemTitle">{{ data.GroupName }}</div>
                       </el-col>
                       <el-col :span="12">
                         <div class="flex info">
@@ -99,7 +102,7 @@
                     <div class="status2" v-if="data.OrganType != 1"></div> -->
                     <el-row>
                       <el-col :span="12">
-                        <div class="itemTitle">{{ data.GroupName }}</div>
+                        <div :title="data.GroupName" class="itemTitle">{{ data.GroupName }}</div>
                       </el-col>
                       <el-col :span="12">
                         <div class="flex info">
@@ -566,10 +569,18 @@ export default {
         height: 40px;
         padding: 30px;
       }
-      .contentTree {
+      ::v-deep .contentTree {
         height: calc(100% - 60px);
         overflow: auto;
         padding: 20px;
+        .custom-tree-node {
+          margin-left: 10px;
+          font-size: 14px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-family: Microsoft YaHei;
+        }
       }
     }
     .grid-contentTop {
@@ -695,6 +706,7 @@ export default {
           background-size: cover;
           transition: all 0.3s;
           margin-left: 10px;
+          cursor: pointer;
           &:first-child {
             margin-right: 0;
           }

src/views/authorityManagement/components/authorityHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:27:43
- * @LastEditTime: 2022-03-24 10:49:35
+ * @LastEditTime: 2022-03-30 14:07:45
  * @LastEditors: your name
  * @Description: 权限管理
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\home.vue
@@ -28,6 +28,9 @@
             <div class="title">权限树</div>
             <div v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" class="contentTree">
               <el-tree ref="tree" :data="dataListTree" :props="defaultProps" node-key="AuthId" :filter-node-method="filterNode" highlight-current :default-expanded-keys="expandedKeys" @node-expand="handleExpand" @node-collapse="handleCollapse" @node-click="handleNodeClick">
+                <span slot-scope="{ node }" :title="node.label" class="el-tree-node__label">
+                  {{ node.label }}
+                </span>
               </el-tree>
             </div>
           </div>
@@ -632,6 +635,7 @@ export default {
             background-size: cover;
             transition: all 0.3s;
             margin-left: 16px;
+            cursor: pointer;
             &:first-child {
               margin-right: 0;
             }

src/views/organizationManagement/components/organizationHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:27:43
- * @LastEditTime: 2022-03-24 10:48:49
+ * @LastEditTime: 2022-03-30 14:33:30
  * @LastEditors: your name
  * @Description: 权限管理
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\home.vue
@@ -25,6 +25,9 @@
             <div class="title">组织树</div>
             <div class="contentTree">
               <el-tree ref="tree" :data="dataListTree" :props="defaultProps" node-key="OrganId" :filter-node-method="filterNode" highlight-current :default-expanded-keys="expandedKeys" @node-expand="handleExpand" @node-collapse="handleCollapse" @node-click="handleNodeClick">
+                <span slot-scope="{ node }" :title="node.label" class="custom-tree-node">
+                  {{ node.label }}
+                </span>
               </el-tree>
             </div>
           </div>
@@ -41,7 +44,7 @@
                     <div class="status2" v-if="data.OrganType != 1"></div>
                     <el-row :gutter="24">
                       <el-col :span="12">
-                        <div class="itemTitle">{{ data.OrganName }}</div>
+                        <div :title="data.OrganName" class="itemTitle">{{ data.OrganName }}</div>
                       </el-col>
                       <el-col :span="12">
                         <div class="flex info">
@@ -118,7 +121,7 @@
                     <div class="status2" v-if="data.OrganType != 1"></div>
                     <el-row>
                       <el-col :span="12">
-                        <div class="itemTitle">{{ data.OrganName }}</div>
+                        <div :title="data.OrganName" class="itemTitle">{{ data.OrganName }}</div>
                       </el-col>
                       <el-col :span="12">
                         <div class="flex info">
@@ -543,10 +546,18 @@ export default {
         height: 40px;
         padding: 30px;
       }
-      .contentTree {
+      ::v-deep .contentTree {
         height: calc(100% - 60px);
         overflow: auto;
         padding: 20px;
+        .custom-tree-node {
+          margin-left: 10px;
+          font-size: 14px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-family: Microsoft YaHei;
+        }
       }
     }
     .grid-contentTop {
@@ -669,6 +680,7 @@ export default {
           background-size: cover;
           transition: all 0.3s;
           margin-left: 10px;
+          cursor: pointer;
           &:first-child {
             margin-right: 0;
           }