样式优化

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

@@ -490,31 +490,31 @@
                     </div>
                   </div> -->
                 </div>
-                <div class="tab borderB" nz-row>
-                  <div nz-col nzSpan="24" class="h100p">
-                    <overlay-scrollbars #osComponentRef11 nz-row class="h100p w100">
-                      <div style="height: 100%; display: flex;">
+                <div class="tab borderB">
+                  <div class="h100p">
+                    <overlay-scrollbars #osComponentRef11 class="h100p w100">
+                      <div style="height: 100%; display: flex;flex-wrap: wrap;">
                         <ng-container *ngFor="let item of tabPermission">
-                          <div *ngIf="(coopBtns.buildOrdersForOtherTasks && item.system) || !item.system" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: item.system ? checkedTableType == 'other' : checkedTableType == item.id}" (click)="checkTable(item)">
+                          <div *ngIf="(coopBtns.buildOrdersForOtherTasks && item.system) || !item.system" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: item.system ? checkedTableType == 'other' : checkedTableType == item.id}" (click)="checkTable(item)">
                             <div class="text">{{ item.title }}</div>
                           </div>
                         </ng-container>
-                        <div *ngIf="coopBtns.suggestionBox" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'advice'}" (click)="checkTable('advice')">
+                        <div *ngIf="coopBtns.suggestionBox" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'advice'}" (click)="checkTable('advice')">
                           <div class="text">意见箱</div>
                         </div>
-                        <div *ngIf="coopBtns.surgery" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'surgery'}" (click)="checkTable('surgery')">
+                        <div *ngIf="coopBtns.surgery" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'surgery'}" (click)="checkTable('surgery')">
                           <div class="text">手术排程信息</div>
                         </div>
-                        <div *ngIf="coopBtns.outpatientHelpAppointment" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'outpatientHelpAppointment'}" (click)="checkTable('outpatientHelpAppointment')">
+                        <div *ngIf="coopBtns.outpatientHelpAppointment" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'outpatientHelpAppointment'}" (click)="checkTable('outpatientHelpAppointment')">
                           <div class="text">门诊帮扶预约</div>
                         </div>
-                        <div *ngIf="coopBtns.inquiryOfHistoricalSpecimens && currentDept.typeValue != 'outpatientService'" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'historySpecimen'}" (click)="checkTable('historySpecimen')">
+                        <div *ngIf="coopBtns.inquiryOfHistoricalSpecimens && currentDept.typeValue != 'outpatientService'" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'historySpecimen'}" (click)="checkTable('historySpecimen')">
                           <div class="text">历史标本查询</div>
                         </div>
-                        <div *ngIf="coopBtns.historicalMedicineListInquiry && currentDept.typeValue != 'outpatientService'" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'historyDrugsbag'}" (click)="checkTable('historyDrugsbag')">
+                        <div *ngIf="coopBtns.historicalMedicineListInquiry && currentDept.typeValue != 'outpatientService'" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'historyDrugsbag'}" (click)="checkTable('historyDrugsbag')">
                           <div class="text">历史药单查询</div>
                         </div>
-                        <div *ngIf="coopBtns.repairList && isShowBx" nz-col nzSpan="3" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'bxlb'}" (click)="checkTable('bxlb')">
+                        <div *ngIf="coopBtns.repairList && isShowBx" class="tabPermissionItem" [ngClass]="{txtC: true, cur: true, checked: checkedTableType == 'bxlb'}" (click)="checkTable('bxlb')">
                           <div class="text">
                             报修列表<strong class="red">&nbsp;({{processing}})</strong>
                           </div>

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

@@ -1542,15 +1542,6 @@
                 height: 100%;
                 position: relative;
                 color: #333;
-
-                .text {
-                  width: 100%;
-                  text-align: center;
-                  position: absolute;
-                  left: 50%;
-                  top: 50%;
-                  transform: translate(-50%, -50%);
-                }
               }
 
               .checked {
@@ -2544,3 +2535,6 @@
     background-color: #e9f7e9;
   }
 }
+.tabPermissionItem{
+  padding: 0 16px;
+}