更新 新增航次详情图片审核功能

src/views/voyage/voyageDetail.vue

@@ -215,7 +215,12 @@
     </div>
     <div
       class="media-content df ffw"
-      style="width: 100%; background: #f7f7f7; border-radius: 2px"
+      style="
+        width: 100%;
+        background: #f7f7f7;
+        border-radius: 2px;
+        padding-top: 20 px;
+      "
     >
       <el-card
         style="
@@ -224,12 +229,14 @@
           margin-left: 20px;
           margin-bottom: 15px;
         "
-        v-for="item in medias"
+        v-for="(item, index) in media"
         :key="item"
         shadow="hover"
       >
         <div class="card-note">
-          {{ item.note }}
+          {{ item.userName }}
+          <br />
+          {{ item.createTime }}
         </div>
         <div class="media-box" style="position: relative">
           <el-image
@@ -261,6 +268,18 @@
             alt=""
           />
         </div>
+        <div class="checkbox-group df aic jcsa">
+          <el-checkbox
+            @change="auditMedia(item.id, 1, index, item.mediaType)"
+            :model-value="item.audit == 1"
+            label="通过"
+          ></el-checkbox>
+          <el-checkbox
+            @change="auditMedia(item.id, 2, index, item.mediaType)"
+            :model-value="item.audit == 2"
+            label="未通过"
+          ></el-checkbox>
+        </div>
       </el-card>
 
       <el-dialog
@@ -322,7 +341,7 @@ export default {
     const route = useRoute();
     let map = ref();
     let voyage = ref({});
-    let medias = ref();
+    let media = ref();
     let coordinates = ref();
     let previewSrcList = ref([]);
 
@@ -334,8 +353,8 @@ export default {
 
       coordinates.value = res.data.result.coordinates;
       voyage.value = res.data.result.voyage;
-      medias.value = res.data.result.medias;
-      for (let i of medias.value) {
+      media.value = res.data.result.medias;
+      for (let i of media.value) {
         previewSrcList.value.push(i.downloadUrl);
       }
       setShipMarker();
@@ -454,6 +473,18 @@ export default {
       videoModal.value = true;
     }
 
+    async function auditMedia(mediaId, a, index, mediaType) {
+      console.log(mediaId, a, index, mediaType);
+      let res = await api.auditMedia({
+        mediaId,
+        audit: a,
+      });
+      if (res.data.status == 0) {
+        media.value[index].audit = a;
+      }
+      console.log(res);
+    }
+
     onMounted(() => {
       initMap();
       getVoyageDetail();
@@ -462,7 +493,7 @@ export default {
       options,
       voyage,
       coordinates,
-      medias,
+      media,
       disabledStatus,
       changeVoyageInfo,
       cancelVoyageChange,
@@ -471,6 +502,7 @@ export default {
       openVideoModal,
       previewSrcList,
       router,
+      auditMedia,
     };
   },
 };
@@ -496,4 +528,10 @@ export default {
   height: 200px;
   margin-top: 20px;
 }
+
+.checkbox-group {
+  width: 200px;
+  height: 50px;
+  margin-top: 20px;
+}
 </style>