样式调整

src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue

@@ -34,11 +34,11 @@
             <div class="stage">
               <div class="stage-title">{{(item.paymentMethod && item.paymentMethod+'' === '2') ? '打包协议' : '缴费凭证'}}：</div>
               <div class="stage-content">
-                <template v-if="!item.paymentMethod || item.paymentMethod+'' === '1'">
-                  <div v-for="(tt, indexs) in item.proof.split(',')" :key="indexs">
-                    <div class="proof-img" ><img :src="proofSrc(tt)" @click="previewProof(item.proof)"></div>
+                <div v-if="!item.paymentMethod || item.paymentMethod+'' === '1'" class="proof-img-box">
+                  <div v-for="(tt, indexs) in item.proof.split(',')" :key="indexs" class="proof-img">
+                    <img :src="proofSrc(tt)" @click="previewProof(item.proof)">
                   </div>
-                </template>
+                </div>
                 <template v-if="item.paymentMethod && item.paymentMethod+'' === '2'">
                   <preview-file :file-id="item.proof"></preview-file>
                 </template>
@@ -263,6 +263,11 @@ export default {
     }
   }
 
+  .proof-img-box {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   .proof-img {
     width: 50%;
     cursor: pointer;

src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue

@@ -323,8 +323,12 @@ h3.title::before {
   }
 
   .proof-img {
+    display: flex;
+    width:calc(100% - 4rem);
+
     &-item {
-      
+      width: 50%;
+
       img {
         max-width: 100%;
         max-height: 150px;