样式优化

src/app/views/hushijiandan/hushijiandan.component.html

@@ -416,11 +416,7 @@
             <div class="wel">欢迎您：</div>
             <div class="user">
               <img src="../../assets/images/icon_keshi.png" alt="" />
-              <span *ngIf="deptDisplay">{{
-                deptDisplay == 2
-                  ? loginUser.dept.deptalias
-                  : loginUser.dept.dept
-              }}</span>
+              <span *ngIf="deptDisplay" [title]="deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept">{{deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept}}</span>
             </div>
             <div class="userInfo-wrap">
               <div class="logOut" (click)="changeKsNow()">切换科室</div>

src/app/views/hushijiandan/hushijiandan.component.less

@@ -932,6 +932,12 @@
               height: 100%;
               margin-right: 8px;
             }
+
+            span {
+              white-space: nowrap;
+              overflow: hidden;//文本超出隐藏
+              text-overflow: ellipsis;//文本超出省略号替代
+            }
           }
 
           .userInfo-wrap {

src/app/views/main/main.component.html

@@ -56,8 +56,11 @@
             </ng-template>
           </div> -->
           <div class="userInfo">
-            <div class="wel">欢迎您，{{currentHospital.hosName}}：</div>
-            <div class="user"><img src="../../assets/images/icon_keshi.png" alt="">{{(userInfo&&userInfo.user)?userInfo.user.name:''}}</div>
+            <div class="wel" [title]="'欢迎您，' + currentHospital.hosName + '：'">欢迎您，{{currentHospital.hosName}}：</div>
+            <div class="user">
+              <img src="../../assets/images/icon_keshi.png" alt="">
+              <span [title]="(userInfo&&userInfo.user)?userInfo.user.name:''">{{(userInfo&&userInfo.user)?userInfo.user.name:''}}</span>
+            </div>
             <div class="logOut">
               <span (click)="hosFlag1 = true">选择院区</span>
               <span (click)="showUpPwd()">修改密码</span>

src/app/views/main/main.component.less

@@ -215,9 +215,13 @@ nz-header.ant-layout-header {
 
         .wel {
           line-height: 15px;
+          white-space: nowrap;
+          overflow: hidden;//文本超出隐藏
+          text-overflow: ellipsis;//文本超出省略号替代
         }
 
         .user {
+          overflow: hidden;
           font-size: 20px;
           height: 40px;
           display: flex;
@@ -229,6 +233,12 @@ nz-header.ant-layout-header {
             height: 36px;
             margin-right: 8px;
           }
+
+          span {
+            white-space: nowrap;
+            overflow: hidden;//文本超出隐藏
+            text-overflow: ellipsis;//文本超出省略号替代
+          }
         }
 
         .logOut {

src/app/views/pharmacy/pharmacy.component.html

@@ -12,11 +12,7 @@
       <div class="wel">欢迎您：</div>
       <div class="user">
         <img src="../../assets/images/icon_keshi.png" alt="" />
-        <span *ngIf="deptDisplay">{{
-          deptDisplay == 2
-            ? loginUser.dept.deptalias
-            : loginUser.dept.dept
-        }}</span>
+        <span *ngIf="deptDisplay" [title]="deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept">{{deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept}}</span>
       </div>
       <div class="userInfo-wrap">
         <div class="logOut" (click)="changeKsNow()">切换科室</div>

src/app/views/pharmacy/pharmacy.component.less

@@ -138,6 +138,12 @@
         height: 100%;
         margin-right: 8px;
       }
+
+      span {
+        white-space: nowrap;
+        overflow: hidden;//文本超出隐藏
+        text-overflow: ellipsis;//文本超出省略号替代
+      }
     }
     .userInfo-wrap {
       display: flex;

src/app/views/pharmacy2/pharmacy2.component.html

@@ -23,9 +23,7 @@
       <div class="wel">欢迎您：</div>
       <div class="user">
         <img src="../../assets/images/icon_keshi.png" alt="" />
-        <span *ngIf="deptDisplay">{{
-          deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept
-        }}</span>
+        <span *ngIf="deptDisplay" [title]="deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept">{{deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept}}</span>
       </div>
       <div class="userInfo-wrap">
         <div class="logOut" (click)="changeKsNow()">切换科室</div>

src/app/views/pharmacy2/pharmacy2.component.less

@@ -149,6 +149,12 @@
         height: 100%;
         margin-right: 8px;
       }
+
+      span {
+        white-space: nowrap;
+        overflow: hidden;//文本超出隐藏
+        text-overflow: ellipsis;//文本超出省略号替代
+      }
     }
     .userInfo-wrap {
       display: flex;