更新 参数

src/views/voyage/voyageDetail.vue

@@ -361,18 +361,23 @@
         </el-upload>
       </div>
     </div>
-    <div>
+    <div class="df ac">
       <img
-        style="width: 200px; height: 200px"
+        style="
+          width: 200px;
+          height: 200px;
+          margin-left: 20px;
+          margin-bottom: 20px;
+        "
         v-for="item in voyageBill"
         :src="item.url"
         :key="item"
         alt=""
       />
     </div>
-    <div class="media-content df ffw">
+    <div v-if="medias.length" class="medias-content df ffw">
       <div class="pic-container">
-        <div v-for="(item, index) in media" :key="item" class="pic-main">
+        <div v-for="(item, index) in medias" :key="item" class="pic-main">
           <div
             :class="[
               'box',
@@ -385,7 +390,7 @@
               <br />
               {{ item.createTime }}
             </div>
-            <div class="media-box" style="position: relative">
+            <div class="medias-box" style="position: relative">
               <el-image
                 v-if="item.mediaType == 1"
                 style="width: 100%; height: 100%"
@@ -426,7 +431,7 @@
           <div :class="['point', item.status == 1 ? '' : 'now-point']"></div>
           <div
             :class="['l-line', item.status == 1 ? 'now-l-line' : '']"
-            v-if="index + 1 != media.length"
+            v-if="index + 1 != medias.length"
           ></div>
         </div>
         <el-dialog
@@ -468,7 +473,7 @@ export default {
     const route = useRoute();
     let map = ref();
     let voyage = ref({});
-    let media = ref();
+    let medias = ref([]);
     let coordinates = ref();
     let previewSrcList = ref([]);
 
@@ -487,7 +492,7 @@ export default {
 
         coordinates.value = res.data.result.coordinates;
         voyage.value = res.data.result.voyage;
-        media.value = res.data.result.medias;
+        medias.value = res.data.result.medias;
 
         for (let i of res.data.result.waybills) {
           voyageBill.value.push({
@@ -495,7 +500,7 @@ export default {
             url: i.viewUrl,
           });
         }
-        for (let i of media.value) {
+        for (let i of medias.value) {
           previewSrcList.value.push(i.downloadUrl);
         }
         initMap();
@@ -743,7 +748,7 @@ export default {
         audit: a,
       });
       if (res.data.status == 0) {
-        media.value[index].audit = a;
+        medias.value[index].audit = a;
         ElNotification({
           type: "success",
           title: res.data.msg,
@@ -815,7 +820,7 @@ export default {
       options,
       voyage,
       coordinates,
-      media,
+      medias,
       disabledStatus,
       changeVoyageInfo,
       cancelVoyageChange,
@@ -869,7 +874,7 @@ export default {
   color: #777777;
 }
 
-.media-box {
+.medias-box {
   width: 200px;
   height: 200px;
   margin-top: 20px;
@@ -881,7 +886,7 @@ export default {
   margin-top: 20px;
 }
 
-.media-content {
+.medias-content {
   width: 100%;
   height: 600px;
   background: #f7f7f7;
@@ -953,7 +958,7 @@ export default {
   transform: scale(1.2);
 }
 
-.media-box {
+.medias-box {
   width: 80px;
   height: 80px;
   margin-top: 10px;
@@ -968,7 +973,7 @@ export default {
   padding: 10px 20px;
 }
 
-.media-box {
+.medias-box {
   width: 100%;
   height: 100px;
   margin-top: 20px;