guoxiangbin
/
ocr-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: 处理图鉴管理布局错误

Browse Source
pull/164/head
zhouxiaoan 1 year ago
parent 7e34bf0440
commit b80d9edef4
1 changed files with 116 additions and 116 deletions
Show Stats Download Patch File Download Diff File

232
src/views/worksheet/content/Content.vue
Unescape View File

@ -109,7 +109,7 @@ function reset() {
loading.value = false loading.value = false
canloadMore = true canloadMore = true
} }
console.log(listData)
async function refreshHandler() { async function refreshHandler() {
reset() reset()
@ -250,10 +250,11 @@ const propertys = computed(() => {
return v return v
}) })
function overTaskHandelr(item: any) { function overTaskHandelr(item: any) {
if (item?.historyStates === 2 || item?.historyStates == 3) { // console.log(item, 'item')
overTask.value = null // if (item?.historyStates === 2 || item?.historyStates == 3) {
return // overTask.value = null
} // return
// }
if (validate([item]) == null && batch.value === false) if (validate([item]) == null && batch.value === false)
overTask.value = item overTask.value = item
@ -614,140 +615,139 @@ defineExpose({
<SvgIcon v-if="[1].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t2" @click.stop="handleRejectMainImage" /> <SvgIcon v-if="[1].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t2" @click.stop="handleRejectMainImage" />
<SvgIcon v-if="[1, 2, 3].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t9" @click.stop="handleRejectdubiousfileyd" /> <SvgIcon v-if="[1, 2, 3].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t9" @click.stop="handleRejectdubiousfileyd" />
</div> </div>
<PictureInfo :task-detail-info="taskDetailInfo" /> </div>
<PictureInfo :task-detail-info="taskDetailInfo" />
</div>
<div
style="display: flex; justify-content: space-between; padding: 12px 0px 3px 0"
>
<div>
<span
style="font-size: 18px; font-weight: Medium;color: #333333;font-family: PingFang SC, PingFang SC-Medium;"
>任务包图片</span>
</div> </div>
<div <div
style="display: flex; justify-content: space-between; padding: 12px 0px 3px 0" style="
>
<div>
<span
style="font-size: 18px; font-weight: Medium;color: #333333;font-family: PingFang SC, PingFang SC-Medium;"
>任务包图片</span>
</div>
<div
style="
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
margin-right: 25px; margin-right: 25px;
color: #323233; color: #323233;
" "
> >
<div style="cursor: pointer" @click="sortHandler('createdate')"> <div style="cursor: pointer" @click="sortHandler('createdate')">
<span>时间排序</span> <span>时间排序</span>
<SvgIcon <SvgIcon
v-show="selectedSortName !== 'createdate'" v-show="selectedSortName !== 'createdate'"
style="margin-left: 5px" style="margin-left: 5px"
name="sort" name="sort"
size="12" size="12"
/> />
<SvgIcon <SvgIcon
v-show="selectedSortName === 'createdate'" v-show="selectedSortName === 'createdate'"
style="margin-left: 5px" style="margin-left: 5px"
name="active-sort" name="active-sort"
size="12" size="12"
/> />
</div>
<div
style="margin-left: 15px; cursor: pointer"
@click="sortHandler('similarityScore')"
>
<span>相似度排序</span>
<SvgIcon
v-show="selectedSortName !== 'similarityScore'"
style="margin-left: 5px"
name="sort"
size="12"
/>
<SvgIcon
v-show="selectedSortName === 'similarityScore'"
style="margin-left: 5px"
name="active-sort"
size="12"
/>
</div>
</div> </div>
</div>
<div class="wrapper-list">
<div <div
v-for="(item, index) in listData" style="margin-left: 15px; cursor: pointer"
:key="index" @click="sortHandler('similarityScore')"
:class="{ 'item-selected': item === selectTask }"
class="grid-item"
@click="handleSelect(item)"
@mouseover="overTaskHandelr(item)"
@mouseleave="leaveTaskHandler"
> >
<div <span>相似度排序</span>
class="img-wrapper" <SvgIcon
:style="{ 'background-image': `url(${item.imgurl})` }" v-show="selectedSortName !== 'similarityScore'"
style="margin-left: 5px"
name="sort"
size="12"
/> />
<div class="time-wrapper"> <SvgIcon
<div class="time"> v-show="selectedSortName === 'similarityScore'"
<SvgIcon color="#FFF" size="16" name="camera" /> style="margin-left: 5px"
<span class="current-time">{{ name="active-sort"
item.photoDateTimestamp size="12"
? formatToDateHMS(Number(item.photoDateTimestamp) || 0) />
: "-" </div>
}}</span> </div>
</div> </div>
<div class="time"> <div class="wrapper-list">
<SvgIcon color="#FFF" size="16" name="save" /> <div
<span class="current-time">{{ v-for="(item, index) in listData"
item.submitDateTimestamp :key="index"
? formatToDateHMS(Number(item.submitDateTimestamp) || 0) :class="{ 'item-selected': item === selectTask }"
: "-" class="grid-item"
}}</span> @click="handleSelect(item)"
</div> @mouseover="overTaskHandelr(item)"
</div> @mouseleave="leaveTaskHandler"
<div class="check"> >
<n-checkbox <div
v-show="batch && item.historyStates !== 2 && item.historyStates !== 3" class="img-wrapper"
v-model:checked="item.checked" :style="{ 'background-image': `url(${item.imgurl})` }"
@click.stop />
@update:checked="onCheckChange($event, item)" <div class="time-wrapper">
/> <div class="time">
</div> <SvgIcon color="#FFF" size="16" name="camera" />
<div class="percent" :class="{ 'percent-red': item?.maxSimilarity >= 100 }"> <span class="current-time">{{
<SvgIcon size="42" :name="item.maxSimilarity == 100 ? 'error_tag' : 'tag'" /> item.photoDateTimestamp
<div class="val"> ? formatToDateHMS(Number(item.photoDateTimestamp) || 0)
{{ item?.maxSimilarity && Number(item?.maxSimilarity).toFixed(0) : "-"
}}<span class="percent-unit">%</span> }}</span>
</div>
</div> </div>
<div class="time">
<div v-if="item.historyStates === 2" class="pass-status"> <SvgIcon color="#FFF" size="16" name="save" />
<SvgIcon name="pass-icon" style="width: 52; height: 24px" /> <span class="current-time">{{
item.submitDateTimestamp
? formatToDateHMS(Number(item.submitDateTimestamp) || 0)
: "-"
}}</span>
</div> </div>
<div v-else-if="item.historyStates === 3" class="pass-status"> </div>
<SvgIcon name="no-pass-icon" style="width: 52; height: 24px" /> <div class="check">
<n-checkbox
v-show="batch && item.historyStates !== 2 && item.historyStates !== 3"
v-model:checked="item.checked"
@click.stop
@update:checked="onCheckChange($event, item)"
/>
</div>
<div class="percent" :class="{ 'percent-red': item?.maxSimilarity >= 100 }">
<SvgIcon size="42" :name="item.maxSimilarity == 100 ? 'error_tag' : 'tag'" />
<div class="val">
{{ item?.maxSimilarity && Number(item?.maxSimilarity).toFixed(0)
}}<span class="percent-unit">%</span>
</div> </div>
<SvgIcon v-if="[1, 2, 3].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t9" @click.stop="handleRejectdubiousfileyd" /> </div>
<div v-if="item.historyStates === 2" class="pass-status">
<SvgIcon name="pass-icon" style="width: 52; height: 24px" />
</div>
<div v-else-if="item.historyStates === 3" class="pass-status">
<SvgIcon name="no-pass-icon" style="width: 52; height: 24px" />
</div>
<div v-show="overTask && overTask.id === item.id" class="action"> <div v-show="overTask && overTask.id === item.id" class="action">
<SvgIcon style="cursor: pointer" name="t1" @click.stop="approvalHandler" /> <SvgIcon v-if="item.historyStates === 1" style="cursor: pointer" name="t1" @click.stop="approvalHandler" />
<SvgIcon <SvgIcon
style="cursor: pointer; margin-left: 40px" v-if="[1, 3].includes(item.historyStates)"
name="t2" style="cursor: pointer; margin-left: 40px"
@click.stop="singleRejectHandler(item)" name="t2"
/> @click.stop="singleRejectHandler(item)"
<SvgIcon v-if="[1, 2, 3].includes(taskDetailInfo.historyStates)" style="cursor: pointer; margin-left: 30px" name="t9" @click.stop="handleRejectdubiousfileyd" /> />
</div> <SvgIcon style="cursor: pointer; margin-left: 30px" name="t9" @click.stop="handleRejectdubiousfileyd" />
</div> </div>
<n-back-top :listen-to="wrapperListRef" :bottom="220" :visibility-height="10"> </div>
<div <n-back-top :listen-to="wrapperListRef" :bottom="220" :visibility-height="10">
style=" <div
style="
width: 100px; width: 100px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
" "
> >
回到顶部 回到顶部
</div> </div>
</n-back-top> </n-back-top>
</div>
</div> </div>
</div> </div>
</n-spin> </n-spin>

Write Preview
Loading…
Cancel
Save