From dae1ebcffd8b00ecc788cf0723b2a2e2049fa80d Mon Sep 17 00:00:00 2001
From: zhouxiaoan <13598091228@139.com>
Date: Thu, 11 Apr 2024 00:38:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=BE=E9=89=B4=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mock/user/user.ts                             |   2 +-
 src/api/work/work.ts                          |  27 +-
 src/components/DataHeader/index.vue           |  84 +--
 src/layout/components/Header/index.vue        | 137 ++--
 src/router/modules/worksheet.ts               |   6 +-
 src/store/modules/user.ts                     |   7 +-
 src/views/task/content/Content.vue            | 609 +++++++++---------
 src/views/worksheet/aside/ListItem.vue        |  31 +-
 src/views/worksheet/aside/WorkSheetList.vue   |  53 +-
 .../worksheet/components/PictureInfo.vue      |  16 +-
 src/views/worksheet/content/Content.vue       | 447 +++++++------
 11 files changed, 786 insertions(+), 633 deletions(-)

diff --git a/mock/user/user.ts b/mock/user/user.ts
index ff5816e..66bb4b5 100644
--- a/mock/user/user.ts
+++ b/mock/user/user.ts
@@ -23,7 +23,7 @@ const adminInfo = {
       value: 'task-main',
     },
     {
-      label: '图审审批管理',
+      label: '图审审批',
       value: 'worksheet-main',
     },
   ],
diff --git a/src/api/work/work.ts b/src/api/work/work.ts
index f7e1259..ac3aed9 100644
--- a/src/api/work/work.ts
+++ b/src/api/work/work.ts
@@ -22,7 +22,7 @@ export async function getPackageList(params: PageParam, packageName: string) {
 }
 
 /**
- * 任务包列表主图-新 
+ * 任务包列表主图-新
  * @returns
  */
 export async function getPackagePicture(params: PageParam, packagename: string) {
@@ -62,12 +62,11 @@ export async function getPackageTaskList(packageid: string, params: PageParam) {
 }
 
 /**
- * 任务包列表主图-新 
+ * 任务包列表主图-新
  * @param checkDuplicateId  查重id
  * @returns
  */
 export async function getTaskDetailInfo(checkDuplicateId: string) {
-
   const res = await http.request({
     url: `/ocr/ocrPicture/getPackagePicture?checkDuplicateId=${checkDuplicateId}`,
     method: 'get',
@@ -75,7 +74,18 @@ export async function getTaskDetailInfo(checkDuplicateId: string) {
 
   return res.data
 }
-
+/**
+ * 移动到可疑文件夹
+ * @param pictureid 图片id 多个 逗号分割 xx,xx,xx,xx
+ * @returns
+ */
+export async function dubiousfileyd(pictureid: string) {
+  const res = await http.request({
+    url: `/ocr/dubiousfile/dubiousfileyd?pictureid=${pictureid}`,
+    method: 'get',
+  })
+  return res.data
+}
 /**
  *  获取某个任务详情(相似图片列表)
  * @param packageid 任务包id
@@ -84,7 +94,6 @@ export async function getTaskDetailInfo(checkDuplicateId: string) {
  * @returns
  */
 export async function getPictureSimilarityList(params: PageParam & PictureSortParam & SimilarityPictureSortParam) {
-
   const res = await http.request({
     url: `/backstage/jifen/ocrtaskchildpicture/getPictureSimilarityList`,
     method: 'get',
@@ -94,7 +103,7 @@ export async function getPictureSimilarityList(params: PageParam & PictureSortPa
   const { data: { records, pages, total } } = res
 
   // 精简一下数据
-  const list = records.map((item,index) => {
+  const list = records.map((item, index) => {
     return {
       id: item.id,
       checkDuplicateId: item.checkDuplicateId,
@@ -108,9 +117,9 @@ export async function getPictureSimilarityList(params: PageParam & PictureSortPa
       iztrueorfalse: item.iztrueorfalse,
       states: item.states,
       history: item.ocpictureid && item.picturecompare && hasHistory(item.ocpictureid, item.picturecompare),
-      historyStates:item.historyStates,
-      submitDateTimestamp:item.submitDateTimestamp,
-      photoDateTimestamp:item.photoDateTimestamp,
+      historyStates: item.historyStates,
+      submitDateTimestamp: item.submitDateTimestamp,
+      photoDateTimestamp: item.photoDateTimestamp,
     }
   })
   return {
diff --git a/src/components/DataHeader/index.vue b/src/components/DataHeader/index.vue
index 8c42ca5..e0b9d3e 100644
--- a/src/components/DataHeader/index.vue
+++ b/src/components/DataHeader/index.vue
@@ -1,76 +1,80 @@
-<template>
-  <div class="header_wrap">
-    <div v-for="(item, index) in data" :key="index" class="header_item">
-      <SvgIcon :name="item.link"/>
-      <div class="data_wrap">
-        <div class="data_title" :style="hasColor?`color:${item.color || ''}`:''">{{ item.count }}</div>
-        <div class="data_content">{{ item.title }}</div>
-      </div>
-    </div>
-    <SvgIcon size="14px" style="cursor: pointer" name="setting" class="settingSvg"></SvgIcon>
-  </div>
-</template>
-
 <script lang="ts" setup>
-import { defineProps, onMounted } from "vue";
+import { defineProps, onMounted } from 'vue'
 
 defineProps({
   hasColor: {
     type: Boolean,
     default: () => false,
   },
-});
-const initRem = () => {
-  const designWidth = 1440;
-  const rempPx = 16;
-  const scale = window.innerWidth / designWidth;
-  document.documentElement.style.fontSize = scale * rempPx + "px";
-};
-onMounted(()=>{
-  initRem();
+})
+function initRem() {
+  const designWidth = 1440
+  const rempPx = 16
+  const scale = window.innerWidth / designWidth
+  document.documentElement.style.fontSize = `${scale * rempPx}px`
+}
+onMounted(() => {
+  initRem()
 })
 
 const data = [
   {
-    link: "count",
-    title: "任务总数",
+    link: 'count',
+    title: '任务总数',
     count: 6399,
   },
   {
-    link: "wait",
-    title: "待审批",
+    link: 'wait',
+    title: '待审批',
     count: 6290,
   },
   {
-    link: "done",
-    title: "已审批",
+    link: 'done',
+    title: '已审批',
     count: 109,
   },
   {
-    link: "resolve",
-    title: "通过",
+    link: 'resolve',
+    title: '通过',
     count: 3290,
-    color: "#03c984",
+    color: '#03c984',
   },
   {
-    link: "reject",
-    title: "不通过",
+    link: 'reject',
+    title: '不通过',
     count: 3000,
-    color: "#ff8b8b",
+    color: '#ff8b8b',
   },
   {
-    link: "reimg",
-    title: "图片重复数",
+    link: 'reimg',
+    title: '图片重复数',
     count: 230,
   },
   {
-    link: "breakcount",
-    title: "小结重复数",
+    link: 'breakcount',
+    title: '小结重复数',
     count: 365,
   },
-];
+]
 </script>
 
+<template>
+  <div class="header_wrap">
+    <div v-for="(item, index) in data" :key="index" class="header_item">
+      <SvgIcon :name="item.link" />
+      <div class="data_wrap">
+        <div class="data_title" :style="hasColor ? `color:${item.color || ''}` : ''">
+          {{ item.count }}
+        </div>
+        <div class="data_content">
+          {{ item.title }}
+        </div>
+      </div>
+    </div>
+    <SvgIcon size="14px" style="cursor: pointer" name="setting" class="settingSvg" />
+  </div>
+</template>
+
 <style scoped lang="less">
 .header_wrap {
   display: flex;
diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index e80254a..d9d301c 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -11,11 +11,11 @@ import { msgPolling } from '@/api/message/message'
 import { getImgUrl } from '@/utils/urlUtils'
 import { useUser } from '@/store/modules/user'
 import { useTaskStore } from '@/store/modules/task'
-import defaultAvatar from '@/assets/icons/avatar.svg';
+import defaultAvatar from '@/assets/icons/avatar.svg'
 
-const taskStore = useTaskStore();
+const taskStore = useTaskStore()
 export default defineComponent({
-  name: "PageHeader",
+  name: 'PageHeader',
   components: {
     UserSettings,
     QuillModal,
@@ -31,139 +31,140 @@ export default defineComponent({
       type: Boolean,
     },
   },
-  emits: ["update:collapsed"],
+  emits: ['update:collapsed'],
   setup() {
-    const message = useMessage();
-    const dialog = useDialog();
+    const message = useMessage()
+    const dialog = useDialog()
 
-    const userStore = useUser();
-    const useInfo = userStore.getUserInfo;
+    const userStore = useUser()
+    const useInfo = userStore.getUserInfo
 
-    const name = "";
+    const name = ''
 
     const state = reactive({
-      username: name ?? "",
-      fullscreenIcon: "FullscreenOutlined",
-    });
+      username: name ?? '',
+      fullscreenIcon: 'FullscreenOutlined',
+    })
 
-    const router = useRouter();
-    const route = useRoute();
-    const routename = ref(route.meta.title);
+    const router = useRouter()
+    const route = useRoute()
+    const routename = ref(route.meta.title)
     // 图标列表mm
     const iconList = ref([
       {
-        icon: "magnifying-1",
+        icon: 'magnifying-1',
         handle: searchHandler,
       },
       {
-        icon: "shortcut-keys",
+        icon: 'shortcut-keys',
         handle: shortcutHandler,
       },
       {
-        icon: "suspicious-folder",
+        icon: 'suspicious-folder',
         handle: recycleHandler,
       },
       {
-        icon: "memo",
+        icon: 'memo',
         handle: quillHandler,
       },
       {
-        icon: "nomessage",
+        icon: 'nomessage',
         handle: goMessage,
       },
-    ]);
+    ])
 
     watch(
       () => route.fullPath,
       () => {
-        routename.value = route.meta.title;
-      }
-    );
+        routename.value = route.meta.title
+      },
+    )
 
     const handleDragOver = (event, item) => {
-      taskStore.setInFile(true);
-    };
+      taskStore.setInFile(true)
+    }
 
     const handleDragLeave = (event, item) => {
-      taskStore.setInFile(false);
-    };
+      taskStore.setInFile(false)
+    }
 
     const dropdownSelect = (key) => {
-      router.push({ name: key });
-    };
+      router.push({ name: key })
+    }
 
     // 退出登录
     const doLogout = () => {
       dialog.info({
-        title: "提示",
-        content: "您确定要退出登录吗",
-        positiveText: "确定",
-        negativeText: "取消",
+        title: '提示',
+        content: '您确定要退出登录吗',
+        positiveText: '确定',
+        negativeText: '取消',
         onPositiveClick: () => {
           userStore.logout().then(() => {
-            message.success("成功退出登录");
+            message.success('成功退出登录')
             router
               .replace({
-                name: "Login",
+                name: 'Login',
                 query: {
                   // redirect: route.fullPath,
                 },
               })
-              .finally(() => location.reload());
-          });
+              .finally(() => location.reload())
+          })
         },
         onNegativeClick: () => {},
-      });
-    };
+      })
+    }
 
-    const quillModalRef = ref(null);
-    const shortcutModal = ref(null);
-    const recycleModalRef = ref(null);
-    const SearchModalRef = ref(null);
+    const quillModalRef = ref(null)
+    const shortcutModal = ref(null)
+    const recycleModalRef = ref(null)
+    const SearchModalRef = ref(null)
 
     function quillHandler() {
-      const modal = unref(quillModalRef)! as any;
-      modal.showModal();
+      const modal = unref(quillModalRef)! as any
+      modal.showModal()
     }
 
     function shortcutHandler() {
-      const modal = unref(shortcutModal)! as any;
-      modal.showModal();
+      const modal = unref(shortcutModal)! as any
+      modal.showModal()
     }
 
     function recycleHandler() {
-      const modal = unref(recycleModalRef)! as any;
-      modal.showModal();
+      const modal = unref(recycleModalRef)! as any
+      modal.showModal()
     }
 
     function searchHandler() {
-      const modal = unref(SearchModalRef)! as any;
-      modal.showModal();
+      const modal = unref(SearchModalRef)! as any
+      modal.showModal()
     }
 
     function goMessage() {
-      router.push({ name: "message-main" });
+      router.push({ name: 'message-main' })
     }
 
     async function getMessage() {
-      const res = await msgPolling();
-      if (res.data) iconList.value[4].icon = "hasmessage";
-      else iconList.value[4].icon = "nomessage";
+      const res = await msgPolling()
+      if (res.data)
+        iconList.value[4].icon = 'hasmessage'
+      else iconList.value[4].icon = 'nomessage'
     }
     setInterval(() => {
-      getMessage();
-    }, 5000);
+      getMessage()
+    }, 5000)
 
