个人中心

front-vue/src/assets/styles/huyi.scss

@@ -155,7 +155,7 @@
     overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
-width: 50%;
+max-width: 50%;
  
 
 }

front-vue/src/views/system/user/profile/index.vue

@@ -13,31 +13,46 @@
             <ul class="list-group list-group-striped">
               <li class="list-group-item">
                 <svg-icon icon-class="user" />登录名
-                <div class="pull-right">{{ user.userName }}</div>
+                <el-tooltip placement="top">
+                  <div slot="content">{{ user.userName }}</div>
+                  <div class="pulll-right">{{ user.userName }}</div>
+                </el-tooltip>
               </li>
               <li class="list-group-item">
                 <svg-icon icon-class="email" />用户邮箱
-                <div class="pull-right">{{ user.email }}</div>
+                <el-tooltip placement="top">
+                  <div slot="content">{{ user.email }}</div>
+                  <div class="pulll-right">{{ user.email }}</div>
+                </el-tooltip>
               </li>
               <li class="list-group-item">
                 <svg-icon icon-class="company" />所属企业
-                <div class="pull-right">{{ company.scyName }}</div>
+                <el-tooltip placement="top">
+                  <div slot="content">{{ company.scyName }}</div>
+                  <div class="pulll-right">{{ company.scyName }}</div>
+                </el-tooltip>
               </li>
               <li class="list-group-item">
                 <svg-icon icon-class="tree" />所属部门
-                <div class="pull-right" v-if="user.dept">{{ user.dept.deptName }}</div>
+                <el-tooltip placement="top" v-if="user.dept">
+                  <div slot="content" >{{ user.dept.deptName }}</div>
+                  <div class="pulll-right">{{ user.dept.deptName }}</div>
+                </el-tooltip>
               </li>
               <li class="list-group-item">
                 <svg-icon icon-class="peoples" />所属角色
                 <!-- <div class="pull-right" :show-overflow-tooltip="true" width="50" ></div> -->
                 <el-tooltip placement="top">
                   <div slot="content">{{ roleGroup }}</div>
-                  <div class="pulll-right" >{{ roleGroup }}</div>
+                  <div class="pulll-right">{{ roleGroup }}</div>
                 </el-tooltip>
               </li>
               <li class="list-group-item">
                 <svg-icon icon-class="date" />创建日期
-                <div class="pull-right">{{ user.createTime }}</div>
+                <el-tooltip placement="top">
+                  <div slot="content">{{ user.createTime }}</div>
+                  <div class="pull-right">{{ user.createTime }}</div>
+                </el-tooltip>
               </li>
             </ul>
           </div>