From 4eea9f79d77059a990057b834e004b12b38cf113 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 10:26:54 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat:=20=E5=B7=A6=E4=BE=A7=E9=AB=98?=
 =?UTF-8?q?=E7=BA=A7=E7=AD=9B=E9=80=89=E6=A8=A1=E5=9D=97=E8=B7=9D=E7=A6=BB?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E6=A8=A1=E5=9D=97=E8=BE=B9=E6=A1=8616?=
 =?UTF-8?q?=E5=83=8F=E7=B4=A0=EF=BC=8C=E8=B7=9D=E7=A6=BB=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?16px=EF=BC=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 7abf926..2671796 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -90,7 +90,7 @@ const getThemeOverrides = computed(() => {
 //   transform: rotate(-90deg) !important;
 // }
 .n-scrollbar-content {
-  padding: 0 7.97px 0 4px;
+  padding: 0 7.97px 16 16px;
 }
 .n-form-item .n-form-item-label {
   font-size: 14px !important;

From 91480ef28ed281b4a2fbebeb14745fe17ebd9e29 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 10:30:42 +0800
Subject: [PATCH 2/9] =?UTF-8?q?feat:=20=E9=A1=B6=E9=83=A8=E5=BD=93?=
 =?UTF-8?q?=E5=89=8D=E4=BD=8D=E7=BD=AE=E5=9B=BE=E6=A0=87=E5=BA=94=E4=B8=8E?=
 =?UTF-8?q?=E4=B8=8B=E6=96=B9=E9=AB=98=E7=BA=A7=E7=AD=9B=E9=80=89=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/index.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index 6b0b8b9..d637dac 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -1,6 +1,15 @@
 <script lang="ts">
 import { useDialog, useMessage } from 'naive-ui'
-import { defineComponent, inject, onMounted, reactive, ref, toRefs, unref, watch } from 'vue'
+import {
+  defineComponent,
+  inject,
+  onMounted,
+  reactive,
+  ref,
+  toRefs,
+  unref,
+  watch,
+} from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import QuillModal from './QuillModal.vue'
 import RecycleModal from './RecycleModal.vue'
@@ -198,6 +207,7 @@ export default defineComponent({
       <!-- 菜单收起 -->
       <div
         class="ml-1 layout-header-trigger layout-header-trigger-min"
+        style="padding-left: 13px"
         @click="() => $emit('update:collapsed', !collapsed)"
       >
         <SvgIcon name="homepage" size="16" />
@@ -227,7 +237,11 @@ export default defineComponent({
       <!-- 个人中心 -->
       <div class="layout-header-trigger layout-header-trigger-min">
         <!-- <n-avatar :src="getImgUrl(useInfo.usericon)" round /> -->
-        <n-avatar style="width:36px;height:36px;" :src="(useInfo.usericon && getImgUrl(useInfo.usericon)) || defaultAvatarSrc" round />
+        <n-avatar
+          style="width: 36px; height: 36px"
+          :src="(useInfo.usericon && getImgUrl(useInfo.usericon)) || defaultAvatarSrc"
+          round
+        />
       </div>
       <!-- 设置 -->
       <UserSettings @logout="doLogout" />

From b9b292289e8ddc907ece37989d9577c32d4c9564 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 10:35:33 +0800
Subject: [PATCH 3/9] =?UTF-8?q?feat:=20=E5=9F=BA=E6=9C=AC=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E8=92=99=E7=89=88=E8=B7=9D=E7=A6=BB=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=8C=85=E5=90=8D=E7=A7=B016=EF=BC=8C=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=8C=85=E5=90=8D=E7=A7=B0=E8=B7=9D=E7=A6=BB=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A1=868=EF=BC=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../content/modal/PackageSettingsModal.vue    | 70 ++++++++++++++-----
 1 file changed, 52 insertions(+), 18 deletions(-)

diff --git a/src/views/home/content/modal/PackageSettingsModal.vue b/src/views/home/content/modal/PackageSettingsModal.vue
index 0127675..e592eb5 100644
--- a/src/views/home/content/modal/PackageSettingsModal.vue
+++ b/src/views/home/content/modal/PackageSettingsModal.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { FormInst, FormRules } from 'naive-ui';
-import { useMessage } from 'naive-ui';
-import { ref } from 'vue';
+import type { FormInst, FormRules } from 'naive-ui'
+import { useMessage } from 'naive-ui'
+import { ref } from 'vue'
 
 const emit = defineEmits<{
   (e: 'commit', value: any)
@@ -72,18 +72,38 @@ function afterLeave() {
 
 <template>
   <n-modal v-model:show="show" transform-origin="center" @after-leave="afterLeave">
-    <n-card :style="cardStyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
+    <n-card
+      :style="cardStyle"
+      :bordered="false"
+      size="huge"
+      role="dialog"
+      aria-modal="true"
+    >
       <div class="wrapper">
         <span class="wrapper-title">生成任务包设置</span>
         <div class="wrapper-bar">
           <div class="wrapper-info">
-            <span :style="{ 'margin-left': '18px', 'font-size': '16px','font-weight':'600' }">基本信息</span>
+            <span
+              :style="{
+                'margin-left': '18px',
+                'font-size': '16px',
+                'font-weight': '600',
+              }"
+            >基本信息</span>
           </div>
         </div>
         <!-- require-mark-placement="left" -->
-        <n-form ref="formRef" :model="model"  style="margin-top: 8px;" :rules="rules">
-          <n-form-item class="wrapper-task-package-name" path="packagename" label="任务包名称">
-            <n-input v-model:value="model.packagename" maxlength="12" @keydown.enter.prevent />
+        <n-form ref="formRef" :model="model" style="margin-top: 8px" :rules="rules">
+          <n-form-item
+            class="wrapper-task-package-name"
+            path="packagename"
+            label="任务包名称"
+          >
+            <n-input
+              v-model:value="model.packagename"
+              maxlength="12"
+              @keydown.enter.prevent
+            />
           </n-form-item>
           <!-- <n-form-item path="mark" :style="formItemStyle">
             <n-checkbox v-model:checked="model.mark" >
@@ -94,10 +114,23 @@ function afterLeave() {
       </div>
       <template #footer>
         <div class="wrapper-footer">
-          <n-button style="background-color: #507AFD !important;" type="info" @click="handleSumbit">
+          <n-button
+            style="background-color: #507afd !important"
+            type="info"
+            @click="handleSumbit"
+          >
             生成任务包
           </n-button>
-          <n-button secondary style="margin-left:15px;color: #333;background-color: #fff;border: 1px solid #CAD2DD;" @click="closeModal">
+          <n-button
+            secondary
+            style="
+              margin-left: 15px;
+              color: #333;
+              background-color: #fff;
+              border: 1px solid #cad2dd;
+            "
+            @click="closeModal"
+          >
             取消
           </n-button>
         </div>
@@ -110,7 +143,7 @@ function afterLeave() {
 .wrapper {
   display: flex;
   flex-direction: column;
-  padding: 14px 14px 0 14px ;
+  padding: 14px 14px 0 14px;
   &-title {
     font-weight: 600;
     // font-weight: bold;
@@ -123,7 +156,8 @@ function afterLeave() {
     width: 100%;
     margin-top: 24px;
     font-size: 16px;
-    margin-bottom: 16px;
+    // 任务包名称有margin-top:8px;
+    margin-bottom: 8px;
     span {
       color: #333;
     }
@@ -139,7 +173,8 @@ function afterLeave() {
     ::v-deep(.n-form-item-label) {
       color: #666;
       font-weight: 500;
-      margin-bottom: 8px;
+      // label自带padding-bottom 2px  最后得出8-2
+      margin-bottom: 6px;
     }
   }
 
@@ -162,8 +197,8 @@ function afterLeave() {
   &-footer {
     display: flex;
     justify-content: flex-end;
-    padding-bottom:6px ;
-    button{
+    padding-bottom: 6px;
+    button {
       font-size: 14px !important;
       font-weight: 500 !important;
     }
@@ -174,7 +209,7 @@ function afterLeave() {
     position: relative;
 
     &:before {
-      background-color: #1980FF;
+      background-color: #1980ff;
       content: "";
       width: 5px;
       border-radius: 2px;
@@ -185,7 +220,6 @@ function afterLeave() {
   }
 }
 
-::v-deep(.n-button--info-type){
-
+::v-deep(.n-button--info-type) {
 }
 </style>

From bc5e4137a5e7e6b37065a1fc10ebf4c70c47c626 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 11:38:49 +0800
Subject: [PATCH 4/9] =?UTF-8?q?feat:=20=E5=BC=82=E6=AD=A5=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../content/modal/QueryRepeatedTasksModal.vue | 68 +++++++++++--------
 1 file changed, 40 insertions(+), 28 deletions(-)

diff --git a/src/views/home/content/modal/QueryRepeatedTasksModal.vue b/src/views/home/content/modal/QueryRepeatedTasksModal.vue
index de18dc8..5dfaa45 100644
--- a/src/views/home/content/modal/QueryRepeatedTasksModal.vue
+++ b/src/views/home/content/modal/QueryRepeatedTasksModal.vue
@@ -1,50 +1,50 @@
 <script lang="ts" setup>
-import { ref } from "vue";
-import { useConfig } from "@/store/modules/asideConfig";
+import { ref } from 'vue'
+import { useConfig } from '@/store/modules/asideConfig'
 
 const emit = defineEmits<{
-  (e: "closeCallback", value: any);
-}>();
+  (e: 'closeCallback', value: any)
+}>()
 
-const show = ref(false);
+const show = ref(true)
 
 const stys = {
-  width: "424px",
-  height: "232px",
-  "--n-padding-bottom": "20px",
-  "--n-padding-left": "0px",
-  background:
-    "linear-gradient(132deg, rgba(255, 255, 255, 0.32) 21%, rgba(152, 172, 255, 0.14) 100%)",
-  "border-radius": "4px",
-  "box-shadow": "0px 12px 48px 16px rgba(0, 0, 0, 0.03)",
-  "backdrop-filter": " blur(10px)",
-};
+  'width': '424px',
+  'height': '232px',
+  '--n-padding-bottom': '20px',
+  '--n-padding-left': '0px',
+  'background':
+    'linear-gradient(132deg, rgba(255, 255, 255, 0.32) 21%, rgba(152, 172, 255, 0.14) 100%)',
+  'border-radius': '4px',
+  'box-shadow': '0px 12px 48px 16px rgba(0, 0, 0, 0.03)',
+  'backdrop-filter': ' blur(10px)',
+}
 
 function showModal() {
-  show.value = true;
+  show.value = true
 }
 
 function closeModal() {
-  show.value = false;
-  emit("closeCallback", true);
+  show.value = false
+  emit('closeCallback', true)
 }
 
 function closeOnlyModal() {
-  show.value = false;
+  show.value = false
 }
 
 defineExpose({
   showModal,
   closeModal,
   closeOnlyModal,
-});
+})
 
-const configStore = useConfig();
-const percent = ref(0);
+const configStore = useConfig()
+const percent = ref(0)
 
 configStore.$subscribe(() => {
-  percent.value = configStore.getTimeNum;
-});
+  percent.value = configStore.getTimeNum
+})
 </script>
 
 <template>
@@ -58,13 +58,13 @@ configStore.$subscribe(() => {
       <svg-icon
         size="15"
         name="close"
-        @click="closeModal"
         style="position: absolute; right: 15.7px; top: 6px; cursor: pointer"
+        @click="closeModal"
       />
       <div class="wrapper">
         <svg-icon size="90" name="robot2" />
-        <span style="margin-top: 24px">正在查重中</span>
       </div>
+      <span class="span_box">正在查重中</span>
       <div style="padding: 0 20px">
         <n-progress type="line" :percentage="percent" :show-indicator="false" />
       </div>
@@ -74,10 +74,22 @@ configStore.$subscribe(() => {
 
 <style lang="less" scoped>
 .wrapper {
+  width: 100%;
+  height: 95px;
   display: flex;
-  height: 100%;
-  flex-direction: column;
   justify-content: center;
   align-items: center;
 }
+.span_box {
+  display: flex;
+  justify-content: center;
+}
+.n-modal {
+  // 要求360*157  上下内边距为20px
+  width: 360px !important;
+  height: 157px !important;
+}
+.n-modal > .n-card > .n-card__content:first-child {
+  --n-padding-top: 16px !important;
+}
 </style>

From 3b772d2ad8340e97a2de70d833805207ec3a547a Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 16:04:37 +0800
Subject: [PATCH 5/9] =?UTF-8?q?feat:=20=E7=9B=B8=E4=BC=BC=E5=BA=A6?=
 =?UTF-8?q?=E9=98=88=E5=80=BC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                              | 2 +-
 src/views/home/content/modal/QueryRepeatedTasksModal.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2671796..31b05e2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -96,7 +96,7 @@ const getThemeOverrides = computed(() => {
   font-size: 14px !important;
   color: #333333 !important;
 }
-.n-slider-dots > .n-slider-dot:nth-child(2) {
+.n-slider-dots > .n-slider-dot {
   display: none !important;
 }
 .n-collapse-item-arrow i svg {
diff --git a/src/views/home/content/modal/QueryRepeatedTasksModal.vue b/src/views/home/content/modal/QueryRepeatedTasksModal.vue
index 5dfaa45..4dc1718 100644
--- a/src/views/home/content/modal/QueryRepeatedTasksModal.vue
+++ b/src/views/home/content/modal/QueryRepeatedTasksModal.vue
@@ -6,7 +6,7 @@ const emit = defineEmits<{
   (e: 'closeCallback', value: any)
 }>()
 
-const show = ref(true)
+const show = ref(false)
 
 const stys = {
   'width': '424px',

From f30d1960e58a2f5a70651babc26ad743ebde4bb1 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 16:37:33 +0800
Subject: [PATCH 6/9] =?UTF-8?q?feat:=20=E5=89=8D=E7=BD=AE=E7=AC=A6?=
 =?UTF-8?q?=E5=8F=B7=E4=B8=8E=E6=98=9F=E5=8F=B7=E4=B8=8E=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E7=AD=89=E9=AB=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                 |  3 ++
 src/views/home/aside/comp/AdvanceFilter.vue | 32 ++++++++++-----------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 31b05e2..a68093d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -103,4 +103,7 @@ const getThemeOverrides = computed(() => {
   width: 14px !important;
   height: 14px !important;
 }
+.v-binder-follower-content {
+  left: -60px;
+}
 </style>
diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index 4a53379..a3ba853 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -200,8 +200,7 @@ function favoriteHandler(event: MouseEvent, item: any) {
     data.value.forEach((v, index) => {
       if (v.id == id)
         sort(v.id, 0)
-      else
-        sort(v.id, index + 1)
+      else sort(v.id, index + 1)
     })
 
     inputHandler(ruleForm.keyword)
@@ -216,8 +215,7 @@ const rules = {
       validator(_rule, value) {
         if (value.length >= 2)
           return true
-        else
-          return new Error('搜索关键字最少为两个')
+        else return new Error('搜索关键字最少为两个')
       },
     },
   ],
@@ -332,7 +330,7 @@ defineExpose({
               >
                 <SvgIcon
                   name="drag"
-                  size="18"
+                  size="13"
                   color="#333333"
                   style="margin-right: 3px"
                 />
@@ -340,20 +338,21 @@ defineExpose({
                   v-if="item.favorite && !item.isDefaultFilter"
                   name="favorite-fill"
                   color="#fd9b0a"
-                  width="13"
-                  height="12"
+                  size="18"
                   style="margin-right: 3px"
                   @click="unFavoriteHandler($event, item)"
                 />
                 <SvgIcon
                   v-else-if="!item.favorite && !item.isDefaultFilter"
                   name="favorite-unfill"
-                  width="13"
-                  height="12"
+                  size="18"
                   style="margin-right: 3px"
                   @click="favoriteHandler($event, item)"
                 />
-                <div style="color: #333333" v-html="item.name" />
+                <div
+                  style="color: #333333; white-space: nowrap; overflow: hidden"
+                  v-html="item.name"
+                />
               </li>
               <!-- filter=".draggable-li[draggable='false']" -->
               <VueDraggable
@@ -371,13 +370,12 @@ defineExpose({
                   :draggable="true"
                   @click="selectHandler(item)"
                 >
-                  <SvgIcon name="drag" size="10" style="margin-right: 3px" />
+                  <SvgIcon name="drag" size="13" style="margin-right: 3px" />
                   <SvgIcon
                     v-if="item.favorite && !item.isDefaultFilter"
                     name="favorite-fill"
                     color="#fd9b0a"
-                    width="13"
-                    height="12"
+                    size="18"
                     fill="#666666"
                     style="cursor: pointer !important; margin-right: 3px"
                     @click="unFavoriteHandler($event, item)"
@@ -385,13 +383,15 @@ defineExpose({
                   <SvgIcon
                     v-else-if="!item.favorite && !item.isDefaultFilter"
                     name="favorite-unfill"
-                    width="13"
-                    height="12"
+                    size="18"
                     fill="#666666"
                     style="cursor: pointer !important; margin-right: 3px"
                     @click="favoriteHandler($event, item)"
                   />
-                  <div style="color: #333333" v-html="item.name" />
+                  <div
+                    style="color: #333333; white-space: nowrap; overflow: hidden"
+                    v-html="item.name"
+                  />
                 </li>
               </VueDraggable>
             </ul>

From 1e74d0ac8068f320366a82d9f22e688db9a84bfa Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 20:02:28 +0800
Subject: [PATCH 7/9] =?UTF-8?q?feat:=20=E8=B7=9D=E9=A1=B6=E9=83=A8180px?=
 =?UTF-8?q?=EF=BC=8C=E5=B7=A6=E5=8F=B3=E5=B1=85=E4=B8=AD=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/aside/comp/modals/NewFilterModal.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/home/aside/comp/modals/NewFilterModal.vue b/src/views/home/aside/comp/modals/NewFilterModal.vue
index 4b589cb..2bcb5d2 100644
--- a/src/views/home/aside/comp/modals/NewFilterModal.vue
+++ b/src/views/home/aside/comp/modals/NewFilterModal.vue
@@ -337,9 +337,9 @@ defineExpose({
               <!-- j -->
               <n-input
                 v-model:value="formValue.name"
-                :style="{ width: '780px' }"
+                :style="{ width: '760px', height: '36px' }"
                 maxlength="15"
-                placeholder="请输入过滤名称"
+                placeholder="请输入过滤条件名称"
                 @keydown.enter.prevent
               />
             </n-form-item>
@@ -522,6 +522,7 @@ defineExpose({
     font-weight: bold;
     position: relative;
     background: #f8f8f8;
+    height: 24px;
 
     &:before {
       background-color: #1980ff;
@@ -555,4 +556,8 @@ defineExpose({
   color: #666666;
   font-weight: 500;
 }
+::v-deep(.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback) {
+  height: 24px;
+  line-height: 24px;
+}
 </style>

From e0a4bc292a04905d4097558608056506abd47a17 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 22:27:45 +0800
Subject: [PATCH 8/9] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DataHeader/index.vue           | 245 +++++++----
 src/components/RichEditor/Quill.vue           |  50 +--
 src/components/Search/Search.vue              | 132 +++---
 src/layout/components/Header/QuillModal.vue   |  22 +-
 .../components/Header/ShortcutModal.vue       | 131 +++---
 src/layout/components/Header/UserSettings.vue |  86 ++--
 src/views/home/aside/comp/AdvanceFilter.vue   | 223 +++++-----
 .../home/aside/comp/modals/FilterModal.vue    | 402 +++++++++---------
 src/views/home/content/Content.vue            | 245 ++++++-----
 src/views/task/aside/TaskList.vue             | 142 +++----
 10 files changed, 915 insertions(+), 763 deletions(-)

diff --git a/src/components/DataHeader/index.vue b/src/components/DataHeader/index.vue
index 5c58b41..da586cc 100644
--- a/src/components/DataHeader/index.vue
+++ b/src/components/DataHeader/index.vue
@@ -1,29 +1,68 @@
 <script lang="ts" setup>
-import { defineProps, onMounted, ref } from 'vue'
-import { gettaskToolsCount } from '@/api/home/main'
+import { defineProps, onMounted, ref } from "vue";
+import { gettaskToolsCount } from "@/api/home/main";
 
 defineProps({
   hasColor: {
     type: Boolean,
     default: () => false,
   },
-})
+});
 
-const data = ref()
+const data = ref([
+  {
+    link: "count",
+    title: "任务总数",
+    count: 0,
+  },
+  {
+    link: "wait",
+    title: "待审批",
+    count: 0,
+  },
+  {
+    link: "done",
+    title: "已审批",
+    count: 0,
+  },
+  {
+    link: "resolve",
+    title: "通过",
+    count: 0,
+    color: "#03c984",
+  },
+  {
+    link: "reject",
+    title: "不通过",
+    count: 0,
+    color: "#ff8b8b",
+  },
+  {
+    link: "reimg",
+    title: "图片重复数",
+    count: 0,
+  },
+  {
+    link: "breakcount",
+    title: "小结重复数",
+    count: 0,
+  },
+]);
 
 function initRem() {
-  const designWidth = 1440
-  const rempPx = 16
-  const scale = window.innerWidth / designWidth
-  document.documentElement.style.fontSize = `${scale * rempPx}px`
+  const designWidth = 1440;
+  const rempPx = 16;
+  const scale = window.innerWidth / designWidth;
+  document.documentElement.style.fontSize = `${scale * rempPx}px`;
 }
 onMounted(() => {
-  initRem()
-  getData()
-})
+  initRem();
+  getData();
+});
 async function getData() {
-  const {
-    data: {
+  const { data } = await gettaskToolsCount();
+  if (data) {
+    const {
       total,
       treat,
       alreadyApprove,
@@ -31,62 +70,72 @@ async function getData() {
       repeat,
       approvedCount,
       notGoCount,
-    },
-  } = await gettaskToolsCount()
-  data.value = [
-    {
-      link: 'count',
-      title: '任务总数',
-      count: total,
-    },
-    {
-      link: 'wait',
-      title: '待审批',
-      count: treat,
-    },
-    {
-      link: 'done',
-      title: '已审批',
-      count: alreadyApprove,
-    },
-    {
-      link: 'resolve',
-      title: '通过',
-      count: approvedCount,
-      color: '#03c984',
-    },
-    {
-      link: 'reject',
-      title: '不通过',
-      count: notGoCount,
-      color: '#ff8b8b',
-    },
-    {
-      link: 'reimg',
-      title: '图片重复数',
-      count: repeat,
-    },
-    {
-      link: 'breakcount',
-      title: '小结重复数',
-      count: repeatedNodules,
-    },
-  ]
+    } = data;
+    data.value = [
+      {
+        link: "count",
+        title: "任务总数",
+        count: total,
+      },
+      {
+        link: "wait",
+        title: "待审批",
+        count: treat,
+      },
+      {
+        link: "done",
+        title: "已审批",
+        count: alreadyApprove,
+      },
+      {
+        link: "resolve",
+        title: "通过",
+        count: approvedCount,
+        color: "#03c984",
+      },
+      {
+        link: "reject",
+        title: "不通过",
+        count: notGoCount,
+        color: "#ff8b8b",
+      },
+      {
+        link: "reimg",
+        title: "图片重复数",
+        count: repeat,
+      },
+      {
+        link: "breakcount",
+        title: "小结重复数",
+        count: repeatedNodules,
+      },
+    ];
+  }
 }
 </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 class="header_wrap" :style="hasColor ? '' : 'margin-top: 7.375rem;'">
+    <div v-for="(item, index) in data" :key="index" class="header_box">
+      <div class="header_item">
+        <SvgIcon :name="item.link" :style="index == 0 ? 'margin-left:0.5rem' : ''" />
+        <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>
+      <div
+        class="line"
+        :style="
+          hasColor
+            ? 'margin-left:2.5rem;margin-right:2.0625rem'
+            : 'margin-left:1.25rem;margin-right:0.8125rem'
+        "
+      />
     </div>
     <SvgIcon size="14px" style="cursor: pointer" name="setting" class="settingSvg" />
   </div>
@@ -99,41 +148,48 @@ async function getData() {
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem 1rem 3.125rem;
-  background: #fff;
+  background: #f5f7f9;
   margin-bottom: 1rem;
-
-  .header_item {
-    min-width: 10%;
+  // 180-62 header
+  padding-left: 2.125rem;
+  .header_box {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
-    svg {
-      width: 2.75rem !important;
-      height: 2.75rem !important;
-    }
-    .data_wrap {
-      margin-left: 0.8125rem;
-      .data_title {
-        font-size: 1.125rem;
-        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold;
-        font-weight: 900;
-        text-align: left;
-        color: #202020;
-        line-height: 1.4375rem;
-        text-align: center;
-        white-space: nowrap;
+    min-width: 10%;
+    .header_item {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: center;
+      svg {
+        width: 2.75rem !important;
+        height: 2.75rem !important;
       }
-      .data_content {
-        opacity: 0.6;
-        font-size: 0.75rem;
-        font-family: PingFang SC, PingFang SC-Regular;
-        font-weight: 500;
-        text-align: center;
-        color: #202020;
-        line-height: 1rem;
-        text-align: center;
-        white-space: nowrap;
+      .data_wrap {
+        margin-left: 0.75rem;
+        .data_title {
+          font-size: 1.125rem;
+          font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold;
+          font-weight: 900;
+          text-align: left;
+          color: #202020;
+          line-height: 1.4375rem;
+          text-align: center;
+          white-space: nowrap;
+        }
+        .data_content {
+          opacity: 0.6;
+          font-size: 0.75rem;
+          font-family: PingFang SC, PingFang SC-Regular;
+          font-weight: 500;
+          text-align: center;
+          color: #202020;
+          line-height: 1rem;
+          text-align: center;
+          white-space: nowrap;
+        }
       }
     }
   }
@@ -142,4 +198,9 @@ async function getData() {
   width: 1rem !important;
   height: 1rem !important;
 }
+.line {
+  width: 0.0625rem;
+  height: 1.25rem;
+  background: #e8e8e8;
+}
 </style>
diff --git a/src/components/RichEditor/Quill.vue b/src/components/RichEditor/Quill.vue
index cfda6a9..5d95d23 100644
--- a/src/components/RichEditor/Quill.vue
+++ b/src/components/RichEditor/Quill.vue
@@ -1,48 +1,48 @@
 <script lang="ts" setup>
-import { defineEmits, reactive, ref } from 'vue'
-import { QuillEditor } from '@vueup/vue-quill'
-import '@vueup/vue-quill/dist/vue-quill.snow.css'
-import { debounce } from 'lodash-es'
-import { queryNote, saveNote } from '@/api/home/main'
+import { defineEmits, reactive, ref } from "vue";
+import { QuillEditor } from "@vueup/vue-quill";
+import "@vueup/vue-quill/dist/vue-quill.snow.css";
+import { debounce } from "lodash-es";
+import { queryNote, saveNote } from "@/api/home/main";
 
-const emit = defineEmits(['close'])
+const emit = defineEmits(["close"]);
 
-const quillEditor = ref()
+const quillEditor = ref();
 
 const cardStyle = {
-  'width': '500px',
-  '--n-padding-bottom': '17px',
-  '--n-padding-left': '24px',
-}
+  "width": "500px",
+  "--n-padding-bottom": "17px",
+  "--n-padding-left": "24px",
+};
 
-const note = ref('<p>sss</p>')
+const note = ref("<p>sss</p>");
 
 const options = reactive({
   modules: {
     toolbar: [
-      ['bold', 'italic', 'underline', 'strike'], // toggled buttons
-      [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],
+      ["bold", "italic", "underline", "strike"], // toggled buttons
+      [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
     ],
   },
-  theme: 'snow',
-  placeholder: '',
-})
+  theme: "snow",
+  placeholder: "",
+});
 
 function initHandler() {
   queryNote()
     .then((res) => {
       if (res.data)
-        note.value = res.data.notecontent
+        note.value = res.data.notecontent;
 
-      console.log('note:', note.value)
+      console.log("note:", note.value);
     })
-    .catch(e => console.log(e))
+    .catch(e => console.log(e));
 }
 
 const saveHandler = debounce(() => {
-  const content = quillEditor.value.getHTML()
-  saveNote(content)
-}, 800)
+  const content = quillEditor.value.getHTML();
+  saveNote(content);
+}, 800);
 </script>
 
 <template>
@@ -53,7 +53,7 @@ const saveHandler = debounce(() => {
           备注信息
         </div>
         <SvgIcon
-          size="24"
+          size="20"
           name="close-none-border"
           class="close_box"
           @click="emit('close')"
@@ -87,9 +87,9 @@ const saveHandler = debounce(() => {
 .title {
   font-size: 18px;
   font-family: PingFang SC, PingFang SC-Medium;
-  font-weight: Medium;
   color: #333333;
   margin-bottom: 24px;
+  font-weight: 500;
 }
 
 .ql-toolbar.ql-snow {
diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue
index 5a9539a..9059140 100644
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@@ -1,99 +1,99 @@
 <script setup lang="ts">
-import { nextTick, onMounted, onUnmounted, reactive, ref, toRefs } from 'vue'
-import { debounce } from 'lodash-es'
-import { useRoute, useRouter } from 'vue-router'
-import { deleteSearch, getSearchList, historySearch } from '@/api/search/search'
-import { storage } from '@/utils/Storage'
+import { nextTick, onMounted, onUnmounted, reactive, ref, toRefs } from "vue";
+import { debounce } from "lodash-es";
+import { useRoute, useRouter } from "vue-router";
+import { deleteSearch, getSearchList, historySearch } from "@/api/search/search";
+import { storage } from "@/utils/Storage";
 
-const emit = defineEmits(['close'])
+const emit = defineEmits(["close"]);
 
-const value = ref('')
-const showList = ref(false)
-const historyList: any = ref([])
-const handlerShowList = () => (showList.value = true)
-const router = useRouter()
-const route = useRoute()
+const value = ref("");
+const showList = ref(false);
+const historyList: any = ref([]);
+const handlerShowList = () => (showList.value = true);
+const router = useRouter();
+const route = useRoute();
 const state = reactive({
   resultList: [],
-}) as any
+}) as any;
 
-const { resultList } = toRefs(state)
+const { resultList } = toRefs(state);
 
 const inputHandler = debounce((keyword) => {
   if (keyword)
-    handlerSearch(keyword)
-}, 500)
+    handlerSearch(keyword);
+}, 500);
 
 // 搜索
 async function handlerSearch(value) {
   const res = await getSearchList({
     search: value,
-  })
-  if (res.code === 'OK') {
+  });
+  if (res.code === "OK") {
     state.resultList = [
       {
-        title: '图检审批',
-        path: 'worksheet',
+        title: "图检审批",
+        path: "worksheet",
         data: res.data.ai,
       },
       {
-        title: '任务审批管理',
-        path: 'task',
+        title: "任务审批管理",
+        path: "task",
         data: res.data.preliminary,
       },
       {
-        title: '任务终审管理',
-        path: 'final',
+        title: "任务终审管理",
+        path: "final",
         data: res.data.final,
       },
-    ]
+    ];
   }
 }
 
 function handlerHistory(name) {
-  value.value = name
-  handlerSearch(name)
+  value.value = name;
+  handlerSearch(name);
 }
 
 // 删除历史记录
 async function deleteHistory() {
-  const res = await deleteSearch({})
-  if (res.code === 'OK')
-    historyList.value = []
+  const res = await deleteSearch({});
+  if (res.code === "OK")
+    historyList.value = [];
 }
 
 // 获取历史搜索结果
 async function getHistory() {
-  const res = await historySearch({})
-  if (res.code === 'OK')
-    historyList.value = res.data
+  const res = await historySearch({});
+  if (res.code === "OK")
+    historyList.value = res.data;
 }
-getHistory()
+getHistory();
 
 function goPath(item, id) {
   const desiredObject = item.data.find((item) => {
-    return item.id === id
-  })
-  storage.set('isSearch', true)
-  router.push({ name: item.path, query: { id, searchContent: desiredObject.name } })
-  emit('close')
+    return item.id === id;
+  });
+  storage.set("isSearch", true);
+  router.push({ name: item.path, query: { id, searchContent: desiredObject.name } });
+  emit("close");
 }
 
 function highlightText(text, query) {
   if (!query)
-    return text
-  const regex = new RegExp(query, 'gi')
+    return text;
+  const regex = new RegExp(query, "gi");
   const highlightedText = text.replace(regex, (match) => {
-    return `<span style="color:#507AFD" class="highlight">${match}</span>`
-  })
+    return `<span style="color:#507AFD" class="highlight">${match}</span>`;
+  });
 
-  return highlightedText
+  return highlightedText;
 }
 onMounted(() => {
-  setTimeout(() => (value.value = ''))
-  handlerShowList()
-  handlerSearch('')
-})
+  setTimeout(() => (value.value = ""));
+  handlerShowList();
+  handlerSearch("");
+});
 </script>
 
 <template>
@@ -105,12 +105,19 @@ onMounted(() => {
       <n-input
         v-model:value="value"
         placeholder="搜索任务ID、任务名称、提报人、拜访终端"
+        placeholder-style="width:304px;height:22px;margin:17px 0 17px 12px;"
+        style="font-size: 16px; font-weight: 500; color: #333333"
         type="text"
         @input="inputHandler"
         @mousedown="handlerShowList"
       >
         <template #prefix>
-          <SvgIcon name="magnifying-1" size="18" />
+          <SvgIcon
+            name="magnifying-1"
+            width="21"
+            height="20"
+            style="margin: 10px 0 10px 4px"
+          />
         </template>
       </n-input>
     </div>
@@ -157,7 +164,7 @@ onMounted(() => {
           class="list_item"
           @click="goPath(item, sitem.id)"
         >
-          <SvgIcon name="task-icon" size="16" />
+          <SvgIcon name="task-icon" size="16" style="margin-left: 16px" />
           <span class="name" v-html="highlightText(sitem.name, value)" />
         </div>
       </div>
@@ -167,10 +174,11 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .input_wrap {
-  width: 60%;
+  // width: 60%;
+  width: 808px;
   position: absolute;
   top: 20%;
-  left: 20%;
+  left: 30%;
   box-shadow: none !important;
 
   .ip_box {
@@ -192,6 +200,8 @@ onMounted(() => {
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0px 12px 12px 0px rgba(80, 122, 253, 0.15), 0px 0px 0px 0.5px #d4e3fc;
+    // width: 808px;
+    // height: 56px;
   }
 
   .list_box {
@@ -201,22 +211,25 @@ onMounted(() => {
     box-shadow: 0px 12px 12px 0px rgba(80, 122, 253, 0.15);
     margin-top: 15px;
     padding: 8px 16px;
-
+    width: 802px;
+    height: 400px;
     .list_classfiy_item {
+      margin-bottom: -2px;
       .list_title {
         font-size: 12px;
         font-family: PingFang SC, PingFang SC-Regular;
         font-weight: Regular;
         color: #999999;
         line-height: 17px;
-        margin: 10px 0 10px 5px;
+        margin: 6px 0 12px 0;
+        font-weight: 500;
       }
 
       .list_item {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
-        margin-bottom: 10px;
+        margin: 16px 0;
       }
     }
   }
@@ -228,12 +241,15 @@ onMounted(() => {
 
 .history-list {
   align-items: center;
-  padding-bottom: 9px;
+  // 上面有margin-bottom:12;12+26=38
+  padding: 26px 12px 12px 0;
 }
 
 .name {
-  margin-left: 5px;
+  margin-left: 8px;
   cursor: pointer;
+  font-weight: 500;
+  color: #333333;
 }
 
 .tag-wrap {
@@ -242,8 +258,10 @@ onMounted(() => {
   flex: 1;
   overflow-y: hidden;
   overflow-x: auto;
+  margin: 9px 0 9px 29px;
 
   .tag {
+    font-weight: 500;
     padding: 0 12px;
     height: 22px;
     border: 1px solid #e4e7ed;
diff --git a/src/layout/components/Header/QuillModal.vue b/src/layout/components/Header/QuillModal.vue
index 8146b9f..add7b65 100644
--- a/src/layout/components/Header/QuillModal.vue
+++ b/src/layout/components/Header/QuillModal.vue
@@ -1,29 +1,33 @@
 <script lang="ts" setup>
-import { defineOptions, ref } from 'vue'
-import Quill from '@/components/RichEditor/Quill.vue'
+import { defineOptions, ref } from "vue";
+import Quill from "@/components/RichEditor/Quill.vue";
 
-defineOptions({ name: 'FilterModal' })
+defineOptions({ name: "FilterModal" });
 
-const emit = defineEmits(['showNewFilter'])
+const emit = defineEmits(["showNewFilter"]);
 
-const show = ref(false)
+const show = ref(false);
 
 function showModal() {
-  show.value = true
+  show.value = true;
 }
 
 function closeModal() {
-  show.value = false
+  show.value = false;
 }
 
 defineExpose({
   showModal,
-})
+});
 </script>
 
 <template>
   <div>
-    <n-modal v-model:show="show" transform-origin="center">
+    <n-modal
+      v-model:show="show"
+      transform-origin="center"
+      style="margin: calc(13%-147px) auto 0 !important"
+    >
       <Quill @close="show = false" />
     </n-modal>
   </div>
diff --git a/src/layout/components/Header/ShortcutModal.vue b/src/layout/components/Header/ShortcutModal.vue
index 22d720e..2b32541 100644
--- a/src/layout/components/Header/ShortcutModal.vue
+++ b/src/layout/components/Header/ShortcutModal.vue
@@ -1,49 +1,71 @@
 <script lang="ts" setup>
-import { defineOptions, ref } from 'vue'
+import { defineOptions, ref } from "vue";
 
-defineOptions({ name: 'ShortcutModal' })
+defineOptions({ name: "ShortcutModal" });
 
-const show = ref(false)
+const show = ref(false);
 
 const cardStyle = {
-  'width': '800px',
-  '--n-padding-bottom': '10px',
-  '--n-padding-left': '10px',
-  'padding-bottom':'100px'
-}
+  "width": "800px",
+  "--n-padding-bottom": "10px",
+  "--n-padding-left": "10px",
+  "padding-bottom": "100px",
+};
 
 function showModal() {
-  show.value = true
+  show.value = true;
 }
 
 function closeModal() {
-  show.value = false
+  show.value = false;
 }
 
 defineExpose({
   showModal,
-})
+});
 </script>
 
 <template>
   <div>
-    <n-modal v-model:show="show" transform-origin="center">
-      <n-card :style="cardStyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
+    <n-modal
+      v-model:show="show"
+      transform-origin="center"
+      style="width: 808px; height: 606px; margin: -27px auto 0 !important"
+    >
+      <n-card
+        :style="cardStyle"
+        :bordered="false"
+        size="huge"
+        role="dialog"
+        aria-modal="true"
+      >
         <div class="wrapper">
           <div class="wrapper-header">
             <span class="wrapper-left">全局快捷键</span>
             <div class="wrapper-right">
-              按 <img class="img-question" src="@/assets/images/question.png" alt="">查看快捷键的信息
+              按
+              <img
+                class="img-question"
+                src="@/assets/images/question.png"
+                alt=""
+                style="width: 18px; height: 18px"
+              >查看快捷键的信息
 
-              <img class="img-close" src="@/assets/images/close.png" alt="" @click="closeModal">
+              <img
+                class="img-close"
+                src="@/assets/images/close.png"
+                alt=""
+                style="width: 20px; height: 20px"
+                @click="closeModal"
+              >
             </div>
           </div>
-          <n-divider />
+          <n-divider style="margin-bottom: 32px" />
           <div class="title">
             全局快捷方式
           </div>
           <div class="wrapper-global">
-            <table style="margin-left: 100px;">
+            <table style="margin-left: 47px; width: 180px">
               <tr>
                 <td><div class="key" data-key="g h" /></td>
                 <td>进入“一键查看”主页</td>
@@ -73,7 +95,7 @@ defineExpose({
                 <td>打开可疑文件夹</td>
               </tr>
             </table>
-            <table style="height: 30%;margin-left: 180px;">
+            <table style="height: 30%; margin-left: 180px">
               <tr>
                 <td><div class="key" data-key="[" /></td>
                 <td>隐藏/显示当前场景左侧筛选区</td>
@@ -96,29 +118,36 @@ defineExpose({
               </tr>
             </table>
           </div>
-          <n-divider />
-          <div class="title">
+          <n-divider style="margin: 24px 24px 32px 24px; color: #d9d9d9" />
+          <div class="title" style="margin-top: -16.5px">
             任务审批/任务终审/AI工单明细动作
           </div>
           <div class="wrapper-request">
-            <table style="margin-left: 100px;">
-      
+            <table style="margin-left: 47px; width: 180px">
               <tr>
-                <td><div class="key" data-key="p p" /></td>
+                <td style="text-align: left; width: 53px">
+                  <div class="key" data-key="p p" />
+                </td>
                 <td>通过</td>
               </tr>
               <tr>
-                <td><div class="key" data-key="x x" /></td>
+                <td style="text-align: left">
+                  <div class="key" data-key="x x" />
+                </td>
                 <td>不通过</td>
               </tr>
             </table>
-            <table style="margin-left: 155px;">
+            <table style="margin-left: 180px">
               <tr>
                 <td><div class="key" data-key="c" /></td>
                 <td>关闭（关闭当前场景弹窗）</td>
               </tr>
               <tr>
-                <td><div class="key" data-key="&larr;" /><span>/</span><div class="key" data-key="&rarr;" /></td>
+                <td>
+                  <div class="key" data-key="&larr;" />
+                  <span>/</span>
+                  <div class="key" data-key="&rarr;" />
+                </td>
                 <td>打开上一条/下一条信息切换</td>
               </tr>
             </table>
@@ -142,54 +171,56 @@ defineExpose({
 </template>
 
 <style lang="less" scoped>
-.wrapper-footer{
+.wrapper-footer {
   margin-top: -20px;
 }
 .wrapper {
-
-  .wrapper-header{
-    padding: 14px;
+  .wrapper-header {
+    padding: 14px 0 14px 0;
     padding-bottom: 0;
   }
 
-  .img-question{
+  .img-question {
     width: 16px;
     height: 16px;
     margin: 0 2px;
   }
 
-  .img-close{
+  .img-close {
     width: 16px;
     height: 16px;
     margin-left: 16px;
     cursor: pointer;
   }
 
-  .wrapper-right{
+  .wrapper-right {
     font-size: 16px;
     font-family: PingFang SC, PingFang SC-Regular;
-    font-weight: Regular;
+    font-weight: 400;
     text-align: left;
     color: #666666;
     line-height: 22px;
     display: flex;
-    align-items: center
+    align-items: center;
   }
 
-  .wrapper-left{
+  .wrapper-left {
     font-size: 18px;
     font-family: PingFang SC, PingFang SC-Medium;
     font-weight: 600;
     text-align: left;
-    color: #333333;
+    color: #000000;
     line-height: 25px;
   }
 
-  .title{
+  .title {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 10px;
-    padding-left: 30px;
+    padding-left: 47px;
+    color: #333333;
+    font-weight: 600;
+    // 分割线自带24px间距
   }
   &-header {
     display: flex;
@@ -220,7 +251,7 @@ defineExpose({
     }
 
     &-icon {
-      background: #FFF;
+      background: #fff;
       display: inline-block;
       width: 18px;
       height: 1px;
@@ -228,32 +259,31 @@ defineExpose({
       -webkit-transform: rotate(45deg);
 
       &:after {
-        content: '';
+        content: "";
         display: block;
         width: 18px;
         height: 1px;
-        background: #FFF;
+        background: #fff;
         transform: rotate(-90deg);
         -webkit-transform: rotate(-90deg);
       }
     }
-
   }
 
-  &-request,&-global{
+  &-request,
+  &-global {
     display: flex;
 
-    table{
-      tr td:first-child{
+    table {
+      tr td:first-child {
         text-align: right;
         padding-right: 10px;
         color: #515457;
       }
-      tr td{
+      tr td {
         color: #333333;
-
       }
-      tr span{
+      tr span {
         padding: 0 10px;
       }
     }
@@ -269,13 +299,14 @@ defineExpose({
     display: inline-block;
     box-sizing: content-box;
     font-size: 16px;
-    font-weight: bold;
     text-align: center;
     padding: 2px 6px;
     border: 1px solid #d6d6d6;
     border-left: 3px solid #d6d6d6;
     border-bottom: 3px solid #d6d6d6;
     background-color: #fdfdfd;
+    // color: #333333;
+    font-weight: bold;
   }
 
   .key[data-key]::after {
diff --git a/src/layout/components/Header/UserSettings.vue b/src/layout/components/Header/UserSettings.vue
index 22fb721..7cd5944 100644
--- a/src/layout/components/Header/UserSettings.vue
+++ b/src/layout/components/Header/UserSettings.vue
@@ -1,92 +1,92 @@
 <script lang="ts" setup>
-import { computed, inject, onMounted, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useUser } from '@/store/modules/user'
-import { getImgUrl } from '@/utils/urlUtils'
-import defaultAvatar from '@/assets/icons/avatar.svg'
+import { computed, inject, onMounted, ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useUser } from "@/store/modules/user";
+import { getImgUrl } from "@/utils/urlUtils";
+import defaultAvatar from "@/assets/icons/avatar.svg";
 
 const emit = defineEmits<{
-  (e: 'logout'): void
-}>()
+  (e: "logout"): void
+}>();
 
-const router = useRouter()
+const router = useRouter();
 
-const userStore = useUser()
+const userStore = useUser();
 
-const useInfo = userStore.getUserInfo
+const useInfo = userStore.getUserInfo;
 
-const aiDisabled = ref(false)
+const aiDisabled = ref(false);
 
 function handleSelect(row) {
-  userStore.updateTenantId(row.key)
-  location.reload()
+  userStore.updateTenantId(row.key);
+  location.reload();
 }
 
 function logIt(e) {
-  return false
+  return false;
 }
 
 // 一键查看
 function goHome(e) {
-  router.push({ name: 'home' })
+  router.push({ name: "home" });
 }
 
 // 任务审批
 function goTask(e) {
-  router.push({ name: 'task-main' })
+  router.push({ name: "task-main" });
 }
 
 // AI工单
 function goWorksheet(e) {
-  router.push({ name: 'worksheet-main' })
+  router.push({ name: "worksheet-main" });
 }
 
 // 任务终审
 function goFinal(e) {
-  router.push({ name: 'final-main' })
+  router.push({ name: "final-main" });
 }
 
-const mousetrap = inject('mousetrap') as any
+const mousetrap = inject("mousetrap") as any;
 onMounted(() => {
-  mousetrap.bind('g h', goHome)
-  mousetrap.bind('g t', goTask)
-  mousetrap.bind('g a', goWorksheet)
-  mousetrap.bind('g e', goFinal)
-})
+  mousetrap.bind("g h", goHome);
+  mousetrap.bind("g t", goTask);
+  mousetrap.bind("g a", goWorksheet);
+  mousetrap.bind("g e", goFinal);
+});
 
-const showPopover = ref(false)
-const popRef = ref(null)
-const changeFlag = ref(false)
+const showPopover = ref(false);
+const popRef = ref(null);
+const changeFlag = ref(false);
 
 const iconName = computed(() => {
-  return showPopover.value ? 'expand' : 'collapse'
-})
+  return showPopover.value ? "expand" : "collapse";
+});
 
 function handleUpdateShow(show: boolean) {
-  showPopover.value = show
+  showPopover.value = show;
 }
 
 function logOut() {
-  (popRef.value as any).setShow(false)
-  emit('logout')
+  (popRef.value as any).setShow(false);
+  emit("logout");
 }
 
 const currentCompanyName = computed(() => {
-  const deptlist = useInfo.deptlist
-  const currentId = userStore.getTenantId
-  const current = deptlist.find(item => item.deptno === currentId)
-  return current?.departname || 'name'
-})
+  const deptlist = useInfo.deptlist;
+  const currentId = userStore.getTenantId;
+  const current = deptlist.find(item => item.deptno === currentId);
+  return current?.departname || "name";
+});
 
 const options = computed(() => {
-  const deptlist = useInfo.deptlist
+  const deptlist = useInfo.deptlist;
   return deptlist.map((item) => {
     return {
       label: item.departname,
       key: item.deptno,
-    }
-  })
-})
+    };
+  });
+});
 </script>
 
 <template>
@@ -155,9 +155,11 @@ const options = computed(() => {
   .header {
     .user-name {
       font-size: 16px;
+      font-weight: 600;
     }
     .depart-name {
       font-size: 12px;
+      font-weight: 600;
     }
   }
 }
@@ -194,6 +196,8 @@ const options = computed(() => {
     padding: 13px 20px;
     cursor: pointer;
     color: #333333;
+    font-size: 13px;
+    font-weight: 600;
   }
 
   .trigger:hover {
diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index a3ba853..8550376 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import { useInfiniteScroll } from '@vueuse/core'
-import { debounce } from 'lodash-es'
-import { onMounted, reactive, ref, watch } from 'vue'
-import type { FilterSearchParam } from '/#/api'
-import type { Filter, FilterEntity } from '/#/home'
-import { VueDraggable } from 'vue-draggable-plus'
-import { asideMap } from '@/config/aside'
-import { favorite, getConditionList, sort, unfavorite } from '@/api/home/filter'
+import { useInfiniteScroll } from "@vueuse/core";
+import { debounce } from "lodash-es";
+import { onMounted, reactive, ref, watch } from "vue";
+import type { FilterSearchParam } from "/#/api";
+import type { Filter, FilterEntity } from "/#/home";
+import { VueDraggable } from "vue-draggable-plus";
+import { asideMap } from "@/config/aside";
+import { favorite, getConditionList, sort, unfavorite } from "@/api/home/filter";
 
-defineOptions({ name: 'AdvanceFilter' })
+defineOptions({ name: "AdvanceFilter" });
 
 const props = defineProps({
   type: {
@@ -16,42 +16,42 @@ const props = defineProps({
     default: 0,
     required: true,
   },
-})
+});
 const emit = defineEmits<{
-  (e: 'show-filter'): void
-  (e: 'show-custom'): void
-  (e: 'update:search'): void
-  (e: 'select', id: string)
-}>()
+  (e: "show-filter"): void
+  (e: "show-custom"): void
+  (e: "update:search"): void
+  (e: "select", id: string)
+}>();
 const ruleForm = reactive({
-  keyword: '',
-})
-const ruleformRef = ref()
-const data = ref<FilterEntity[]>([])
-const unData = ref<FilterEntity[]>([])
-const loading = ref(false)
-const canloadMore = true
-const el = ref<HTMLDivElement | null>(null)
-const popover = ref<ComponentRef | null>(null)
+  keyword: "",
+});
+const ruleformRef = ref();
+const data = ref<FilterEntity[]>([]);
+const unData = ref<FilterEntity[]>([]);
+const loading = ref(false);
+const canloadMore = true;
+const el = ref<HTMLDivElement | null>(null);
+const popover = ref<ComponentRef | null>(null);
 const pagination = reactive({
   pageNo: 1,
   pageSize: 300,
-})
-const keyword = ref('')
-const currentlySelectedAdvanced = ref('高级筛选')
+});
+const keyword = ref("");
+const currentlySelectedAdvanced = ref("高级筛选");
 
 onMounted(() => {
   // data.value = generateDefaultConfig()
-})
+});
 
 // 默认的过滤配置
 function generateDefaultConfig(): FilterEntity[] {
   return Object.keys(asideMap).reduce((acc, key) => {
-    const { label, defaultValue, isDefaultFilter } = asideMap[key]
+    const { label, defaultValue, isDefaultFilter } = asideMap[key];
 
     if (isDefaultFilter === true) {
       const config = {
-        id: '',
+        id: "",
         name: label,
         favorite: false,
         isDefaultFilter,
@@ -61,73 +61,73 @@ function generateDefaultConfig(): FilterEntity[] {
             value: defaultValue,
           },
         ],
-      }
-      return [...acc, config]
+      };
+      return [...acc, config];
     }
     else {
-      return acc
+      return acc;
     }
-  }, [])
+  }, []);
 }
 
 useInfiniteScroll(
   el as any,
   () => {
-    loadMore()
+    loadMore();
   },
   { distance: 10, interval: 300, canLoadMore: () => false },
-)
+);
 async function showClick() {
-  getSearchedList('')
+  getSearchedList("");
 }
 
 async function loadMore() {
   if (loading.value || el.value == null)
-    return
+    return;
 
-  const more = await featchList()
+  const more = await featchList();
 
   if (more.length === 0)
-    return
+    return;
 
-  data.value.push(...more)
+  data.value.push(...more);
 }
 
 async function featchList() {
-  loading.value = true
+  loading.value = true;
   try {
     const searchParam: FilterSearchParam = {
-      search_searchname: { value: ruleForm.keyword, op: 'like', type: 'string' },
-    }
-    const result = await getConditionList(pagination, searchParam, props.type)
-    const { data } = result
+      search_searchname: { value: ruleForm.keyword, op: "like", type: "string" },
+    };
+    const result = await getConditionList(pagination, searchParam, props.type);
+    const { data } = result;
     // pagination.pageNo += 1
     // canloadMore = pageCount >= pagination.pageNo
-    const entityList = generateFilterEntityList(data)
-    return entityList
+    const entityList = generateFilterEntityList(data);
+    return entityList;
   }
   catch (error) {
-    return []
+    return [];
   }
   finally {
-    loading.value = false
+    loading.value = false;
   }
 }
 
 // 转换服务器数据格式
 function generateFilterEntityList(data) {
   const filterEntityList = data.map((item) => {
-    const { searchname, iztop, ocrUsersearchchildList, id, reorder } = item
+    const { searchname, iztop, ocrUsersearchchildList, id, reorder } = item;
     const list = ocrUsersearchchildList.map((item) => {
-      const { searchfield, searchvalue } = item
+      const { searchfield, searchvalue } = item;
       return {
         key: searchfield,
         value: searchvalue,
-      }
-    })
+      };
+    });
 
-    const reg = new RegExp(ruleForm.keyword, 'gi')
-    const hilightText = searchname.replace(reg, `<span>${ruleForm.keyword}</span>`)
+    const reg = new RegExp(ruleForm.keyword, "gi");
+    const hilightText = searchname.replace(reg, `<span>${ruleForm.keyword}</span>`);
 
     return {
       id,
@@ -137,128 +137,128 @@ function generateFilterEntityList(data) {
       filterList: list,
       reorder,
       searchname,
-    }
-  })
+    };
+  });
 
-  return filterEntityList
+  return filterEntityList;
 }
 
 function selectHandler(item: FilterEntity) {
-  (popover.value as any).setShow(false)
-  currentlySelectedAdvanced.value = item.searchname
-  emit('select', item.id)
+  (popover.value as any).setShow(false);
+  currentlySelectedAdvanced.value = item.searchname;
+  emit("select", item.id);
 }
 
 const inputHandler = debounce((word) => {
-  ruleForm.keyword = word
-  ruleformRef.value.validate()
+  ruleForm.keyword = word;
+  ruleformRef.value.validate();
   if (word.length < 2 && word)
-    return
+    return;
 
-  getSearchedList(word)
-}, 300)
+  getSearchedList(word);
+}, 300);
 
 function getSearchedList(word, isScroll = false) {
   if (word)
-    pagination.pageSize = 300
+    pagination.pageSize = 300;
 
   if (!word)
-    pagination.pageSize = 10
+    pagination.pageSize = 10;
 
   if (isScroll)
-    pagination.pageSize = 300
+    pagination.pageSize = 300;
 
-  ruleForm.keyword = word
+  ruleForm.keyword = word;
   featchList().then((list) => {
-    const dataArr: FilterEntity[] = []
-    const unDataArr: FilterEntity[] = []
+    const dataArr: FilterEntity[] = [];
+    const unDataArr: FilterEntity[] = [];
     list.forEach((item) => {
       if (item.favorite && !item.isDefaultFilter)
-        dataArr.push(item)
+        dataArr.push(item);
 
       if (!item.favorite && !item.isDefaultFilter)
-        unDataArr.push(item)
-    })
+        unDataArr.push(item);
+    });
     data.value = dataArr.sort(
       (a, b) => Number(new Date(a.createtime)) - Number(new Date(b.createtime)),
-    )
+    );
     unData.value = unDataArr.sort(
       (a, b) => Number((a as any).reorder) - Number((b as any).reorder),
-    )
-  })
+    );
+  });
 }
 
 function favoriteHandler(event: MouseEvent, item: any) {
-  event.stopImmediatePropagation()
-  event.stopPropagation()
+  event.stopImmediatePropagation();
+  event.stopPropagation();
 
-  const { isDefaultFilter, id } = item
+  const { isDefaultFilter, id } = item;
 
   if (!isDefaultFilter) {
-    item.favorite = true
-    favorite(id)
+    item.favorite = true;
+    favorite(id);
     data.value.forEach((v, index) => {
       if (v.id == id)
-        sort(v.id, 0)
-      else sort(v.id, index + 1)
-    })
+        sort(v.id, 0);
+      else sort(v.id, index + 1);
+    });
 
-    inputHandler(ruleForm.keyword)
+    inputHandler(ruleForm.keyword);
   }
 }
 
 const rules = {
   keyword: [
     {
-      trigger: ['blur', 'input', 'change'],
-      level: 'error',
+      trigger: ["blur", "input", "change"],
+      level: "error",
       validator(_rule, value) {
         if (value.length >= 2)
-          return true
-        else return new Error('搜索关键字最少为两个')
+          return true;
+        else return new Error("搜索关键字最少为两个");
       },
     },
   ],
-}
+};
 
 function unFavoriteHandler(event: MouseEvent, item) {
-  event.stopImmediatePropagation()
-  event.stopPropagation()
+  event.stopImmediatePropagation();
+  event.stopPropagation();
 
-  const { isDefaultFilter, id } = item
+  const { isDefaultFilter, id } = item;
 
   if (!isDefaultFilter) {
-    item.favorite = false
-    unfavorite(id)
-    inputHandler(ruleForm.keyword)
+    item.favorite = false;
+    unfavorite(id);
+    inputHandler(ruleForm.keyword);
   }
 }
 
 function handleScroll(event) {
-  let timer
+  let timer;
   if (timer) {
-    clearTimeout(timer)
+    clearTimeout(timer);
   }
   else {
     timer = setTimeout(() => {
-      getSearchedList('', true)
-    }, 2000)
+      getSearchedList("", true);
+    }, 2000);
   }
 }
 
 function moveEnd() {
   unData.value.forEach((v, index) => {
-    sort(v.id, index)
-  })
+    sort(v.id, index);
+  });
 }
 
 function setCurrentlySelectedAdvanced(value: string) {
-  currentlySelectedAdvanced.value = value
+  currentlySelectedAdvanced.value = value;
 }
 
 defineExpose({
   setCurrentlySelectedAdvanced,
-})
+});
 </script>
 
 <template>
@@ -422,13 +422,12 @@ defineExpose({
   justify-content: space-between;
   align-items: center;
   position: absolute;
-  left: 0;
-  top: -10px;
   width: 100%;
   padding: 17px 16px;
   border-bottom: 1px solid #e8e8e8;
   z-index: 10;
   background: #ffffff;
+  left: 0;
 
   &-left {
     display: flex;
@@ -487,6 +486,12 @@ defineExpose({
 .wrapper-left-popover {
   width: 248px;
   height: 288px;
+  position: absolute;
+  left: 0;
+  top: -10px;
+  border: 1px solid #f3f8ff;
+  z-index: 10000;
+  background: #fff;
 }
 ::v-deep(.wrapper-left-popover .n-form-item) {
   display: block !important;
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index a28f155..4b0bdd8 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -8,132 +8,135 @@ import {
   reactive,
   ref,
   unref,
-} from "vue";
-import { NDataTable } from "naive-ui";
-import type { DataTableColumns, DataTableRowKey } from "naive-ui";
-import type { SortableEvent } from "sortablejs";
-import Sortable from "sortablejs";
-import { debounce } from "lodash-es";
-import Action from "../Action.vue";
-import { deleteCondition, getConditionList, sort } from "@/api/home/filter";
-import type { FilterSearchParam } from "/#/api";
-import selection from "naive-ui/es/_internal/selection";
-import SvgIcon from "@/components/Icon/SvgIcon.vue";
-
-import { useModal } from "naive-ui";
-const modal = useModal();
-
-defineOptions({ name: "FilterModal" });
-const $message = window["$message"];
-
+} from 'vue'
+import { NDataTable, useModal } from 'naive-ui'
+import type { DataTableColumns, DataTableRowKey } from 'naive-ui'
+import type { SortableEvent } from 'sortablejs'
+import Sortable from 'sortablejs'
+import { debounce } from 'lodash-es'
+import selection from 'naive-ui/es/_internal/selection'
+import Action from '../Action.vue'
+import { deleteCondition, getConditionList, sort } from '@/api/home/filter'
+import type { FilterSearchParam } from '/#/api'
+import SvgIcon from '@/components/Icon/SvgIcon.vue'
+
+defineOptions({ name: 'FilterModal' })
 const props = defineProps({
   type: {
     type: Number,
     default: () => 0,
   },
-});
-
+})
 const emit = defineEmits<{
-  (e: "showNewFilter"): void;
-  (e: "editFilter", filter: any): void;
-  (e: "handleOk", item: any): void;
-}>();
+  (e: 'showNewFilter'): void
+  (e: 'editFilter', filter: any): void
+  (e: 'handleOk', item: any): void
+}>()
+const modal = useModal()
+const tableData = ref<Array<RowData>>([])
+const keyword = ref('')
+const $message = window.$message
 
-const show = ref(false);
+const show = ref(false)
 
 const cardStyle = {
-  width: "808px",
-  height: "840px",
-  "--n-padding-bottom": "10px",
-  "--n-padding-left": "10px",
-};
+  "width": '808px',
+  "height": '840px',
+  '--n-padding-bottom': '10px',
+  '--n-padding-left': '10px',
+}
 
 interface RowData {
-  id: string;
-  searchname: string;
-  createby: string;
-  createtime: string;
-  updateby: string;
-  updatetime: string;
+  id: string
+  searchname: string
+  createby: string
+  createtime: string
+  updateby: string
+  updatetime: string
 }
 
 function sortData(row) {
-  console.log("sortData", row);
-  if (row.order == "descend") {
+  console.log('sortData', row)
+  if (row.order == 'descend') {
     tableData.value.sort(
       (a, b) =>
-        new Date(a[row.columnKey]).getTime() - new Date(b[row.columnKey]).getTime()
-    );
-  } else if (row.order == "ascend") {
+        new Date(a[row.columnKey]).getTime() - new Date(b[row.columnKey]).getTime(),
+    )
+  }
+  else if (row.order == 'ascend') {
     tableData.value.sort(
       (a, b) =>
-        new Date(b[row.columnKey]).getTime() - new Date(a[row.columnKey]).getTime()
-    );
-  } else {
+        new Date(b[row.columnKey]).getTime() - new Date(a[row.columnKey]).getTime(),
+    )
+  }
+  else {
     tableData.value.sort(
-      (a, b) => Number((a as any).reorder) - Number((b as any).reorder)
-    );
+      (a, b) => Number((a as any).reorder) - Number((b as any).reorder),
+    )
   }
 }
 
 const columns: DataTableColumns<RowData> = [
   {
-    type: "selection",
+    type: 'selection',
   },
   {
-    title: "操作",
-    key: "action",
+    title: '操作',
+    key: 'action',
     render(row) {
       return h(Action, {
         options: [
-          { label: "编辑", key: 1 },
-          { label: "删除", key: 2 },
+          { label: '编辑', key: 1 },
+          { label: '删除', key: 2 },
         ],
         id: row.id,
         select,
-      });
+      })
     },
   },
   // j
   {
-    title: "名称",
-    key: "searchname",
+    title: '名称',
+    key: 'searchname',
     ellipsis: {
       tooltip: true,
     },
   },
   {
-    title: "创建者",
-    key: "createby",
+    title: '创建者',
+    key: 'createby',
   },
   {
-    title: "创建时间",
-    key: "createtime",
+    title: '创建时间',
+    key: 'createtime',
     width: 180,
     renderSorterIcon: ({ order }) => {
-      if (order === false) return h(SvgIcon, { name: "sort-2" });
-      if (order === "ascend") return h(SvgIcon, { name: "sort-1" });
-      if (order === "descend") return h(SvgIcon, { name: "sort-3" });
+      if (order === false)
+        return h(SvgIcon, { name: 'sort-2' })
+      if (order === 'ascend')
+        return h(SvgIcon, { name: 'sort-1' })
+      if (order === 'descend')
+        return h(SvgIcon, { name: 'sort-3' })
     },
     sorter: (row1, row2) => {
       // tableData.value.sort(
       //   (a, b) => new Date(a?.createtime).getTime() - new Date(b?.createtime).getTime()
-      // );
-      return new Date(row1?.createtime).getTime() - new Date(row2?.createtime).getTime();
+      // )
+      return new Date(row1?.createtime).getTime() - new Date(row2?.createtime).getTime()
     },
   },
   {
-    title: "更新者",
-    key: "updateby",
+    title: '更新者',
+    key: 'updateby',
   },
   {
-    title: "更新时间",
-    key: "updatetime",
+    title: '更新时间',
+    key: 'updatetime',
     width: 180,
   },
-];
-const total = ref(0);
-const loading = ref(true);
+]
+const total = ref(0)
+const loading = ref(true)
 const pagination = reactive({
   page: 1,
   pageCount: 1,
@@ -141,231 +144,233 @@ const pagination = reactive({
   showSizePicker: true,
   pageSizes: [
     {
-      label: "10 每页",
+      label: '10 每页',
       value: 10,
     },
     {
-      label: "15 每页",
+      label: '15 每页',
       value: 15,
     },
     {
-      label: "30 每页",
+      label: '30 每页',
       value: 30,
     },
     {
-      label: "50 每页",
+      label: '50 每页',
       value: 50,
     },
   ],
   showQuickJumper: true,
   prefix: () => `共 ${total.value} 条数据`,
-});
-const tableData = ref<Array<RowData>>([]);
-const keyword = ref("");
+})
 
 async function query(page: number, pageSize: number) {
   const searchParam: FilterSearchParam = {
-    search_searchname: { value: keyword.value, op: "like", type: "string" },
-  };
+    search_searchname: { value: keyword.value, op: 'like', type: 'string' },
+  }
   const result = await getConditionList(
     { pageNo: page, pageSize },
     searchParam,
-    props.type
-  );
-  const { data, pageCount, total: totalCount } = result;
-  tableData.value = data;
-  pagination.page = page;
-  total.value = totalCount;
-  pagination.pageCount = pageCount;
-  loading.value = false;
+    props.type,
+  )
+  const { data, pageCount, total: totalCount } = result
+  tableData.value = data
+  pagination.page = page
+  total.value = totalCount
+  pagination.pageCount = pageCount
+  loading.value = false
 }
 
 function afterLeave() {
-  pagination.page = 1;
-  pagination.pageCount = 1;
-  pagination.pageSize = 10;
+  pagination.page = 1
+  pagination.pageCount = 1
+  pagination.pageSize = 10
 }
 
-const selectionIds = ref<DataTableRowKey[]>([]);
+const selectionIds = ref<DataTableRowKey[]>([])
 
-const rowKey = (row: RowData) => row.id;
+const rowKey = (row: RowData) => row.id
 
 function rowProps(row: RowData) {
   return {
-    "data-id": row.id,
-  };
+    'data-id': row.id,
+  }
 }
 
 function handleCheck(rowKeys: DataTableRowKey[]) {
-  selectionIds.value = rowKeys;
+  selectionIds.value = rowKeys
 }
 
 function select(key: number, id: string) {
   switch (key) {
     case 1:
-      editSelection(id);
-      break;
+      editSelection(id)
+      break
     case 2:
       const modalInst = modal.create({
-        title: "确认提示",
-        content: "确认删除该条过滤条件吗?",
-        positiveText: "确定",
-        negativeText: "取消",
-        preset: "dialog",
+        title: '确认提示',
+        content: '确认删除该条过滤条件吗?',
+        positiveText: '确定',
+        negativeText: '取消',
+        preset: 'dialog',
         onPositiveClick: () => deleteSelection(id),
         onNegativeClick: () => modalInst.destroy(),
-      });
-      break;
+      })
+      break
     default:
-      break;
+      break
   }
 }
 
 function editSelection(id) {
-  // const $message = window["$message"];
+  // const $message = window['$message']
   // if (selectionIds.value.length === 0 || selectionIds.value.length > 1) {
-  //   $message.error("请选中一条过滤");
-  //   return;
+  //   $message.error('请选中一条过滤')
+  //   return
   // }
-  const selectedId = id;
+  const selectedId = id
   const selectedFilter = tableData.value.find((item: any) => {
-    return item.id === selectedId;
-  });
+    return item.id === selectedId
+  })
 
-  emit("editFilter", selectedFilter);
-  closeModal();
+  emit('editFilter', selectedFilter)
+  closeModal()
 }
 
-function deleteSelection(id = "") {
+function deleteSelection(id = '') {
   if (selectionIds.value.length === 0) {
     deleteCondition({ ids: id }).then(() => {
-      query(pagination.page, pagination.pageSize);
-    });
-    return;
+      query(pagination.page, pagination.pageSize)
+    })
+    return
   }
   const modalInst = modal.create({
-    title: "确认提示",
-    content: "确认删除所选过滤条件吗?",
-    positiveText: "确定",
-    negativeText: "取消",
-    preset: "dialog",
+    title: '确认提示',
+    content: '确认删除所选过滤条件吗?',
+    positiveText: '确定',
+    negativeText: '取消',
+    preset: 'dialog',
     onPositiveClick: () =>
-      deleteCondition({ ids: selectionIds.value.join(",") }).then(() => {
-        selectionIds.value = [];
-        query(pagination.page, pagination.pageSize);
+      deleteCondition({ ids: selectionIds.value.join(',') }).then(() => {
+        selectionIds.value = []
+        query(pagination.page, pagination.pageSize)
       }),
     onNegativeClick: () => modalInst.destroy(),
-  });
+  })
 }
 
 async function handlePageChange(currentPage) {
-  if (loading.value) return;
-  pagination.page = currentPage;
-  const { pageSize } = pagination;
-  await query(currentPage, pageSize);
+  if (loading.value)
+    return
+  pagination.page = currentPage
+  const { pageSize } = pagination
+  await query(currentPage, pageSize)
 }
 
 async function handlePageSizeChange(currentPageSize) {
-  if (loading.value) return;
+  if (loading.value)
+    return
 
-  const { page } = pagination;
-  pagination.pageSize = currentPageSize;
-  await query(page, currentPageSize);
+  const { page } = pagination
+  pagination.pageSize = currentPageSize
+  await query(page, currentPageSize)
 }
 
 function handleClick() {
-  emit("showNewFilter");
-  closeModal();
+  emit('showNewFilter')
+  closeModal()
 }
 
-let sortTable: Sortable | null = null;
-const tableRef = ref<InstanceType<typeof NDataTable>>();
+let sortTable: Sortable | null = null
+const tableRef = ref<InstanceType<typeof NDataTable>>()
 
 async function showModal() {
-  show.value = true;
+  show.value = true
 
-  const { page, pageSize } = pagination;
-  await query(page, pageSize);
+  const { page, pageSize } = pagination
+  await query(page, pageSize)
 
   nextTick(() => {
-    if (sortTable !== null) destory();
-
-    const el: HTMLDivElement = tableRef.value?.$el;
-    const tbody: HTMLElement | null = el.querySelector("tbody.n-data-table-tbody")!;
-    if (tbody) sortTable = Sortable.create(tbody, { onEnd, onMove });
-  });
+    if (sortTable !== null)
+      destory()
+
+    const el: HTMLDivElement = tableRef.value?.$el
+    const tbody: HTMLElement | null = el.querySelector('tbody.n-data-table-tbody')!
+    if (tbody)
+      sortTable = Sortable.create(tbody, { onEnd, onMove })
+  })
 }
-let relatedId = "";
-let insertafter = false;
+let relatedId = ''
+let insertafter = false
 
 // TODO: 有bug，需跟后端联调
 function onEnd(event: SortableEvent) {
-  const data = unref(tableData);
-  const oldElem = data[event.oldIndex!];
-  data.splice(event.oldIndex!, 1);
-  data.splice(event.newIndex!, 0, oldElem);
+  const data = unref(tableData)
+  const oldElem = data[event.oldIndex!]
+  data.splice(event.oldIndex!, 1)
+  data.splice(event.newIndex!, 0, oldElem)
 
-  const dragId = oldElem.id;
+  const dragId = oldElem.id
   const index = data.findIndex((item) => {
-    return item.id === relatedId;
-  });
+    return item.id === relatedId
+  })
 
   // 插入到元素后，索引-1；插入到元素前，索引+1
-  const order = insertafter ? index - 1 : index + 1;
+  const order = insertafter ? index - 1 : index + 1
   // console.log('dragid:', dragId, 'order:', order)
-  sort(dragId, order);
+  sort(dragId, order)
 }
 
 function onMove(evt: any) {
-  relatedId = evt.related?.dataset?.id;
-  insertafter = evt.willInsertAfter;
+  relatedId = evt.related?.dataset?.id
+  insertafter = evt.willInsertAfter
   // console.log(`你正在拖动：${evt.dragged.dataset.id},替换了：${evt.related}`, 'insertafter', evt.willInsertAfter)
 }
 
 function destory() {
-  sortTable && sortTable.destroy();
-  sortTable = null;
+  sortTable && sortTable.destroy()
+  sortTable = null
 }
 
 onUnmounted(() => {
-  destory();
-});
+  destory()
+})
 
 function closeModal() {
-  selectionIds.value = [];
-  show.value = false;
+  selectionIds.value = []
+  show.value = false
 }
 
 defineExpose({
   showModal,
   query,
   pagination,
-});
+})
 
 const inputHandler = debounce((word) => {
-  keyword.value = word;
-  query(1, 5);
-}, 300);
+  keyword.value = word
+  query(1, 5)
+}, 300)
 
 const showSearch = computed(() => {
-  return selectionIds.value.length > 0;
-});
+  return selectionIds.value.length > 0
+})
 
