新增 验仓清仓

src/apis/fetch.js

@@ -65,6 +65,11 @@ export default {
     return $http("post", "/media/backstage/audit", data);
   },
 
+  // 标记媒体文件
+  markMedia(data) {
+    return $http("post", "/media/backstage/markMedia", data);
+  },
+
   // 模糊搜索用户
   searchUser(data) {
     return $http("post", "/user/backstage/search", data);

src/views/voyage/voyageDetail.vue

@@ -563,6 +563,18 @@
                 label="未通过"
               ></el-checkbox>
             </div>
+            <div class="checkbox-group df aic jcsa">
+              <el-checkbox
+                @change="markMedia(item.id, 1, index, item.mediaType)"
+                :model-value="item.type == 1"
+                label="验仓"
+              ></el-checkbox>
+              <el-checkbox
+                @change="markMedia(item.id, 2, index, item.mediaType)"
+                :model-value="item.type == 2"
+                label="清仓"
+              ></el-checkbox>
+            </div>
           </div>
           <div
             :class="[
@@ -910,6 +922,23 @@ export default {
         console.log(res);
       }
     }
+
+    async function markMedia(mediaId, type, index, mediaType) {
+      console.log(mediaId, type, index, mediaType);
+      let res = await api.markMedia({
+        mediaId,
+        type,
+      });
+      if (res.data.status == 0) {
+        medias.value[index].type = type;
+        ElNotification({
+          type: "success",
+          title: res.data.msg,
+        });
+      } else {
+        console.log(res);
+      }
+    }
     let dialogImageUrl = ref();
     let dialogVisible = ref();
     function handlePictureCardPreview(file) {
@@ -1048,6 +1077,7 @@ export default {
       previewSrcList,
       router,
       auditMedia,
+      markMedia,
       modalType,
       modalTitle,
       currentUrl,
@@ -1103,12 +1133,6 @@ export default {
   margin-top: 20px;
 }
 
-.checkbox-group {
-  width: 200px;
-  height: 50px;
-  margin-top: 20px;
-}
-
 .medias-content {
   width: 100%;
   height: 600px;
@@ -1133,8 +1157,8 @@ export default {
 }
 .box {
   position: absolute;
-  height: 240px;
-  width: var(--box-width);
+  height: 255px;
+  width: 180px;
   border: 5px solid #dddddd;
   transition: all 0.5s;
   background: #fff;
@@ -1144,7 +1168,7 @@ export default {
 .point {
   position: relative;
   left: 93px;
-  top: 258px;
+  top: 277px;
   width: 16px;
   height: 16px;
   background-image: url(../../assets/blue-circle.png);
@@ -1153,7 +1177,7 @@ export default {
 .s-line {
   position: absolute;
   left: 100px;
-  top: 242px;
+  top: 261px;
   height: 20px;
   border-left: 2px dashed;
   box-sizing: border-box;
@@ -1164,21 +1188,21 @@ export default {
   position: relative;
   bottom: 30px;
   left: 111px;
-  top: 249px;
+  top: 268px;
   height: 3px;
   width: 100px;
   background-color: #dddddd;
 }
 
 .bottom-box {
-  top: 290px;
+  top: 309px;
 }
 .top210px {
-  top: 270px;
+  top: 289px;
 }
 
 .box:hover {
-  transform: scale(1.2);
+  transform: scale(1.15);
 }
 
 .medias-box {
@@ -1204,12 +1228,12 @@ export default {
 
 .checkbox-group {
   width: 180px;
-  height: 50px;
-  margin-top: 20px;
 }
 
 .el-checkbox {
-  margin: 0;
+  height: 20px;
+  margin-top: 15px;
+  margin-right: 0;
 }
 
 .now-box {