[完善]平面图样式完善

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

@@ -40,10 +40,9 @@
       <div id="leftDiv" class='functionalDomainLeft publicCss' [ngClass]="{'togglePanel': toggleExpandPanel==true}" style="user-select: none;">
         <!-- 平面图 -->
         <div class="planarGraph">
-           <div class="planarGraphHeader">
-           <!--  <label class="overflowText">楼层/区域</label> -->
-           <img src="../../../assets/images/处置预案.png">
-          </div>
+            <div class="planarGraphHeader">
+              <img src="../../../assets/images/处置预案.png">
+            </div>
           <div >
               <div style="background-color: #2399f1;" class="sitePlanContent" *ngFor="let item of sitePlanData;let key = index" [ngClass]="{'isRefugeStorey':item.isRefugeStorey==true,'selectSitePlan': selectSitePlanIndex==key}" (click)='selectSitePlan(item,key)'>  
                 <label class="overflowText" style="font-size: 18px;">{{item.name}}</label>
@@ -166,7 +165,7 @@
                     <p style="width: 40%;display: inline-block;">{{item.PropertyName}}</p>
                     <span style="width: 26%;text-align:right;font-size: 13px;">{{imagesArr.length ? imagesArr.length : 0}} / {{item.PropertyValue}}</span>
                
-                    <div style="position: relative;;width: 89%;border:1px solid rgb(208, 211, 214);height: 140px;margin: 6px auto;" class="swiper-container">
+                    <div style="position: relative;;width: 85%;border:1px solid rgb(208, 211, 214);height: 140px;margin: 6px auto;" class="swiper-container">
                       <div id="viewerjs" class="swiper-wrapper" [ngClass]="{'noImgCss': imagesArr.length == 0}">
                         <div class="swiper-slide" style="text-align: center;" *ngFor="let img of imagesArr"><img [src]="img.PropertyValue + '?x-oss-process=image/resize,m_fixed,h_140,w_140'" alt="" [attr.data-original]="img.PropertyValue"></div>
                       </div>

src/app/ui/plan/collection-tools.component.scss

@@ -27,6 +27,7 @@
     margin-top: 8px;
   }
   background-image: url("../../../assets/images/top.png");
+  background-size: 100% 100%;
   position: relative;
   span{
     font-size: 18px;
@@ -149,19 +150,16 @@
   }
   .canvas{
     flex: 5;
-    margin: 10px 10px;
+    margin: 10px 0px;
     height: 97%;
   }
   .functionalDomainLeft {
-    margin: 10px 10px;
+    margin:10px;
     background: url("../../../assets/images/left\ list\ .png");
     background-size: 100% 100%;
     display: flex;
     flex-direction: column;
-    margin-left: 0px;
     transition: margin-left 0.5s;
-    // min-width: 235px;
-    //border: 1px solid #30bbec;
     width: 235px;
     left: 0;
     z-index: 111;
@@ -422,8 +420,7 @@ div:focus {
 
 //没有图片时显示无图片背景图
 .noImgCss{
-  background: url(../../../assets/images/noImg.png) repeat center center;
-  background-size: 88% 100%;/*按比例缩放*/
+  background: url(../../../assets/images/pic.png) white no-repeat center;
 }
 .input{
   width: 18px;

src/app/ui/plan/collection-tools.component.ts

@@ -73,9 +73,11 @@ export class planComponent implements OnInit {
     setTimeout(() => {
       obj.PropertyInfos.forEach(item => {
         if(item.PropertyType == 4){
-          this.gallery = new Viewer(document.getElementById('viewerjs'),{
-            url: 'data-original'
-          });
+          if(document.getElementById('viewerjs')){
+            this.gallery = new Viewer(document.getElementById('viewerjs'),{
+              url: 'data-original'
+            });
+          }
         }
       })
     }, 0);
@@ -142,6 +144,12 @@ export class planComponent implements OnInit {
   rightSwitch(type){
     if(type == 1){
       this.isProperty = true
+      setTimeout(() => {
+        this.gallery = new Viewer(document.getElementById('viewerjs'),{
+          url: 'data-original'
+        });
+        this.gallery.update()
+       }, 0);
     }else{
       this.isProperty = false
     }
@@ -715,6 +723,7 @@ export class planComponent implements OnInit {
     for(let key in storeyData.data){ //筛选数据 没有匹配全部放入到   其他   数组
       let noMatch = this.allFireElements.find( every=> every.id===storeyData.data[key].FireElementId )
       if (!noMatch) {
+        storeyData.data[key].isLook = true
         this.allFireElements[this.allFireElements.length-1].children.push(storeyData.data[key])
       }
     }

src/app/ui/plan/panel.scss

@@ -8,15 +8,14 @@
 .planarGraphHeader{
   width: 100%;
   text-align: center;
-  height: 40px;
-  line-height: 40px;
-  min-height: 40px;
+  height: 50px;
+  line-height: 50px;
+  min-height: 50px;
   cursor: pointer;
   text-align: center;
   font-style: italic;
   font-size: 20px;
   color: white;
-  border-bottom:2px solid #accbf2;
 }
 //平面图头部字体图标样式
 .hover {