-const handleOk = () => {
+function handleOk() {
   if (selectionIds.value.length > 1) {
-    $message.error("只能选择一条筛选条件");
-    return;
+    $message.error('只能选择一条筛选条件')
+    return
   }
   if (selectionIds.value.length == 1) {
-    const selectedId = selectionIds.value[0];
-    let item = tableData.value.find((v) => v.id == selectedId);
-    emit("handleOk", item);
-  }
-  if (selectionIds.value.length == 0) {
-    emit("handleOk", "");
+    const selectedId = selectionIds.value[0]
+    const item = tableData.value.find(v => v.id == selectedId)
+    emit('handleOk', item)
   }
-  closeModal();
-};
+  if (selectionIds.value.length == 0)
+    emit('handleOk', '')
+
+  closeModal()
+}
 </script>
 
 <template>
@@ -374,9 +379,9 @@ const handleOk = () => {
       v-model:show="show"
       transform-origin="center"
       display-directive="if"
-      @after-leave="afterLeave"
       :mask-closable="false"
       class="modal_wrapper"
+      @after-leave="afterLeave"
     >
       <n-card
         :style="cardStyle"
@@ -396,8 +401,7 @@ const handleOk = () => {
                   'font-weight': '600',
                 }"
                 class="wrapper-info-title"
-                >基本信息</span
-              >
+              >基本信息</span>
             </div>
           </div>
 
@@ -429,13 +433,11 @@ const handleOk = () => {
               </n-button>
             </div>
             <div class="msg">
-              <span
-                >已选中
+              <span>已选中
                 <span style="color: #507afd; font-size: 16px">{{
                   selectionIds.length
                 }}</span>
-                项</span
-              >
+                项</span>
               <a @click="selectionIds = []">清空</a>
             </div>
           </div>
@@ -482,8 +484,9 @@ const handleOk = () => {
   padding: 14px;
 
   &-title {
-    font-weight: bold;
-    font-size: 20px;
+    font-weight: 600;
+    color: #333333;
+    font-size: 18px;
     height: 24px;
   }
 
@@ -521,7 +524,8 @@ const handleOk = () => {
   }
 
   &-table {
-    margin-top: 17px;
+    //17->  34-24/2+x
+    margin-top: 12px;
   }
 
   &-footer {
@@ -537,8 +541,9 @@ const handleOk = () => {
     &:before {
       background-color: #1980ff;
       content: "";
-      width: 5px;
-      border-radius: 2px;
+      width: 4px;
+      height: 18px;
+      border-radius: 3px;
       top: 0;
       left: 3px;
       bottom: 0;
@@ -555,7 +560,6 @@ const handleOk = () => {
   }
 }
 .del_btn {
-  margin-left: 12px;
   color: #333333;
   font-weight: 500;
 }
@@ -580,9 +584,7 @@ const handleOk = () => {
   font-size: 14px !important;
   color: #000000 !important;
 }
-::v-deep(.n-data-table
-    .n-data-table-tr:not(.n-data-table-tr--summary):hover
-    > .n-data-table-td) {
+::v-deep(.n-data-table .n-data-table-td) {
   color: #666666 !important;
   font-size: 14px !important;
 }
@@ -590,8 +592,6 @@ const handleOk = () => {
   position: relative;
   left: -80px;
 }
-.modal_wrapper {
-}
 ::v-deep(.n-input .n-input__input-el) {
   height: 24px;
 }
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 387d47d..75ba253 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -1,21 +1,4 @@
 <script lang="ts" setup>
-import {
-  createPackage,
-  getCheckDuplicateStatus,
-  getLastCheckNo,
-  getPictureList,
-  oneClickCheckTaskPackage,
-  queryPageListByCheckNo,
-  removeCheckDuplicate,
-} from "@/api/home/main";
-import avatar from "@/assets/images/avatar.jpg";
-import { timeOptions, viewOptions } from "@/config/home";
-import { useWindowSizeFn } from "@/hooks/event/useWindowSizeFn";
-import { useConfig } from "@/store/modules/asideConfig";
-import { getViewportOffset } from "@/utils/domUtils";
-import { hideDownload } from "@/utils/image";
-import emitter from "@/utils/mitt";
-import { getImgUrl } from "@/utils/urlUtils";
 import { EllipsisHorizontal, EyeOutline as EyeOutlineIcon } from "@vicons/ionicons5";
 import { Download as DownloadIcon, Upload as UploadIcon } from "@vicons/tabler";
 import { Icon } from "@vicons/utils";
@@ -38,6 +21,7 @@ import {
   unref,
   watch,
 } from "vue";
+import axios from "axios";
 import CheckingTaskModal from "./modal/CheckingTaskModal.vue";
 import FinishPackageModal from "./modal/FinishPackageModal.vue";
 import GeneratePackageModal from "./modal/GeneratePackageModal.vue";
@@ -47,8 +31,27 @@ import QueryRepeatedTasksModal from "./modal/QueryRepeatedTasksModal.vue";
 import type { PictureSortParam } from "/#/api";
 import defaultAvatar from "@/assets/icons/avatar.svg";
 import baseImg from "@/assets/images/baseImg.png";
-import axios from "axios";
+import { getImgUrl } from "@/utils/urlUtils";
+import emitter from "@/utils/mitt";
+import { hideDownload } from "@/utils/image";
+import { getViewportOffset } from "@/utils/domUtils";
+import { useConfig } from "@/store/modules/asideConfig";
+import { useWindowSizeFn } from "@/hooks/event/useWindowSizeFn";
+import { timeOptions, viewOptions } from "@/config/home";
+import avatar from "@/assets/images/avatar.jpg";
+import {
+  createPackage,
+  getCheckDuplicateStatus,
+  getLastCheckNo,
+  getPictureList,
+  oneClickCheckTaskPackage,
+  queryPageListByCheckNo,
+  removeCheckDuplicate,
+} from "@/api/home/main";
 
+const listData = ref<any[]>([]);
+const timer = ref();
+const showClose = ref(false);
 const deviceHeight = ref(600);
 let _masonry: null | Masonry = null;
 let _imagesload: any;
@@ -97,9 +100,11 @@ const listStyle = computed(() => {
 });
 
 const layout = debounce(() => {
-  if (masonryRef.value == null || el.value == null) return;
+  if (masonryRef.value == null || el.value == null)
+    return;
 
-  if (_masonry !== null) (_masonry as any).addItems();
+  if (_masonry !== null)
+    (_masonry as any).addItems();
 
   _masonry = new Masonry(masonryRef.value as any, {
     itemSelector: ".grid-item",
@@ -113,7 +118,8 @@ const layout = debounce(() => {
 
   _imagesload.on("done", (instance) => {
     (_masonry as any).layout();
-    if (!el.value) return;
+    if (!el.value)
+      return;
     loading.value = false;
   });
 
@@ -128,7 +134,7 @@ useInfiniteScroll(
   () => {
     loadMore();
   },
-  { distance: 10, canLoadMore: () => canloadMore }
+  { distance: 10, canLoadMore: () => canloadMore },
 );
 
 onUpdated(() => {
@@ -152,8 +158,8 @@ const viewLabel = computed(() => {
   return item?.label;
 });
 
-let isAllowDownload = ref(true);
-let calNum = ref(0);
+const isAllowDownload = ref(true);
+const calNum = ref(0);
 const searchValue = ref("");
 const isInitSeaerch = ref(false); // 是否初始化搜索
 
@@ -176,18 +182,17 @@ watch(
       listData.value = more;
       isInitSeaerch.value = false;
       // configStore.setSearchValue("");
-    } else {
+    }
+    else {
       isInitSeaerch.value = true;
       pagination.pageNo = 0;
       const more = await featchList();
       listData.value = more;
       isInitSeaerch.value = false;
     }
-  }
+  },
 );
 
-const listData = ref<any[]>([]);
-
 async function featchList(userSearchId?: string) {
   loading.value = true;
   try {
@@ -206,15 +211,15 @@ async function featchList(userSearchId?: string) {
       data: [],
       total: 0,
     };
-    let sortObj: any = {}; // rao start
-    if (sortBy.orderbyvalue == "pictureResult") {
+    const sortObj: any = {}; // rao start
+    if (sortBy.orderbyvalue == "pictureResult")
       sortObj.ordertype = sortBy.orderbyname;
-    } else if (sortBy.orderbyvalue == "fromuptime") {
+    else if (sortBy.orderbyvalue == "fromuptime")
       sortObj.orderByTime = sortBy.orderbyname;
-    }
-    if (params["izsimilarity"] && typeof params["izsimilarity"] != "string") {
-      params["izsimilarity"] = params["izsimilarity"].join("-");
-    }
+
+    if (params.izsimilarity && typeof params.izsimilarity != "string")
+      params.izsimilarity = params.izsimilarity.join("-");
+
     // rao end
 
     if (checkTaskStatus.value === 2 && isRefresh) {
@@ -226,7 +231,8 @@ async function featchList(userSearchId?: string) {
         checkDuplicateNo: checkDuplicateNo.value,
         upUserName: searchValue,
       });
-    } else {
+    }
+    else {
       result = await getPictureList({
         ...pagination,
         ...contentParams,
@@ -253,14 +259,16 @@ async function featchList(userSearchId?: string) {
     });
 
     return list;
-  } catch (error) {
+  }
+  catch (error) {
     canloadMore = false;
     return [];
   }
 }
 
 async function loadMore() {
-  if (loading.value || el.value == null) return;
+  if (loading.value || el.value == null)
+    return;
 
   const more = await featchList();
   // if(isInitSeaerch.value) {
@@ -272,15 +280,15 @@ async function loadMore() {
 
 const gridHeight = computed(() => {
   let height = "";
-  if (viewMode.value === "masonry") {
+  if (viewMode.value === "masonry")
     height = "";
-  } else if (viewMode.value === "horizontalVersion") {
+  else if (viewMode.value === "horizontalVersion")
     height = "145px";
-  } else if (viewMode.value === "verticalVersion") {
+  else if (viewMode.value === "verticalVersion")
     height = "300px";
-  } else if (viewMode.value === "3:4") {
+  else if (viewMode.value === "3:4")
     height = "240px";
-  }
+
   return height;
 });
 
@@ -290,52 +298,53 @@ async function oneCheck() {
   console.log("searchValue", asideVal, searchValue.value);
 
   if (asideVal.izyear && asideVal.izyear.length == 2) {
-    asideVal.izyear =
-      dayjs(asideVal.izyear[0]).format("YYYY/MM/DD") +
-      "-" +
-      dayjs(asideVal.izyear[1]).format("YYYY/MM/DD");
-  }
-  if (asideVal["izsimilarity"] && typeof asideVal["izsimilarity"] != "string") {
-    asideVal["izsimilarity"] = asideVal["izsimilarity"].join("-");
+    asideVal.izyear
+      = `${dayjs(asideVal.izyear[0]).format("YYYY/MM/DD")
+       }-${
+       dayjs(asideVal.izyear[1]).format("YYYY/MM/DD")}`;
   }
+  if (asideVal.izsimilarity && typeof asideVal.izsimilarity != "string")
+    asideVal.izsimilarity = asideVal.izsimilarity.join("-");
+
   const tasksLoadingModal = queryRepeatedTasksModalRef.value as any;
 
   console.log("calNum.value111111111111111", calNum.value, checkTaskStatus.value);
   if (calNum.value == 0 && isRefresh.value) {
-    if (timer.value) {
+    if (timer.value)
       clearInterval(timer.value);
-    }
+
     timer.value = setInterval(() => {
       console.log("calNum.value2222222222222", calNum.value, checkTaskStatus.value);
       if (checkDuplicateNo.value) {
         getCheckDuplicateStatus(checkDuplicateNo.value).then((res) => {
           if (res.code === "OK") {
             checkTaskStatus.value = res.data.status;
-            if (calNum.value < 90) {
+            if (calNum.value < 90)
               calNum.value = calNum.value + 10;
-            }
+
             configStore.setTimeNum(calNum.value);
             if (checkTaskStatus.value === 2 || checkTaskStatus.value === 3) {
-              if (checkTaskStatus.value === 2) {
+              if (checkTaskStatus.value === 2)
                 message.success("任务执行完毕，正在刷新数据...");
-              } else {
+              else
                 message.error("查询异常");
-              }
+
               tasksLoadingModal.closeOnlyModal();
               configStore.setTimeNum(100);
-              if (timer.value) {
+              if (timer.value)
                 clearInterval(timer.value);
-              }
+
               setTimeout(() => {
                 configStore.setTimeNum(0);
               }, 1000);
               reset();
               loadMore();
             }
-          } else {
-            if (timer.value) {
+          }
+          else {
+            if (timer.value)
               clearInterval(timer.value);
-            }
+
           }
         });
       }
@@ -347,13 +356,14 @@ async function oneCheck() {
     tasksLoadingModal.showModal();
     return;
   }
-  //调用查重任务开启流程
+  // 调用查重任务开启流程
   oneClickCheckTaskPackage(asideVal).then((res) => {
     if (res.code === "OK") {
       checkDuplicateNo.value = res.data.checkDuplicateNo;
       checkTaskStatus.value = res.data.status;
       tasksLoadingModal.showModal(); // 暂时rao
-    } else {
+    }
+    else {
       message.error(res.message || "查重失败");
     }
   });
@@ -367,13 +377,13 @@ async function showAddPackage() {
   modal.showModal();
 }
 
-//查重任务加载提示框,关闭回调
+// 查重任务加载提示框,关闭回调
 async function tasksLoadingCloseCallback() {
   const checkingTaskModal = checkingTaskModalRef.value as any;
   checkingTaskModal.showModal();
-  if (isRefresh.value) {
+  if (isRefresh.value)
     refresh(true);
-  }
+
 }
 
 async function showLoginSuccessModal() {
@@ -398,7 +408,7 @@ async function commitHandler(settingParam) {
       packageIdRef.value = res.data.id;
       modal.closeModal();
       finishModal.showModal();
-      //清空查重任务状态和编号
+      // 清空查重任务状态和编号
       checkDuplicateNo.value = "";
       checkTaskStatus.value = null;
     }
@@ -418,9 +428,9 @@ onMounted(() => {
   // });
   // 一件键重——获取任务编号
   getLastCheckNo().then((res) => {
-    if (res.code === "OK") {
+    if (res.code === "OK")
       checkDuplicateNo.value = res.data;
-    }
+
   });
   nextTick(() => {
     computeListHeight();
@@ -442,7 +452,7 @@ watch(
   (newVal, oldVal) => {
     refreshHandler();
   },
-  { deep: true }
+  { deep: true },
 );
 
 function reset() {
@@ -459,7 +469,8 @@ function reset() {
 async function refreshHandler(filtersearchId?: any) {
   reset();
 
-  if (filtersearchId) filterId = filtersearchId;
+  if (filtersearchId)
+    filterId = filtersearchId;
 
   nextTick(() => {
     setTimeout(() => {
@@ -468,7 +479,7 @@ async function refreshHandler(filtersearchId?: any) {
         () => {
           loadMore();
         },
-        { distance: 10, canLoadMore: () => canloadMore }
+        { distance: 10, canLoadMore: () => canloadMore },
       );
     }, 300);
   });
@@ -497,9 +508,8 @@ async function downloadImage(item) {
       cache: "default",
     });
     // 检查响应状态码，确保请求成功
-    if (!response.ok) {
+    if (!response.ok)
       throw new Error(`HTTP error! Status: ${response.status}`);
-    }
 
     // 读取 Blob 数据
     const blob = await response.blob();
@@ -519,7 +529,8 @@ async function downloadImage(item) {
     // 清理
     URL.revokeObjectURL(link.href);
     document.body.removeChild(link);
-  } catch (error) {
+  }
+  catch (error) {
     console.error("下载图片时发生错误:", error);
   }
 }
@@ -532,8 +543,6 @@ function previewHandler(index: number, event: MouseEvent) {
     (imageRef.value?.[index] as any).click();
 }
 
-const timer = ref();
-
 /**
  * 检查查重状态
  */
@@ -551,35 +560,36 @@ function refresh(val?: any) {
         // }
 
         if (
-          (checkTaskStatus.value === 2 || checkTaskStatus.value === 3) &&
-          isRefresh.value
+          (checkTaskStatus.value === 2 || checkTaskStatus.value === 3)
+          && isRefresh.value
         ) {
           configStore.setTimeNum(100);
           checkingTaskModal.closeModal();
           isRefresh.value = false;
-          if (checkTaskStatus.value === 2) {
+          if (checkTaskStatus.value === 2)
             message.success("任务执行完毕，正在刷新数据...");
-          } else {
+          else
             message.error("查询异常");
-          }
-          if (timer.value) {
+
+          if (timer.value)
             clearInterval(timer.value);
-          }
+
           reset();
           loadMore();
           configStore.setTimeNum(0);
-        } else if (checkTaskStatus.value === 1) {
-          return;
+        }
+        else if (checkTaskStatus.value === 1) {
+
         }
       }
     });
-    return;
+
   }
 }
 /**
  * 取消查重任务
  */
-function cancel(val) {
+function cancel() {
   if (checkTaskStatus.value === 1) {
     removeCheckDuplicate(checkDuplicateNo.value).then((res) => {
       if (res.code === "OK") {
@@ -591,13 +601,13 @@ function cancel(val) {
   }
 }
 
-const renderIcon = (icon: Component) => {
+function renderIcon(icon: Component) {
   return () => {
     return h(NIcon, null, {
       default: () => h(icon),
     });
   };
-};
+}
 
 const dropdownOptions = ref([
   {
@@ -617,10 +627,10 @@ const dropdownOptions = ref([
   },
 ]);
 
-const loadImgOver = (item) => {
+function loadImgOver(item) {
   console.log("loadImgOver", item);
   setTimeout(() => (item.loadOver = true), 2000);
-};
+}
 
 defineExpose({
   showLoginSuccessModal,
@@ -671,7 +681,7 @@ defineExpose({
             <div class="dropdown">
               <!-- <span>{{ viewLabel || '请选择' }}</span> -->
               <span>视图</span>
-              <SvgIcon class="gap" name="arrow-botton" size="14" />
+              <SvgIcon class="gap" name="arrow-botton" size="16" />
             </div>
           </n-popselect>
           <div
@@ -679,21 +689,20 @@ defineExpose({
             @click="sortHandler('fromuptime')"
           >
             <span>时间排序</span>
-            <SvgIcon style="margin-left: 8px" name="sort" size="12" />
+            <SvgIcon style="margin-left: 8px" name="sort" size="16" />
           </div>
           <div
             style="margin-left: 15px; cursor: pointer; color: #323233"
             @click="sortHandler('pictureResult')"
           >
             <span>相似度排序</span>
-            <SvgIcon style="margin-left: 8px" name="sort" size="12" />
+            <SvgIcon style="margin-left: 8px" name="sort" size="16" />
           </div>
         </div>
-        <span style="font-size: 16px; color: #333"
-          >共
-          <span style="color: #507afd; font-weight: 500">{{ totalCount }}</span> 项</span
-        >
+        <span style="font-size: 16px; color: #333">共
+          <span style="color: #507afd; font-weight: 500">{{ totalCount }}</span> 项</span>
       </div>
+
       <n-spin :show="loading">
         <div ref="el" class="scroll" :style="listStyle">
           <!-- <n-scrollbar :on-scroll="scrollHandler"> -->
@@ -709,16 +718,22 @@ defineExpose({
                 class="wrapper-content-item-img" :class="{ 'wrapper-content-item-img-fit': viewMode !== 'masonry' }"
                 :src="item.imgUrl"
               > -->
+
               <n-image
+                ref="imageRef"
                 class="img"
-                :img-props="{ onClick: hideDownload }"
+                :img-props="{
+                  onClick: ($event) => {
+                    hideDownload($event);
+                    showClose = true;
+                  },
+                }"
                 :class="{
                   'img-fit': viewMode === 'horizontalVersion',
                   'img-full': viewMode === '3:4' || viewMode === 'verticalVersion',
                 }"
                 :preview-src="item.imgUrl"
                 :src="item.thumburl"
-                ref="imageRef"
               />
               <!-- @load="loadImgOver(item)" -->
               <!-- <n-image
@@ -731,13 +746,13 @@ defineExpose({
                 v-show="!item.loadOver"
               /> -->
 
-              <div class="percent" v-if="item.similar != -1">
+              <div v-if="item.similar != -1" class="percent">
                 <SvgIcon size="42" :name="item.similar == 100 ? 'error_tag' : 'tag'" />
                 <div class="val">
                   {{ `${item.similar}%` }}
                 </div>
               </div>
-              <div class="glass" v-if="isAllowDownload">
+              <div v-if="isAllowDownload" class="glass">
                 <SvgIcon
                   size="16"
                   name="download"
@@ -753,7 +768,9 @@ defineExpose({
                       <template #trigger>
                         <span>{{ item.imgName }}</span>
                       </template>
-                      {{ item.imgName }}
+                      <span
+                        style="font-size: 12px; margin-top: 4px; margin-bottom: 16px"
+                      >{{ item.imgName }}</span>
                     </n-tooltip>
                   </div>
                   <div class="icon-wrap" @click="previewHandler(index, $event)">
@@ -787,11 +804,14 @@ defineExpose({
     <GeneratePackageModal ref="generateModalRef" />
     <QueryRepeatedTasksModal
       ref="queryRepeatedTasksModalRef"
-      @closeCallback="tasksLoadingCloseCallback"
+      @close-callback="tasksLoadingCloseCallback"
     />
     <LoginSuccessModal ref="LoginSuccessModalRef" />
-    <FinishPackageModal ref="finishPackageModal" :id="packageIdRef" />
+    <FinishPackageModal :id="packageIdRef" ref="finishPackageModal" />
     <CheckingTaskModal ref="checkingTaskModalRef" @refresh="refresh" @cancel="cancel" />
+    <!-- <div class="close_box" v-show="showClose" @click="showClose = false">
+      <SvgIcon size="24" name="close-none-border" />
+    </div> -->
   </div>
 </template>
 
@@ -914,6 +934,7 @@ defineExpose({
       overflow: hidden;
       position: relative;
       transition: 0.5s;
+      margin: 0 6px 10px 6px;
 
       .glass {
         position: absolute;
@@ -940,7 +961,9 @@ defineExpose({
         border-radius: 7px;
 
         .img-name {
-          width: 70%;
+          // width: 70%;
+          width: 15px;
+          height: 15px;
           color: #fff;
           /* 设置文本溢出时的样式为省略号 */
           text-overflow: ellipsis;
@@ -1026,4 +1049,10 @@ defineExpose({
     text-align: center;
   }
 }
+.close_box {
+  position: absolute;
+  right: 10%;
+  top: 20%;
+  z-index: 10000000000000000000;
+}
 </style>
diff --git a/src/views/task/aside/TaskList.vue b/src/views/task/aside/TaskList.vue
index 024f8d4..9575e57 100644
--- a/src/views/task/aside/TaskList.vue
+++ b/src/views/task/aside/TaskList.vue
@@ -1,101 +1,101 @@
 <script lang="ts" setup>
-import { useInfiniteScroll } from '@vueuse/core'
-import { defineProps, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
-import ListItem from './ListItem.vue'
-import emitter from '@/utils/mitt'
-import { useTaskStore } from '@/store/modules/task'
+import { useInfiniteScroll } from "@vueuse/core";
+import { defineProps, onMounted, onUnmounted, reactive, ref, watch } from "vue";
+import ListItem from "./ListItem.vue";
+import emitter from "@/utils/mitt";
+import { useTaskStore } from "@/store/modules/task";
 
 defineProps({
   showFieldList: {
     type: Array,
     default: () => [],
   },
-})
-const taskStore = useTaskStore()
-const data = ref<any[]>([])
-const activeId = ref('')
-const el = ref<HTMLDivElement | null>(null)
-const keyword = ref('')
-const canloadMore = ref(true)
-const isLoading = ref(false)
-const searchId = ref('')
+});
+const taskStore = useTaskStore();
+const data = ref<any[]>([]);
+const activeId = ref("");
+const el = ref<HTMLDivElement | null>(null);
+const keyword = ref("");
+const canloadMore = ref(true);
+const isLoading = ref(false);
+const searchId = ref("");
 
 const pagination = reactive({
   pageNo: 0,
   pageSize: 30,
-})
+});
 
 function selectHandler(item, index: number) {
-  activeId.value = item.id
-  console.log(activeId.value, item.id)
-  console.log(index)
-  taskStore.setActive(index, item.id)
+  activeId.value = item.id;
+  console.log(activeId.value, item.id);
+  console.log(index);
+  taskStore.setActive(index, item.id);
 }
 
 useInfiniteScroll(
   el as any,
   () => {
-    loadMore()
+    loadMore();
   },
   { distance: 10, interval: 1500, canLoadMore: () => canloadMore.value },
-)
+);
 
 async function loadMore() {
   if (isLoading.value || el.value == null)
-    return
-  isLoading.value = true
+    return;
+  isLoading.value = true;
   try {
-    const more = await fetchList()
-    data.value.push(...more)
+    const more = await fetchList();
+    data.value.push(...more);
   }
   finally {
-    isLoading.value = false
+    isLoading.value = false;
   }
 }
 
 // 获取左侧列表
 async function fetchList() {
   try {
-    pagination.pageNo += 1
+    pagination.pageNo += 1;
     const result = await taskStore.fetchApprovalList({
       ...pagination,
       keyword: keyword.value,
       userSearchId: searchId.value,
-    })
-    const { data, pageCount } = result
-    canloadMore.value = pageCount >= pagination.pageNo
-    return data || []
+    });
+    const { data, pageCount } = result;
+    canloadMore.value = pageCount >= pagination.pageNo;
+    return data || [];
   }
   catch (error) {
-    canloadMore.value = false
-    return []
+    canloadMore.value = false;
+    return [];
   }
 }
 
 watch(
   () => taskStore.activeId,
   (newVal) => {
-    activeId.value = newVal
+    activeId.value = newVal;
   },
-)
+);
 
 watch(
   () => taskStore.inFileId,
   async (newVal) => {
-    const newlist = []
-    const filterid = newVal.taskname
-    console.log(filterid)
-    const index = data.value.findIndex(person => person.fromtaskname === filterid)
-    const ovelist = data.value.filter(item => item.fromtaskname !== filterid)
+    const newlist = [];
+    const filterid = newVal.taskname;
+    console.log(filterid);
+    const index = data.value.findIndex(person => person.fromtaskname === filterid);
+    const ovelist = data.value.filter(item => item.fromtaskname !== filterid);
 
     ovelist.map((item) => {
-      newlist.push(item)
-      return item
-    })
-    data.value = newlist
-    activeId.value = newlist[index].id
+      newlist.push(item);
+      return item;
+    });
+    data.value = newlist;
+    activeId.value = newlist[index].id;
 
-    taskStore.setActive(index, newlist[index].id)
+    taskStore.setActive(index, newlist[index].id);
     // taskStore.setActive(index)
     // activeId.value = data[index+1].id
     // selectHandler(data[index].id, index)
@@ -108,55 +108,55 @@ watch(
      taskStore.setActive(2)
     alert(1) */
   },
-)
+);
 function reset() {
-  pagination.pageNo = 0
-  pagination.pageSize = 30
-  canloadMore.value = true
-  data.value.length = 0
-  taskStore.reset()
+  pagination.pageNo = 0;
+  pagination.pageSize = 30;
+  canloadMore.value = true;
+  data.value.length = 0;
+  taskStore.reset();
 }
 
 async function search(word: string) {
-  keyword.value = word
-  reset()
+  keyword.value = word;
+  reset();
   useInfiniteScroll(
     el as any,
     () => {
-      loadMore()
+      loadMore();
     },
     { distance: 10, canLoadMore: () => canloadMore.value },
-  )
+  );
 }
 
 onMounted(() => {
-  emitter.on('refresh', refreshHandler)
-  emitter.on('filter', async (id) => {
-    await reset()
-    searchId.value = id
-    data.value = await fetchList()
-    activeId.value = data.value[0].id
-    console.log(data.value)
-  })
-})
+  emitter.on("refresh", refreshHandler);
+  emitter.on("filter", async (id) => {
+    await reset();
+    searchId.value = id;
+    data.value = await fetchList();
+    activeId.value = data.value[0]?.id;
+    console.log(data.value);
+  });
+});
 
 onUnmounted(() => {
-  emitter.off('refresh', refreshHandler)
-})
+  emitter.off("refresh", refreshHandler);
+});
 
 async function refreshHandler() {
-  search('')
+  search("");
 }
 
 function setStatusName(text) {
-  const index = taskStore.getCurrentIndex
-  data.value[index].statshisText = text
+  const index = taskStore.getCurrentIndex;
+  data.value[index].statshisText = text;
 }
 
 defineExpose({
   search,
   setStatusName,
-})
+});
 </script>
 
 <template>

From b43e9beb2ec59dc59e00cea447eae0c3b2f56347 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Wed, 17 Apr 2024 22:40:30 +0800
Subject: [PATCH 9/9] =?UTF-8?q?feat:=20=E8=A7=A3=E5=86=B3=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RichEditor/Quill.vue           |  46 +-
 src/components/Search/Search.vue              |  96 +--
 src/views/final/comp/FilterModal.vue          |   2 +-
 src/views/home/aside/comp/AdvanceFilter.vue   | 214 +++----
 .../home/aside/comp/modals/FilterModal.vue    |  53 +-
 src/views/home/content/Content.vue            | 604 +++++++++---------
 6 files changed, 508 insertions(+), 507 deletions(-)

diff --git a/src/components/RichEditor/Quill.vue b/src/components/RichEditor/Quill.vue
index 5d95d23..a972f17 100644
--- a/src/components/RichEditor/Quill.vue
+++ b/src/components/RichEditor/Quill.vue
@@ -1,48 +1,48 @@
 <script lang="ts" setup>
-import { defineEmits, reactive, ref } from "vue";
-import { QuillEditor } from "@vueup/vue-quill";
-import "@vueup/vue-quill/dist/vue-quill.snow.css";
-import { debounce } from "lodash-es";
-import { queryNote, saveNote } from "@/api/home/main";
+import { defineEmits, reactive, ref } from 'vue'
+import { QuillEditor } from '@vueup/vue-quill'
+import '@vueup/vue-quill/dist/vue-quill.snow.css'
+import { debounce } from 'lodash-es'
+import { queryNote, saveNote } from '@/api/home/main'
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits(['close'])
 
-const quillEditor = ref();
+const quillEditor = ref()
 
 const cardStyle = {
-  "width": "500px",
-  "--n-padding-bottom": "17px",
-  "--n-padding-left": "24px",
-};
+  'width': '500px',
+  '--n-padding-bottom': '17px',
+  '--n-padding-left': '24px',
+}
 
-const note = ref("<p>sss</p>");
+const note = ref('<p>sss</p>')
 
 const options = reactive({
   modules: {
     toolbar: [
-      ["bold", "italic", "underline", "strike"], // toggled buttons
-      [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
+      ['bold', 'italic', 'underline', 'strike'], // toggled buttons
+      [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],
     ],
   },
-  theme: "snow",
-  placeholder: "",
-});
+  theme: 'snow',
+  placeholder: '',
+})
 
 function initHandler() {
   queryNote()
     .then((res) => {
       if (res.data)
-        note.value = res.data.notecontent;
+        note.value = res.data.notecontent
 
-      console.log("note:", note.value);
+      console.log('note:', note.value)
     })
-    .catch(e => console.log(e));
+    .catch(e => console.log(e))
 }
 
 const saveHandler = debounce(() => {
-  const content = quillEditor.value.getHTML();
-  saveNote(content);
-}, 800);
+  const content = quillEditor.value.getHTML()
+  saveNote(content)
+}, 800)
 </script>
 
 <template>
diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue
index 9059140..82e526a 100644
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@@ -1,99 +1,99 @@
 <script setup lang="ts">
-import { nextTick, onMounted, onUnmounted, reactive, ref, toRefs } from "vue";
-import { debounce } from "lodash-es";
-import { useRoute, useRouter } from "vue-router";
-import { deleteSearch, getSearchList, historySearch } from "@/api/search/search";
-import { storage } from "@/utils/Storage";
+import { nextTick, onMounted, onUnmounted, reactive, ref, toRefs } from 'vue'
+import { debounce } from 'lodash-es'
+import { useRoute, useRouter } from 'vue-router'
+import { deleteSearch, getSearchList, historySearch } from '@/api/search/search'
+import { storage } from '@/utils/Storage'
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits(['close'])
 
-const value = ref("");
-const showList = ref(false);
-const historyList: any = ref([]);
-const handlerShowList = () => (showList.value = true);
-const router = useRouter();
-const route = useRoute();
+const value = ref('')
+const showList = ref(false)
+const historyList: any = ref([])
+const handlerShowList = () => (showList.value = true)
+const router = useRouter()
+const route = useRoute()
 const state = reactive({
   resultList: [],
-}) as any;
+}) as any
 
-const { resultList } = toRefs(state);
+const { resultList } = toRefs(state)
 
 const inputHandler = debounce((keyword) => {
   if (keyword)
-    handlerSearch(keyword);
-}, 500);
+    handlerSearch(keyword)
+}, 500)
 
 // 搜索
 async function handlerSearch(value) {
   const res = await getSearchList({
     search: value,
-  });
-  if (res.code === "OK") {
+  })
+  if (res.code === 'OK') {
     state.resultList = [
       {
-        title: "图检审批",
-        path: "worksheet",
+        title: '图检审批',
+        path: 'worksheet',
         data: res.data.ai,
       },
       {
-        title: "任务审批管理",
-        path: "task",
+        title: '任务审批管理',
+        path: 'task',
         data: res.data.preliminary,
       },
       {
-        title: "任务终审管理",
-        path: "final",
+        title: '任务终审管理',
+        path: 'final',
         data: res.data.final,
       },
-    ];
+    ]
   }
 }
 
 function handlerHistory(name) {
-  value.value = name;
-  handlerSearch(name);
+  value.value = name
+  handlerSearch(name)
 }
 
 // 删除历史记录
 async function deleteHistory() {
-  const res = await deleteSearch({});
-  if (res.code === "OK")
-    historyList.value = [];
+  const res = await deleteSearch({})
+  if (res.code === 'OK')
+    historyList.value = []
 }
 
 // 获取历史搜索结果
 async function getHistory() {
-  const res = await historySearch({});
-  if (res.code === "OK")
-    historyList.value = res.data;
+  const res = await historySearch({})
+  if (res.code === 'OK')
+    historyList.value = res.data
 }
-getHistory();
+getHistory()
 
 function goPath(item, id) {
   const desiredObject = item.data.find((item) => {
-    return item.id === id;
-  });
-  storage.set("isSearch", true);
-  router.push({ name: item.path, query: { id, searchContent: desiredObject.name } });
-  emit("close");
+    return item.id === id
+  })
+  storage.set('isSearch', true)
+  router.push({ name: item.path, query: { id, searchContent: desiredObject.name } })
+  emit('close')
 }
 
 function highlightText(text, query) {
   if (!query)
-    return text;
-  const regex = new RegExp(query, "gi");
+    return text
+  const regex = new RegExp(query, 'gi')
   const highlightedText = text.replace(regex, (match) => {
-    return `<span style="color:#507AFD" class="highlight">${match}</span>`;
-  });
+    return `<span style="color:#507AFD" class="highlight">${match}</span>`
+  })
 
-  return highlightedText;
+  return highlightedText
 }
 onMounted(() => {
-  setTimeout(() => (value.value = ""));
-  handlerShowList();
-  handlerSearch("");
-});
+  setTimeout(() => (value.value = ''))
+  handlerShowList()
+  handlerSearch('')
+})
 </script>
 
 <template>
diff --git a/src/views/final/comp/FilterModal.vue b/src/views/final/comp/FilterModal.vue
index 0ee4b3a..4d1a3bf 100644
--- a/src/views/final/comp/FilterModal.vue
+++ b/src/views/final/comp/FilterModal.vue
@@ -199,7 +199,7 @@ function editSelection(id = '') {
 }
 
 function deleteSelection(id = '') {
-  if (selectionIds.value.length === 0) {
+  if (id) {
     deleteCondition({ ids: id }).then(() => {
       query(pagination.page, pagination.pageSize)
     })
diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index 8550376..4ab9e8d 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import { useInfiniteScroll } from "@vueuse/core";
-import { debounce } from "lodash-es";
-import { onMounted, reactive, ref, watch } from "vue";
-import type { FilterSearchParam } from "/#/api";
-import type { Filter, FilterEntity } from "/#/home";
-import { VueDraggable } from "vue-draggable-plus";
-import { asideMap } from "@/config/aside";
-import { favorite, getConditionList, sort, unfavorite } from "@/api/home/filter";
+import { useInfiniteScroll } from '@vueuse/core'
+import { debounce } from 'lodash-es'
+import { onMounted, reactive, ref, watch } from 'vue'
+import type { FilterSearchParam } from '/#/api'
+import type { Filter, FilterEntity } from '/#/home'
+import { VueDraggable } from 'vue-draggable-plus'
+import { asideMap } from '@/config/aside'
+import { favorite, getConditionList, sort, unfavorite } from '@/api/home/filter'
 
-defineOptions({ name: "AdvanceFilter" });
+defineOptions({ name: 'AdvanceFilter' })
 
 const props = defineProps({
   type: {
@@ -16,42 +16,42 @@ const props = defineProps({
     default: 0,
     required: true,
   },
-});
+})
 const emit = defineEmits<{
-  (e: "show-filter"): void
-  (e: "show-custom"): void
-  (e: "update:search"): void
-  (e: "select", id: string)
-}>();
+  (e: 'show-filter'): void
+  (e: 'show-custom'): void
+  (e: 'update:search'): void
+  (e: 'select', id: string)
+}>()
 const ruleForm = reactive({
-  keyword: "",
-});
-const ruleformRef = ref();
-const data = ref<FilterEntity[]>([]);
-const unData = ref<FilterEntity[]>([]);
-const loading = ref(false);
-const canloadMore = true;
-const el = ref<HTMLDivElement | null>(null);
-const popover = ref<ComponentRef | null>(null);
+  keyword: '',
+})
+const ruleformRef = ref()
+const data = ref<FilterEntity[]>([])
+const unData = ref<FilterEntity[]>([])
+const loading = ref(false)
+const canloadMore = true
+const el = ref<HTMLDivElement | null>(null)
+const popover = ref<ComponentRef | null>(null)
 const pagination = reactive({
   pageNo: 1,
   pageSize: 300,
-});
-const keyword = ref("");
-const currentlySelectedAdvanced = ref("高级筛选");
+})
+const keyword = ref('')
+const currentlySelectedAdvanced = ref('高级筛选')
 
 onMounted(() => {
   // data.value = generateDefaultConfig()
-});
+})
 
 // 默认的过滤配置
 function generateDefaultConfig(): FilterEntity[] {
   return Object.keys(asideMap).reduce((acc, key) => {
-    const { label, defaultValue, isDefaultFilter } = asideMap[key];
+    const { label, defaultValue, isDefaultFilter } = asideMap[key]
 
     if (isDefaultFilter === true) {
       const config = {
-        id: "",
+        id: '',
         name: label,
         favorite: false,
         isDefaultFilter,
@@ -61,73 +61,73 @@ function generateDefaultConfig(): FilterEntity[] {
             value: defaultValue,
           },
         ],
-      };
-      return [...acc, config];
+      }
+      return [...acc, config]
     }
     else {
-      return acc;
+      return acc
     }
-  }, []);
+  }, [])
 }
 
 useInfiniteScroll(
   el as any,
   () => {
-    loadMore();
+    loadMore()
   },
   { distance: 10, interval: 300, canLoadMore: () => false },
-);
+)
 async function showClick() {
-  getSearchedList("");
+  getSearchedList('')
 }
 
 async function loadMore() {
   if (loading.value || el.value == null)
-    return;
+    return
 
-  const more = await featchList();
+  const more = await featchList()
 
   if (more.length === 0)
-    return;
+    return
 
-  data.value.push(...more);
+  data.value.push(...more)
 }
 
 async function featchList() {
-  loading.value = true;
+  loading.value = true
   try {
     const searchParam: FilterSearchParam = {
-      search_searchname: { value: ruleForm.keyword, op: "like", type: "string" },
-    };
-    const result = await getConditionList(pagination, searchParam, props.type);
-    const { data } = result;
+      search_searchname: { value: ruleForm.keyword, op: 'like', type: 'string' },
+    }
+    const result = await getConditionList(pagination, searchParam, props.type)
+    const { data } = result
     // pagination.pageNo += 1
     // canloadMore = pageCount >= pagination.pageNo
-    const entityList = generateFilterEntityList(data);
-    return entityList;
+    const entityList = generateFilterEntityList(data)
+    return entityList
   }
   catch (error) {
-    return [];
+    return []
   }
   finally {
-    loading.value = false;
+    loading.value = false
   }
 }
 
 // 转换服务器数据格式
 function generateFilterEntityList(data) {
   const filterEntityList = data.map((item) => {
-    const { searchname, iztop, ocrUsersearchchildList, id, reorder } = item;
+    const { searchname, iztop, ocrUsersearchchildList, id, reorder } = item
     const list = ocrUsersearchchildList.map((item) => {
-      const { searchfield, searchvalue } = item;
+      const { searchfield, searchvalue } = item
       return {
         key: searchfield,
         value: searchvalue,
-      };
-    });
+      }
+    })
 
-    const reg = new RegExp(ruleForm.keyword, "gi");
-    const hilightText = searchname.replace(reg, `<span>${ruleForm.keyword}</span>`);
+    const reg = new RegExp(ruleForm.keyword, 'gi')
+    const hilightText = searchname.replace(reg, `<span>${ruleForm.keyword}</span>`)
 
     return {
       id,
@@ -137,128 +137,128 @@ function generateFilterEntityList(data) {
       filterList: list,
       reorder,
       searchname,
-    };
-  });
+    }
+  })
 
