修改

src/views/statisticalReport/components/salesLogisticsStatistics/saleSteelReports.vue

@@ -957,15 +957,13 @@
             action="/api/v1/otms/addtmstruckArrivalResult"
             :limit="1"
             :on-change="fileChange1"
+            :on-preview="handlePictureCardPreview"
             :on-exceed="exceed"
             accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
             :auto-upload="false"
           >
             <i class="el-icon-plus"></i>
           </el-upload>
-          <el-dialog :visible.sync="dialogVisible1">
-            <img width="100%" :src="dialogImageUrl" alt="" />
-          </el-dialog>
         </el-form-item>
         <el-form-item label="签收图片（空货箱、质保书、签收单）">
           <el-upload
@@ -974,15 +972,13 @@
             action="null"
             :limit="5"
             :on-change="fileChange2"
+            :on-preview="handlePictureCardPreview"
             :on-exceed="exceed"
             accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
             :auto-upload="false"
           >
             <i class="el-icon-plus"></i>
           </el-upload>
-          <el-dialog :visible.sync="dialogVisible2">
-            <img width="100%" :src="dialogImageUrl" alt="" />
-          </el-dialog>
         </el-form-item>
       </el-form>
       <el-button
@@ -993,6 +989,9 @@
         >确定</el-button
       >
     </el-dialog>
+    <el-dialog :visible.sync="dialogVisible" width="80%">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
   </div>
 </template>
 
@@ -1196,8 +1195,7 @@ export default {
       fileListArrival: [],
       fileListReceive: [],
       dialogImageUrl: '',
-      dialogVisible1: false,
-      dialogVisible2: false,
+      dialogVisible: false,
       isLoading: false,
       batchList: []
     }
@@ -1439,6 +1437,10 @@ export default {
     exceed() {
       this.$message.warning('超出上传数量!')
     },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
     closeUpload() {
       this.arrivalReceiving = false
       this.$refs.arrival.clearFiles()