[新增]查看模式显隐

src/app/ui/collection-tools/collection-tools.component.html

@@ -32,8 +32,8 @@
     </span>
 
     <span style="position: absolute;right: 20px;cursor: pointer;">
-      <mat-icon title="查看/编辑模式" (click)="lookpat()" *ngIf="isEditPat">tv</mat-icon>
-      <mat-icon title="查看/编辑模式" (click)="editpat()" *ngIf="!isEditPat">create</mat-icon>
+      <mat-icon title="查看/编辑模式" (click)="lookpat()" *ngIf="isEditPattern">tv</mat-icon>
+      <mat-icon title="查看/编辑模式" (click)="editpat()" *ngIf="!isEditPattern">create</mat-icon>
       <mat-icon *ngIf="isEditPattern " style="margin-left: 8px;" title="保存" (click)="saveSite()">description</mat-icon>
     </span>
   </div>
@@ -47,14 +47,14 @@
     <button mat-button *ngFor="let item of allBuildings;let key = index" (click)="checkedBuilding(item,key)" class="bigeditdeletebtn"
       [ngClass]="{'buildingbtnchecked': checkedBuildingIndex==key}">
       <span>{{item.name}}</span>
-      <span class="editdeletebtn">
+      <span class="editdeletebtn" *ngIf="isEditPattern">
         <mat-icon (click)="editBuilding($event,item)"
           style="font-size: 16px;vertical-align:sub;margin-left: 6px;color: rgb(26, 194, 26);">create</mat-icon>
         <mat-icon (click)="deleteBuilding($event,item)"
           style="font-size: 17px;vertical-align:sub;color: rgb(224, 51, 51);">delete</mat-icon>
       </span>
     </button>
-    <button mat-button (click)="createBuilding()">
+    <button mat-button (click)="createBuilding()" *ngIf="isEditPattern">
       <span style="font-size: 24px;">+</span>
     </button>
   </div>
@@ -74,25 +74,25 @@
             <mat-icon *ngIf="togglePlane">keyboard_arrow_up</mat-icon>
             <mat-icon *ngIf="!togglePlane">keyboard_arrow_down</mat-icon>
             <label class="overflowText" style="font-weight: 550;">平面图</label>
-            <label class="hover">
+            <label class="hover" *ngIf="isEditPattern">
               <mat-icon (click)='foundPanel($event)'>add</mat-icon>
             </label>
           </div>
-          <div [hidden]="!togglePlane">
+          <div [hidden]="!togglePlane" >
             <div class="sitePlanContent" *ngFor="let item of sitePlanData;let key = index"
               [ngClass]="{'isRefugeStorey':item.isRefugeStorey==true,'selectSitePlan': selectSitePlanIndex==key}" (click)='selectSitePlan(item,key)'>
               <mat-icon *ngIf="!item.imageUrl" class="matIcons">broken_image</mat-icon>
               <label class="overflowText">{{item.name}}</label>
-              <a href="javascript:;" class="a-upload" *ngIf="selectSitePlanIndex==key" title="替换底图" >
+              <a href="javascript:;" class="a-upload" *ngIf="selectSitePlanIndex==key && isEditPattern" title="替换底图" >
                 <input type="file" (change)='replaceBaseMap($event,item)' accept="image/*">
                 <mat-icon class="matIcons">photo_size_select_actual</mat-icon>
               </a>
-              <a href="javascript:;" id="a-uploadImg" *ngIf="selectSitePlanIndex==key && !item.imageUrl" title="上传底图" >
+              <a href="javascript:;" id="a-uploadImg" *ngIf="selectSitePlanIndex==key && !item.imageUrl && isEditPattern" title="上传底图" >
                 <input type="file" (change)='replaceBaseMap($event,item)' accept="image/*">
                 <img src="../../../assets/images/upload.jpg">
               </a>
               <!-- 右边定位操作栏 -->
-              <div id="rightOperate" *ngIf="selectSitePlanIndex==key && item.imageUrl" (click)="$event.stopPropagation();">
+              <div id="rightOperate" *ngIf="selectSitePlanIndex==key && item.imageUrl && isEditPattern" (click)="$event.stopPropagation();">
                 <p class="functionButton">
                   <mat-icon class="functionIcon bigFunctionIcon" title="上移" (click)='moveUp(item,key)'>keyboard_arrow_up</mat-icon>
                 </p>