-  return filterEntityList;
+  return filterEntityList
 }
 
 function selectHandler(item: FilterEntity) {
-  (popover.value as any).setShow(false);
-  currentlySelectedAdvanced.value = item.searchname;
-  emit("select", item.id);
+  (popover.value as any).setShow(false)
+  currentlySelectedAdvanced.value = item.searchname
+  emit('select', item.id)
 }
 
 const inputHandler = debounce((word) => {
-  ruleForm.keyword = word;
-  ruleformRef.value.validate();
+  ruleForm.keyword = word
+  ruleformRef.value.validate()
   if (word.length < 2 && word)
-    return;
+    return
 
-  getSearchedList(word);
-}, 300);
+  getSearchedList(word)
+}, 300)
 
 function getSearchedList(word, isScroll = false) {
   if (word)
-    pagination.pageSize = 300;
+    pagination.pageSize = 300
 
   if (!word)
-    pagination.pageSize = 10;
+    pagination.pageSize = 10
 
   if (isScroll)
-    pagination.pageSize = 300;
+    pagination.pageSize = 300
 
-  ruleForm.keyword = word;
+  ruleForm.keyword = word
   featchList().then((list) => {
-    const dataArr: FilterEntity[] = [];
-    const unDataArr: FilterEntity[] = [];
+    const dataArr: FilterEntity[] = []
+    const unDataArr: FilterEntity[] = []
     list.forEach((item) => {
       if (item.favorite && !item.isDefaultFilter)
-        dataArr.push(item);
+        dataArr.push(item)
 
       if (!item.favorite && !item.isDefaultFilter)
-        unDataArr.push(item);
-    });
+        unDataArr.push(item)
+    })
     data.value = dataArr.sort(
       (a, b) => Number(new Date(a.createtime)) - Number(new Date(b.createtime)),
-    );
+    )
     unData.value = unDataArr.sort(
       (a, b) => Number((a as any).reorder) - Number((b as any).reorder),
-    );
-  });
+    )
+  })
 }
 
 function favoriteHandler(event: MouseEvent, item: any) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
