diff --git a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html
index eaf3aaae..483095f1 100644
--- a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html
+++ b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html
@@ -219,57 +219,71 @@
   <div *ngIf=" i?.payeeId !== i?.driverId" class="mt-xs">车队长：{{ i?.payeeName }}/{{ i?.payeePhone }}/{{ i?.payeeIdNo }}
   </div>
 </nz-card>
-
-<nz-card [nzBorderless]="true" class="mb0" #distannce4>
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>附件信息</span>
+<div nz-row>
+  <div nzSpan="12" nz-col>
+    <nz-card [nzBorderless]="true" class="mb0 attch-card" #distannce4>
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>附件信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="协议附件">
+            <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+            <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+          </sv>
+        </sv-container>
+        <sv-container col="2" class="mt-md" layout="vertical">
+          <sv label="装货凭证">
+            <app-imagelist *ngIf="i?.loadingLadingBillFilePath || i?.loadingPeopleVehiclesGoodsFilePath"
+              [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"
+              [style]="'width:120px;height:120px;'"> </app-imagelist>
+          </sv>
+          <sv label="卸货凭证">
+            <app-imagelist *ngIf="i?.unloadingLadingBillFilePath || i?.unloadingPeopleVehiclesGoodsFilePath "
+              [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]"
+              [style]="'width:120px;height:120px;'"> </app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="协议附件">
-      <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
-      <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
-    </sv>
-  </sv-container>
-  <sv-container col="2" class="mt-md">
-    <sv label="装货凭证">
-      <app-imagelist *ngIf="i?.loadingLadingBillFilePath || i?.loadingPeopleVehiclesGoodsFilePath"
-        [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
-    </sv>
-    <sv label="卸货凭证">
-      <app-imagelist *ngIf="i?.unloadingLadingBillFilePath || i?.unloadingPeopleVehiclesGoodsFilePath "
-        [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
-    </sv>
-  </sv-container>
-</nz-card>
-<nz-card [nzBorderless]="true" class="mb0">
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>补充信息</span>
+  <div nzSpan="12" nz-col>
+    <nz-card [nzBorderless]="true" class="mb0 attch-card">
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>补充信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="是否回单">
+            {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+          </sv>
+          <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+          </sv>
+          <ng-container
+            *ngIf="i?.supplementaryInformationVO?.stateReceipt && i?.supplementaryInformationVO?.receiptType==='2'">
+            <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{
+              i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+            <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.area }}
+            </sv>
+            <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.address }}
+            </sv>
+          </ng-container>
+          <sv label="备注">
+            {{ i?.goodsResource?.remarks }}
+          </sv>
+          <sv col="1" label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            <app-imagelist [imgList]="i?.receiptFilePath" [style]="'width:120px;height:120px;'"></app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="是否回单">
-      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
-    </sv>
-    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
-    </sv>
-    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{
-      i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
-    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.area }}
-    </sv>
-    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.address }}
-    </sv>
-    <sv label="备注">
-      {{ i?.goodsResource?.remarks }}
-    </sv>
-    <sv col="1" label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
-    </sv>
-  </sv-container>
-</nz-card>
+</div>
 
 <nz-card #distannce5 [nzBorderless]="true" class="mb0">
   <p class="detail_title"><span>|</span> 轨迹信息</p>
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
index f97c7974..77d86ed1 100644
--- a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
@@ -214,58 +214,74 @@
     i?.payeePhone : '' }}/{{ i?.payeeIdNo }}</div>
 </nz-card>
 
