[完善]图片处理完善

src/app/ui/allaround/allaround.component.html

@@ -10,11 +10,11 @@
           <div class="fixedImg" *ngIf="!item.imageUrls.length">
             <img src="../../../assets/images/upload.png" (click)='imgdetails(item.imageUrls)'>
           </div>
-          <div style="margin-top: 10px;">
+          <div style="margin-top: 5px;">
             <label style="margin-left: 25px;">建筑物名称:</label>
             <label style="margin-left: 25px;">{{item.name}}</label>
           </div>
-          <div style="margin-top: 10px;">
+          <div style="margin-top: 5px;">
             <label style="margin-left: 25px;">建筑物方向:</label>
             <label style="margin-left: 25px;">
               <label *ngIf="item.direction==0">东</label>
@@ -27,6 +27,11 @@
               <label *ngIf="item.direction==7">西北</label>
             </label>
           </div>
+          <div style="margin-top: 5px;">
+            <label style="margin-left: 25px;">图片数量:</label>
+            <label style="margin-left: 25px;" *ngIf="item.imageUrls.length">{{item.imageUrls.length}}张</label>
+            <label style="margin-left: 25px;" *ngIf="!item.imageUrls.length">0张</label>
+          </div>
         </div>
 
         <p style="width: 100%;text-align: center;margin-top: 25px;" *ngIf="!AllAdjoining.length">暂无数据,请前往平面图进行相关数据录入</p>
@@ -41,11 +46,11 @@
             <img [src]="items.imageUrls[0]" onerror="javascript:this.src='../../../assets/images/upload.png'" (click)='imgdetails(items.imageUrls)'>
           </div>
           <div class="fixedImg" *ngIf="!items.imageUrls.length"><img src="../../../assets/images/upload.png" (click)='imgdetails(items.imageUrls)'></div>
-          <div style="margin-top: 10px;">
+          <div style="margin-top: 5px;">
             <label style="margin-left: 25px;">建筑物名称:</label>
             <label style="margin-left: 25px;">{{items.name}}</label>
           </div>
-          <div style="margin-top: 10px;">
+          <div style="margin-top: 5px;">
             <label style="margin-left: 25px;">建筑物方向:</label>
             <label style="margin-left: 25px;">
               <label *ngIf="items.direction==0">东</label>
@@ -58,6 +63,11 @@
               <label *ngIf="items.direction==7">西北</label>
             </label>
           </div>
+          <div style="margin-top: 5px;">
+            <label style="margin-left: 25px;">图片数量:</label>
+            <label style="margin-left: 25px;" *ngIf="items.imageUrls.length">{{items.imageUrls.length}}张</label>
+            <label style="margin-left: 25px;" *ngIf="!items.imageUrls.length">0张</label>
+          </div>
         </div>
 
         <p style="width: 100%;text-align: center;margin-top: 25px;" *ngIf="!item.allImgs.length">暂无数据,请前往平面图进行相关数据录入</p>

src/app/ui/allaround/allaround.component.scss

@@ -13,7 +13,7 @@
   justify-content:center;
   .imgBox{
     width: 300px;
-    height: 230px;
+    height: 250px;
     margin: 25px 35px 35px 35px;
     display: inline-block;
     position: relative;

src/app/ui/allaround/imgdetails.component.ts

@@ -18,7 +18,11 @@ import Swiper from 'swiper';
     testSwiper: Swiper;
 
   ngOnInit(): void {
-    this.allImages = this.data
+    this.allImages = []
+    this.data.forEach(element => {
+      element = `${element}?x-oss-process=image/auto-orient,1`
+      this.allImages.push(element)
+    });
   }
 
   ngAfterViewInit() {

src/app/ui/key-site/keysiteimgs.component.ts

@@ -18,7 +18,11 @@ export class KeySiteImgs {
     testSwiper: Swiper;
 
   ngOnInit(): void {
-    this.allImages = this.data
+    this.allImages = []
+    this.data.forEach(element => {
+      element = `${element}?x-oss-process=image/auto-orient,1`
+      this.allImages.push(element)
+    });
   }
   
   ngAfterViewInit() {