|
|
|
|
@ -1,10 +1,11 @@
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { onMounted, reactive, ref, toRefs } from "vue";
|
|
|
|
|
import { nextTick, onDeactivated, onMounted, reactive, ref, toRefs } from "vue";
|
|
|
|
|
import { format } from "date-fns";
|
|
|
|
|
import { NButton, NDataTable, useDialog, useMessage } from "naive-ui";
|
|
|
|
|
import { aiApprovaltools, aiApprovaltoolsClearmark } from "@/api/work/work";
|
|
|
|
|
import { aiApprovaltools, aiApprovaltoolsClearmark, setTF } from "@/api/work/work";
|
|
|
|
|
import { getToolsCount } from "@/api/home/main";
|
|
|
|
|
|
|
|
|
|
import { storage } from "@/utils/Storage";
|
|
|
|
|
import { CURRENT_USER } from "@/store/mutation-types";
|
|
|
|
|
const emit = defineEmits<{
|
|
|
|
|
(e: "reject", params: any);
|
|
|
|
|
(e: "notPass", params: any);
|
|
|
|
|
@ -14,7 +15,7 @@ const dialog = useDialog();
|
|
|
|
|
|
|
|
|
|
const state: any = reactive({
|
|
|
|
|
detail: {},
|
|
|
|
|
taskId: "",
|
|
|
|
|
packageid: "",
|
|
|
|
|
});
|
|
|
|
|
const { detail } = toRefs(state);
|
|
|
|
|
const cardStyle = {
|
|
|
|
|
@ -26,23 +27,32 @@ const cardStyle = {
|
|
|
|
|
const show = ref(false);
|
|
|
|
|
|
|
|
|
|
function showModal(id) {
|
|
|
|
|
console.log(id);
|
|
|
|
|
state.taskId = id;
|
|
|
|
|
state.packageid = id;
|
|
|
|
|
getDetail(id);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function getDetail(id) {
|
|
|
|
|
// const userInfo = storage.get(CURRENT_USER);
|
|
|
|
|
// const nodeType = userInfo.nodeType;
|
|
|
|
|
id = "264626184091111068";
|
|
|
|
|
const res = await aiApprovaltools({ taskid: id });
|
|
|
|
|
if (res.code === "OK") {
|
|
|
|
|
state.detail = res.data;
|
|
|
|
|
show.value = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log(res);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const handleReject = async () => {
|
|
|
|
|
const res = await setTF({
|
|
|
|
|
taskchildpictureids: state.detail.taskIdList.join(","),
|
|
|
|
|
packageid: state.packageid,
|
|
|
|
|
iztrueorfalse: 0,
|
|
|
|
|
});
|
|
|
|
|
console.log(res, "handleReject");
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
async function clearMark() {
|
|
|
|
|
const res = await aiApprovaltoolsClearmark({ taskid: state.taskId });
|
|
|
|
|
const res = await aiApprovaltoolsClearmark({ taskid: state.packageid });
|
|
|
|
|
if (res.code === "OK") closeModal();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -69,7 +79,7 @@ async function reject() {
|
|
|
|
|
|
|
|
|
|
async function viewRepeat(e: MouseEvent) {
|
|
|
|
|
emit("notPass", {
|
|
|
|
|
id: state.taskId,
|
|
|
|
|
id: state.packageid,
|
|
|
|
|
detail: state.detail,
|
|
|
|
|
});
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
@ -78,12 +88,28 @@ async function viewRepeat(e: MouseEvent) {
|
|
|
|
|
|
|
|
|
|
async function getShowStatus() {
|
|
|
|
|
const res = await getToolsCount();
|
|
|
|
|
if (res.code == 'OK') {
|
|
|
|
|
if (res.code == "OK") {
|
|
|
|
|
show.value = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const initRem = () => {
|
|
|
|
|
const designWidth = 1440;
|
|
|
|
|
const rempPx = 16;
|
|
|
|
|
const scale = window.innerWidth / designWidth;
|
|
|
|
|
document.documentElement.style.fontSize = scale * rempPx + "px";
|
|
|
|
|
};
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getShowStatus();
|
|
|
|
|
nextTick(() => {
|
|
|
|
|
initRem();
|
|
|
|
|
});
|
|
|
|
|
window.addEventListener("resize", () => {
|
|
|
|
|
initRem();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
onDeactivated(() => {
|
|
|
|
|
window.removeEventListener("resize", () => {});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
@ -92,7 +118,7 @@ defineExpose({
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<n-modal v-model:show="show" transform-origin="center" class="modal_wrap">
|
|
|
|
|
<n-modal :show="show" transform-origin="center" class="modal_wrap">
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
<div class="closed">
|
|
|
|
|
<SvgIcon style="cursor: pointer" name="cut-down" width="32" @click="closeModal" />
|
|
|
|
|
@ -100,31 +126,37 @@ defineExpose({
|
|
|
|
|
<div class="wrapper-hearder">
|
|
|
|
|
<div class="wrapper-title">智能AI审批工具</div>
|
|
|
|
|
<div class="wrapper-mark">
|
|
|
|
|
{{ detail.tenantusername }}
|
|
|
|
|
{{ detail.tenantUserName }}-{{ detail.packageName }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-content">
|
|
|
|
|
<n-scrollbar style="height: 200px">
|
|
|
|
|
<div v-for="i in 1" :key="i" class="item">
|
|
|
|
|
<div class="imgwrapper" />
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="task_id">任务ID：{{ detail.taskid }}</div>
|
|
|
|
|
<div class="tag_box">
|
|
|
|
|
<div class="tag_item">基线任务</div>
|
|
|
|
|
<div class="tag_item error">相似图片({{ detail.similarcount }})</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time_box">
|
|
|
|
|
{{ format(detail.createtime, "yyyy-MM-dd HH:mm:ss") }}
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="imgwrapper" />
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="task_id">#AI任务包{{ detail.packageId }}</div>
|
|
|
|
|
<div class="tag_box">
|
|
|
|
|
<div class="tag_item error">
|
|
|
|
|
<span style="color: red">error</span> 重复图片({{
|
|
|
|
|
detail.similarComplete
|
|
|
|
|
}})
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time_box">
|
|
|
|
|
任务包生成时间：
|
|
|
|
|
{{ format(detail?.createtime || 0, "yyyy-MM-dd HH:mm:ss") }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</n-scrollbar>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mark_text">
|
|
|
|
|
智能识别：{{ detail.similarComplete }}张图片来源于网络，建议将图片标记为假，或
|
|
|
|
|
快速审批不通过！
|
|
|
|
|
智能提示：{{ detail?.similarComplete }} 张图片相似度为100%重复图片，{{
|
|
|
|
|
detail?.passCount
|
|
|
|
|
}}张审批状态为<span style="color: #02c984">通过</span>，剩余{{
|
|
|
|
|
detail?.pendingApprovaCount
|
|
|
|
|
}}张图片建议审批为不通过！
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<SvgIcon
|
|
|
|
|
<div class="footer" @click="handleReject">
|
|
|
|
|
立即审批
|
|
|
|
|
<!-- <SvgIcon
|
|
|
|
|
style="cursor: pointer"
|
|
|
|
|
name="r3"
|
|
|
|
|
width="162"
|
|
|
|
|
@ -137,7 +169,7 @@ defineExpose({
|
|
|
|
|
width="162"
|
|
|
|
|
height="54"
|
|
|
|
|
@click="viewRepeat"
|
|
|
|
|
/>
|
|
|
|
|
/> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -149,8 +181,10 @@ defineExpose({
|
|
|
|
|
background-image: url(../../../assets/images/approval_modal_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
// width: 700px;
|
|
|
|
|
// height: 500px;
|
|
|
|
|
width: 510px;
|
|
|
|
|
height: 361px;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
.wrapper {
|
|
|
|
|
@ -162,41 +196,40 @@ defineExpose({
|
|
|
|
|
left: 90%;
|
|
|
|
|
}
|
|
|
|
|
.wrapper-hearder {
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
.wrapper-title {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Semibold;
|
|
|
|
|
font-weight: Semibold;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #333333;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
}
|
|
|
|
|
.wrapper-mark {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Regular;
|
|
|
|
|
font-weight: Regular;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #666666;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.wrapper-content {
|
|
|
|
|
flex: 1;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
margin: 35px 60px 35px 120px;
|
|
|
|
|
margin: 24px 50px 16px 48px;
|
|
|
|
|
.item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin: 20px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgwrapper {
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 120px;
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
width: 138px;
|
|
|
|
|
height: 80px;
|
|
|
|
|
margin-right: 23px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
background-image: url("../../../assets/images/test.png");
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
@ -215,6 +248,7 @@ defineExpose({
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
margin: 8px 0;
|
|
|
|
|
|
|
|
|
|
.tag_item {
|
|
|
|
|
background: rgba(80, 122, 253, 0.1);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
@ -238,6 +272,7 @@ defineExpose({
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #333333;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.mark_text {
|
|
|
|
|
@ -247,13 +282,28 @@ defineExpose({
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #666666;
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
}
|
|
|
|
|
.footer {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
margin: 20px 30px 0 0;
|
|
|
|
|
margin: 16px auto 0;
|
|
|
|
|
width: 132px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
background: linear-gradient(135deg, #3258e8, #786efc);
|
|
|
|
|
border-image: linear-gradient(123deg, #d7dffe 2%, #d7d5ff 88%) 1 1;
|
|
|
|
|
border-radius: 23px;
|
|
|
|
|
box-shadow: 0px 2px 6px 0px rgba(116, 153, 253, 0.3);
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular;
|
|
|
|
|
font-weight: Regular;
|
|
|
|
|
text-align: left;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
