凭证

pages/order-detail/index.vue

@@ -105,7 +105,11 @@
             <uni-icons v-show="showUploadBtn(supplierOrder.status)" type="clear" size="16" class="close-icon" @click="deleteVoucher(item.id)"></uni-icons>
             <image style="width: 120rpx; height: 120rpx" :src="item.imgUrl"></image>
           </view>
-          <view v-show="showUploadBtn(supplierOrder.status)" class="default-upload" @click="uploadVoucher(supplierOrder.supplierOrderId)">
+          <view
+            v-show="showUploadBtn(supplierOrder.status)"
+            class="default-upload"
+            @click="uploadVoucher(supplierOrder.supplierOrderId, supplierOrder.proofReceipt)"
+          >
             <image src="/static/imgs/order/camera.png" class="icon"></image>
             <text style="font-size: 26rpx; color: #4c4a58">上传凭证</text>
           </view>
@@ -393,8 +397,10 @@ export default {
       })
     },
     // 上传收货凭证
-    uploadVoucher(supplierOrderId) {
-      uploadImage(['album'], 5)
+    uploadVoucher(supplierOrderId, arr) {
+      let count = 0
+      arr && arr.length ? (count = 5 - arr.length) : ''
+      uploadImage(undefined, count)
         .then((urls) => {
           if (urls) {
             clientUploadVoucher({
@@ -497,6 +503,7 @@ export default {
     .imgs {
       padding: 16rpx 32rpx 32rpx;
       min-height: 120rpx;
+      flex-wrap: wrap;
     }
   }
 }
@@ -571,6 +578,7 @@ export default {
   align-items: center;
   position: relative;
   margin-right: 12rpx;
+  margin-bottom: 12rpx;
   overflow: hidden;
   .close-icon {
     position: absolute;