|
|
|
|
@ -1,6 +1,7 @@
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import {
|
|
|
|
|
computed,
|
|
|
|
|
nextTick,
|
|
|
|
|
onMounted,
|
|
|
|
|
onUnmounted,
|
|
|
|
|
reactive,
|
|
|
|
|
@ -11,6 +12,7 @@ import {
|
|
|
|
|
import { chunk, clone } from 'lodash-es'
|
|
|
|
|
import { useDialog, useMessage } from 'naive-ui'
|
|
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
|
|
import { useInfiniteScroll } from '@vueuse/core'
|
|
|
|
|
import BatchModal from '../modal/BatchModal.vue'
|
|
|
|
|
import CustomSettingModal from '../modal/CustomSettingModal.vue'
|
|
|
|
|
import PictureTable from './PictureTable.vue'
|
|
|
|
|
@ -20,7 +22,6 @@ import NotPassed from '@/components/Approval/NotPassed.vue'
|
|
|
|
|
import { getAllfieldList, getfieldList } from '@/api/home/filter'
|
|
|
|
|
import { TASK_STATUS_OBJ } from '@/enums/index'
|
|
|
|
|
import { useFinal } from '@/store/modules/final'
|
|
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
audit,
|
|
|
|
|
dubiousfileyd,
|
|
|
|
|
@ -52,11 +53,16 @@ const taskTableData = ref<any[]>([])
|
|
|
|
|
const route = useRoute()
|
|
|
|
|
const isDetail = ref(false) // 是否是详情
|
|
|
|
|
const finalStore = useFinal()
|
|
|
|
|
const imgbigshow = ref(true)
|
|
|
|
|
const sortBy: any = {
|
|
|
|
|
orderType: 'desc',
|
|
|
|
|
orderName: 'similarityScore',
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const el = ref<HTMLDivElement | null>(null)
|
|
|
|
|
const pagination = reactive({
|
|
|
|
|
pageNo: 0,
|
|
|
|
|
pageSize: 30,
|
|
|
|
|
})
|
|
|
|
|
function onCheckChange(checked: any, item: any) {
|
|
|
|
|
const index = selectItems.value.indexOf(item)
|
|
|
|
|
item.checked = checked
|
|
|
|
|
@ -106,6 +112,9 @@ onMounted(() => {
|
|
|
|
|
|
|
|
|
|
let lastKeyPressTime = 0
|
|
|
|
|
let keyPressTimer = null
|
|
|
|
|
function changeimgbigshow() {
|
|
|
|
|
imgbigshow.value = !imgbigshow.value
|
|
|
|
|
}
|
|
|
|
|
const doubleClickInterval = 300 // 可以自定义间隔时间，单位是毫秒
|
|
|
|
|
// 键盘左右箭头快捷切换
|
|
|
|
|
function handleKeydown(event) {
|
|
|
|
|
@ -118,6 +127,10 @@ function handleKeydown(event) {
|
|
|
|
|
|
|
|
|
|
// batchModalRef.value.closeModal()
|
|
|
|
|
}
|
|
|
|
|
else if (event.keyCode === 27) {
|
|
|
|
|
overTask.value = null
|
|
|
|
|
overTasktwo.value = null
|
|
|
|
|
}
|
|
|
|
|
else if (event.key === 'p' || event.key === 'P') {
|
|
|
|
|
// 获取当前时间
|
|
|
|
|
const now = Date.now()
|
|
|
|
|
@ -163,7 +176,17 @@ function handleKeydown(event) {
|
|
|
|
|
if (now - lastKeyPressTime < doubleClickInterval) {
|
|
|
|
|
// 清除已经设置的定时器（如果有的话）
|
|
|
|
|
clearTimeout(keyPressTimer)
|
|
|
|
|
const item = taskDetailInfo.value
|
|
|
|
|
if (
|
|
|
|
|
item?.userapprove?.statshis === 2
|
|
|
|
|
|| item?.userapprove?.statshis == 3
|
|
|
|
|
) {
|
|
|
|
|
overTask.value = null
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (validate([item]) == null && batch.value === false)
|
|
|
|
|
overTask.value = item
|
|
|
|
|
// 执行想要的操作
|
|
|
|
|
const modal = unref(notPassModalRef)! as any
|
|
|
|
|
modal.showModal([taskDetailInfo.value])
|
|
|
|
|
@ -277,12 +300,25 @@ function approvalHandler(items?: any) {
|
|
|
|
|
negativeText: '取消',
|
|
|
|
|
onPositiveClick: () => {
|
|
|
|
|
doAudit(param)
|
|
|
|
|
overTask.value = null
|
|
|
|
|
},
|
|
|
|
|
onNegativeClick: () => {
|
|
|
|
|
overTask.value = null
|
|
|
|
|
},
|
|
|
|
|
onNegativeClick: () => {},
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
function approvalHandlerx(item?: any) {
|
|
|
|
|
console.log(item)
|
|
|
|
|
alert(1)
|
|
|
|
|
}
|
|
|
|
|
function singleRejectHandlex(item?: any) {
|
|
|
|
|
console.log(item)
|
|
|
|
|
const modal = unref(notPassModalRef)! as any
|
|
|
|
|
|
|
|
|
|
modal.showModal([item])
|
|
|
|
|
}
|
|
|
|
|
function rejectHandler(items?: any) {
|
|
|
|
|
console.log(items)
|
|
|
|
|
const modal = unref(notPassModalRef)! as any
|
|
|
|
|
modal.showModal(items)
|
|
|
|
|
}
|
|
|
|
|
@ -329,19 +365,18 @@ async function handleDragEnd(event, item) {
|
|
|
|
|
getTableData()
|
|
|
|
|
getImgList()
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
taskStore.setInFile(false)
|
|
|
|
|
taskStore.setInFile(item.pictureId)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
async function addSuspicious() {
|
|
|
|
|
taskStore.setInFileId(taskDetailInfo.value.ocrPicture)
|
|
|
|
|
console.log(taskDetailInfo.value.ocrPicture)
|
|
|
|
|
if (taskDetailInfo.value.ocrPicture.pictureid) {
|
|
|
|
|
const res = await dubiousfileyd({
|
|
|
|
|
pictureid: taskDetailInfo.value.ocrPicture.id,
|
|
|
|
|
})
|
|
|
|
|
console.log(res)
|
|
|
|
|
|
|
|
|
|
if (res.code === 'OK') {
|
|
|
|
|
message.success('加入成功')
|
|
|
|
|
setBatch(false)
|
|
|
|
|
@ -421,6 +456,7 @@ function overTaskHandle() {
|
|
|
|
|
|
|
|
|
|
function leaveTaskHandler() {
|
|
|
|
|
overTask.value = null
|
|
|
|
|
overTasktwo.value = null
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function showActionsModal() {
|
|
|
|
|
@ -440,6 +476,13 @@ function immersionHandler() {
|
|
|
|
|
// 切换全屏状态
|
|
|
|
|
function toggleFullScreen() {
|
|
|
|
|
isFullScreen.value = !isFullScreen.value
|
|
|
|
|
if (isFullScreen.value) {
|
|
|
|
|
fetchData()
|
|
|
|
|
window.addEventListener('scroll', checkBottom)
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
window.removeEventListener('scroll', checkBottom)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function previewHandler(event: MouseEvent) {
|
|
|
|
|
event.stopImmediatePropagation()
|
|
|
|
|
@ -471,6 +514,7 @@ async function getDetail() {
|
|
|
|
|
function notPassSuccess(param) {
|
|
|
|
|
batchModalRef.value.reload()
|
|
|
|
|
reloadList(param, '不通过')
|
|
|
|
|
overTask.value = null
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function reloadList(param, text) {
|
|
|
|
|
@ -518,10 +562,108 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
if (validate([item]) == null && batchtwo.value === false)
|
|
|
|
|
overTasktwo.value = item
|
|
|
|
|
}
|
|
|
|
|
function closePassno() {
|
|
|
|
|
console.log(notPassModalRef.value)
|
|
|
|
|
overTask.value = null
|
|
|
|
|
}
|
|
|
|
|
// const loadingx = ref(false);
|
|
|
|
|
const items = ref([])
|
|
|
|
|
const scrollContainer = ref(null)
|
|
|
|
|
let debounceTimer
|
|
|
|
|
async function fetchData() {
|
|
|
|
|
if (loading.value)
|
|
|
|
|
return // 如果已经在加载中，则不重复加载
|
|
|
|
|
|
|
|
|
|
loading.value = true
|
|
|
|
|
try {
|
|
|
|
|
loadMore()
|
|
|
|
|
}
|
|
|
|
|
finally {
|
|
|
|
|
loading.value = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// const throttledCheckScroll = throttle(checkBottom, 200);
|
|
|
|
|
|
|
|
|
|
let num = 1
|
|
|
|
|
|
|
|
|
|
// 检查是否滚动到底部
|
|
|
|
|
function checkBottom() {
|
|
|
|
|
const container = scrollContainer.value
|
|
|
|
|
// console.log(1)
|
|
|
|
|
if (!container)
|
|
|
|
|
return
|
|
|
|
|
|
|
|
|
|
// const { scrollTop, clientHeight, scrollHeight } = container;
|
|
|
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop
|
|
|
|
|
|
|
|
|
|
// 获取视口的内部高度
|
|
|
|
|
const clientHeight
|
|
|
|
|
= window.innerHeight || document.documentElement.clientHeight
|
|
|
|
|
|
|
|
|
|
// 获取整个文档的高度
|
|
|
|
|
const scrollHeight = document.documentElement.scrollHeight
|
|
|
|
|
|
|
|
|
|
clearTimeout(debounceTimer)
|
|
|
|
|
debounceTimer = setTimeout(() => {
|
|
|
|
|
if (scrollTop + clientHeight >= scrollHeight - 10) {
|
|
|
|
|
num = num + 1
|
|
|
|
|
console.log(num)
|
|
|
|
|
fetchData() // 接近底部时加载更多数据
|
|
|
|
|
}
|
|
|
|
|
}, 500)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function loadMore() {
|
|
|
|
|
console.log(loading.value)
|
|
|
|
|
if (loading.value) {
|
|
|
|
|
const more = await fetchList()
|
|
|
|
|
taskDetailPictureList.value.push(...more)
|
|
|
|
|
console.log(taskDetailPictureList)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let canloadMore = true
|
|
|
|
|
async function fetchList() {
|
|
|
|
|
try {
|
|
|
|
|
pagination.pageNo += 1
|
|
|
|
|
const { data, pageCount, total } = await getSimilarityList({
|
|
|
|
|
...pagination,
|
|
|
|
|
...sortBy,
|
|
|
|
|
pictureId: taskDetailInfo.value.ocrPicture.id,
|
|
|
|
|
})
|
|
|
|
|
canloadMore = pageCount >= pagination.pageNo && pageCount > 0
|
|
|
|
|
totalCount.value = total
|
|
|
|
|
return data
|
|
|
|
|
}
|
|
|
|
|
catch (error) {
|
|
|
|
|
canloadMore = false
|
|
|
|
|
return []
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
async function reset() {
|
|
|
|
|
pagination.pageNo = 0
|
|
|
|
|
pagination.pageSize = 30
|
|
|
|
|
taskDetailPictureList.value.length = 0
|
|
|
|
|
loading.value = false
|
|
|
|
|
canloadMore = true
|
|
|
|
|
// layout()
|
|
|
|
|
}
|
|
|
|
|
async function refreshHandler() {
|
|
|
|
|
getImgList()
|
|
|
|
|
}
|
|
|
|
|
function sortHandler(orderby: 'similarityScore' | 'createdate') {
|
|
|
|
|
sortBy.orderName = orderby
|
|
|
|
|
sortBy.orderType = sortBy.orderType === 'asc' ? 'desc' : 'asc'
|
|
|
|
|
refreshHandler()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div class="wrapper fullscreen-container" :style="fullscreenStyles">
|
|
|
|
|
<div
|
|
|
|
|
ref="scrollContainer"
|
|
|
|
|
class="wrapper fullscreen-container"
|
|
|
|
|
:style="fullscreenStyles"
|
|
|
|
|
@scroll="checkBottom"
|
|
|
|
|
>
|
|
|
|
|
<div class="wrapper-header">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<span class="font">任务ID：{{ taskDetailInfo.fromtaskname }}</span>
|
|
|
|
|
@ -619,13 +761,47 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
</n-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-detail">
|
|
|
|
|
<div
|
|
|
|
|
class="wrapper-detail"
|
|
|
|
|
:style="
|
|
|
|
|
isFullScreen
|
|
|
|
|
? {
|
|
|
|
|
height: '596px',
|
|
|
|
|
}
|
|
|
|
|
: {}
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-show="!imgbigshow"
|
|
|
|
|
class="aside-collapse-btn"
|
|
|
|
|
:style="{
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
right: '0px',
|
|
|
|
|
top: '155px',
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
zIndex: 100,
|
|
|
|
|
}"
|
|
|
|
|
@click="collapseHandler"
|
|
|
|
|
>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
:name="false ? 'expand-cir' : 'collapse-cir'"
|
|
|
|
|
size="40"
|
|
|
|
|
@click="changeimgbigshow"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="left"
|
|
|
|
|
:style="
|
|
|
|
|
isFullScreen
|
|
|
|
|
? imgbigshow
|
|
|
|
|
? {
|
|
|
|
|
'height': '395px',
|
|
|
|
|
'position': 'relative',
|
|
|
|
|
'flex': 2,
|
|
|
|
|
'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
|
|
|
|
|
}
|
|
|
|
|
: {
|
|
|
|
|
'height': '92vh',
|
|
|
|
|
'flex': 2,
|
|
|
|
|
'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
|
|
|
|
|
}
|
|
|
|
|
: {
|
|
|
|
|
@ -738,12 +914,9 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
size="16"
|
|
|
|
|
name="camera-time"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<span>{{
|
|
|
|
|
taskDetailInfo?.ocrPicture?.photoDateTimestamp
|
|
|
|
|
? formatToDateHMS(
|
|
|
|
|
Number(taskDetailInfo.ocrPicture.photoDateTimestamp),
|
|
|
|
|
)
|
|
|
|
|
: "-"
|
|
|
|
|
taskDetailInfo?.ocrPicture?.photoDateTimestamp ?? "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time-item time-item2">
|
|
|
|
|
@ -753,6 +926,7 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
size="16"
|
|
|
|
|
name="submit-time"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<span>{{
|
|
|
|
|
taskDetailInfo?.ocrPicture?.submitDateTimestamp
|
|
|
|
|
? formatToDateHMS(
|
|
|
|
|
@ -771,7 +945,36 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
</div>
|
|
|
|
|
<div class="leftback" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div
|
|
|
|
|
v-show="imgbigshow"
|
|
|
|
|
class="right"
|
|
|
|
|
:style="
|
|
|
|
|
isFullScreen
|
|
|
|
|
? {
|
|
|
|
|
width: '320px',
|
|
|
|
|
borderLeft: '2px solid #507AFD',
|
|
|
|
|
position: 'relative',
|
|
|
|
|
}
|
|
|
|
|
: {}
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-show="isFullScreen"
|
|
|
|
|
class="aside-collapse-btn"
|
|
|
|
|
:style="{
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
left: '-20px',
|
|
|
|
|
top: '85px',
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
}"
|
|
|
|
|
@click="collapseHandler"
|
|
|
|
|
>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
:name="true ? 'expand-cir' : 'collapse-cir'"
|
|
|
|
|
size="40"
|
|
|
|
|
@click="changeimgbigshow"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<n-scrollbar v-if="totalCount > 0" style="max-height: 100%">
|
|
|
|
|
<div class="right-card">
|
|
|
|
|
<div v-show="!isFullScreen" class="header">
|
|
|
|
|
@ -963,6 +1166,7 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
</n-tabs>
|
|
|
|
|
<div v-else class="imgbottom">
|
|
|
|
|
<div
|
|
|
|
|
v-show="imgbigshow"
|
|
|
|
|
style="
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
@ -991,13 +1195,13 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
<div style="cursor: pointer" @click="sortHandler('createdate')">
|
|
|
|
|
<span>时间排序</span>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-show="selectedSortName !== 'createdate'"
|
|
|
|
|
v-if="true"
|
|
|
|
|
style="margin-left: 5px"
|
|
|
|
|
name="sort"
|
|
|
|
|
size="12"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-show="selectedSortName === 'createdate'"
|
|
|
|
|
v-else
|
|
|
|
|
style="margin-left: 5px"
|
|
|
|
|
name="active-sort"
|
|
|
|
|
size="12"
|
|
|
|
|
@ -1009,13 +1213,13 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
>
|
|
|
|
|
<span>相似度排序</span>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-show="selectedSortName !== 'similarityScore'"
|
|
|
|
|
v-if="true"
|
|
|
|
|
style="margin-left: 5px"
|
|
|
|
|
name="sort"
|
|
|
|
|
size="12"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-show="selectedSortName === 'similarityScore'"
|
|
|
|
|
v-else
|
|
|
|
|
style="margin-left: 5px"
|
|
|
|
|
name="active-sort"
|
|
|
|
|
size="12"
|
|
|
|
|
@ -1023,11 +1227,107 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-list">
|
|
|
|
|
<div v-show="imgbigshow" class="allview">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div
|
|
|
|
|
v-for="item in taskDetailPictureList"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
class="item"
|
|
|
|
|
draggable="true"
|
|
|
|
|
@dragend="
|
|
|
|
|
(event) => {
|
|
|
|
|
handleDragEnd(event, item);
|
|
|
|
|
}
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="img-wrapper"
|
|
|
|
|
:style="{
|
|
|
|
|
'background-image': `url(${item.serverThumbnailUrl})`,
|
|
|
|
|
}"
|
|
|
|
|
@mouseover="overTaskHandelr(item)"
|
|
|
|
|
@mouseleave="leaveTaskHandler"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-show="overTasktwo && overTasktwo.id === item.id && !batch"
|
|
|
|
|
class="action"
|
|
|
|
|
>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
style="cursor: pointer"
|
|
|
|
|
name="t1"
|
|
|
|
|
@click.stop="approvalHandler([item])"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
style="cursor: pointer; margin-left: 40px"
|
|
|
|
|
name="t2"
|
|
|
|
|
@click.stop="singleRejectHandlex(item)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="small-mark" />
|
|
|
|
|
<div class="check">
|
|
|
|
|
<n-checkbox
|
|
|
|
|
v-show="batch && item.historyStates === 1"
|
|
|
|
|
v-model:checked="item.checked"
|
|
|
|
|
@click.stop
|
|
|
|
|
@update:checked="onCheckChange($event, item)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
v-if="item.historyStates === 2"
|
|
|
|
|
class="tag-status"
|
|
|
|
|
src="@/assets/images/task/tag-pass.png"
|
|
|
|
|
alt=""
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
v-if="item.historyStates === 3"
|
|
|
|
|
class="tag-status"
|
|
|
|
|
src="@/assets/images/task/tag-not-pass.png"
|
|
|
|
|
alt=""
|
|
|
|
|
>
|
|
|
|
|
<div class="time">
|
|
|
|
|
<div class="time-item">
|
|
|
|
|
<SvgIcon
|
|
|
|
|
class="svg-time"
|
|
|
|
|
color="#FFF"
|
|
|
|
|
size="16"
|
|
|
|
|
name="camera-time"
|
|
|
|
|
/>
|
|
|
|
|
<span>{{
|
|
|
|
|
item.photoDateTimestamp
|
|
|
|
|
? formatToDateHMS(Number(item.photoDateTimestamp))
|
|
|
|
|
: "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time-item time-item2">
|
|
|
|
|
<SvgIcon
|
|
|
|
|
class="svg-time"
|
|
|
|
|
color="#FFF"
|
|
|
|
|
size="16"
|
|
|
|
|
name="submit-time"
|
|
|
|
|
/>
|
|
|
|
|
<span>{{
|
|
|
|
|
item.submitDateTimestamp
|
|
|
|
|
? formatToDateHMS(Number(item.submitDateTimestamp))
|
|
|
|
|
: "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:class="{ 'percent-red': item.similarityScore === 100 }"
|
|
|
|
|
class="percent"
|
|
|
|
|
>
|
|
|
|
|
{{ item.similarityScore }}<span class="percent-unit">%</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="wrapper-list">
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in taskDetailPictureList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:class="{ 'item-selected': item === selectTask }"
|
|
|
|
|
|
|
|
|
|
class="grid-item"
|
|
|
|
|
@click="handleSelect(item)"
|
|
|
|
|
@mouseover="overTaskHandelr(item)"
|
|
|
|
|
@ -1086,22 +1386,30 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
<div
|
|
|
|
|
v-show="overTasktwo && overTasktwo.id === item.id"
|
|
|
|
|
class="action"
|
|
|
|
|
@mouseover="overTaskHandelr"
|
|
|
|
|
@mouseleave="leaveTaskHandler"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
style="cursor: pointer"
|
|
|
|
|
name="t1"
|
|
|
|
|
@click.stop="approvalHandler"
|
|
|
|
|
@click.stop="approvalHandlerx(item)"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
style="cursor: pointer; margin-left: 40px"
|
|
|
|
|
name="t2"
|
|
|
|
|
@click.stop="singleRejectHandler(item)"
|
|
|
|
|
@click.stop="singleRejectHandlex(item)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<NotPassed ref="notPassModalRef" @success="notPassSuccess" />
|
|
|
|
|
<NotPassed
|
|
|
|
|
|
|
|
|
|
ref="notPassModalRef"
|
|
|
|
|
@success="notPassSuccess"
|
|
|
|
|
@close="closePassno"
|
|
|
|
|
/>
|
|
|
|
|
<BatchModal
|
|
|
|
|
ref="batchModalRef"
|
|
|
|
|
@reject="rejectHandler"
|
|
|
|
|
@ -1113,6 +1421,7 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.fullscreen-container {
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
/* 可添加其他样式 */
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
@ -1763,4 +2072,147 @@ function overTaskHandelr(item: any) {
|
|
|
|
|
margin: 3px 0 10px 0;
|
|
|
|
|
max-width: 650px;
|
|
|
|
|
}
|
|
|
|
|
.allview {
|
|
|
|
|
// overflow-y: auto;
|
|
|
|
|
//height: 400px;
|
|
|
|
|
flex: 0.5;
|
|
|
|
|
background: #f6f9fd;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
// margin-left: 20px;
|
|
|
|
|
padding-top: 24px;
|
|
|
|
|
.action {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
|
}
|
|
|
|
|
.right-card {
|
|
|
|
|
padding: 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
// flex-basis: calc((100% - 48px) / 3);
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
position: relative;
|
|
|
|
|
// overflow: hidden;
|
|
|
|
|
margin: 0px 16px 27px 0px;
|
|
|
|
|
|
|
|
|
|
.small-mark {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 53px;
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
180deg,
|
|
|
|
|
rgba(0, 0, 0, 0.01),
|
|
|
|
|
rgba(0, 0, 0, 0.44) 88%
|
|
|
|
|
);
|
|
|
|
|
border-radius: 0px 8px 8px 8px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-status {
|
|
|
|
|
width: 46px;
|
|
|
|
|
height: 22px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: -4px;
|
|
|
|
|
top: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.time {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
left: 3px;
|
|
|
|
|
bottom: 3px;
|
|
|
|
|
|
|
|
|
|
.time-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Medium;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
line-height: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.time-item2 {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.svg-time {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img-wrapper {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 230px;
|
|
|
|
|
height: 130px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
background-position: center;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
cursor: n-resize;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.check {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
left: 6px;
|
|
|
|
|
top: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 35px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
opacity: 0.9;
|
|
|
|
|
background: #6f92fd;
|
|
|
|
|
border-radius: 6px 0px 6px 0px;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
right: 12px;
|
|
|
|
|
top: 2px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent-unit {
|
|
|
|
|
font-size: 8px;
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent-red {
|
|
|
|
|
background: #ff4e4f;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
zhouxiaoan
2 years ago