更新 媒体审核

src/apis/fetch.js

@@ -214,7 +214,7 @@ export default {
 
   // 审核媒体文件
   auditMedia(data) {
-    return $http("/media/audit", data);
+    return $http("/dayReport/backstage/audit", data);
   },
 
   // 标记媒体文件
@@ -319,12 +319,12 @@ export default {
 
   // 分配单据
   distribute(data) {
-    return $http("/shipownerUploadFile/distribute", data);
+    return $http("/bill/distribute", data);
   },
 
   // ocr识别
   ocr(data) {
-    return $http("/shipownerUploadFile/ocr", data);
+    return $http("/bill/ocr", data);
   },
 
   // 用户选择
@@ -389,11 +389,11 @@ export default {
 
   // 获取日报媒体
   getDailyMedia(data) {
-    return $http("/dayReport/list", data);
+    return $http("/dayReport/getMedia", data);
   },
   // 日报媒体审核
   auditDailyMedia(data) {
-    return $http("/dayReport/list", data);
+    return $http("/dayReport/audit", data);
   },
 
   // 获取报岗列表
@@ -416,14 +416,9 @@ export default {
     return $http("/ship/search/shipOwner", data);
   },
 
-  // **单据识别
-  ocrBill(data) {
-    return $http("/bill/ocr", data);
-  },
-
-  // **单据分配
-  distributeBill(data) {
-    return $http("/bill/distribute", data);
+  // 获取单据媒体
+  getBill(data) {
+    return $http("/bill/getBill", data);
   },
 
   // 获取单据列表

src/views/voyage/dailyDetail.vue

@@ -1,5 +1,37 @@
 <template>
-  <div class="full-container-p24">日报详情</div>
+  <div class="full-container-p24">
+    <el-card>
+      <div class="df">
+        <el-card v-for="item in medias" class="mr20">
+          <div style="width: 160px">
+            <div class="title m0a mb10">{{ item.shipName }}</div>
+            <div class="time m0a mb10">{{ item.createTime }}</div>
+            <el-image
+              class="m0a mb20"
+              :src="item.viewUrl"
+              style="width: 120px; height: 160px; display: block"
+              fit="contain"
+              :preview-src-list="previewSrcList"
+            />
+            <div class="df jcsb m0a">
+              <el-button
+                size="small"
+                @click="authMedia(item.id, 1)"
+                type="primary"
+                >通过</el-button
+              >
+              <el-button
+                size="small"
+                @click="authMedia(item.id, 2)"
+                type="danger"
+                >未通过</el-button
+              >
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </el-card>
+  </div>
 </template>
 <script setup>
 import { ref, h, reactive, toRefs, onMounted } from "vue";
@@ -8,7 +40,53 @@ import store from "../../store";
 import router from "../../router";
 import md5 from "md5";
 import api from "../../apis/fetch";
-onMounted(() => {});
+import { useRoute } from "vue-router";
+
+const route = useRoute();
+let medias = ref([]);
+let previewSrcList = ref([]);
+async function getDailyMedia() {
+  let res = await api.getDailyMedia({
+    voyageId: route.query.id,
+  });
+  if (res.data.status == 0) {
+    if (res.data.result.length) {
+      previewSrcList.value = [];
+      medias.value = res.data.result;
+      for (let i of medias.value) {
+        previewSrcList.value.push(i.viewUrl);
+      }
+    } else {
+      router.push("/voyage/dailyList");
+    }
+  } else {
+    medias.value = [];
+  }
+}
+async function authMedia(mediaId, audit) {
+  let res = await api.auditDailyMedia({
+    mediaId,
+    audit,
+  });
+  console.log(res);
+  getDailyMedia();
+}
+onMounted(() => {
+  getDailyMedia();
+});
 </script>
 <style scoped>
+.df {
+  font-size: 14px;
+}
+.m0a {
+  margin: 0 auto;
+}
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
 </style>