+  event.stopImmediatePropagation()
+  event.stopPropagation()
 
-  const { isDefaultFilter, id } = item;
+  const { isDefaultFilter, id } = item
 
   if (!isDefaultFilter) {
-    item.favorite = true;
-    favorite(id);
+    item.favorite = true
+    favorite(id)
     data.value.forEach((v, index) => {
       if (v.id == id)
-        sort(v.id, 0);
-      else sort(v.id, index + 1);
-    });
+        sort(v.id, 0)
+      else sort(v.id, index + 1)
+    })
 
-    inputHandler(ruleForm.keyword);
+    inputHandler(ruleForm.keyword)
   }
 }
 
 const rules = {
   keyword: [
     {
-      trigger: ["blur", "input", "change"],
-      level: "error",
+      trigger: ['blur', 'input', 'change'],
+      level: 'error',
       validator(_rule, value) {
         if (value.length >= 2)
-          return true;
-        else return new Error("搜索关键字最少为两个");
+          return true
+        else return new Error('搜索关键字最少为两个')
       },
     },
   ],
-};
+}
 
 function unFavoriteHandler(event: MouseEvent, item) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
+  event.stopImmediatePropagation()
+  event.stopPropagation()
 
-  const { isDefaultFilter, id } = item;
+  const { isDefaultFilter, id } = item
 
   if (!isDefaultFilter) {
-    item.favorite = false;
-    unfavorite(id);
-    inputHandler(ruleForm.keyword);
+    item.favorite = false
+    unfavorite(id)
+    inputHandler(ruleForm.keyword)
   }
 }
 
 function handleScroll(event) {
-  let timer;
+  let timer
   if (timer) {
-    clearTimeout(timer);
+    clearTimeout(timer)
   }
   else {
     timer = setTimeout(() => {
-      getSearchedList("", true);
-    }, 2000);
+      getSearchedList('', true)
+    }, 2000)
   }
 }
 
 function moveEnd() {
   unData.value.forEach((v, index) => {
-    sort(v.id, index);
-  });
+    sort(v.id, index)
+  })
 }
 
 function setCurrentlySelectedAdvanced(value: string) {
-  currentlySelectedAdvanced.value = value;
+  currentlySelectedAdvanced.value = value
 }
 
 defineExpose({
   setCurrentlySelectedAdvanced,
-});
+})
 </script>
 
 <template>
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index 4b0bdd8..def760f 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -40,8 +40,8 @@ const $message = window.$message
 const show = ref(false)
 
 const cardStyle = {
-  "width": '808px',
-  "height": '840px',
+  'width': '808px',
+  'height': '840px',
   '--n-padding-bottom': '10px',
   '--n-padding-left': '10px',
 }
