更新 参数

src/views/voyage/voyageDetail.vue

@@ -464,9 +464,9 @@
         </el-upload>
       </div>
     </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',
@@ -479,7 +479,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%"
@@ -532,7 +532,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
@@ -574,7 +574,7 @@ export default {
     const route = useRoute();
     let map = ref();
     let voyage = ref({});
-    let media = ref();
+    let medias = ref([]);
     let coordinates = ref();
     let previewSrcList = ref([]);
 
@@ -593,7 +593,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({
@@ -601,7 +601,7 @@ export default {
             url: i.viewUrl,
           });
         }
-        for (let i of media.value) {
+        for (let i of medias.value) {
           previewSrcList.value.push(i.downloadUrl);
         }
         initMap();
@@ -849,7 +849,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,
@@ -931,7 +931,7 @@ export default {
       options,
       voyage,
       coordinates,
-      media,
+      medias,
       disabledStatus,
       changeVoyageInfo,
       cancelVoyageChange,
@@ -986,7 +986,7 @@ export default {
   color: #777777;
 }
 
-.media-box {
+.medias-box {
   width: 200px;
   height: 200px;
   margin-top: 20px;
@@ -998,7 +998,7 @@ export default {
   margin-top: 20px;
 }
 
-.media-content {
+.medias-content {
   width: 100%;
   height: 600px;
   background: #f7f7f7;
@@ -1070,7 +1070,7 @@ export default {
   transform: scale(1.2);
 }
 
-.media-box {
+.medias-box {
   width: 80px;
   height: 80px;
   margin-top: 10px;
@@ -1085,7 +1085,7 @@ export default {
   padding: 10px 20px;
 }
 
-.media-box {
+.medias-box {
   width: 100%;
   height: 100px;
   margin-top: 20px;