Compare commits

...

7 Commits

File diff suppressed because it is too large Load Diff

@ -1,16 +1,16 @@
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref, reactive, unref, computed,watch } from "vue"; import { computed, onMounted, reactive, ref, unref, watch } from 'vue'
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router'
import testImg from "@/assets/images/test.png"; import { chunk } from 'lodash-es'
import { chunk } from "lodash-es"; import { useDialog, useMessage } from 'naive-ui'
import type { RowData } from "@/config/final"; import { RepeatModal, RepeatTaskTableModal } from '../comp'
import { getFinalList } from "@/api/final"; import testImg from '@/assets/images/test.png'
import { useFinal } from "@/store/modules/final"; import type { RowData } from '@/config/final'
import { formatToDateHMS } from "@/utils/dateUtil"; import { getFinalList } from '@/api/final'
import { useMessage, useDialog } from "naive-ui"; import { useFinal } from '@/store/modules/final'
import { audit } from "@/api/task/task"; import { formatToDateHMS } from '@/utils/dateUtil'
import NotPassed from "@/components/Approval/NotPassed.vue"; import { audit } from '@/api/task/task'
import { RepeatModal, RepeatTaskTableModal } from "../comp"; import NotPassed from '@/components/Approval/NotPassed.vue'
const emit = defineEmits(['changeShow']) const emit = defineEmits(['changeShow'])
const dialog = useDialog() const dialog = useDialog()
@ -94,7 +94,10 @@ async function initData(
// 使使 // 使使
// let params = filterId ? { userSearchId: filterId } : asideParmas // let params = filterId ? { userSearchId: filterId } : asideParmas
let params = asideParmas let params = asideParmas
params = params?.izshowall ? {} : params if (params?.izshowall == false)
params.isFail = false
params = params?.izshowall ? { isFail: true } : params
const result = await getFinalList({ const result = await getFinalList({
sortorder: sortorder.value, sortorder: sortorder.value,
@ -104,22 +107,21 @@ async function initData(
taskName, taskName,
...params, ...params,
}); })
const { data, pageCount, totalCount } = result; const { data, pageCount, totalCount } = result
console.log(data, pageCount, totalCount); console.log(data, pageCount, totalCount)
//tableData.value = tableData.value.concat(data); // tableData.value = tableData.value.concat(data);
tableData.value = data; tableData.value = data
console.log(tableData.value); console.log(tableData.value)
total.value = totalCount; total.value = totalCount
pagination.page = page; pagination.page = page
pagination.pageCount = Math.ceil(totalCount / pageSize); pagination.pageCount = Math.ceil(totalCount / pageSize)
loading.value = false; loading.value = false
tableData.value.forEach((item) => { tableData.value.forEach((item) => {
item.showcheck = false; item.showcheck = false
if (isValidTimestamp(item.fromuptime)) { if (isValidTimestamp(item.fromuptime))
item.fromuptime = formatToDateHMS(item.fromuptime); item.fromuptime = formatToDateHMS(item.fromuptime)
} })
});
tableData.value = chunk(tableData.value, 4) tableData.value = chunk(tableData.value, 4)
} }
@ -174,15 +176,14 @@ async function query(
// tableData.value = tableData.value.concat(data); // tableData.value = tableData.value.concat(data);
tableData.value = newlist tableData.value = newlist
// console.log(tableData.value); // console.log(tableData.value);
total.value = totalCount; total.value = totalCount
pagination.page = page; pagination.page = page
pagination.pageCount = Math.ceil(totalCount / pageSize); pagination.pageCount = Math.ceil(totalCount / pageSize)
loading.value = false; loading.value = false
tableData.value.forEach((item) => { tableData.value.forEach((item) => {
if (isValidTimestamp(item.fromuptime)) { if (isValidTimestamp(item.fromuptime))
item.fromuptime = formatToDateHMS(item.fromuptime); item.fromuptime = formatToDateHMS(item.fromuptime)
} })
});
tableData.value = chunk(tableData.value, 4) tableData.value = chunk(tableData.value, 4)
} }
@ -400,39 +401,44 @@ function checkBottom() {
}, 500) }, 500)
} }
function changesort(sortnamex) { function changesort(sortnamex) {
if (sortorder.value == "asc" && sortnamex == "submit_date_timestamp") { if (sortorder.value == 'asc' && sortnamex == 'submit_date_timestamp') {
sortorder.value = "desc"; sortorder.value = 'desc'
sortname.value = "submit_date_timestamp"; sortname.value = 'submit_date_timestamp'
}else if (sortorder.value == "desc" && sortnamex == "submit_date_timestamp") { }
sortorder.value = "asc"; else if (sortorder.value == 'desc' && sortnamex == 'submit_date_timestamp') {
sortname.value = "submit_date_timestamp"; sortorder.value = 'asc'
} else if (sortorder.value == "desc" && sortnamex == "similarity_score") { sortname.value = 'submit_date_timestamp'
sortorder.value = "asc"; }
sortname.value = "similarity_score"; else if (sortorder.value == 'desc' && sortnamex == 'similarity_score') {
} else if (sortorder.value == "asc" && sortnamex == "similarity_score") { sortorder.value = 'asc'
sortorder.value = "desc"; sortname.value = 'similarity_score'
sortname.value = "similarity_score"; }
} else if (sortorder.value == "asc" && sortnamex == "field1") { else if (sortorder.value == 'asc' && sortnamex == 'similarity_score') {
sortorder.value = "desc"; sortorder.value = 'desc'
sortname.value = "field1"; sortname.value = 'similarity_score'
} else if (sortorder.value == "desc" && sortnamex == "field1") { }
sortorder.value = "asc"; else if (sortorder.value == 'asc' && sortnamex == 'field1') {
sortname.value = "field1"; sortorder.value = 'desc'
} sortname.value = 'field1'
initData(1, 20); }
num=1 else if (sortorder.value == 'desc' && sortnamex == 'field1') {
sortorder.value = 'asc'
sortname.value = 'field1'
}
initData(1, 20)
num = 1
} }
watch( watch(
() => finalStore.asideValue, () => finalStore.asideValue,
(newVal, oldVal) => { (newVal, oldVal) => {
initData(1, 20); initData(1, 20)
}, },
{ deep: true } { deep: true },
); )
defineExpose({ defineExpose({
initData, initData,
}); })
</script> </script>
<template> <template>
@ -527,16 +533,13 @@ defineExpose({
<div class="wrapper-settings"> <div class="wrapper-settings">
<div> <div>
<div @click="changesort('submit_date_timestamp')"> <div @click="changesort('submit_date_timestamp')">
<span>提报时间排序</span <span>提报时间排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
</div> </div>
<div @click="changesort('similarity_score')"> <div @click="changesort('similarity_score')">
<span>相似度排序</span <span>相似度排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
</div> </div>
<div @click="changesort('field1')"> <div @click="changesort('field1')">
<span>提报人排序</span <span>提报人排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
</div> </div>
</div> </div>
<div style="width: 3vw"> <div style="width: 3vw">
@ -549,7 +552,7 @@ defineExpose({
/> />
</div> </div>
</div> </div>
<div :class="tableData.length>16?'cotnet_wrapeer':'cotnet_wrapeertwo'" @scroll="checkBottom" ref="scrollContainer"> <div ref="scrollContainer" :class="tableData.length > 4 ? 'cotnet_wrapeer' : 'cotnet_wrapeertwo'" @scroll="checkBottom">
<div <div
v-for="(sitem, sindex) in tableData" v-for="(sitem, sindex) in tableData"
:key="sindex" :key="sindex"
@ -587,7 +590,14 @@ defineExpose({
: `background:url(${item.imgUrl});background-size:100% 100%;background-repeat: no-repeat;` : `background:url(${item.imgUrl});background-size:100% 100%;background-repeat: no-repeat;`
" "
@click="goDetail(item)" @click="goDetail(item)"
/> >
<div v-if="item.similarityscore != -1" class="percent">
<SvgIcon size="30" :name="item.similarityscore == 100 ? 'error_tag' : 'tag'" />
<div class="val">
{{ `${item.similarityscore}%` }}
</div>
</div>
</div>
<div v-show="item.states == 2" class="check_box"> <div v-show="item.states == 2" class="check_box">
<n-checkbox <n-checkbox
size="medium" size="medium"
@ -603,8 +613,8 @@ defineExpose({
</n-ellipsis> </n-ellipsis>
</div> </div>
<div class="date"> <div class="date">
<n-ellipsis style="max-width: 100%" <n-ellipsis style="max-width: 100%">
>{{ item.fromuptime }} {{ item.fromuptime }}
</n-ellipsis> </n-ellipsis>
</div> </div>
<div class="tag_box"> <div class="tag_box">
@ -853,6 +863,7 @@ defineExpose({
// height: auto; // height: auto;
object-fit: cover; object-fit: cover;
border-radius: 0.18rem; border-radius: 0.18rem;
position: relative;
} }
.check_box { .check_box {
position: absolute; position: absolute;
@ -945,6 +956,32 @@ defineExpose({
overflow: auto; overflow: auto;
width: calc(100% + 5px); width: calc(100% + 5px);
} }
.percent {
position: absolute;
text-align: center;
z-index: 3;
right: 0px;
top: -4px;
color: #fff;
.val {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-family: PingFang SC, PingFang SC-Semibold;
font-weight: Semibold;
text-align: left;
color: #ffffff;
line-height: 24px;
}
}
/* 定义滚动条的宽度及背景颜色 */ /* 定义滚动条的宽度及背景颜色 */
::-webkit-scrollbar { ::-webkit-scrollbar {
position: fixed; position: fixed;

@ -1032,6 +1032,34 @@ defineExpose({
.scroll { .scroll {
overflow-y: scroll; overflow-y: scroll;
//
&::-webkit-scrollbar {
width: 6px;
height: 6px;
background: #f1f1f1;
display: none;
}
&:hover {
&::-webkit-scrollbar {
display: block;
}
}
/* 定义滚动条轨道的样式 */
&::-webkit-scrollbar-track {
background-color: #e1e1e1;
border-radius: 10px; /* 圆角 */
}
/* 定义滚动条滑块的样式 */
&::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 10px; /* 圆角 */
}
/* 滑块hover时的样式 */
&::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
} }
} }
.flex-btn-icon { .flex-btn-icon {

@ -445,6 +445,7 @@ async function getImgList() {
const { data, total } = await getSimilarityList({ const { data, total } = await getSimilarityList({
...taskpagination, ...taskpagination,
...sortBy, ...sortBy,
taskNode: taskDetailInfo.value.taskNode,
pictureId: taskDetailInfo.value.ocrPicture.id, pictureId: taskDetailInfo.value.ocrPicture.id,
}) })
taskDetailPictureList.value = data taskDetailPictureList.value = data
@ -637,6 +638,7 @@ async function fetchList() {
const { data, pageCount, total } = await getSimilarityList({ const { data, pageCount, total } = await getSimilarityList({
...pagination, ...pagination,
...sortBy, ...sortBy,
taskNode: taskDetailInfo.value.taskNode,
pictureId: taskDetailInfo.value.ocrPicture.id, pictureId: taskDetailInfo.value.ocrPicture.id,
}) })
canloadMore = pageCount >= pagination.pageNo && pageCount > 0 canloadMore = pageCount >= pagination.pageNo && pageCount > 0

@ -144,6 +144,7 @@ async function fetchList() {
{ {
...pagination, ...pagination,
...sortBy, ...sortBy,
taskNode: taskDetailInfo.value.taskNode,
pictureId: taskDetailInfo.value.ocrPicture.id, pictureId: taskDetailInfo.value.ocrPicture.id,
}, },
) )

Loading…
Cancel
Save