新增 安检图片审核

src/views/shipSecurityManage/checkShipExamine.vue

@@ -65,15 +65,34 @@
         <div class="mr10 item-title">检查项目备注:</div>
         <div class="mr10 item-text">{{ item.checkItemRemark }}</div>
       </div>
-      <div v-if="templateDetail.viewUrl">
+      <div v-if="item.viewUrl">
         <el-image
           style="width: 200px; height: 200px"
-          :src="templateDetail.viewUrl"
+          class="ml20 mt10"
+          :src="item.viewUrl"
+          :preview-src-list="[item.viewUrl]"
           fit="cover"
         ></el-image>
-        <div class="df aic" v-if="templateDetail.status == 0">
-          <el-button class="mr30" size="small" type="primary">通过</el-button>
-          <el-button size="small" type="danger">不通过</el-button>
+        <div
+          class="df aic jcsa ml20 mt10"
+          style="width: 200px"
+          v-if="item.auditStatus == 0"
+        >
+          <el-button
+            @click="checkSecurityItem(item.id, 1)"
+            class="mr30"
+            size="small"
+            type="primary"
+          >
+            通过
+          </el-button>
+          <el-button
+            @click="checkSecurityItem(item.id, 2)"
+            size="small"
+            type="danger"
+          >
+            不通过
+          </el-button>
         </div>
       </div>
     </div>
@@ -105,7 +124,24 @@ async function getSecurityCheckDetail(shipSecurityCheckId) {
     templateDetail.value = data.result;
     shipDetail.value = data.result.ship;
   }
-  console.log(data);
+}
+
+async function checkSecurityItem(shipSecurityCheckItemId, auditStatus) {
+  let shipSecurityCheckId = route.query.id;
+  let { data } = await api.checkSecurityItem({
+    shipSecurityCheckId,
+    shipSecurityCheckItemId,
+    auditStatus,
+  });
+  if (data.status == 0) {
+    ElNotification({
+      title: "成功",
+      message: data.msg,
+      type: "success",
+      duration: 1500,
+    });
+    getSecurityCheckDetail(shipSecurityCheckId);
+  }
 }
 onMounted(() => {
   getSecurityCheckDetail(route.query.id);