@@ -202,24 +202,37 @@ function handleCheck(rowKeys: DataTableRowKey[]) {
 }
 
 function select(key: number, id: string) {
-  switch (key) {
-    case 1:
-      editSelection(id)
-      break
-    case 2:
-      const modalInst = modal.create({
-        title: '确认提示',
-        content: '确认删除该条过滤条件吗?',
-        positiveText: '确定',
-        negativeText: '取消',
-        preset: 'dialog',
-        onPositiveClick: () => deleteSelection(id),
-        onNegativeClick: () => modalInst.destroy(),
-      })
-      break
-    default:
-      break
+  if (key == 1) {
+    editSelection(id)
   }
+  else {
+    const modalInst = modal.create({
+      title: '确认提示',
+      content: '确认删除该条过滤条件吗?',
+      positiveText: '确定',
+      negativeText: '取消',
+      preset: 'dialog',
+      onPositiveClick: () => deleteSelection(id),
+      onNegativeClick: () => modalInst.destroy(),
+    })
+  }
+  // switch (key) {
+  //   case 1:
+  //     break;
+  //   case 2:
+  // const modalInst = modal.create({
+  //   title: "确认提示",
+  //   content: "确认删除该条过滤条件吗?",
+  //   positiveText: "确定",
+  //   negativeText: "取消",
+  //   preset: "dialog",
+  //   onPositiveClick: () => deleteSelection(id),
+  //   onNegativeClick: () => modalInst.destroy(),
+  // });
+  //     break;
+  //   default:
+  //     break;
+  // }
 }
 
 function editSelection(id) {
@@ -238,7 +251,7 @@ function editSelection(id) {
 }
 
 function deleteSelection(id = '') {
-  if (selectionIds.value.length === 0) {
+  if (id) {
     deleteCondition({ ids: id }).then(() => {
       query(pagination.page, pagination.pageSize)
     })
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 75ba253..b6fa49e 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -1,14 +1,15 @@
 <script lang="ts" setup>
-import { EllipsisHorizontal, EyeOutline as EyeOutlineIcon } from "@vicons/ionicons5";
-import { Download as DownloadIcon, Upload as UploadIcon } from "@vicons/tabler";
-import { Icon } from "@vicons/utils";
-import { useInfiniteScroll } from "@vueuse/core";
-import dayjs from "dayjs";
-import imagesloaded from "imagesloaded";
-import { cloneDeep, debounce } from "lodash-es";
-import Masonry from "masonry-layout";
-import { NIcon, useMessage } from "naive-ui";
-import type { Component } from "vue";
+/** eslint-disable */
+import { EllipsisHorizontal, EyeOutline as EyeOutlineIcon } from '@vicons/ionicons5'
+import { Download as DownloadIcon, Upload as UploadIcon } from '@vicons/tabler'
+import { Icon } from '@vicons/utils'
+import { useInfiniteScroll } from '@vueuse/core'
+import dayjs from 'dayjs'
+import imagesloaded from 'imagesloaded'
+import { cloneDeep, debounce } from 'lodash-es'
+import Masonry from 'masonry-layout'
+import { NIcon, useMessage } from 'naive-ui'
+import type { Component } from 'vue'
 import {
   computed,
   h,
@@ -20,25 +21,25 @@ import {
   ref,
   unref,
   watch,
-} from "vue";
-import axios from "axios";
-import CheckingTaskModal from "./modal/CheckingTaskModal.vue";
-import FinishPackageModal from "./modal/FinishPackageModal.vue";
-import GeneratePackageModal from "./modal/GeneratePackageModal.vue";
-import LoginSuccessModal from "./modal/LoginSuccessModal.vue";
-import PackageSettingsModal from "./modal/PackageSettingsModal.vue";
-import QueryRepeatedTasksModal from "./modal/QueryRepeatedTasksModal.vue";
-import type { PictureSortParam } from "/#/api";
-import defaultAvatar from "@/assets/icons/avatar.svg";
-import baseImg from "@/assets/images/baseImg.png";
-import { getImgUrl } from "@/utils/urlUtils";
-import emitter from "@/utils/mitt";
-import { hideDownload } from "@/utils/image";
-import { getViewportOffset } from "@/utils/domUtils";
-import { useConfig } from "@/store/modules/asideConfig";
-import { useWindowSizeFn } from "@/hooks/event/useWindowSizeFn";
-import { timeOptions, viewOptions } from "@/config/home";
-import avatar from "@/assets/images/avatar.jpg";
+} from 'vue'
+import axios from 'axios'
+import CheckingTaskModal from './modal/CheckingTaskModal.vue'
+import FinishPackageModal from './modal/FinishPackageModal.vue'
+import GeneratePackageModal from './modal/GeneratePackageModal.vue'
+import LoginSuccessModal from './modal/LoginSuccessModal.vue'
+import PackageSettingsModal from './modal/PackageSettingsModal.vue'
+import QueryRepeatedTasksModal from './modal/QueryRepeatedTasksModal.vue'
+import type { PictureSortParam } from '/#/api'
+import defaultAvatar from '@/assets/icons/avatar.svg'
+import baseImg from '@/assets/images/baseImg.png'
+import { getImgUrl } from '@/utils/urlUtils'
+import emitter from '@/utils/mitt'
+import { hideDownload } from '@/utils/image'
+import { getViewportOffset } from '@/utils/domUtils'
+import { useConfig } from '@/store/modules/asideConfig'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+import { timeOptions, viewOptions } from '@/config/home'
+import avatar from '@/assets/images/avatar.jpg'
 import {
   createPackage,
   getCheckDuplicateStatus,
@@ -47,178 +48,178 @@ import {
   oneClickCheckTaskPackage,
   queryPageListByCheckNo,
   removeCheckDuplicate,
-} from "@/api/home/main";
-
-const listData = ref<any[]>([]);
-const timer = ref();
-const showClose = ref(false);
-const deviceHeight = ref(600);
-let _masonry: null | Masonry = null;
-let _imagesload: any;
-const masonryRef = ref<ComponentRef>(null);
-const el = ref<HTMLDivElement | null>(null);
-const viewMode = ref("masonry");
+} from '@/api/home/main'
+
+const listData = ref<any[]>([])
+const timer = ref()
+const showClose = ref(false)
+const deviceHeight = ref(600)
+let _masonry: null | Masonry = null
+let _imagesload: any
+const masonryRef = ref<ComponentRef>(null)
+const el = ref<HTMLDivElement | null>(null)
+const viewMode = ref('masonry')
 const pagination = reactive({
   pageNo: 0,
   pageSize: 30,
-});
-const configStore = useConfig();
-const packageModalRef = ref(null);
-const generateModalRef = ref(null);
-const queryRepeatedTasksModalRef = ref(null);
-const LoginSuccessModalRef = ref(null);
-const checkingTaskModalRef = ref(null);
-const finishPackageModal = ref(null);
-const loading = ref(false);
-const message = useMessage();
-const totalCount = ref(0);
+})
+const configStore = useConfig()
+const packageModalRef = ref(null)
+const generateModalRef = ref(null)
+const queryRepeatedTasksModalRef = ref(null)
+const LoginSuccessModalRef = ref(null)
+const checkingTaskModalRef = ref(null)
+const finishPackageModal = ref(null)
+const loading = ref(false)
+const message = useMessage()
+const totalCount = ref(0)
 const sortBy: PictureSortParam = {
-  orderbyname: "desc",
-  orderbyvalue: "pictureResult",
-};
-const imageRef = ref<ComponentElRef | null>();
-const checkDuplicateNo = ref("");
-const checkTaskStatus = ref(null); // 1.执行中 2.执行完毕  3.执行失败
-const isRefresh = ref(true); // 生成任务包前，点击刷新数据，并将【一键查重】切换按钮为【生成任务包】
+  orderbyname: 'desc',
+  orderbyvalue: 'pictureResult',
+}
+const imageRef = ref<ComponentElRef | null>()
+const checkDuplicateNo = ref('')
+const checkTaskStatus = ref(null) // 1.执行中 2.执行完毕  3.执行失败
+const isRefresh = ref(true) // 生成任务包前，点击刷新数据，并将【一键查重】切换按钮为【生成任务包】
 
-let canloadMore = true;
-let filterId = null;
+let canloadMore = true
+let filterId = null
 
 async function computeListHeight() {
-  const headEl = document.querySelector(".wrapper-content")!;
-  const { bottomIncludeBody } = getViewportOffset(headEl);
-  const height = bottomIncludeBody;
-  deviceHeight.value = height - 40 - 16 - 24;
+  const headEl = document.querySelector('.wrapper-content')!
+  const { bottomIncludeBody } = getViewportOffset(headEl)
+  const height = bottomIncludeBody
+  deviceHeight.value = height - 40 - 16 - 24
 }
 
-useWindowSizeFn(computeListHeight);
+useWindowSizeFn(computeListHeight)
 
 const listStyle = computed(() => {
   return {
     height: `${deviceHeight.value}px`,
-  };
-});
+  }
+})
 
 const layout = debounce(() => {
   if (masonryRef.value == null || el.value == null)
-    return;
+    return
 
   if (_masonry !== null)
-    (_masonry as any).addItems();
+    (_masonry as any).addItems()
 
   _masonry = new Masonry(masonryRef.value as any, {
-    itemSelector: ".grid-item",
+    itemSelector: '.grid-item',
     gutter: 17,
     columnWidth: 182,
     percentPosition: true,
     stagger: 10,
-  });
+  })
 
