新增 运单列表

src/views/voyage/voyageDetail.vue

@@ -362,18 +362,14 @@
       </div>
     </div>
     <div class="df ac">
-      <img
-        style="
-          width: 200px;
-          height: 200px;
-          margin-left: 20px;
-          margin-bottom: 20px;
-        "
+      <el-image
         v-for="item in voyageBill"
+        style="width: 200px; height: 200px; margin: 0 0 30px 30px"
+        fit="contain"
         :src="item.url"
+        @click="openMediaModal(item.url, 1, '查看')"
         :key="item"
-        alt=""
-      />
+      ></el-image>
     </div>
     <div v-if="medias.length" class="medias-content df ffw">
       <div class="pic-container">
@@ -434,29 +430,29 @@
             v-if="index + 1 != medias.length"
           ></div>
         </div>
-        <el-dialog
-          v-model="mediaModal"
-          :title="modalTitle"
-          width="20%"
-          :before-close="videoClose"
-        >
-          <el-image
-            v-if="modalType == 1"
-            style="width: 100%; height: 100%"
-            fit="contain"
-            :src="currentUrl"
-            :preview-src-list="modalPreview"
-          ></el-image>
-          <video
-            v-else
-            autoplay
-            controls
-            style="width: 100%; height: 100%"
-            :src="currentUrl"
-          ></video>
-        </el-dialog>
       </div>
     </div>
+    <el-dialog
+      v-model="mediaModal"
+      :title="modalTitle"
+      width="20%"
+      :before-close="videoClose"
+    >
+      <el-image
+        v-if="modalType == 1"
+        style="width: 100%; height: 100%"
+        fit="contain"
+        :src="currentUrl"
+        :preview-src-list="modalPreview"
+      ></el-image>
+      <video
+        v-else
+        autoplay
+        controls
+        style="width: 100%; height: 100%"
+        :src="currentUrl"
+      ></video>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -742,7 +738,6 @@ export default {
     }
 
     async function auditMedia(mediaId, a, index, mediaType) {
-      console.log(mediaId, a, index, mediaType);
       let res = await api.auditMedia({
         mediaId,
         audit: a,
@@ -770,7 +765,6 @@ export default {
 
     async function handleRemoveBill(file, list) {
       let cache = _.cloneDeep(voyageBill.value);
-      console.log(cache);
       ElMessageBox.confirm("确认删除运单?", "Warning", {
         confirmButtonText: "删除",
         cancelButtonText: "取消",
@@ -804,7 +798,6 @@ export default {
         ...response.result,
         url: response.result.viewUrl,
       };
-      console.log(list);
       voyageBill.value = list;
     }