|
|
|
@ -290,6 +290,7 @@ watch(
|
|
|
|
|
const taskId = taskStore.getActiveId
|
|
|
|
|
console.log(packageid)
|
|
|
|
|
console.log(taskId)
|
|
|
|
|
setBatch(false)
|
|
|
|
|
|
|
|
|
|
if (isEmpty(taskId))
|
|
|
|
|
return
|
|
|
|
@ -364,10 +365,6 @@ onUnmounted(() => {
|
|
|
|
|
window.removeEventListener('keydown', handleKeydown)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const mark = computed(() => {
|
|
|
|
|
return taskDetailInfo.value.iztrueorfalse === null ? '未标记' : '已标记'
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
function immersionHandler() {
|
|
|
|
|
taskStore.updateImmersion()
|
|
|
|
|
}
|
|
|
|
@ -523,6 +520,7 @@ function getPercent(pictureid: string) {
|
|
|
|
|
name="zhen"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="big-mark" />
|
|
|
|
|
<div class="info img-info">
|
|
|
|
|
<n-grid x-gap="12" y-gap="10" :cols="12">
|
|
|
|
|
<n-gi span="4" class="gi1">
|
|
|
|
@ -548,9 +546,15 @@ function getPercent(pictureid: string) {
|
|
|
|
|
</n-grid>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time">
|
|
|
|
|
<SvgIcon class="svg-time" color="#FFF" size="16" name="time" />
|
|
|
|
|
<div class="time-item">
|
|
|
|
|
<SvgIcon class="svg-time" color="#FFF" size="16" name="camera-time" />
|
|
|
|
|
<span>{{ formatToDateHMS(taskDetailInfo.createdate || 0) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time-item time-item2">
|
|
|
|
|
<SvgIcon class="svg-time" color="#FFF" size="16" name="submit-time" />
|
|
|
|
|
<span>{{ formatToDateHMS(taskDetailInfo.createdate || 0) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: none">
|
|
|
|
|
<n-image
|
|
|
|
|
ref="imageRef"
|
|
|
|
@ -582,6 +586,7 @@ function getPercent(pictureid: string) {
|
|
|
|
|
:style="{ 'background-image': `url(${item.imgUrl})` }"
|
|
|
|
|
@dragend="(event) => { handleDragEnd(event, item) }"
|
|
|
|
|
/>
|
|
|
|
|
<div class="small-mark" />
|
|
|
|
|
<div class="check">
|
|
|
|
|
<n-checkbox
|
|
|
|
|
v-show="batch"
|
|
|
|
@ -590,8 +595,21 @@ function getPercent(pictureid: string) {
|
|
|
|
|
@update:checked="onCheckChange($event, item)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="percent">
|
|
|
|
|
{{ item.similarityscore }}
|
|
|
|
|
|
|
|
|
|
<!-- <img class="tag-status" src="@/assets/images/task/tag-pass.png" alt=""> -->
|
|
|
|
|
|
|
|
|
|
<div class="time">
|
|
|
|
|
<div v-if="item.photoDateTimestamp" class="time-item">
|
|
|
|
|
<SvgIcon class="svg-time" color="#FFF" size="8" name="camera-time" />
|
|
|
|
|
<span>{{ formatToDateHMS(Number(item.photoDateTimestamp) || 0) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="item.submitDateTimestamp" class="time-item time-item2">
|
|
|
|
|
<SvgIcon class="svg-time" color="#FFF" size="8" name="submit-time" />
|
|
|
|
|
<span>{{ formatToDateHMS(Number(item.submitDateTimestamp) || 0) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div :class="{ 'percent-red': item.similarityScore === 100 }" class="percent">
|
|
|
|
|
{{ item.similarityScore }}<span class="percent-unit">%</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -607,7 +625,7 @@ function getPercent(pictureid: string) {
|
|
|
|
|
<n-tab-pane name="picture-info" tab="图片信息">
|
|
|
|
|
<PictureTable :data="taskDetailInfo" />
|
|
|
|
|
</n-tab-pane>
|
|
|
|
|
<n-tab-pane name="history" tab="历史审查">
|
|
|
|
|
<n-tab-pane name="history" tab="审查日志">
|
|
|
|
|
<History :data="taskDetailInfo" />
|
|
|
|
|
</n-tab-pane>
|
|
|
|
|
</n-tabs>
|
|
|
|
@ -630,6 +648,8 @@ function getPercent(pictureid: string) {
|
|
|
|
|
}
|
|
|
|
|
::v-deep(.n-tabs-tab--active .n-tabs-tab__label) {
|
|
|
|
|
color: #507AFD;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wrapper-header-action {
|
|
|
|
@ -773,6 +793,16 @@ function getPercent(pictureid: string) {
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.big-mark{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 151px;
|
|
|
|
|
background: linear-gradient(180deg,rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.00) 29%, rgba(3,0,0,0.73));
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mark {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
@ -804,8 +834,8 @@ function getPercent(pictureid: string) {
|
|
|
|
|
.info {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
right: 2%;
|
|
|
|
|
bottom: 2%;
|
|
|
|
|
right: 16px;
|
|
|
|
|
bottom: 16px;
|
|
|
|
|
width: 136px;
|
|
|
|
|
height: 119px;
|
|
|
|
|
background: rgba(216, 216, 216, 0.4);
|
|
|
|
@ -817,14 +847,22 @@ function getPercent(pictureid: string) {
|
|
|
|
|
.time {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
left: 2%;
|
|
|
|
|
bottom: 2%;
|
|
|
|
|
left: 16px;
|
|
|
|
|
bottom: 16px;
|
|
|
|
|
|
|
|
|
|
.time-item{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Medium;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.time-item2{
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.svg-time{
|
|
|
|
|
margin-right: 5px
|
|
|
|
@ -895,6 +933,50 @@ function getPercent(pictureid: string) {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
margin: 0px 16px 27px 0px;
|
|
|
|
|
|
|
|
|
|
.small-mark{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 36px;
|
|
|
|
|
background: linear-gradient(180deg,rgba(0,0,0,0.01), rgba(0,0,0,0.44) 88%);
|
|
|
|
|
border-radius: 0px 8px 8px 0px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-status{
|
|
|
|
|
width: 46px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.time {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
left: 3px;
|
|
|
|
|
bottom: 3px;
|
|
|
|
|
.time-item{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
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 {
|
|
|
|
|
width: 122px;
|
|
|
|
|
height: 70px;
|
|
|
|
@ -932,7 +1014,8 @@ function getPercent(pictureid: string) {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent-unit{
|
|
|
|
|
font-size: 8dvb;
|
|
|
|
|
font-size: 8px;
|
|
|
|
|
margin-top: 4px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent-red{
|
|
|
|
|