-  _imagesload = imagesloaded(".grid-item");
+  _imagesload = imagesloaded('.grid-item')
 
-  _imagesload.on("done", (instance) => {
-    (_masonry as any).layout();
+  _imagesload.on('done', (instance) => {
+    (_masonry as any).layout()
     if (!el.value)
-      return;
-    loading.value = false;
-  });
+      return
+    loading.value = false
+  })
 
-  _imagesload.on("fail", (instance) => {
-    message.error("图片错误");
-    loading.value = false;
-  });
-}, 300);
+  _imagesload.on('fail', (instance) => {
+    message.error('图片错误')
+    loading.value = false
+  })
+}, 300)
 
 useInfiniteScroll(
   el as any,
   () => {
-    loadMore();
+    loadMore()
   },
   { distance: 10, canLoadMore: () => canloadMore },
-);
+)
 
 onUpdated(() => {
-  layout();
-});
+  layout()
+})
 
-const timeRange = ref("");
+const timeRange = ref('')
 const timeLabel = computed(() => {
   const item = timeOptions.find((option) => {
-    return option.value === timeRange.value;
-  });
+    return option.value === timeRange.value
+  })
 
-  return item?.label;
-});
+  return item?.label
+})
 
 const viewLabel = computed(() => {
   const item = viewOptions.find((option) => {
-    return option.value === viewMode.value;
-  });
+    return option.value === viewMode.value
+  })
 