-<nz-card [nzBorderless]="true" class="mb0" #distannce4>
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>附件信息</span>
+<div nz-row>
+  <div nzSpan="12" nz-col>
+    <nz-card [nzBorderless]="true" class="mb0 attch-card" #distannce4>
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>附件信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container>
+          <sv label="协议附件" col="1">
+            <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+            <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+          </sv>
+        </sv-container>
+        <sv-container col="2" class="mt-xs" layout="vertical">
+          <sv label="装货凭证">
+            <app-imagelist *ngIf="i?.loadingLadingBillFilePath|| i?.loadingPeopleVehiclesGoodsFilePath"
+              [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"
+              [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+          <sv label="卸货凭证">
+            <app-imagelist *ngIf="i?.unloadingLadingBillFilePath || i?.unloadingPeopleVehiclesGoodsFilePath"
+              [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]"
+              [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="协议附件">
-      <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
-      <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
-    </sv>
-  </sv-container>
-  <sv-container col="2" class="mt-md">
-    <sv label="装货凭证">
-      <app-imagelist [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
-    </sv>
-    <sv label="卸货凭证">
-      <app-imagelist [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]">
-      </app-imagelist>
-    </sv>
-  </sv-container>
-</nz-card>
-<nz-card [nzBorderless]="true" class="mb0">
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>补充信息</span>
+  <div nzSpan="12" nz-col>
+    <nz-card [nzBorderless]="true" class="mb0 attch-card">
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>补充信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="是否回单">
+            {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+          </sv>
+          <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+          </sv>
+          <ng-container
+            *ngIf="i?.supplementaryInformationVO?.stateReceipt && i?.supplementaryInformationVO?.receiptType==='2'">
+            <sv label=" 联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }}
+            </sv>
+            <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.area }}
+            </sv>
+            <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.address }}
+            </sv>
+          </ng-container>
+          <sv label="备注">
+            {{ i?.goodsResource?.remarks }}
+          </sv>
+          <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            <app-imagelist [imgList]="i?.receiptFilePath" [style]="'width:120px;height:120px;'"></app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="是否回单">
-      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
-    </sv>
-    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
-    </sv>
-    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }}
-    </sv>
-    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.area }}
-    </sv>
-    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.address }}
-    </sv>
-  </sv-container>
-  <sv-container col="1" class="mt-md">
-    <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
-    </sv>
-    <sv label="备注">
-      {{ i?.goodsResource?.remarks }}
-    </sv>
-  </sv-container>
-</nz-card>
+</div>
 
 <nz-card [nzBorderless]="true" class="mb0" #distannce5>
   <p class="detail_title"><span>|</span> 轨迹信息</p>
diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html
index aaa5cea3..bff8ed33 100644
--- a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html
+++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html
@@ -6,6 +6,7 @@
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\bulk-detail\\bulk-detail.component.html
 -->
+
 <page-header-wrapper [title]="'大宗运单详情'" [logo]="logo">
   <ng-template #logo>
     <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
@@ -109,12 +110,10 @@
     <a class="sign"></a>
     <span>基本信息</span>
   </div>
-  <sv-container col="1">
+  <sv-container col="3">
     <sv label="货物名称">
       {{i?.goodsInfos?.[0]?.goodsName}}
     </sv>
-  </sv-container>
-  <sv-container col="2">
     <sv label="货物数量">
       {{i?.goodsInfos?.[0]?.weight}}吨,{{i?.goodsInfos?.[0]?.volume}}方,{{i?.goodsInfos?.[0]?.number}}件
     </sv>
@@ -204,60 +203,70 @@
   </div>
   <div *ngIf=" i?.payeeId !== i?.driverId" class="mt-xs">车队长：{{ i?.payeeName }}/{{ i?.payeePhone }}</div>
 </nz-card>
