更新 样式

src/views/voyage/voyageDetail.vue

@@ -1180,13 +1180,13 @@
       </div>
       <div class="df aic">
         <div class="info-line-title">运单:</div>
-        <el-image
-          style="width: 200px; height: 200px; margin-right: 20px"
-          :src="item.viewUrl"
-          v-for="item in voyageBill"
-          :key="item"
-          @click="openMediaModal(item.viewUrl, 1, '运单查看')"
-        ></el-image>
+        <div class="file-container" v-for="(item, index) in voyageBill">
+          <img
+            style="width: 145px; height: 100px; object-fit: contain"
+            :src="item.viewUrl"
+            @click="openMediaModal(item.viewUrl, 1, '运单查看')"
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -2341,5 +2341,8 @@ onMounted(() => {
 .file-box {
   width: calc(100vw - 400px);
   overflow-y: auto;
+  border: 1px solid #eee;
+  padding: 8px;
+  border-radius: 10px;
 }
 </style>