-  return item?.label;
-});
+  return item?.label
+})
 
-const isAllowDownload = ref(true);
-const calNum = ref(0);
-const searchValue = ref("");
-const isInitSeaerch = ref(false); // 是否初始化搜索
+const isAllowDownload = ref(true)
+const calNum = ref(0)
+const searchValue = ref('')
+const isInitSeaerch = ref(false) // 是否初始化搜索
 
 configStore.$subscribe(() => {
-  console.log("subscribe", "configStore");
-  isAllowDownload.value = configStore.isAllowDownload;
-  calNum.value = configStore.getTimeNum;
+  console.log('subscribe', 'configStore')
+  isAllowDownload.value = configStore.isAllowDownload
+  calNum.value = configStore.getTimeNum
   // console.log("calNum.value----------", calNum.value);
-  searchValue.value = configStore.getSearchValue;
-  console.log(configStore.getSearchValue, "getSearchValue");
-});
+  searchValue.value = configStore.getSearchValue
+  console.log(configStore.getSearchValue, 'getSearchValue')
+})
 
 watch(
   () => searchValue.value,
   async (newVal, oldVal) => {
     if (newVal) {
-      isInitSeaerch.value = true;
-      pagination.pageNo = 0;
-      const more = await featchList();
-      listData.value = more;
-      isInitSeaerch.value = false;
+      isInitSeaerch.value = true
+      pagination.pageNo = 0
+      const more = await featchList()
+      listData.value = more
+      isInitSeaerch.value = false
       // configStore.setSearchValue("");
     }
     else {
-      isInitSeaerch.value = true;
-      pagination.pageNo = 0;
-      const more = await featchList();
-      listData.value = more;
-      isInitSeaerch.value = false;
+      isInitSeaerch.value = true
+      pagination.pageNo = 0
+      const more = await featchList()
+      listData.value = more
+      isInitSeaerch.value = false
     }
   },
-);
+)
 
 async function featchList(userSearchId?: string) {
-  loading.value = true;
+  loading.value = true
   try {
     const contentParams = {
       search_month: timeRange.value,
       search_history: 0,
       userSearchId,
-    };
+    }
 
-    pagination.pageNo += 1;
-    const searchValue = configStore.getSearchValue; // rao
-    const asideParams = unref(configStore.getAsideValue);
-    const params = filterId ? { userSearchId: filterId } : cloneDeep(asideParams);
+    pagination.pageNo += 1
+    const searchValue = configStore.getSearchValue // rao
+    const asideParams = unref(configStore.getAsideValue)
+    const params = filterId ? { userSearchId: filterId } : cloneDeep(asideParams)
     let result = {
       pageCount: 0,
       data: [],
       total: 0,
-    };
-    const sortObj: any = {}; // rao start
-    if (sortBy.orderbyvalue == "pictureResult")
-      sortObj.ordertype = sortBy.orderbyname;
-    else if (sortBy.orderbyvalue == "fromuptime")
-      sortObj.orderByTime = sortBy.orderbyname;
+    }
+    const sortObj: any = {} // rao start
+    if (sortBy.orderbyvalue == 'pictureResult')
+      sortObj.ordertype = sortBy.orderbyname
+    else if (sortBy.orderbyvalue == 'fromuptime')
+      sortObj.orderByTime = sortBy.orderbyname
 
