陪验列表字体变小，图片显示

src/app/inspection-list/inspection-list.page.html

@@ -12,42 +12,73 @@
 </ion-header>
 
 <ion-content>
-  <ion-list *ngFor="let ins of inspectionList">
+  <!-- <ion-list  class="inspection-list" *ngFor="let ins of inspectionList">
+    <div>
+      <div>
+        <ion-label>我司货号:</ion-label>
+        <ion-label>{{ins.scpCode}}</ion-label>
+      </div>
+      <div>
+        <ion-label>po号:</ion-label>
+        <ion-label>{{ins.poCode}}</ion-label>
+      </div>
+    </div>
+    <div>
+      <ion-label>sc号:</ion-label>
+      <ion-label>{{ins.scCode}}</ion-label>
+    </div>
+  </ion-list> -->
+  <ion-list class="inspection-list" *ngFor="let ins of inspectionList">
     <ion-item-group>
-      <ion-item-divider sticky>
+      <ion-item-divider class="inspection-divider" sticky>
         <ion-label>
           详细信息
         </ion-label>
       </ion-item-divider>
     </ion-item-group>
-    <ion-item>
+    <div class="inspection-item" style="margin-top: 1rem;">
+      <div>
+        <ion-label>我司货号:</ion-label>
+        <ion-label>{{ins.scpCode}}</ion-label>
+      </div>
+      <div>
+        <ion-label>po号:</ion-label>
+        <ion-label>{{ins.poCode}}</ion-label>
+      </div>
+    </div>
+    <div class="inspection-item">
+      <ion-label>sc号:</ion-label>
+      <ion-label>{{ins.scCode}}</ion-label>
+    </div>
+    <!-- <ion-item class="inspection-item">
       <ion-label>
         我司货号:
       </ion-label>
       <ion-input [(ngModel)]="ins.scpCode" readonly></ion-input>
-    </ion-item>
-    <ion-item>
+    </ion-item> -->
+    <!-- <ion-item class="inspection-item">
       <ion-label>
         po号:
       </ion-label>
       <ion-input [(ngModel)]="ins.poCode" readonly></ion-input>
     </ion-item>
-    <ion-item>
+    <ion-item class="inspection-item">
       <ion-label>
         sc号:
       </ion-label>
       <ion-input [(ngModel)]="ins.scCode" readonly></ion-input>
-    </ion-item>
+    </ion-item> -->
   </ion-list>
-  <ion-item>
-    <ion-label>QC日志图片：</ion-label>
-    <ion-thumbnail *ngFor="let photo of imgList index as i">
-        <ion-icon name="close-circle-outline" (click)="deletePicture(i)"></ion-icon>
+  <div style="display:inline-block;">
+    <!-- <ion-label>QC日志图片：</ion-label> -->
+    <ion-thumbnail *ngFor="let photo of imgList index as i" style="width:40px;float: left;margin-top: 1.4rem;">
+      <ion-icon name="close-circle-outline" (click)="deletePicture(i)"></ion-icon>
       <ion-img [src]="photo" (click)="showFullScreenImage(photo)">
       </ion-img>
     </ion-thumbnail>
-  </ion-item>
-  <div class="ion-padding">
-    <ion-button color="primary" expand="block" (click)="upload()" [disabled]="imgList.length===0">上传</ion-button>
   </div>
+  <!-- <div class="ion-padding"> -->
+  <ion-button style="margin-top: 2rem;" color="primary" expand="block" (click)="upload()"
+    [disabled]="imgList.length===0">上传</ion-button>
+  <!-- </div> -->
 </ion-content>

src/app/inspection-list/inspection-list.page.scss

@@ -0,0 +1,10 @@
+.inspection-item {
+  font-size: 14px;
+  margin-left: 1rem;
+}
+.inspection-list {
+   margin-bottom: 1rem;
+}
+.inspection-divider {
+   height: 1rem;
+}

src/app/inspection/inspection.page.ts

@@ -17,6 +17,12 @@ export class InspectionPage implements OnInit {
   }
 
   search() {
+    if(this.poCode==='') {
+      this.poCode=undefined
+    }
+    if(this.scCode==='') {
+      this.scCode=undefined
+    }
     this.router.navigateByUrl(`/inspection-list/${this.poCode}/${this.scCode}`)
   }
 }