From 998c59ad739c888f44e3abd7e83f4df90e4c685b Mon Sep 17 00:00:00 2001
From: wangshiming <shimin.wang@eascs.com>
Date: Tue, 22 Feb 2022 09:51:05 +0800
Subject: [PATCH] fix bug

---
 .../abnormal-appear.component.html            | 40 ++++++++++++-------
 .../abnormal-appear.component.less            |  7 ++++
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html
index 4bd4d14c..2bb0d079 100644
--- a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html
+++ b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html
@@ -1,10 +1,10 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-24 15:38:08
- * @LastEditTime: 2022-01-18 15:50:21
- * @LastEditors: Please set LastEditors
+ * @LastEditTime : 2022-02-22 09:50:27
+ * @LastEditors  : Shiming
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\crm-management\crm-management.component.html
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\abnormal-appear\\abnormal-appear.component.html
 -->
 <page-header-wrapper title="异常上报"> </page-header-wrapper>
 
@@ -55,10 +55,16 @@
         [scroll]="{ x: '2000px' }"
       >
         <ng-template st-row="exceptionCertificateFirstFilePath" let-item let-index="index">
-          <div>
-            <span *ngIf="item?.exceptionCertificateFirstFilePath"><img style="width: 40px;" [src]="item?.exceptionCertificateFirstFilePath" alt=""></span>
-            <span *ngIf="item?.exceptionCertificateSecondFilePath"><img  style="width: 40px;"[src]="item?.exceptionCertificateSecondFilePath" alt=""></span>
-            <span *ngIf="item?.exceptionCertificateThirdFilePath"><img style="width: 40px;" [src]="item?.exceptionCertificateThirdFilePath" alt=""></span>
+          <div class="imgBox">
+            <div *ngIf="item?.exceptionCertificateFirstFilePath">
+              <app-imagelist style="width: 40px" [imgList]="[item?.exceptionCertificateFirstFilePath]"> </app-imagelist>
+            </div>
+            <div *ngIf="item?.exceptionCertificateSecondFilePath">
+            <app-imagelist style="width: 40px;" [imgList]="[item?.exceptionCertificateSecondFilePath]"> </app-imagelist>
+          </div>
+            <div *ngIf="item?.exceptionCertificateThirdFilePath">
+            <app-imagelist style="width: 40px;" [imgList]="[item?.exceptionCertificateThirdFilePath]"> </app-imagelist>
+          </div>
           </div>
         </ng-template>
       </st>
@@ -74,13 +80,19 @@
         [loading]="service.http.loading"
         [scroll]="{ x: '2000px' }"
       >
-      <ng-template st-row="exceptionCertificateFirstFilePath" let-item let-index="index">
-        <div>
-          <span *ngIf="item?.exceptionCertificateFirstFilePath"><img style="width: 40px;" [src]="item?.exceptionCertificateFirstFilePath" alt=""></span>
-          <span *ngIf="item?.exceptionCertificateSecondFilePath"><img  style="width: 40px;"[src]="item?.exceptionCertificateSecondFilePath" alt=""></span>
-          <span *ngIf="item?.exceptionCertificateThirdFilePath"><img style="width: 40px;" [src]="item?.exceptionCertificateThirdFilePath" alt=""></span>
-        </div>
-      </ng-template>
+        <ng-template st-row="exceptionCertificateFirstFilePath" let-item let-index="index">
+          <div class="imgBox">
+            <div *ngIf="item?.exceptionCertificateFirstFilePath">
+              <app-imagelist  [imgList]="[item?.exceptionCertificateFirstFilePath]"> </app-imagelist>
+            </div>
+            <div *ngIf="item?.exceptionCertificateSecondFilePath">
+            <app-imagelist  [imgList]="[item?.exceptionCertificateSecondFilePath]"> </app-imagelist>
+          </div>
+            <div *ngIf="item?.exceptionCertificateThirdFilePath">
+            <app-imagelist  [imgList]="[item?.exceptionCertificateThirdFilePath]"> </app-imagelist>
+          </div>
+          </div>
+        </ng-template>
       </st>
     </nz-tab>
   </nz-tabset>
diff --git a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less
index 04fd4ba3..e87948ce 100644
--- a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less
+++ b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less
@@ -10,4 +10,11 @@
             padding-top: 14px;
         }
     }
+    .imgBox {
+        display: flex;
+        img {
+            width: 60px !important; 
+        }
+    }
+
 }
\ No newline at end of file