-    const mousetrap = inject("mousetrap") as any;
+    const mousetrap = inject('mousetrap') as any
     onMounted(() => {
-      getMessage();
-      mousetrap.bind("n r", quillHandler);
-      mousetrap.bind("n t", quillHandler);
-      mousetrap.bind("n n", recycleHandler);
-      mousetrap.bind("m m", searchHandler);
-    });
+      getMessage()
+      mousetrap.bind('n r', quillHandler)
+      mousetrap.bind('n t', quillHandler)
+      mousetrap.bind('n n', recycleHandler)
+      mousetrap.bind('m m', searchHandler)
+    })
 
-    const defaultAvatarSrc = ref(defaultAvatar);
+    const defaultAvatarSrc = ref(defaultAvatar)
 
     return {
       ...toRefs(state),
@@ -187,7 +188,7 @@ export default defineComponent({
       defaultAvatarSrc,
     }
   },
-});
+})
 </script>
 
 <template>
@@ -228,7 +229,7 @@ export default defineComponent({
       <!-- 个人中心 -->
       <div class="layout-header-trigger layout-header-trigger-min">
         <!-- <n-avatar :src="getImgUrl(useInfo.usericon)" round /> -->
-        <n-avatar :src="(useInfo.usericon && getImgUrl(useInfo.usericon)) || defaultAvatarSrc" round/>
+        <n-avatar :src="(useInfo.usericon && getImgUrl(useInfo.usericon)) || defaultAvatarSrc" round />
       </div>
       <!-- 设置 -->
       <UserSettings @logout="doLogout" />
diff --git a/src/router/modules/worksheet.ts b/src/router/modules/worksheet.ts
index d80eb8d..9f1d082 100644
--- a/src/router/modules/worksheet.ts
+++ b/src/router/modules/worksheet.ts
@@ -1,5 +1,5 @@
-import { Layout } from '@/router/constant'
 import type { RouteRecordRaw } from 'vue-router'
+import { Layout } from '@/router/constant'
 
 /**
  * @param name 路由名称, 必须设置,且不能重名
@@ -19,7 +19,7 @@ const routes: Array<RouteRecordRaw> = [
     redirect: '/worksheet',
     component: Layout,
     meta: {
-      title: '图审审批管理',
+      title: '图审审批',
       permissions: ['worksheet-main'],
       svgname: 'worksheet',
       svgsize: 22,
@@ -30,7 +30,7 @@ const routes: Array<RouteRecordRaw> = [
         path: 'worksheet',
         name: 'worksheet-main',
         meta: {
-          title: '图审审批管理',
+          title: '图审审批',
         },
         component: () => import('@/views/worksheet/index.vue'),
       },
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index d52817a..ab16fb7 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -124,10 +124,9 @@ export const useUserStore = defineStore({
         // 默认设置为第一个租户
         const firstTenant = data.tenantList.length > 0 ? data.tenantList[0] : null
         const tenantId = firstTenant ? firstTenant.id : ''
-        data.frontmenuTList.forEach(ele=>{
-          if(ele.description === 'AI工单'){
-            ele.description = '图审审批管理'
-          }
+        data.frontmenuTList.forEach((ele) => {
+          if (ele.description === 'AI工单')
+            ele.description = '图审审批'
         })
         storage.set(CURRENT_USER, data, ex)
         storage.set(TENANT_ID, tenantId)
diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index fc77327..c7b99b9 100644
--- a/src/views/task/content/Content.vue
+++ b/src/views/task/content/Content.vue
@@ -7,175 +7,180 @@ import {
   ref,
   unref,
   watch,
-} from "vue";
-import { chunk, clone } from "lodash-es";
-import { useDialog, useMessage } from "naive-ui";
-import { useRoute, useRouter } from "vue-router";
-import BatchModal from "../modal/BatchModal.vue";
-import CustomSettingModal from "../modal/CustomSettingModal.vue";
-import PictureTable from "./PictureTable.vue";
-import TaskTable from "./TaskTable.vue";
-import History from "./History.vue";
-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";
+} from 'vue'
+import { chunk, clone } from 'lodash-es'
+import { useDialog, useMessage } from 'naive-ui'
+import { useRoute, useRouter } from 'vue-router'
+import BatchModal from '../modal/BatchModal.vue'
+import CustomSettingModal from '../modal/CustomSettingModal.vue'
+import PictureTable from './PictureTable.vue'
+import TaskTable from './TaskTable.vue'
+import History from './History.vue'
+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,
   getSimilarityList,
   getTaskDetailInfo,
-} from "@/api/task/task";
-import { useTask } from "@/store/modules/task";
-import { useUser } from "@/store/modules/user";
-import { isEmpty } from "@/utils";
-import { formatToDateHMS } from "@/utils/dateUtil";
-import { hideDownload } from "@/utils/image";
-
-const emit = defineEmits(["setAsideItemName"]);
-
-const router = useRouter();
-const loading = ref(false);
-const batch = ref(false);
-const batchtwo = ref(false);
-const selectItems = ref<any[]>([]);
-const message = useMessage();
-const dialog = useDialog();
-const notPassModalRef = ref(null);
-const batchModalRef: any = ref(null);
-const totalCount = ref(0);
-const taskId: any = ref(""); // 任务id
-const packageId: any = ref(""); // 包id
-const CustomSettingModalRef = ref(null);
-const taskTableData = ref<any[]>([]);
-const route = useRoute();
-const isDetail = ref(false); // 是否是详情
-const finalStore = useFinal();
+} from '@/api/task/task'
+import { useTask } from '@/store/modules/task'
+import { useUser } from '@/store/modules/user'
+import { isEmpty } from '@/utils'
+import { formatToDateHMS } from '@/utils/dateUtil'
+import { hideDownload } from '@/utils/image'
+
+const emit = defineEmits(['setAsideItemName'])
+
+const router = useRouter()
+const loading = ref(false)
+const batch = ref(false)
+const batchtwo = ref(false)
+const selectItems = ref<any[]>([])
+const message = useMessage()
+const dialog = useDialog()
+const notPassModalRef = ref(null)
+const batchModalRef: any = ref(null)
+const totalCount = ref(0)
+const taskId: any = ref('') // 任务id
+const packageId: any = ref('') // 包id
+const CustomSettingModalRef = ref(null)
+const taskTableData = ref<any[]>([])
+const route = useRoute()
+const isDetail = ref(false) // 是否是详情
+const finalStore = useFinal()
 const sortBy: any = {
-  orderType: "desc",
-  orderName: "similarityScore",
-};
+  orderType: 'desc',
+  orderName: 'similarityScore',
+}
 
 function onCheckChange(checked: any, item: any) {
-  const index = selectItems.value.indexOf(item);
-  item.checked = checked;
+  const index = selectItems.value.indexOf(item)
+  item.checked = checked
 
-  if (index === -1 && checked) selectItems.value.push(item);
-  else selectItems.value.splice(index, 1);
+  if (index === -1 && checked)
+    selectItems.value.push(item)
+  else selectItems.value.splice(index, 1)
 }
 
 const showActions = computed(() => {
-  return selectItems.value.length > 0 && batch;
-});
+  return selectItems.value.length > 0 && batch
+})
 
 const taskpagination = reactive({
   pageNo: 1,
   pageSize: 30,
-});
-const taskStore = useTask();
-const overTask = ref<any>(null);
-const overTasktwo = ref<any>(null);
-const taskDetailInfo = ref<any>({});
-const taskDetailPictureList = ref<any[]>([]);
-const userStore = useUser();
-const imageRef = ref<ComponentElRef | null>();
-let processItems: any[] = [];
-const isFullScreen = ref(false);
+})
+const taskStore = useTask()
+const overTask = ref<any>(null)
+const overTasktwo = ref<any>(null)
+const taskDetailInfo = ref<any>({})
+const taskDetailPictureList = ref<any[]>([])
+const userStore = useUser()
+const imageRef = ref<ComponentElRef | null>()
+let processItems: any[] = []
+const isFullScreen = ref(false)
 
 const fullscreenStyles = computed<any>(() => ({
-  width: isFullScreen.value ? "100vw" : "",
-  height: isFullScreen.value ? "100vh" : "",
-  position: isFullScreen.value ? "fixed" : "",
-  top: isFullScreen.value ? "0" : "",
-  left: isFullScreen.value ? "0" : "",
-  zIndex: isFullScreen.value ? "100" : "",
-}));
+  width: isFullScreen.value ? '100vw' : '',
+  height: isFullScreen.value ? '100vh' : '',
+  position: isFullScreen.value ? 'fixed' : '',
+  top: isFullScreen.value ? '0' : '',
+  left: isFullScreen.value ? '0' : '',
+  zIndex: isFullScreen.value ? '100' : '',
+}))
 
 onMounted(() => {
-  window.addEventListener("keydown", handleKeydown);
+  window.addEventListener('keydown', handleKeydown)
 
   if (route.query.id) {
-    taskId.value = route.query.id;
-    packageId.value = route.query.packageid;
-    isDetail.value = true;
-    getDetail();
+    taskId.value = route.query.id
+    packageId.value = route.query.packageid
+    isDetail.value = true
+    getDetail()
   }
-});
+})
 
-let lastKeyPressTime = 0;
-let keyPressTimer = null;
-const doubleClickInterval = 300; // 可以自定义间隔时间，单位是毫秒
+let lastKeyPressTime = 0
+let keyPressTimer = null
+const doubleClickInterval = 300 // 可以自定义间隔时间，单位是毫秒
 // 键盘左右箭头快捷切换
 function handleKeydown(event) {
-  if (event.key === "ArrowLeft") backHandler();
+  if (event.key === 'ArrowLeft') { backHandler() }
   // 在这里执行左箭头的逻辑
-  else if (event.key === "ArrowRight") forwardHandler();
+  else if (event.key === 'ArrowRight') { forwardHandler() }
   // 在这里执行右箭头的逻辑
   else if (event.keyCode === 67) {
-    isFullScreen.value = false;
+    isFullScreen.value = false
 
     // batchModalRef.value.closeModal()
-  } else if (event.key === "p" || event.key === "P") {
+  }
+  else if (event.key === 'p' || event.key === 'P') {
     // 获取当前时间
-    const now = Date.now();
+    const now = Date.now()
 
     // 如果两次按键时间间隔小于我们设定的双击间隔，则认为是双击
     if (now - lastKeyPressTime < doubleClickInterval) {
       // 清除已经设置的定时器（如果有的话）
-      clearTimeout(keyPressTimer);
-      const item = taskDetailInfo.value;
+      clearTimeout(keyPressTimer)
+      const item = taskDetailInfo.value
       if (
-        item?.userapprove?.statshis === 2 ||
-        item?.userapprove?.statshis == 3
+        item?.userapprove?.statshis === 2
+        || item?.userapprove?.statshis == 3
       ) {
-        overTask.value = null;
-        return;
+        overTask.value = null
+        return
       }
 
       if (validate([item]) == null && batch.value === false)
-        overTask.value = item;
+        overTask.value = item
       // 执行想要的操作
-      approvalHandler();
+      approvalHandler()
 
       // 重置上次按键时间
-      lastKeyPressTime = 0;
-    } else {
+      lastKeyPressTime = 0
+    }
+    else {
       // 如果不是双击，则更新上次按键时间，并开始一个新的计时器
-      lastKeyPressTime = now;
+      lastKeyPressTime = now
 
       // 通过定时器重置上次按键时间
       // 这可以防止如果用户只按了一次键，也会触发双击的情况
-      clearTimeout(keyPressTimer);
-      keyPressTimer = setTimeout(function () {
-        lastKeyPressTime = 0;
-      }, doubleClickInterval);
+      clearTimeout(keyPressTimer)
+      keyPressTimer = setTimeout(() => {
+        lastKeyPressTime = 0
+      }, doubleClickInterval)
     }
-  } else if (event.key === "x" || event.key === "X") {
+  }
+  else if (event.key === 'x' || event.key === 'X') {
     // 获取当前时间
-    const now = Date.now();
+    const now = Date.now()
 
     // 如果两次按键时间间隔小于我们设定的双击间隔，则认为是双击
     if (now - lastKeyPressTime < doubleClickInterval) {
       // 清除已经设置的定时器（如果有的话）
-      clearTimeout(keyPressTimer);
+      clearTimeout(keyPressTimer)
 
       // 执行想要的操作
-      const modal = unref(notPassModalRef)! as any;
-      modal.showModal([taskDetailInfo.value]);
+      const modal = unref(notPassModalRef)! as any
+      modal.showModal([taskDetailInfo.value])
 
       // 重置上次按键时间
-      lastKeyPressTime = 0;
-    } else {
+      lastKeyPressTime = 0
+    }
+    else {
       // 如果不是双击，则更新上次按键时间，并开始一个新的计时器
-      lastKeyPressTime = now;
+      lastKeyPressTime = now
 
       // 通过定时器重置上次按键时间
       // 这可以防止如果用户只按了一次键，也会触发双击的情况
-      clearTimeout(keyPressTimer);
-      keyPressTimer = setTimeout(function () {
-        lastKeyPressTime = 0;
-      }, doubleClickInterval);
+      clearTimeout(keyPressTimer)
+      keyPressTimer = setTimeout(() => {
+        lastKeyPressTime = 0
+      }, doubleClickInterval)
     }
   }
 }
@@ -184,26 +189,27 @@ function setBatch(value: boolean) {
   // if (totalCount.value === 0)
   //   return
 
-  batch.value = value;
+  batch.value = value
 
   if (value === false) {
-    taskDetailInfo.value.checked = false;
-    selectItems.value = [];
+    taskDetailInfo.value.checked = false
+    selectItems.value = []
     taskDetailPictureList.value.forEach((item) => {
-      item.checked = false;
-    });
+      item.checked = false
+    })
   }
 }
 
 // 从store里面获取任务id
 function currentTaskId() {
-  const index = taskStore.getCurrentIndex;
-  return taskStore.getApprovalList[index]?.id || "";
+  const index = taskStore.getCurrentIndex
+  return taskStore.getApprovalList[index]?.id || ''
 }
 
 // states:1未提交，2待审批，3通过，4不通过
 function validate(items: any[]) {
-  if (items.length === 0) return "至少选中一个任务";
+  if (items.length === 0)
+    return '至少选中一个任务'
 
   // const useInfo = userStore.getUserInfo
   // const username = useInfo.loginname
@@ -220,168 +226,170 @@ function validate(items: any[]) {
   //     return '审批人不一致'
   // }
 
-  return null;
+  return null
 }
 
 function approvalHandler(items?: any) {
-  let cloneItem: any;
+  let cloneItem: any
   if (batch.value) {
-    processItems = selectItems.value;
-  } else if (overTask.value) {
-    cloneItem = clone(overTask.value);
-    processItems = [cloneItem];
+    processItems = selectItems.value
+  }
+  else if (overTask.value) {
+    cloneItem = clone(overTask.value)
+    processItems = [cloneItem]
   }
 
   if (items !== undefined && !(items instanceof PointerEvent))
-    processItems = items;
+    processItems = items
 
-  const msg = validate(processItems);
+  const msg = validate(processItems)
 
   if (msg !== null) {
-    message.error(msg);
-    return;
+    message.error(msg)
+    return
   }
 
-  console.log(processItems);
+  console.log(processItems)
 
-  const list: any = [];
+  const list: any = []
   processItems.forEach((item) => {
     list.push({
       formId: item.id,
       taskId: item.taskId,
       taskName: item.fromTaskName,
-    });
-  });
+    })
+  })
 
   const param = {
     result: true,
-    comment: "",
-    disposeType: "",
-    disposeTypeId: "",
-    failCauseId: "",
-    failCauseName: "",
+    comment: '',
+    disposeType: '',
+    disposeTypeId: '',
+    failCauseId: '',
+    failCauseName: '',
     flowTaskInfoList: list,
-  };
+  }
 
   dialog.info({
-    title: "确认提示",
-    content: "确认给该任务审批为【通过】吗?",
-    positiveText: "确定",
-    negativeText: "取消",
+    title: '确认提示',
+    content: '确认给该任务审批为【通过】吗?',
+    positiveText: '确定',
+    negativeText: '取消',
     onPositiveClick: () => {
-      doAudit(param);
+      doAudit(param)
     },
     onNegativeClick: () => {},
-  });
+  })
 }
 
 function rejectHandler(items?: any) {
-  const modal = unref(notPassModalRef)! as any;
-  modal.showModal(items);
+  const modal = unref(notPassModalRef)! as any
+  modal.showModal(items)
 }
 
 function singleRejectHandler() {
-  const modal = unref(notPassModalRef)! as any;
-  modal.showModal([taskDetailInfo.value]);
+  const modal = unref(notPassModalRef)! as any
+  modal.showModal([taskDetailInfo.value])
 }
 
 function doAudit(param: any) {
   audit(param).then((res) => {
-    const { code } = res;
-    if (code === "OK") {
-      message.success(res.message);
-      setBatch(false);
-      reloadList(param, "通过");
-      batchModalRef.value.reload();
+    const { code } = res
+    if (code === 'OK') {
+      message.success(res.message)
+      setBatch(false)
+      reloadList(param, '通过')
+      batchModalRef.value.reload()
     }
-  });
+  })
 }
 
 function showModal(modalRef: any) {
-  const modal = unref(modalRef)! as any;
-  modal.showModal(taskId.value);
+  const modal = unref(modalRef)! as any
+  modal.showModal(taskId.value)
 }
 
 function forwardHandler() {
-  taskStore.forward();
+  taskStore.forward()
 }
 
 function backHandler() {
-  taskStore.back();
+  taskStore.back()
 }
 
 async function handleDragEnd(event, item) {
-  console.log(event, item);
+  console.log(event, item)
   // 可以在这里添加拖拽结束后的逻辑
-  const flag = taskStore.getInFile;
+  const flag = taskStore.getInFile
   if (flag) {
-    const res = await dubiousfileyd({ pictureid: item.pictureId });
-    if (res.code === "OK") {
-      message.success("加入成功");
-      setBatch(false);
-      getTableData();
-      getImgList();
-    } else {
-      message.error(res.message);
+    const res = await dubiousfileyd({ pictureid: item.pictureId })
+    if (res.code === 'OK') {
+      message.success('加入成功')
+      setBatch(false)
+      getTableData()
+      getImgList()
+    }
+    else {
+      message.error(res.message)
     }
-    taskStore.setInFile(false);
+    taskStore.setInFile(false)
   }
 }
 async function addSuspicious() {
-
   console.log(taskDetailInfo.value.ocrPicture)
- if (taskDetailInfo.value.ocrPicture.pictureid) {
+  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);
-      getTableData();
-      getImgList();
-    } else {
-      message.error(res.message);
+    })
+    console.log(res)
+    if (res.code === 'OK') {
+      message.success('加入成功')
+      setBatch(false)
+      getTableData()
+      getImgList()
+    }
+    else {
+      message.error(res.message)
     }
-    taskStore.setInFile(false);
-  
-}}
+    taskStore.setInFile(false)
+  }
+}
 async function getTableData() {
-  const useInfo = userStore.getUserInfo;
-  const listData = [];
-  const reviewType = 3; // 类型
-  let res = await getAllfieldList(reviewType);
-  const fieldList = (res as any)?.data;
-  res = await getfieldList(reviewType, useInfo.id);
-  const userFieldList = (res as any)?.data.userFieldFixed;
+  const useInfo = userStore.getUserInfo
+  const listData = []
+  const reviewType = 3 // 类型
+  let res = await getAllfieldList(reviewType)
+  const fieldList = (res as any)?.data
+  res = await getfieldList(reviewType, useInfo.id)
+  const userFieldList = (res as any)?.data.userFieldFixed
   const blueList = [
-    "拜访终端名称",
-    "定位信息",
-    "拜访日期",
-    "定位距离",
-    "拜访小结",
-    "拜访项目类别",
-  ];
+    '拜访终端名称',
+    '定位信息',
+    '拜访日期',
+    '定位距离',
+    '拜访小结',
+    '拜访项目类别',
+  ]
 
   fieldList.map((v) => {
     if (userFieldList.includes(v.name)) {
-      let locationobj = { address: "" };
-      if (v.name == "location") {
-        locationobj = JSON.parse(taskDetailInfo.value.ocrPicture[v.name]);
-      }
+      let locationobj = { address: '' }
+      if (v.name == 'location')
+        locationobj = JSON.parse(taskDetailInfo.value.ocrPicture[v.name])
+
       const item = {
         label: v.fieldDesc,
         value:
-          v.name == "location"
+          v.name == 'location'
             ? locationobj.address
             : taskDetailInfo.value.ocrPicture[v.name],
         key: v.name,
         blue: blueList.includes(v.fieldDesc),
-      };
-      listData.push(item);
+      }
+      listData.push(item)
     }
-  });
-  taskTableData.value = chunk(listData, 2);
+  })
+  taskTableData.value = chunk(listData, 2)
 }
 
 async function getImgList() {
@@ -390,122 +398,125 @@ async function getImgList() {
       ...taskpagination,
       ...sortBy,
       pictureId: taskDetailInfo.value.ocrPicture.id,
-    });
-    taskDetailPictureList.value = data;
-    totalCount.value = total;
-  } else {
-    taskDetailPictureList.value.length = 0;
-    totalCount.value = 0;
+    })
+    taskDetailPictureList.value = data
+    totalCount.value = total
+  }
+  else {
+    taskDetailPictureList.value.length = 0
+    totalCount.value = 0
   }
 }
 
 function overTaskHandle() {
-  const item = taskDetailInfo.value;
+  const item = taskDetailInfo.value
   if (item?.userapprove?.statshis === 2 || item?.userapprove?.statshis == 3) {
-    overTask.value = null;
-    return;
+    overTask.value = null
+    return
   }
 
-  if (validate([item]) == null && batch.value === false) overTask.value = item;
+  if (validate([item]) == null && batch.value === false)
+    overTask.value = item
 }
 
 function leaveTaskHandler() {
-  overTask.value = null;
+  overTask.value = null
 }
 
 function showActionsModal() {
-  const modal = unref(CustomSettingModalRef)! as any;
-  modal.showModal();
+  const modal = unref(CustomSettingModalRef)! as any
+  modal.showModal()
 }
 
 onUnmounted(() => {
-  taskStore.reset();
-  window.removeEventListener("keydown", handleKeydown);
-});
+  taskStore.reset()
+  window.removeEventListener('keydown', handleKeydown)
+})
 
 function immersionHandler() {
   // taskStore.updateImmersion()
-  toggleFullScreen();
+  toggleFullScreen()
 }
 // 切换全屏状态
 function toggleFullScreen() {
-  isFullScreen.value = !isFullScreen.value;
+  isFullScreen.value = !isFullScreen.value
 }
 function previewHandler(event: MouseEvent) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
+  event.stopImmediatePropagation()
+  event.stopPropagation()
 
   if (imageRef.value && (imageRef.value as any).src)
-    (imageRef.value as any).mergedOnClick();
+    (imageRef.value as any).mergedOnClick()
 }
 
 watch(
   () => [taskStore.activeId],
   () => {
     if (!isEmpty(taskStore.getActiveId)) {
-      packageId.value = taskStore.getPackageid;
-      taskId.value = taskStore.getActiveId;
-      getDetail();
+      packageId.value = taskStore.getPackageid
+      taskId.value = taskStore.getActiveId
+      getDetail()
     }
-  }
-);
+  },
+)
 
 // 获取数据
 async function getDetail() {
-  taskDetailInfo.value = await getTaskDetailInfo(taskId.value, packageId.value);
-  setBatch(false);
-  getTableData();
-  getImgList();
+  taskDetailInfo.value = await getTaskDetailInfo(taskId.value, packageId.value)
+  setBatch(false)
+  getTableData()
+  getImgList()
 }
 
 function notPassSuccess(param) {
-  batchModalRef.value.reload();
-  reloadList(param, "不通过");
+  batchModalRef.value.reload()
+  reloadList(param, '不通过')
 }
 
 function reloadList(param, text) {
   // 修改左侧状态
-  const id = currentTaskId();
+  const id = currentTaskId()
   const hasCurrentId = param.flowTaskInfoList.find(
-    (item) => item.formId === id
-  );
-  finalStore.setListKey();
-  if (hasCurrentId) emit("setAsideItemName", text);
+    item => item.formId === id,
+  )
+  finalStore.setListKey()
+  if (hasCurrentId)
+    emit('setAsideItemName', text)
 
-  getDetail();
+  getDetail()
 }
 
 function goBack() {
-  router.back();
+  router.back()
 }
 
 function switchBatch() {
-  setBatch(!batch.value);
+  setBatch(!batch.value)
 }
 
 function getrowValue(e) {
-  if (e.key == "location") {
-    let locationobj = JSON.parse(taskDetailInfo.value.ocrPicture.location);
-    let lat = locationobj.lat.$numberDecimal;
-    let lng = locationobj.lng.$numberDecimal;
-    let name = e.value;
-    const protocol = window.location.protocol;
-    const hostname = window.location.hostname;
-    const port = window.location.port;
-    const hostWithPort = protocol + "//" + hostname + ":" + port + "/";
+  if (e.key == 'location') {
+    const locationobj = JSON.parse(taskDetailInfo.value.ocrPicture.location)
+    const lat = locationobj.lat.$numberDecimal
+    const lng = locationobj.lng.$numberDecimal
+    const name = e.value
+    const protocol = window.location.protocol
+    const hostname = window.location.hostname
+    const port = window.location.port
+    const hostWithPort = `${protocol}//${hostname}:${port}/`
     window.open(
-      hostWithPort + "map" + "?name=" + name + "&lat=" + lat + "&lng=" + lng
-    );
+      `${hostWithPort}map` + `?name=${name}&lat=${lat}&lng=${lng}`,
+    )
   }
 }
 function overTaskHandelr(item: any) {
   if (item?.historyStates === 2 || item?.historyStates == 3) {
-    overTasktwo.value = null;
-    return;
+    overTasktwo.value = null
+    return
   }
 
   if (validate([item]) == null && batchtwo.value === false)
-    overTasktwo.value = item;
+    overTasktwo.value = item
 }
 </script>
 
@@ -589,14 +600,14 @@ function overTaskHandelr(item: any) {
             src="@/assets/images/task/btn-not-pass.png"
             alt=""
             @click.stop="rejectHandler(selectItems)"
-          />
+          >
           <SvgIcon size="24" name="vs" />
           <img
             class="btn-approval"
             src="@/assets/images/task/btn-pass.png"
             alt=""
             @click.stop="approvalHandler"
-          />
+          >
         </div>
       </div>
       <div v-else class="right">
@@ -614,12 +625,12 @@ function overTaskHandelr(item: any) {
         :style="
           isFullScreen
             ? {
-                height: '395px',
-                'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
-              }
+              'height': '395px',
+              'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
+            }
             : {
-                'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
-              }
+              'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
+            }
         "
         @mouseover="overTaskHandle"
         @mouseleave="leaveTaskHandler"
@@ -660,13 +671,13 @@ function overTaskHandelr(item: any) {
             class="img-status"
             src="@/assets/images/task/pass.png"
             alt=""
-          />
+          >
           <img
             v-show="taskDetailInfo?.userapprove?.statshis === 3"
             class="img-status"
             src="@/assets/images/task/not_pass.png"
             alt=""
-          />
+          >
         </div>
         <div class="mark">
           <SvgIcon
@@ -694,7 +705,7 @@ function overTaskHandelr(item: any) {
                   class="icon-status"
                   src="@/assets/images/task/status.png"
                   alt=""
-                />
+                >
               </span>
             </n-gi>
             <n-gi span="8" class="gi2">
@@ -709,12 +720,11 @@ function overTaskHandelr(item: any) {
                   class="icon-status"
                   src="@/assets/images/task/similarity.png"
                   alt=""
-                />
+                >
               </span>
             </n-gi>
             <n-gi span="8" class="gi2">
-              <span class="value num"
-                >{{ totalCount }}<span class="unit">张</span>
+              <span class="value num">{{ totalCount }}<span class="unit">张</span>
               </span>
               <span class="label">相似匹配</span>
             </n-gi>
@@ -731,8 +741,8 @@ function overTaskHandelr(item: any) {
             <span>{{
               taskDetailInfo?.ocrPicture?.photoDateTimestamp
                 ? formatToDateHMS(
-                    Number(taskDetailInfo.ocrPicture.photoDateTimestamp)
-                  )
+                  Number(taskDetailInfo.ocrPicture.photoDateTimestamp),
+                )
                 : "-"
             }}</span>
           </div>
@@ -746,8 +756,8 @@ function overTaskHandelr(item: any) {
             <span>{{
               taskDetailInfo?.ocrPicture?.submitDateTimestamp
                 ? formatToDateHMS(
-                    Number(taskDetailInfo.ocrPicture.submitDateTimestamp)
-                  )
+                  Number(taskDetailInfo.ocrPicture.submitDateTimestamp),
+                )
                 : "-"
             }}</span>
           </div>
@@ -759,12 +769,12 @@ function overTaskHandelr(item: any) {
             :src="taskDetailInfo?.ocrPicture?.imgurl"
           />
         </div>
-        <div class="leftback"></div>
+        <div class="leftback" />
       </div>
       <div class="right">
         <n-scrollbar v-if="totalCount > 0" style="max-height: 100%">
           <div class="right-card">
-            <div class="header" v-show="!isFullScreen">
+            <div v-show="!isFullScreen" class="header">
               <span>相似图片({{ totalCount }})</span>
               <SvgIcon
                 style="margin-right: 20px; cursor: pointer"
@@ -773,7 +783,7 @@ function overTaskHandelr(item: any) {
                 @click="showModal(batchModalRef)"
               />
             </div>
-            <div class="list" v-if="!isFullScreen">
+            <div v-if="!isFullScreen" class="list">
               <div
                 v-for="item in taskDetailPictureList"
                 :key="item.id"
@@ -806,13 +816,13 @@ function overTaskHandelr(item: any) {
                   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
@@ -855,29 +865,29 @@ function overTaskHandelr(item: any) {
               </n-ellipsis>
               <div class="tags">
                 <div
-                  class="tag tag-submiting"
                   v-if="taskDetailInfo?.userapprove?.statshis == 1"
+                  class="tag tag-submiting"
                 >
                   待审批
                 </div>
                 <div
-                  class="tag tag-submited"
                   v-else-if="
-                    taskDetailInfo?.userapprove?.statshis == 2 ||
-                    taskDetailInfo?.userapprove?.statshis == 3
+                    taskDetailInfo?.userapprove?.statshis == 2
+                      || taskDetailInfo?.userapprove?.statshis == 3
                   "
+                  class="tag tag-submited"
                 >
                   已审批
                 </div>
                 <div
-                  class="tag tag-passed"
                   v-if="taskDetailInfo?.userapprove?.statshis == 2"
+                  class="tag tag-passed"
                 >
                   {{ TASK_STATUS_OBJ[taskDetailInfo?.userapprove?.statshis] }}
                 </div>
                 <div
-                  class="tag tag-not-passed"
                   v-else-if="taskDetailInfo?.userapprove?.statshis == 3"
+                  class="tag tag-not-passed"
                 >
                   {{ TASK_STATUS_OBJ[taskDetailInfo?.userapprove?.statshis] }}
                 </div>
@@ -903,26 +913,26 @@ function overTaskHandelr(item: any) {
                     </div>
                   </div>
                   <div
-                    class="viewlabel"
                     v-if="!(item[0].label == '拜访终端名称')"
+                    class="viewlabel"
                   >
                     {{ item[0].label }}
                   </div>
                   <div
-                    class="viewvalue"
                     v-if="!(item[0].label == '拜访终端名称')"
+                    class="viewvalue"
                   >
                     {{ item[0].value }}
                   </div>
                   <div
-                    class="viewlabel"
                     v-if="item[1] && !(item[1].label == '拜访终端名称')"
+                    class="viewlabel"
                   >
                     {{ item[1].label }}
                   </div>
                   <div
-                    class="viewvalue"
                     v-if="item[1] && !(item[1].label == '拜访终端名称')"
+                    class="viewvalue"
                   >
                     {{ item[1].value }}
                   </div>
@@ -935,7 +945,7 @@ function overTaskHandelr(item: any) {
       </div>
     </div>
 
-    <n-tabs type="line" animated v-if="!isFullScreen">
+    <n-tabs v-if="!isFullScreen" type="line" animated>
       <n-tab-pane name="task-info" tab="任务信息">
         <TaskTable
           :data="taskDetailInfo"
@@ -967,8 +977,7 @@ function overTaskHandelr(item: any) {
               color: #333333;
               font-family: PingFang SC, PingFang SC-Medium;
             "
-            >相似图片({{ totalCount }})</span
-          >
+          >相似图片({{ totalCount }})</span>
         </div>
         <div
           style="
@@ -982,16 +991,16 @@ function overTaskHandelr(item: any) {
           <div style="cursor: pointer" @click="sortHandler('createdate')">
             <span>时间排序</span>
             <SvgIcon
+              v-show="selectedSortName !== 'createdate'"
               style="margin-left: 5px"
               name="sort"
               size="12"
-              v-show="selectedSortName !== 'createdate'"
             />
             <SvgIcon
+              v-show="selectedSortName === 'createdate'"
               style="margin-left: 5px"
               name="active-sort"
               size="12"
-              v-show="selectedSortName === 'createdate'"
             />
           </div>
           <div
@@ -1000,16 +1009,16 @@ function overTaskHandelr(item: any) {
           >
             <span>相似度排序</span>
             <SvgIcon
+              v-show="selectedSortName !== 'similarityScore'"
               style="margin-left: 5px"
               name="sort"
               size="12"
-              v-show="selectedSortName !== 'similarityScore'"
             />
             <SvgIcon
+              v-show="selectedSortName === 'similarityScore'"
               style="margin-left: 5px"
               name="active-sort"
               size="12"
-              v-show="selectedSortName === 'similarityScore'"
             />
           </div>
         </div>
@@ -1062,16 +1071,16 @@ function overTaskHandelr(item: any) {
           >
             <div class="val">
               {{
-                item?.similarityScore &&
-                Number(item?.similarityScore).toFixed(0)
+                item?.similarityScore
+                  && Number(item?.similarityScore).toFixed(0)
               }}<span class="percent-unit">%</span>
             </div>
           </div>
 
-          <div class="pass-status" v-if="item.historyStates === 2">
+          <div v-if="item.historyStates === 2" class="pass-status">
             <SvgIcon name="pass-icon" style="width: 52; height: 24px" />
           </div>
-          <div class="pass-status" v-else-if="item.historyStates === 3">
+          <div v-else-if="item.historyStates === 3" class="pass-status">
             <SvgIcon name="no-pass-icon" style="width: 52; height: 24px" />
           </div>
           <div
diff --git a/src/views/worksheet/aside/ListItem.vue b/src/views/worksheet/aside/ListItem.vue
index 2ce9400..aca8520 100644
--- a/src/views/worksheet/aside/ListItem.vue
+++ b/src/views/worksheet/aside/ListItem.vue
@@ -32,7 +32,7 @@ const dialog = useDialog()
 const svgName = computed(() => {
   return props.selected ? 'taskpack-select' : 'taskpack'
 })
-
+const showFull = ref(false)
 const popconfirmTarget: any = ref(null)
 const popconfirmRef: any = ref(null)
 
@@ -66,7 +66,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div ref="popconfirmTarget" class="list-item" :class="{ 'list-item-selected': selected }">
+  <div ref="popconfirmTarget" class="list-item relative" :class="{ 'list-item-selected': selected, 'h200': showFieldList?.length > 5 && !showFull }">
     <div v-for="(item, index) in showFieldList" :key="index">
       <div v-if="item.id === 'name'" class="list-item-header">
         <div class="id-wrap">
@@ -129,6 +129,17 @@ onMounted(async () => {
         </li>
       </ul>
     </div>
+    <template
+      v-if="showFieldList?.length > 5"
+    >
+      <div class="absolute bottom-0 py-[8px] pl-[36px] item-action">
+        <span class="cursor-pointer" @click.stop="showFull = !showFull">
+          <SvgIcon style="margin-left: 6px" name="expand" size="16" />
+          <SvgIcon style="margin-left: 6px" name="collapse" size="16" />
+          {{ showFull ? '收起' : '展开' }}
+        </span>
+      </div>
+    </template>
     <!-- <div class="list-item-header">
       <div style="display: flex;">
         <SvgIcon :name="svgName" size="28" />
@@ -151,7 +162,12 @@ onMounted(async () => {
   padding: 10px 0px 10px 8px;
   position: relative;
   border-bottom: 1px solid #e8e8e8;
-
+// · transition: height: 0.2s ease-out;
+// transform: ;
+  &.h200 {
+    height: 206px;
+    overflow: hidden;
+  }
   &-header {
     display: flex;
     align-items: center;
@@ -199,9 +215,16 @@ onMounted(async () => {
       color: #507afd !important;
     }
   }
-
+  .item-action {
+    background-color: #fff;
+    width: calc(100% - 8px);
+  }
   &-selected {
     background-color: #f2f5fe;
+    .item-action {
+      background-color: #f2f5fe;
+
+    }
   }
 
   &-detail {
diff --git a/src/views/worksheet/aside/WorkSheetList.vue b/src/views/worksheet/aside/WorkSheetList.vue
index c12000e..5dba88a 100644
--- a/src/views/worksheet/aside/WorkSheetList.vue
+++ b/src/views/worksheet/aside/WorkSheetList.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
+import { useInfiniteScroll } from '@vueuse/core'
+import { useMessage } from 'naive-ui'
+import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
+import { throttle } from 'lodash'
+import ApprovalModal from '../modal/ApprovalModal.vue'
 import { deletePackage } from '@/api/home/main'
 import NotPassed from '@/components/NotPassed.vue'
 import { useWorkOrder } from '@/store/modules/workOrder'
 import { isEmpty } from '@/utils'
-import { useInfiniteScroll } from '@vueuse/core'
-import { useMessage } from 'naive-ui'
-import { reactive, ref, watch } from 'vue'
-import ApprovalModal from '../modal/ApprovalModal.vue'
 import ListItem from './ListItem.vue'
 import type { PackageListItem } from '/#/workorder'
 
@@ -150,6 +151,50 @@ function ApprovalOver(packageId) {
 defineExpose({
   search,
 })
+
+const onKeydown = throttle((event) => {
+  const eles = ['INPUT', 'TEXTAREA']
+  if (eles.includes(event.target.tagName))
+    return
+
+  if (event.defaultPrevented)
+    return // 如果已取消默认操作，则不应执行任何操作
+
+  const handled = false
+  if (event.key !== undefined) {
+    // 使用 KeyboardEvent.key 处理事件，并将 handled 设置为 true。
+  }
+  else if (event.keyCode !== undefined) {
+    // 使用 KeyboardEvent.keyCode 处理事件并将 handled 设置为 true。
+  }
+
+  if (handled) {
+    // 如果事件已处理，则禁止“双重操作”
+    event.preventDefault()
+  }
+  if (event.key === 'ArrowUp') {
+    const prev = data.value[workStore.currentIndex - 1]?.id
+    if (prev)
+      selectHandler(prev, workStore.currentIndex - 1)
+  }
+  if (event.key === 'ArrowDown') {
+    const next = data.value[workStore.currentIndex + 1]?.id
+    if (next)
+      selectHandler(next, workStore.currentIndex + 1)
+  }
+  if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
+    if (activeId.value)
+      activeId.value = ''
+    else
+      activeId.value = data.value[workStore.currentIndex]?.checkDuplicateId
+  }
+}, 500)
+onMounted(() => {
+  document.addEventListener('keydown', onKeydown, true)
+})
+onUnmounted(() => {
+  document.removeEventListener('keydown', onKeydown)
+})
 </script>
 
 <template>
diff --git a/src/views/worksheet/components/PictureInfo.vue b/src/views/worksheet/components/PictureInfo.vue
index 2a6c825..f649519 100644
--- a/src/views/worksheet/components/PictureInfo.vue
+++ b/src/views/worksheet/components/PictureInfo.vue
@@ -28,10 +28,18 @@ const propertys = computed(() => {
         任务ID：{{ taskDetailInfo.taskname }}
       </n-ellipsis>
       <div class="tags">
-        <div class="tag tag-submiting" v-if="taskDetailInfo.historyStates == 1">待审批</div>
-        <div class="tag tag-submited" v-else-if="taskDetailInfo.historyStates == 2 || taskDetailInfo.workStatus == 3">已审批</div>
-        <div class="tag tag-passed" v-if="taskDetailInfo.historyStates == 2">{{ TASK_STATUS_OBJ[taskDetailInfo.historyStates] }}</div>
-        <div class="tag tag-not-passed" v-else-if="taskDetailInfo.historyStates == 3">{{ TASK_STATUS_OBJ[taskDetailInfo.historyStates] }}</div>
+        <div v-if="taskDetailInfo.historyStates == 1" class="tag tag-submiting">
+          待审批
+        </div>
+        <div v-else-if="taskDetailInfo.historyStates == 2 || taskDetailInfo.workStatus == 3 || taskDetailInfo.historyStates == 3" class="tag tag-submited">
+          已审批
+        </div>
+        <div v-if="taskDetailInfo.historyStates == 2" class="tag tag-passed">
+          {{ TASK_STATUS_OBJ[taskDetailInfo.historyStates] }}
+        </div>
+        <div v-else-if="taskDetailInfo.historyStates == 3" class="tag tag-not-passed">
+          {{ TASK_STATUS_OBJ[taskDetailInfo.historyStates] }}
+        </div>
       </div>
       <n-divider class="divider-line" />
       <div class="property">
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 3fd49db..e6a5d33 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -1,84 +1,88 @@
 <script lang="ts" setup>
-import { audit } from '@/api/task/task';
+import { audit } from '@/api/task/task'
 import {
-getPictureSimilarityList, getTaskDetailInfo
-} from "@/api/work/work";
-import NotPassed from '@/components/Approval/NotPassed.vue';
-import { TASK_STATUS_OBJ } from '@/enums/index';
-import { useWorkOrder } from "@/store/modules/workOrder";
-import { isEmpty } from "@/utils";
-import { formatToDateHMS } from "@/utils/dateUtil";
-import { hideDownload } from "@/utils/image";
-import emitter from '@/utils/mitt';
-import { useInfiniteScroll } from "@vueuse/core";
-import { format } from 'date-fns';
-import imagesloaded from "imagesloaded";
-import { clone, cloneDeep, debounce, pickBy } from "lodash-es";
-import { useDialog, useMessage } from "naive-ui";
-import { computed, onUnmounted, onUpdated, reactive, ref, unref, watch } from "vue";
-import PictureInfo from "../components/PictureInfo.vue";
-import ConfrimModal from "../modal/ConfrimModal.vue";
-import type { ApprovalParam, SimilarityPictureSortParam } from "/#/api";
-
-const batch = ref(false); // 批量审批状态
-const selectItems = ref<any[]>([]);
-const message = useMessage();
-const dialog = useDialog();
-const totalCount = ref(0);
-let _imagesload: any;
+  dubiousfileyd,
+  getPictureSimilarityList,
+  getTaskDetailInfo,
+} from '@/api/work/work'
+import NotPassed from '@/components/Approval/NotPassed.vue'
+import { TASK_STATUS_OBJ } from '@/enums/index'
+import { useWorkOrder } from '@/store/modules/workOrder'
+import { isEmpty } from '@/utils'
+import { formatToDateHMS } from '@/utils/dateUtil'
+import { hideDownload } from '@/utils/image'
+import emitter from '@/utils/mitt'
+import { useInfiniteScroll } from '@vueuse/core'
+import { format } from 'date-fns'
+import imagesloaded from 'imagesloaded'
+import { clone, cloneDeep, debounce, pickBy } from 'lodash-es'
+import { useDialog, useMessage } from 'naive-ui'
+import { computed, onMounted, onUnmounted, onUpdated, reactive, ref, unref, watch } from 'vue'
+import PictureInfo from '../components/PictureInfo.vue'
+import ConfrimModal from '../modal/ConfrimModal.vue'
+import type { ApprovalParam, SimilarityPictureSortParam } from '/#/api'
+
+const batch = ref(false) // 批量审批状态
+const selectItems = ref<any[]>([])
+const message = useMessage()
+const dialog = useDialog()
+const totalCount = ref(0)
+let _imagesload: any
 
 function setBatch(value: boolean) {
-  if (value && batch.value) {
-    batch.value = !value;
-  } else {
-    batch.value = value;
-  }
+  if (value && batch.value)
+    batch.value = !value
+  else
+    batch.value = value
+
   if (value === false) {
-    selectItems.value.forEach((item) => (item.checked = false));
-    selectItems.value.length = 0;
+    selectItems.value.forEach(item => (item.checked = false))
+    selectItems.value.length = 0
   }
 }
 
 function onCheckChange(checked: any, item: any) {
-  const index = selectItems.value.indexOf(item);
-  item.checked = checked;
+  const index = selectItems.value.indexOf(item)
+  item.checked = checked
 
-  if (index === -1 && checked) selectItems.value.push(item);
-  else selectItems.value.splice(index, 1);
+  if (index === -1 && checked)
+    selectItems.value.push(item)
+  else selectItems.value.splice(index, 1)
 }
 
 const showActions = computed(() => {
-  return selectItems.value.length > 0 && batch;
-});
+  return selectItems.value.length > 0 && batch
+})
 
 const taskpagination = reactive({
   pageNo: 1,
   pageSize: 10,
-});
+})
 const sortBy: SimilarityPictureSortParam = {
-  orderType: "desc",
-  orderName: "similarityScore",
-};
-const workStore = useWorkOrder();
-const selectTask = ref<any>(null);
-const overTask = ref<any>(null);
-const taskDetailInfo = ref<any>({});
-const confrimModalRef = ref(null);
-const imageRef = ref<ComponentElRef | null>();
-const listData = ref<any[]>([]);
-const loading = ref(false);
-const el = ref<HTMLDivElement | null>(null);
-const selectedSortName = ref('');
-const isFullScreen = ref(false);
+  orderType: 'desc',
+  orderName: 'similarityScore',
+}
+const workStore = useWorkOrder()
+const selectTask = ref<any>(null)
+const overTask = ref<any>(null)
+const taskDetailInfo = ref<any>({})
+const confrimModalRef = ref(null)
+const imageRef = ref<ComponentElRef | null>()
+const listData = ref<any[]>([])
+const loading = ref(false)
+const el = ref<HTMLDivElement | null>(null)
+const selectedSortName = ref('')
+const isFullScreen = ref(false)
 const notPassModalRef = ref(null)
 const mainImageModalRef = ref(null)
+const wrapperListRef = ref<HTMLElement | undefined>(undefined)
+let canloadMore = true
 
-let canloadMore = true;
-
-let processItems: any[] = [];
+let processItems: any[] = []
 
 function validate(items: any[]) {
-  if (items.length === 0) return "至少选中一个任务";
+  if (items.length === 0)
+    return '至少选中一个任务'
 
   // for (const item of items) {
   //   const { iztrueorfalse, history, states } = item
@@ -92,202 +96,210 @@ function validate(items: any[]) {
   //     return '审批状态不合法'
   // }
 
-  return null;
+  return null
 }
 
 function forwardHandler() {
-  workStore.forward();
+  workStore.forward()
 }
 
 function backHandler() {
-  workStore.back();
+  workStore.back()
 }
 
 function reset() {
-  taskpagination.pageNo = 0;
-  taskpagination.pageSize = 20;
-  listData.value.length = 0;
-  loading.value = false;
-  canloadMore = true;
+  taskpagination.pageNo = 0
+  taskpagination.pageSize = 20
+  listData.value.length = 0
+  loading.value = false
+  canloadMore = true
 }
 
 async function refreshHandler() {
-  reset();
+  reset()
 
   useInfiniteScroll(
     el as any,
     () => {
-      loadMore();
+      loadMore()
     },
-    { distance: 10, canLoadMore: () => canloadMore }
-  );
+    { distance: 10, canLoadMore: () => canloadMore },
+  )
 }
 
 async function loadMore() {
-  if (loading.value || el.value == null) return;
+  if (loading.value || el.value == null)
+    return
 
-  const more = await featchList();
-  listData.value.push(...more);
+  const more = await featchList()
+  listData.value.push(...more)
 }
 
 async function featchList() {
-
-  loading.value = true;
+  loading.value = true
   try {
-    taskpagination.pageNo += 1;
+    taskpagination.pageNo += 1
     const { data, total, pageCount } = await getPictureSimilarityList(
-      { ...taskpagination, ...sortBy, checkDuplicateId: workStore.activeId, pictureId: taskDetailInfo.value.id }
-    );
+      { ...taskpagination, ...sortBy, checkDuplicateId: workStore.activeId, pictureId: taskDetailInfo.value.id },
+    )
 
-    totalCount.value = total;
-    canloadMore = pageCount >= taskpagination.pageNo && pageCount > 0;
+    totalCount.value = total
+    canloadMore = pageCount >= taskpagination.pageNo && pageCount > 0
 
-    return data;
-  } catch (error) {
-    canloadMore = false;
-    return [];
+    return data
+  }
+  catch (error) {
+    canloadMore = false
+    return []
   }
 }
 
 const layout = debounce(() => {
-  if (el.value == null) return;
-
-  _imagesload = imagesloaded(".grid-item");
+  if (el.value == null)
+    return
 
-  _imagesload.on("done", (instance) => {
-    if (!el.value) return;
-    loading.value = false;
-  });
+  _imagesload = imagesloaded('.grid-item')
 
-  _imagesload.on("fail", (instance) => {
-    message.error("图片错误");
-    loading.value = false;
-  });
-}, 300);
+  _imagesload.on('done', (instance) => {
+    if (!el.value)
+      return
+    loading.value = false
+  })
 
+  _imagesload.on('fail', (instance) => {
+    message.error('图片错误')
+    loading.value = false
+  })
+}, 300)
 
 const fullscreenStyles = computed<any>(() => ({
-  'width': isFullScreen.value ? '100vw' : '',
-  'height': isFullScreen.value ? '100vh' : '',
-  'position': isFullScreen.value ? 'fixed' : '',
-  'top': isFullScreen.value ? '0' : '',
-  'left': isFullScreen.value ? '0' : '',
-  'zIndex': isFullScreen.value ? '100' : '',
-}));
+  width: isFullScreen.value ? '100vw' : '',
+  height: isFullScreen.value ? '100vh' : '',
+  position: isFullScreen.value ? 'fixed' : '',
+  top: isFullScreen.value ? '0' : '',
+  left: isFullScreen.value ? '0' : '',
+  zIndex: isFullScreen.value ? '100' : '',
+}))
 
 // 切换全屏状态
-const toggleFullScreen = () => {
-  isFullScreen.value = !isFullScreen.value;
-};
-
+function toggleFullScreen() {
+  isFullScreen.value = !isFullScreen.value
+}
 
 onUpdated(() => {
-  layout();
-});
+  layout()
+})
 
 watch(
   () => workStore.activeId,
   async (newValue, oldValue) => {
-    const packageid = workStore.getActiveId;
+    const packageid = workStore.getActiveId
     if (isEmpty(packageid)) {
-      listData.value.length = 0;
-      totalCount.value = 0;
+      listData.value.length = 0
+      totalCount.value = 0
       taskDetailInfo.value = {}
-      return;
+      return
     }
     queryDetail(packageid)
     // const res = await getPackageTaskList(newValue, packagepagination);
     // const { data } = res;
     // taskList.value = data;
     // if (taskList.value.length > 0) handleSelect(taskList.value[0]); // 暂时注释掉
-  }
-);
+  },
+)
 
 const packageName = computed(() => {
-  const index = workStore.getCurrentIndex;
-  return workStore.getOrderList[index]?.name || "";
-});
+  const index = workStore.getCurrentIndex
+  return workStore.getOrderList[index]?.name || ''
+})
 
 async function queryDetail(checkDuplicateId: any) {
-  taskDetailInfo.value = await getTaskDetailInfo(checkDuplicateId);
-  const packageid = workStore.getActiveId;
+  taskDetailInfo.value = await getTaskDetailInfo(checkDuplicateId)
+  const packageid = workStore.getActiveId
 
   if (isEmpty(packageid)) {
-    listData.value.length = 0;
-    totalCount.value = 0;
-    return;
+    listData.value.length = 0
+    totalCount.value = 0
+    return
   }
 
-  refreshHandler();
+  refreshHandler()
 }
 // 点击任务包图片，查看详情
 async function handleSelect(item: any) {
   // taskDetailInfo.value = await getTaskDetailInfo(item.id)
-  const packageid = workStore.getActiveId;
+  const packageid = workStore.getActiveId
   if (isEmpty(packageid)) {
-    listData.value.length = 0;
-    totalCount.value = 0;
-    return;
+    listData.value.length = 0
+    totalCount.value = 0
   }
 
   // refreshHandler();
 }
 
-async function sortHandler(orderby: "similarityScore" | "createdate") {
-  selectedSortName.value = orderby;
-  sortBy.orderName = orderby;
-  sortBy.orderType = sortBy.orderType === "asc" ? "desc" : "asc";
-  refreshHandler();
+async function sortHandler(orderby: 'similarityScore' | 'createdate') {
+  selectedSortName.value = orderby
+  sortBy.orderName = orderby
+  sortBy.orderType = sortBy.orderType === 'asc' ? 'desc' : 'asc'
+  refreshHandler()
 }
 
 const propertys = computed(() => {
-  const { ocrPicture } = taskDetailInfo.value;
+  const { ocrPicture } = taskDetailInfo.value
   const v = pickBy(ocrPicture, (value, key: string) => {
-    return key.startsWith("field") && value !== null;
-  });
-  return v;
-});
+    return key.startsWith('field') && value !== null
+  })
+  return v
+})
 function overTaskHandelr(item: any) {
   if (item?.historyStates === 2 || item?.historyStates == 3) {
-    overTask.value = null;
-    return;
+    overTask.value = null
+    return
   }
 
-  if (validate([item]) == null && batch.value === false) overTask.value = item;
+  if (validate([item]) == null && batch.value === false)
+    overTask.value = item
 }
 
 function leaveTaskHandler() {
-  overTask.value = null;
+  overTask.value = null
+}
+function onEsc() {
+  if (isFullScreen.value && !(document.querySelector('.n-modal-container')))
+    isFullScreen.value = false
 }
-
 onUnmounted(() => {
-  workStore.reset();
-});
-
+  workStore.reset()
+  document.removeEventListener('keydown', onEsc)
+})
+onMounted(() => {
+  document.addEventListener('keydown', onEsc)
+})
 function immersionHandler() {
   // class="wrapper"
   // workStore.updateImmersion();
-  toggleFullScreen();
+
+  toggleFullScreen()
 }
 
 function showAction() {
-  const item = taskDetailInfo.value;
-  if (item.historyStates === 2 || item.historyStates === 3) {
+  const item = taskDetailInfo.value
+  if (item.historyStates === 2 || item.historyStates === 3)
     return
-  }
-  if (batch.value === false) overTask.value = item;
+
+  if (batch.value === false)
+    overTask.value = item
 }
 
 function hideAction() {
-  overTask.value = null;
+  overTask.value = null
 }
 
 function previewHandler(event: MouseEvent) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
-
+  event.stopImmediatePropagation()
+  event.stopPropagation()
   if (imageRef.value && (imageRef.value as any).src)
-    (imageRef.value as any).mergedOnClick();
+    (imageRef.value as any).mergedOnClick()
 }
 function rejectHandler() {
   const modal = unref(notPassModalRef)! as any
@@ -319,9 +331,9 @@ function handleRejectMainImage() {
   params.id = params.taskchildpictureid
   modal.showModal([params])
 }
-async function reloadDetailInfo(){
-  const packageid = workStore.getActiveId;
-  taskDetailInfo.value = await getTaskDetailInfo(packageid);
+async function reloadDetailInfo() {
+  const packageid = workStore.getActiveId
+  taskDetailInfo.value = await getTaskDetailInfo(packageid)
 }
 function handleApproveMainImage(items?: any) {
   let cloneItem: any
@@ -361,14 +373,14 @@ function handleApproveMainImage(items?: any) {
     positiveText: '确定',
     negativeText: '取消',
     onPositiveClick: () => {
-      audit(param).then(async(res) => {
+      audit(param).then(async (res) => {
         const { code } = res
         if (code === 'OK') {
           message.info(res.message)
-          const packageid = workStore.getActiveId;
-          taskDetailInfo.value = await getTaskDetailInfo(packageid);
+          const packageid = workStore.getActiveId
+          taskDetailInfo.value = await getTaskDetailInfo(packageid)
         }
-        else message.error(res.message)
+        else { message.error(res.message) }
       })
     },
     onNegativeClick: () => { },
@@ -434,7 +446,7 @@ function doAudit(param: any) {
       emitter.emit('refresh')
       refreshHandler()
     }
-    else message.error(res.message)
+    else { message.error(res.message) }
   })
 }
 
@@ -442,8 +454,28 @@ function reloadList() {
   setBatch(false)
   refreshHandler()
 }
+function handleRejectdubiousfileyd() {
+  dialog.info({
+    title: '确认提示',
+    content: '确认将图片移入可疑文件夹吗?',
+    positiveText: '确定',
+    negativeText: '取消',
+    onPositiveClick: () => {
+      audit(param).then(async (res) => {
+        const { code } = res
+        if (code === 'OK') {
+          dubiousfileyd(taskDetailInfo.value.pictureId).then(() => {
+            refreshHandler()
+          })
+        }
+        else { message.error(res.message) }
+      })
+    },
+    onNegativeClick: () => { },
+  })
+}
 defineExpose({
-  queryDetail
+  queryDetail,
 })
 </script>
 
@@ -462,8 +494,8 @@ defineExpose({
             批量审批
           </div>
           <div class="icon-wrap">
-            <SvgIcon size="20" v-if="isFullScreen" name="power-off" @click="immersionHandler" style="cursor: pointer;" />
-            <SvgIcon size="20" v-else name="immersion-model" @click="immersionHandler" style="cursor: pointer;" />
+            <SvgIcon v-if="isFullScreen" size="20" name="power-off" style="cursor: pointer;" @click="immersionHandler" />
+            <SvgIcon v-else size="20" name="immersion-model" style="cursor: pointer;" @click="immersionHandler" />
           </div>
         </div>
 
@@ -489,8 +521,10 @@ defineExpose({
       <div ref="el" class="scroll">
         <div class="wrapper-detail">
           <!-- 左侧大图 图片信息 -->
-          <div class="left" :style="{ 'background-image': `url(${taskDetailInfo?.imgurl})` }" @click="showAction"
-            @mouseleave="leaveTaskHandler">
+          <div
+            class="left" :style="{ 'background-image': `url(${taskDetailInfo?.serverThumbnailUrl || taskDetailInfo?.imgurl})` }" @click="showAction"
+            @mouseleave="leaveTaskHandler"
+          >
             <div class="footer-times">
               <div class="time" style="margin-bottom: 4px;">
                 <SvgIcon color="#FFF" size="16" name="camera" />
@@ -501,16 +535,19 @@ defineExpose({
                 <SvgIcon color="#FFF" size="16" name="save" />
                 <span class="time-value">{{
                   taskDetailInfo?.submitDateTimestamp ? format(taskDetailInfo?.submitDateTimestamp, 'yyyy-MM-dd HH:mm:ss')
-                  :
-                  '-'
+                  : '-'
                 }} </span>
               </div>
             </div>
             <div class="status">
-              <img v-show="taskDetailInfo?.historyStates === 2" class="img-status" src="@/assets/images/task/pass.png"
-                alt="">
-              <img v-show="taskDetailInfo?.historyStates === 3" class="img-status" src="@/assets/images/task/not_pass.png"
-                alt="">
+              <img
+                v-show="taskDetailInfo?.historyStates === 2" class="img-status" src="@/assets/images/task/pass.png"
+                alt=""
+              >
+              <img
+                v-show="taskDetailInfo?.historyStates === 3" class="img-status" src="@/assets/images/task/not_pass.png"
+                alt=""
+              >
             </div>
             <!-- 右下信息 -->
             <div class="info img-info">
@@ -547,41 +584,47 @@ defineExpose({
             </div>
             <!-- 操作 -->
             <div v-show="overTask && overTask.id === taskDetailInfo.id" class="action" @click.stop="hideAction">
-              <SvgIcon style="cursor: pointer" name="t1" @click.stop="handleApproveMainImage" />
-              <SvgIcon style="cursor: pointer; margin-left: 30px" name="t2" @click.stop="handleRejectMainImage" />
+              <SvgIcon v-if="[1].includes(taskDetailInfo.historyStates)" style="cursor: pointer" name="t1" @click.stop="handleApproveMainImage" />
+              <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="t2" @click.stop="handleRejectdubiousfileyd" />
             </div>
           </div>
-          <PictureInfo :taskDetailInfo="taskDetailInfo"></PictureInfo>
+          <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>
+              style="font-size: 18px; font-weight: Medium;color: #333333;font-family: PingFang SC, PingFang SC-Medium;"
+            >任务包图片</span>
           </div>
           <div style="display: flex; align-items: center;font-size: 14px;margin-right: 25px;color:#323233">
             <div style="cursor: pointer" @click="sortHandler('createdate')">
               <span>时间排序</span>
-              <SvgIcon style="margin-left: 5px" name="sort" size="12" v-show="selectedSortName !== 'createdate'" />
-              <SvgIcon style="margin-left: 5px" name="active-sort" size="12" v-show="selectedSortName === 'createdate'" />
+              <SvgIcon v-show="selectedSortName !== 'createdate'" style="margin-left: 5px" name="sort" size="12" />
+              <SvgIcon v-show="selectedSortName === 'createdate'" style="margin-left: 5px" name="active-sort" size="12" />
             </div>
             <div style="margin-left: 15px; cursor: pointer" @click="sortHandler('similarityScore')">
               <span>相似度排序</span>
-              <SvgIcon style="margin-left: 5px" name="sort" size="12" v-show="selectedSortName !== 'similarityScore'" />
-              <SvgIcon style="margin-left: 5px" name="active-sort" size="12"
-                v-show="selectedSortName === 'similarityScore'" />
+              <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 class="wrapper-list">
-          <div v-for="(item, index) in listData" :key="index" :class="{ 'item-selected': item === selectTask }"
+        <div ref="wrapperListRef" class="wrapper-list">
+          <div
+            v-for="(item, index) in listData" :key="index" :class="{ 'item-selected': item === selectTask }"
             class="grid-item" @click="handleSelect(item)" @mouseover="overTaskHandelr(item)"
-            @mouseleave="leaveTaskHandler">
+            @mouseleave="leaveTaskHandler"
+          >
             <div class="img-wrapper" :style="{ 'background-image': `url(${item.imgurl})` }" />
             <div class="time-wrapper">
               <div class="time">
                 <SvgIcon color="#FFF" size="16" name="camera" />
-                <span class="current-time">{{ item.photoDateTimestamp ? formatToDateHMS(Number(item.photoDateTimestamp) ||
-                  0) : '-'
+                <span class="current-time">{{ item.photoDateTimestamp ? formatToDateHMS(Number(item.photoDateTimestamp)
+                  || 0) : '-'
                 }}</span>
               </div>
               <div class="time">
@@ -592,8 +635,10 @@ defineExpose({
               </div>
             </div>
             <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)" />
+              <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 }">
               <div class="val">
@@ -601,10 +646,10 @@ defineExpose({
               </div>
             </div>
 
-            <div class="pass-status" v-if="item.historyStates === 2">
+            <div v-if="item.historyStates === 2" class="pass-status">
               <SvgIcon name="pass-icon" style="width:52;height:24px" />
             </div>
-            <div class="pass-status" v-else-if="item.historyStates === 3">
+            <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">
@@ -612,6 +657,19 @@ defineExpose({
               <SvgIcon style="cursor: pointer;margin-left: 40px;" name="t2" @click.stop="singleRejectHandler(item)" />
             </div>
           </div>
+          <n-back-top :listen-to="wrapperListRef" :bottom="220" :visibility-height="10">
+            <div
+              style="
+        width: 100px;
+        height: 40px;
+        line-height: 40px;
+        text-align: center;
+        font-size: 14px;
+      "
+            >
+              回到顶部
+            </div>
+          </n-back-top>
         </div>
       </div>
     </n-spin>
@@ -885,7 +943,6 @@ defineExpose({
       padding: 24px;
       // background: lime;
 
-
       .task-name {
         display: inline-block;
         width: 100%;
@@ -1077,7 +1134,6 @@ defineExpose({
         }
       }
 
-
       .action {
         position: absolute;
         z-index: 5;
@@ -1092,7 +1148,6 @@ defineExpose({
         background-color: rgba(0, 0, 0, 0.48);
       }
 
-
     }
   }
 }