-<nz-card [nzBorderless]="true" class="mb0" #distannce4>
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>附件信息</span>
+<div nz-row>
+  <div nz-col nzSpan="12">
+    <nz-card [nzBorderless]="true" class="mb0 attch-card" #distannce4>
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>附件信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="协议附件" col="1">
+            <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+            <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+          </sv>
+        </sv-container>
+        <sv-container col="2" layout="vertical" class="mt-md">
+          <sv label="装货凭证">
+            <app-imagelist *ngIf="i?.loadingCertificate && i?.loadingCertificate.length >0"
+              [imgList]="i?.loadingCertificate" [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+          <sv label="卸货凭证">
+            <app-imagelist *ngIf="i?.unLoadingCertificate && i?.unLoadingCertificate.length >0"
+              [imgList]="i?.unLoadingCertificate" [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="协议附件">
-      <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
-      <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
-    </sv>
-  </sv-container>
-  <sv-container col="2" class="mt-md">
-    <sv label="装货凭证">
-      <app-imagelist [imgList]="i?.loadingCertificate">
-      </app-imagelist>
-    </sv>
-    <sv label="卸货凭证">
-      <app-imagelist [imgList]="i?.unLoadingCertificate">
-      </app-imagelist>
-    </sv>
-  </sv-container>
-</nz-card>
-<nz-card [nzBorderless]="true" class="mb0">
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>补充信息</span>
-  </div>
-  <sv-container>
-    <sv label="是否回单">
-      {{i?.receiptType == 1 ?'是':'否'}}
-    </sv>
-    <sv label="回单类型" *ngIf="i?.receiptType == 1">
-      {{i?.receiptTypeLabel}}
-    </sv>
-    <sv label="联系人" *ngIf="i?.receiptType == 1">
-      {{i?.receiptUser}} / {{i?.receiptUserPhone}}
-    </sv>
-    <sv label="所在地区" *ngIf="i?.receiptType == 1">
-      {{i?.receiptPlace}}
-    </sv>
-    <sv label="详细地址" *ngIf="i?.receiptType == 1">
-      {{i?.receiptAddress}}
-    </sv>
+  <div nz-col nzSpan="12">
+    <nz-card [nzBorderless]="true" class="mb0 attch-card">
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>补充信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="是否回单">
+            {{i?.receiptType == 1 ?'是':'否'}}
+          </sv>
+          <sv label="回单类型" *ngIf="i?.receiptType == '1'">
+            {{i?.receiptTypeLabel}}
+          </sv>
 
-  </sv-container>
-  <sv-container col="1" class="mt-md">
-    <sv label="回单凭证" *ngIf="i?.receiptType == 1">
-      <app-imagelist [imgList]="[i?.receiptFilePath]"></app-imagelist>
-    </sv>
-    <sv label="备注">
-      {{i?.goodsResource?.remarks}}
-    </sv>
-  </sv-container>
-</nz-card>
+          <sv label="联系人" *ngIf="i?.receiptType == '2'">
+            {{i?.receiptUser}} / {{i?.receiptUserPhone}}
+          </sv>
+          <sv label="所在地区" *ngIf="i?.receiptType == '2'">
+            {{i?.receiptPlace}}
+          </sv>
+          <sv label="详细地址" *ngIf="i?.receiptType == '2'">
+            {{i?.receiptAddress}}
+          </sv>
+          <sv label="备注">
+            {{i?.goodsResource?.remarks}}
+          </sv>
+          <sv col="1" label="回单凭证" *ngIf="i?.receiptType == '1'">
+            <app-imagelist [imgList]="[i?.receiptFilePath]" [style]="'width:120px;height:120px;'"></app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
+  </div>
+</div>
 
 <nz-card class="mb0" [nzBorderless]="true">
   <p class="detail_title" #distannce5><span>|</span> 轨迹信息</p>
diff --git a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html
index e048bdc3..f21d4a47 100644
--- a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html
+++ b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html
@@ -129,12 +129,10 @@
     <a class="sign"></a>
     <span>基本信息</span>
   </div>
-  <sv-container col="1">
+  <sv-container col="3">
     <sv label="货物名称">
       {{i?.goodsInfos?.[0]?.goodsName}}
     </sv>
-  </sv-container>
-  <sv-container col="2">
     <sv label="货物数量">
       {{i?.goodsInfos?.[0]?.weight}}吨,{{i?.goodsInfos?.[0]?.volume}}方,{{i?.goodsInfos?.[0]?.number}}件
     </sv>
@@ -179,10 +177,10 @@
   <div class="font-weight-blod text-md detail-title">
     <a class="sign"></a>
     <span>运费信息</span>
-    <span>（到货后{{i?.paymentDays}}天内支付运费）</span>
+    <span class="pl-sm text-warning">（到货后{{i?.paymentDays}}天内支付运费）</span>
   </div>
   <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
-    <ng-template st-row="price" let-item let-index="index">
+    <ng-template st-row="price" let-item let-index="index" [size]="'small'">
       {{ item.price | currency }}
     </ng-template>
     <ng-template st-row="prices" let-item let-index="index">
@@ -200,62 +198,73 @@
   <div *ngIf="i?.payee?.phone && i?.payee?.phone !== i?.driverVo.phone">车队长：{{ i?.payee?.name }}/{{ i?.payee?.phone
     }}/{{ i?.payee?.idNo }}</div>
 </nz-card>
+<div nz-row>
+  <div nz-col nzSpan="12">
+    <nz-card [nzBorderless]="true" class="mb0 attch-card" #distannce4>
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>附件信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container>
+          <sv label="协议附件">
+            <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+            <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+          </sv>
+        </sv-container>
+        <sv-container col="2" class="mt-md" layout="vertical">
+          <sv label="装货凭证">
 
-<nz-card [nzBorderless]="true" class="mb0" nzTitle="附件信息" #distannce4>
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>附件信息</span>
+            <app-imagelist *ngIf="i?.loadingCertificate && i?.loadingCertificate.length>0"
+              [imgList]="i?.loadingCertificate" [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+          <sv label="卸货凭证">
+            <app-imagelist *ngIf="i?.unLoadingCertificate && i?.unLoadingCertificate.length>0 "
+              [imgList]="i?.unLoadingCertificate" [style]="'width:120px;height:120px;'">
+            </app-imagelist>
+          </sv>
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="协议附件">
-      <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
-      <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
-    </sv>
-  </sv-container>
-  <sv-container col="2" class="mt-md">
-    <sv label="装货凭证">
-      <app-imagelist *ngIf="i?.loadingCertificate" [imgList]="i?.loadingCertificate">
-      </app-imagelist>
-    </sv>
-    <sv label="卸货凭证">
-      <app-imagelist *ngIf="i?.unLoadingCertificate" [imgList]="i?.unLoadingCertificate">
-      </app-imagelist>
-    </sv>
-  </sv-container>
-</nz-card>
-<nz-card [nzBorderless]="true" class="mb0">
-  <div class="font-weight-blod text-md detail-title">
-    <a class="sign"></a>
-    <span>补充信息</span>
+  <div nz-col nzSpan="12">
+    <nz-card [nzBorderless]="true" class="mb0 attch-card">
+      <div class="font-weight-blod text-md detail-title">
+        <a class="sign"></a>
+        <span>补充信息</span>
+      </div>
+      <div class="attachment-info">
+        <sv-container col="1">
+          <sv label="是否回单">
+            {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+          </sv>
+          <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+          </sv>
+          <ng-container
+            *ngIf="i?.supplementaryInformationVO?.stateReceipt && i?.supplementaryInformationVO?.receiptType === '2'">
+            <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{
+              i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+            <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.area }}
+            </sv>
+            <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+              {{ i?.supplementaryInformationVO?.address }}
+            </sv>
+          </ng-container>
+          <sv label="备注">
+            {{ i?.supplementaryInformationVO?.remarks }}
+          </sv>
+          <sv col="1" label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+            <app-imagelist [imgList]="i?.receiptFilePath" [style]="'width:120px;height:120px;'"></app-imagelist>
+          </sv>
+
+        </sv-container>
+      </div>
+    </nz-card>
   </div>
-  <sv-container>
-    <sv label="是否回单">
-      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
-    </sv>
-    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
-    </sv>
-    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{
-      i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
-    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.area }}
-    </sv>
-    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      {{ i?.supplementaryInformationVO?.address }}
-    </sv>
-    <sv label="备注">
-      {{ i?.supplementaryInformationVO?.remarks }}
-    </sv>
-    <sv col="1" label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
-      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
-    </sv>
-
-  </sv-container>
-
-
-
-</nz-card>
-
+</div>
 <nz-card [nzBorderless]="true" class="mb0">
   <p class="detail_title" #distannce5><span>|</span> 轨迹信息</p>
   <div nz-row>
diff --git a/src/app/shared/components/imagelist/imagelist.component.html b/src/app/shared/components/imagelist/imagelist.component.html
index 10a80404..d5efe61f 100644
--- a/src/app/shared/components/imagelist/imagelist.component.html
+++ b/src/app/shared/components/imagelist/imagelist.component.html
@@ -1,5 +1,5 @@
 <!--
- * @Description  : 
+ * @Description  :
  * @Version      : 1.0
  * @Author       : Shiming
  * @Date         : 2022-03-23 14:24:05
@@ -11,10 +11,10 @@
 <div class="imgBox">
   <ng-container *ngFor="let item of imgList; let i = index">
     <ng-container *ngIf="item;">
-      <img nz-image [nzSrc]="item" />
+      <img [style]="style" nz-image [nzSrc]="item" />
     </ng-container>
     <ng-template #elseTemplate>
-      <div style="background-color: darkgrey;border-radius: 5px;width: 200px;height: 160px;" class="mr-sm"></div>
+      <div style="background-color: darkgrey;border-radius: 5px;width: 120px;height: 120px;" class="mr-sm"></div>
     </ng-template>
   </ng-container>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/shared/components/imagelist/imagelist.component.ts b/src/app/shared/components/imagelist/imagelist.component.ts
index 6fba4fd0..eda9aec8 100644
--- a/src/app/shared/components/imagelist/imagelist.component.ts
+++ b/src/app/shared/components/imagelist/imagelist.component.ts
@@ -19,15 +19,16 @@ import { ImageViewComponent } from './imageview/imageview.component';
 })
 export class ImageListComponent implements OnInit {
   @Input() imgList: any = [];
+  @Input() style = '';
   constructor(
     private modal: ModalHelper,
     public msgSrv: NzMessageService,
     public http: _HttpClient,
     private nzImageService: NzImageService
-  ) {}
+  ) { }
 
   ngOnInit(): void {
-    
+    this.style = this.style || '';
   }
   showImg(index: any) {
     const params = {
@@ -35,7 +36,7 @@ export class ImageListComponent implements OnInit {
       index
     };
     const images = this.imgList.map((url: string) => {
-      if(url) {
+      if (url) {
         console.log(url);
         ({ src: url })
       }
diff --git a/src/styles/common/global.less b/src/styles/common/global.less
index d837061d..ebf343e7 100644
--- a/src/styles/common/global.less
+++ b/src/styles/common/global.less
@@ -99,3 +99,18 @@
     }
   }
 }
+
+.attch-card {
+  height: 100%;
+
+  .ant-card-body {
+    height: 100%;
+
+    .attachment-info {
+      height: calc(100% - 32px);
+      border: 1px solid #EAECEF;
+      padding: 10px;
+    }
+  }
+
+}