-    if (params.izsimilarity && typeof params.izsimilarity != "string")
-      params.izsimilarity = params.izsimilarity.join("-");
+    if (params.izsimilarity && typeof params.izsimilarity != 'string')
+      params.izsimilarity = params.izsimilarity.join('-')
 
     // rao end
 
@@ -230,7 +231,7 @@ async function featchList(userSearchId?: string) {
         ...sortObj,
         checkDuplicateNo: checkDuplicateNo.value,
         upUserName: searchValue,
-      });
+      })
     }
     else {
       result = await getPictureList({
@@ -239,11 +240,11 @@ async function featchList(userSearchId?: string) {
         ...params,
         ...sortObj,
         upUserName: searchValue,
-      });
+      })
     }
-    const { data, pageCount, total } = result;
-    totalCount.value = total;
-    canloadMore = pageCount >= pagination.pageNo && pageCount > 0;
+    const { data, pageCount, total } = result
+    totalCount.value = total
+    canloadMore = pageCount >= pagination.pageNo && pageCount > 0
 
     const list = data.map((item) => {
       return {
@@ -255,172 +256,168 @@ async function featchList(userSearchId?: string) {
         similar: item.similarityscore || -1,
         imgName: item.imgname,
         loadOver: false,
-      };
-    });
+      }
+    })
 
-    return list;
+    return list
   }
   catch (error) {
-    canloadMore = false;
-    return [];
+    canloadMore = false
+    return []
   }
 }
 
 async function loadMore() {
   if (loading.value || el.value == null)
-    return;
+    return
 
-  const more = await featchList();
+  const more = await featchList()
   // if(isInitSeaerch.value) {
   //   listData.value = [];
   //   isInitSeaerch.value = false;
   // }
-  listData.value.push(...more);
+  listData.value.push(...more)
 }
 
 const gridHeight = computed(() => {
-  let height = "";
-  if (viewMode.value === "masonry")
-    height = "";
-  else if (viewMode.value === "horizontalVersion")
-    height = "145px";
-  else if (viewMode.value === "verticalVersion")
-    height = "300px";
-  else if (viewMode.value === "3:4")
-    height = "240px";
-
-  return height;
-});
+  let height = ''
+  if (viewMode.value === 'masonry')
+    height = ''
+  else if (viewMode.value === 'horizontalVersion')
+    height = '145px'
+  else if (viewMode.value === 'verticalVersion')
+    height = '300px'
+  else if (viewMode.value === '3:4')
+    height = '240px'
+
+  return height
+})
 
 async function oneCheck() {
-  const asideVal = cloneDeep(configStore.getAsideValue);
-  asideVal.upUserName = searchValue.value;
-  console.log("searchValue", asideVal, searchValue.value);
+  const asideVal = cloneDeep(configStore.getAsideValue)
+  asideVal.upUserName = searchValue.value
+  console.log('searchValue', asideVal, searchValue.value)
 
   if (asideVal.izyear && asideVal.izyear.length == 2) {
-    asideVal.izyear
-      = `${dayjs(asideVal.izyear[0]).format("YYYY/MM/DD")
-       }-${
-       dayjs(asideVal.izyear[1]).format("YYYY/MM/DD")}`;
+    asideVal.izyear = `${dayjs(asideVal.izyear[0]).format('YYYY/MM/DD')}-${dayjs(
+      asideVal.izyear[1],
+    ).format('YYYY/MM/DD')}`
   }
-  if (asideVal.izsimilarity && typeof asideVal.izsimilarity != "string")
-    asideVal.izsimilarity = asideVal.izsimilarity.join("-");
+  if (asideVal.izsimilarity && typeof asideVal.izsimilarity != 'string')
+    asideVal.izsimilarity = asideVal.izsimilarity.join('-')
 
-  const tasksLoadingModal = queryRepeatedTasksModalRef.value as any;
+  const tasksLoadingModal = queryRepeatedTasksModalRef.value as any
 
-  console.log("calNum.value111111111111111", calNum.value, checkTaskStatus.value);
+  console.log('calNum.value111111111111111', calNum.value, checkTaskStatus.value)
   if (calNum.value == 0 && isRefresh.value) {
     if (timer.value)
-      clearInterval(timer.value);
+      clearInterval(timer.value)
 
     timer.value = setInterval(() => {
-      console.log("calNum.value2222222222222", calNum.value, checkTaskStatus.value);
+      console.log('calNum.value2222222222222', calNum.value, checkTaskStatus.value)
       if (checkDuplicateNo.value) {
         getCheckDuplicateStatus(checkDuplicateNo.value).then((res) => {
-          if (res.code === "OK") {
-            checkTaskStatus.value = res.data.status;
+          if (res.code === 'OK') {
+            checkTaskStatus.value = res.data.status
             if (calNum.value < 90)
-              calNum.value = calNum.value + 10;
+              calNum.value = calNum.value + 10
 
-            configStore.setTimeNum(calNum.value);
+            configStore.setTimeNum(calNum.value)
             if (checkTaskStatus.value === 2 || checkTaskStatus.value === 3) {
               if (checkTaskStatus.value === 2)
-                message.success("任务执行完毕，正在刷新数据...");
-              else
-                message.error("查询异常");
+                message.success('任务执行完毕，正在刷新数据...')
+              else message.error('查询异常')
 
-              tasksLoadingModal.closeOnlyModal();
-              configStore.setTimeNum(100);
+              tasksLoadingModal.closeOnlyModal()
+              configStore.setTimeNum(100)
               if (timer.value)
-                clearInterval(timer.value);
+                clearInterval(timer.value)
 
               setTimeout(() => {
-                configStore.setTimeNum(0);
-              }, 1000);
-              reset();
-              loadMore();
+                configStore.setTimeNum(0)
+              }, 1000)
+              reset()
+              loadMore()
             }
           }
           else {
             if (timer.value)
-              clearInterval(timer.value);
-
+              clearInterval(timer.value)
           }
-        });
+        })
       }
-    }, 1000);
+    }, 1000)
   }
   // 查重任务编号,状态不为空,或者状态执行中..
   if (checkDuplicateNo.value && checkTaskStatus.value && checkTaskStatus.value === 1) {
     // 暂时rao
-    tasksLoadingModal.showModal();
-    return;
+    tasksLoadingModal.showModal()
+    return
   }
   // 调用查重任务开启流程
   oneClickCheckTaskPackage(asideVal).then((res) => {
-    if (res.code === "OK") {
-      checkDuplicateNo.value = res.data.checkDuplicateNo;
-      checkTaskStatus.value = res.data.status;
-      tasksLoadingModal.showModal(); // 暂时rao
+    if (res.code === 'OK') {
+      checkDuplicateNo.value = res.data.checkDuplicateNo
+      checkTaskStatus.value = res.data.status
+      tasksLoadingModal.showModal() // 暂时rao
     }
     else {
-      message.error(res.message || "查重失败");
+      message.error(res.message || '查重失败')
     }
-  });
+  })
 }
 
 /**
  * 显示添加任务包
  */
 async function showAddPackage() {
-  const modal = packageModalRef.value as any;
-  modal.showModal();
+  const modal = packageModalRef.value as any
+  modal.showModal()
 }
 
 // 查重任务加载提示框,关闭回调
 async function tasksLoadingCloseCallback() {
-  const checkingTaskModal = checkingTaskModalRef.value as any;
-  checkingTaskModal.showModal();
+  const checkingTaskModal = checkingTaskModalRef.value as any
+  checkingTaskModal.showModal()
   if (isRefresh.value)
-    refresh(true);
-
+    refresh(true)
 }
 
 async function showLoginSuccessModal() {
-  const modal = LoginSuccessModalRef.value as any;
-  modal.showModal();
+  const modal = LoginSuccessModalRef.value as any
+  modal.showModal()
 }
 
 // 包id
-const packageIdRef = ref("");
+const packageIdRef = ref('')
 
 async function commitHandler(settingParam) {
   const params = {
     name: settingParam.packagename,
     checkDuplicateNo: checkDuplicateNo.value,
-  };
-  const modal = generateModalRef.value as any;
-  const finishModal = finishPackageModal.value as any;
-  modal.showModal();
+  }
+  const modal = generateModalRef.value as any
+  const finishModal = finishPackageModal.value as any
+  modal.showModal()
   createPackage(params).then((res) => {
-    if (res.code === "OK") {
-      message.success(res.message);
-      packageIdRef.value = res.data.id;
-      modal.closeModal();
-      finishModal.showModal();
+    if (res.code === 'OK') {
+      message.success(res.message)
+      packageIdRef.value = res.data.id
+      modal.closeModal()
+      finishModal.showModal()
       // 清空查重任务状态和编号
-      checkDuplicateNo.value = "";
-      checkTaskStatus.value = null;
+      checkDuplicateNo.value = ''
+      checkTaskStatus.value = null
     }
-  });
-  const asideVal = configStore.getAsideValue;
-  const finalParam = { ...asideVal };
-  finalParam.buessinessno = settingParam.packagename;
-  finalParam.search_history = settingParam.comparehistory ? 1 : 0;
+  })
+  const asideVal = configStore.getAsideValue
+  const finalParam = { ...asideVal }
+  finalParam.buessinessno = settingParam.packagename
+  finalParam.search_history = settingParam.comparehistory ? 1 : 0
 }
 
 onMounted(() => {
-  emitter.on("filter", refreshHandler);
+  emitter.on('filter', refreshHandler)
   // emitter.on("filter", (searchId)=>{
   //   console.log("emitter on filter" + searchId)
   //   reset();
@@ -428,119 +425,118 @@ onMounted(() => {
   // });
   // 一件键重——获取任务编号
   getLastCheckNo().then((res) => {
-    if (res.code === "OK")
-      checkDuplicateNo.value = res.data;
-
-  });
+    if (res.code === 'OK')
+      checkDuplicateNo.value = res.data
+  })
   nextTick(() => {
-    computeListHeight();
+    computeListHeight()
     // 登录后展示成功
     // showLoginSuccessModal()
-  });
-});
+  })
+})
 
 onUnmounted(() => {
-  emitter.off("filter", refreshHandler);
-});
+  emitter.off('filter', refreshHandler)
+})
 
 watch(timeRange, () => {
-  refreshHandler();
-});
+  refreshHandler()
+})
 
 watch(
   () => configStore.asideValue,
   (newVal, oldVal) => {
-    refreshHandler();
+    refreshHandler()
   },
   { deep: true },
-);
+)
 
 function reset() {
-  pagination.pageNo = 0;
-  pagination.pageSize = 30;
-  listData.value.length = 0;
-  loading.value = false;
-  canloadMore = true;
-  filterId = null;
-
-  layout();
+  pagination.pageNo = 0
+  pagination.pageSize = 30
+  listData.value.length = 0
+  loading.value = false
+  canloadMore = true
+  filterId = null
+
+  layout()
 }
 
 async function refreshHandler(filtersearchId?: any) {
-  reset();
+  reset()
 
   if (filtersearchId)
-    filterId = filtersearchId;
+    filterId = filtersearchId
 
   nextTick(() => {
     setTimeout(() => {
       useInfiniteScroll(
         el as any,
         () => {
-          loadMore();
+          loadMore()
         },
         { distance: 10, canLoadMore: () => canloadMore },
-      );
-    }, 300);
-  });
+      )
+    }, 300)
+  })
 }
 
 function getAvatar(url: string): string {
-  return url ? getImgUrl(url) : avatar;
+  return url ? getImgUrl(url) : avatar
 }
 
-function sortHandler(orderby: "pictureResult" | "fromuptime") {
-  sortBy.orderbyvalue = orderby;
-  sortBy.orderbyname = sortBy.orderbyname === "asc" ? "desc" : "asc";
+function sortHandler(orderby: 'pictureResult' | 'fromuptime') {
+  sortBy.orderbyvalue = orderby
+  sortBy.orderbyname = sortBy.orderbyname === 'asc' ? 'desc' : 'asc'
 
-  refreshHandler();
+  refreshHandler()
 }
 async function downloadImage(item) {
   if (!item.imgUrl) {
-    message.error("请输入有效的图片链接地址");
-    return;
+    message.error('请输入有效的图片链接地址')
+    return
   }
   try {
     // 使用 fetch 发送 GET 请求获取图片
     const response = await fetch(item.imgUrl, {
-      method: "GET",
-      mode: "cors", // 确保跨域请求被正确处理
-      cache: "default",
-    });
+      method: 'GET',
+      mode: 'cors', // 确保跨域请求被正确处理
+      cache: 'default',
+    })
     // 检查响应状态码，确保请求成功
     if (!response.ok)
-      throw new Error(`HTTP error! Status: ${response.status}`);
+      throw new Error(`HTTP error! Status: ${response.status}`)
 
     // 读取 Blob 数据
-    const blob = await response.blob();
+    const blob = await response.blob()
 
     // 创建一个新的a标签
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = item.imgName; // 设置下载的文件名
-    link.style.display = "none"; // 隐藏链接
+    const link = document.createElement('a')
+    link.href = URL.createObjectURL(blob)
+    link.download = item.imgName // 设置下载的文件名
+    link.style.display = 'none' // 隐藏链接
 
     // 将链接添加到 DOM 中
-    document.body.appendChild(link);
+    document.body.appendChild(link)
 
     // 触发下载
-    link.click();
+    link.click()
 
     // 清理
-    URL.revokeObjectURL(link.href);
-    document.body.removeChild(link);
+    URL.revokeObjectURL(link.href)
+    document.body.removeChild(link)
   }
   catch (error) {
-    console.error("下载图片时发生错误:", error);
+    console.error('下载图片时发生错误:', error)
   }
 }
 
 function previewHandler(index: number, event: MouseEvent) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
+  event.stopImmediatePropagation()
+  event.stopPropagation()
   if (imageRef.value?.[index] && (imageRef.value[index] as any).src)
     // (imageRef.value?.[index] as any).mergedOnClick();
-    (imageRef.value?.[index] as any).click();
+    (imageRef.value?.[index] as any).click()
 }
 
 /**
@@ -548,11 +544,11 @@ function previewHandler(index: number, event: MouseEvent) {
  */
 function refresh(val?: any) {
   // delete asideVal.izsimilarity
-  const checkingTaskModal = checkingTaskModalRef.value as any;
+  const checkingTaskModal = checkingTaskModalRef.value as any
   if (checkDuplicateNo.value) {
     getCheckDuplicateStatus(checkDuplicateNo.value).then((res) => {
-      if (res.code === "OK") {
-        checkTaskStatus.value = res.data.status; // 1.执行中 2.执行完毕
+      if (res.code === 'OK') {
+        checkTaskStatus.value = res.data.status // 1.执行中 2.执行完毕
         // if (isRefresh.value === false) {
         //   const modal = packageModalRef.value as any
         //   modal.showModal()
@@ -563,27 +559,24 @@ function refresh(val?: any) {
           (checkTaskStatus.value === 2 || checkTaskStatus.value === 3)
           && isRefresh.value
         ) {
-          configStore.setTimeNum(100);
-          checkingTaskModal.closeModal();
-          isRefresh.value = false;
+          configStore.setTimeNum(100)
+          checkingTaskModal.closeModal()
+          isRefresh.value = false
           if (checkTaskStatus.value === 2)
-            message.success("任务执行完毕，正在刷新数据...");
-          else
-            message.error("查询异常");
+            message.success('任务执行完毕，正在刷新数据...')
+          else message.error('查询异常')
 
           if (timer.value)
-            clearInterval(timer.value);
+            clearInterval(timer.value)
 
-          reset();
-          loadMore();
-          configStore.setTimeNum(0);
+          reset()
+          loadMore()
+          configStore.setTimeNum(0)
         }
         else if (checkTaskStatus.value === 1) {
-
         }
       }
-    });
-
+    })
   }
 }
 /**
@@ -592,12 +585,12 @@ function refresh(val?: any) {
 function cancel() {
   if (checkTaskStatus.value === 1) {
     removeCheckDuplicate(checkDuplicateNo.value).then((res) => {
-      if (res.code === "OK") {
-        checkDuplicateNo.value = "";
-        checkTaskStatus.value = null;
-        message.success("查重任务取消成功");
+      if (res.code === 'OK') {
+        checkDuplicateNo.value = ''
+        checkTaskStatus.value = null
+        message.success('查重任务取消成功')
       }
-    });
+    })
   }
 }
 
@@ -605,36 +598,31 @@ function renderIcon(icon: Component) {
   return () => {
     return h(NIcon, null, {
       default: () => h(icon),
-    });
-  };
+    })
+  }
 }
 
 const dropdownOptions = ref([
   {
-    label: "导入任务数据",
-    key: "profile",
+    label: '导入任务数据',
+    key: 'profile',
     icon: renderIcon(UploadIcon),
   },
   {
-    label: "导出任务数据",
-    key: "editProfile",
+    label: '导出任务数据',
+    key: 'editProfile',
     icon: renderIcon(DownloadIcon),
   },
   {
-    label: "查看导入记录",
-    key: "logout",
+    label: '查看导入记录',
+    key: 'logout',
     icon: renderIcon(EyeOutlineIcon),
   },
-]);
-
-function loadImgOver(item) {
-  console.log("loadImgOver", item);
-  setTimeout(() => (item.loadOver = true), 2000);
-}
+])
 
 defineExpose({
   showLoginSuccessModal,
-});
+})
 </script>
 
 <template>