From 6692fe5b0a179672f3abe773edad8b8d5baaed6d Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 19 Mar 2024 11:34:39 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E4=BB=A3=E7=A0=81=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=EF=BC=8C=E4=BF=AE=E5=A4=8D=E9=80=BB=E8=BE=91=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/CustomTabelModal.vue     |   2 +-
 src/views/task/aside/Aside.vue                |   2 +-
 src/views/task/modal/CustomFieldModal.vue     | 314 ++++++++++++------
 src/views/task/modal/CustomSettingModal.vue   |   2 +-
 .../worksheet/modal/CustomFieldModal.vue      |  29 +-
 5 files changed, 229 insertions(+), 120 deletions(-)

diff --git a/src/views/final/comp/CustomTabelModal.vue b/src/views/final/comp/CustomTabelModal.vue
index d647ee4..c0ed170 100644
--- a/src/views/final/comp/CustomTabelModal.vue
+++ b/src/views/final/comp/CustomTabelModal.vue
@@ -45,7 +45,7 @@ onMounted(async()=>{
       fix: v.isrequired == 2,
       checked:
         v.isrequired == 2 ||
-        Boolean(useList.userFieldFixed?.toLowerCase().indexOf(v.name)>-1) || Boolean(useList.userFieldUnFixed?.toLowerCase().indexOf(v.name)>-1),
+        Boolean(useList.userFieldFixed?.indexOf(v.name)>-1) || Boolean(useList.userFieldUnFixed?.indexOf(v.name)>-1),
     };
     offList.value.push(item)
   });
diff --git a/src/views/task/aside/Aside.vue b/src/views/task/aside/Aside.vue
index 1a90839..3065f7b 100644
--- a/src/views/task/aside/Aside.vue
+++ b/src/views/task/aside/Aside.vue
@@ -2,7 +2,7 @@
 import { useTaskStore } from '@/store/modules/task';
 import { debounce } from 'lodash-es';
 import { computed, ref, unref, watch } from 'vue';
-import CustomFieldModal from '../../worksheet/modal/CustomFieldModal.vue';
+import CustomFieldModal from '../modal/CustomFieldModal.vue';
 
 
 import TaskList from './TaskList.vue';
diff --git a/src/views/task/modal/CustomFieldModal.vue b/src/views/task/modal/CustomFieldModal.vue
index 02b39f3..6bc5681 100644
--- a/src/views/task/modal/CustomFieldModal.vue
+++ b/src/views/task/modal/CustomFieldModal.vue
@@ -1,212 +1,283 @@
 <script lang="ts" setup>
-import { workPackageMap } from '@/config/workorder';
-import { difference } from 'lodash-es';
-import { computed, ref, watch } from 'vue';
-import { VueDraggable } from 'vue-draggable-plus';
+import { getAllfieldList, getfieldList, savefield } from "@/api/home/filter";
+import { workPackageMap } from "@/config/workorder";
+import { useUser } from "@/store/modules/user";
+import { difference } from "lodash-es";
+import { computed, defineEmits, defineProps, onMounted, ref, watch } from "vue";
+import { VueDraggable } from "vue-draggable-plus";
+
+const props = defineProps({
+  reviewType: {
+    type: Number,
+    default: () => 1,
+    require: true,
+  },
+});
+
+const emit = defineEmits(["onOk"]);
 
 // 左侧隐藏列表
-const offList = ref<any[]>([])
+const offList = ref<any[]>([]);
 // 右侧显示列表
-const onList = ref<any[]>([])
+const onList = ref<any[]>([]);
 
 const allCount = computed(() => {
-  return `全部筛选(共${offList.value.length - 1}个)`
-})
+  return `全部筛选(共${offList.value.length - 1}个)`;
+});
 
 const selectCount = computed(() => {
-  return `全部筛选(共${onList.value.length}个)`
-})
+  return `全部筛选(共${onList.value.length}个)`;
+});
 
 function generatList() {
-  const keys = Object.keys(workPackageMap)
-  let showList: object[] = []
-  const hideList: object[] = []
-  const showStr = 'status'
-  const showKeys = showStr.split(',').map((key: string) => key.toLowerCase())
+  const keys = Object.keys(workPackageMap);
+  let showList: object[] = [];
+  const hideList: object[] = [];
+  const showStr = "status";
+  const showKeys = showStr.split(",").map((key: string) => key.toLowerCase());
 
   for (const key of keys) {
-    const name = workPackageMap[key]?.label
-    const isDefault = workPackageMap[key]?.isDefault
+    const name = workPackageMap[key]?.label;
+    const isDefault = workPackageMap[key]?.isDefault;
 
     // 系统配置为Y且不是默认配置
     if (!isDefault) {
       hideList.push({
         id: key,
-        name: name || '未配置',
+        name: name || "未配置",
         fix: isDefault,
         checked: workPackageMap[key].isDefault,
-      })
+      });
     }
   }
 
   showList = showKeys.reduce((acc, key) => {
     const config = {
       id: key,
-      name: workPackageMap[key].label || '未配置',
+      name: workPackageMap[key].label || "未配置",
       fix: workPackageMap[key].isDefault,
-    }
-    return [...acc, config]
-  }, [])
+    };
+    return [...acc, config];
+  }, []);
 
-  const fixedList = generateDefaultList()
+  const fixedList = generateDefaultList();
 
-  hideList.unshift(...fixedList)
-  showList.unshift(...fixedList)
+  hideList.unshift(...fixedList);
+  showList.unshift(...fixedList);
 
-  onList.value = showList
-  offList.value = hideList
-  return { showList, hideList }
+  onList.value = showList;
+  offList.value = hideList;
+  return { showList, hideList };
 }
 
 function generateDefaultList() {
   return Object.keys(workPackageMap).reduce((acc, key) => {
-    const { label, isDefault } = workPackageMap[key]
+    const { label, isDefault } = workPackageMap[key];
 
     if (isDefault) {
       const config = {
         id: key,
-        name: label || '未配置',
+        name: label || "未配置",
         fix: true,
         checked: true,
-      }
-      return [...acc, config]
+      };
+      return [...acc, config];
+    } else {
+      return acc;
     }
-    else {
-      return acc
-    }
-  }, [])
+  }, []);
 }
 
-const show = ref(false)
-const checkAll = ref(false)
+const show = ref(false);
+const checkAll = ref(false);
 
 function showModal() {
-  show.value = true
+  show.value = true;
 }
 
 function closeModal() {
-  show.value = false
+  show.value = false;
 }
 
 async function handleSumbit(e: MouseEvent) {
-  e.preventDefault()
-  closeModal()
+  const userStore = useUser();
+  const userInfo = userStore.getUserInfo;
+  let userField = "";
+  onList.value.map((v) => {
+    userField += `${v.id},`;
+  });
+  userField = userField.slice(0, userField.length - 1);
+  savefield(props.reviewType, userInfo.id, userField);
+  e.preventDefault();
+  closeModal();
+  emit("onOk");
 }
 
 defineExpose({
   showModal,
-})
+});
 
-generatList()
+// generatList();
 
-const selectIds = ref<string[]>([])
+const selectIds = ref<string[]>([]);
 
 function onCheckAllChange(value) {
-  const ids: string[] = []
+  const ids: string[] = [];
 
   for (const item of offList.value) {
     if (!item.fix) {
-      item.checked = value
-      ids.push(item.id)
+      item.checked = value;
+      ids.push(item.id);
     }
   }
 
-  selectIds.value = value ? ids : []
+  selectIds.value = value ? ids : [];
 }
 
 function onCheckChange(checked: any, item: any) {
-  const index = selectIds.value.indexOf(item.id)
+  const index = selectIds.value.indexOf(item.id);
 
-  item.checked = checked
+  item.checked = checked;
 
-  if (index === -1 && checked)
-    selectIds.value.push(item.id)
-  else
-    selectIds.value.splice(index, 1)
+  if (index === -1 && checked) selectIds.value.push(item.id);
+  else selectIds.value.splice(index, 1);
 }
 
 const showIds = computed(() => {
   return onList.value.map((item) => {
-    return item.id
-  })
-})
+    return item.id;
+  });
+});
 
 watch(
   () => selectIds.value.length,
   (newVal, oldVal) => {
-    if (newVal === oldVal)
-      return
+    if (newVal === oldVal) return;
 
-    const action = newVal > oldVal ? 'add' : 'remove'
-    const diff = action === 'add' ? difference(selectIds.value, showIds.value) : difference(showIds.value, selectIds.value)
+    const action = newVal > oldVal ? "add" : "remove";
+    const diff =
+      action === "add"
+        ? difference(selectIds.value, showIds.value)
+        : difference(showIds.value, selectIds.value);
 
-    if (diff.length === 0)
-      return
+    if (diff.length === 0) return;
 
-    if (action === 'add') {
+    if (action === "add") {
       for (const item of offList.value) {
         if (!item.fix && diff.includes(item.id)) {
           onList.value.push({
             id: item.id,
-            name: item.name || '未配置',
+            name: item.name || "未配置",
             fix: item.fix || false,
-          })
+          });
         }
       }
-    }
-    else {
-      const list = onList.value
+    } else {
+      const list = onList.value;
       for (let index = 0; index < list.length; index++) {
-        const item = list[index]
+        const item = list[index];
         if (!item.fix && diff.includes(item.id)) {
-          list.splice(index, 1)
-          index--
+          list.splice(index, 1);
+          index--;
         }
       }
     }
-  },
-)
+  }
+);
 
 watch(
   () => showIds.value.length,
   (newVal, oldVal) => {
-    if (newVal === oldVal)
-      return
+    if (newVal === oldVal) return;
 
-    const diff = difference(selectIds.value, showIds.value)
+    const diff = difference(selectIds.value, showIds.value);
 
-    if (diff.length === 0)
-      return
+    if (diff.length === 0) return;
 
     for (const item of offList.value) {
       if (!item.fix && diff.includes(item.id)) {
-        const index = selectIds.value.indexOf(item.id)
-        item.checked = false
-        selectIds.value.splice(index, 1)
+        const index = selectIds.value.indexOf(item.id);
+        item.checked = false;
+        selectIds.value.splice(index, 1);
       }
     }
-  },
-)
+  }
+);
 
 function clearDragSource() {
   onList.value = onList.value.filter((item) => {
-    return item.fix === true
-  })
+    return item.fix === true;
+  });
 }
 
 function removeHandler(id: string) {
   const index = onList.value.findIndex((item) => {
-    return item.id === id
-  })
+    return item.id === id;
+  });
 
-  if (index !== -1)
-    onList.value.splice(index, 1)
+  if (index !== -1) onList.value.splice(index, 1);
 }
+
+onMounted(async () => {
+  const userStore = useUser();
+  const userInfo = userStore.getUserInfo;
+  let res;
+  res = await getAllfieldList(props.reviewType); //所有筛选项目
+  const allList = res.data;
+  res = await getfieldList(props.reviewType, userInfo.id); //当前用户选择的项目
+  const useList = res.data;
+  console.log(allList, "getAllfieldList", props.reviewType);
+  console.log(useList, "getfieldList", props.reviewType);
+
+  /**
+   * name 标题
+   * id 键值
+   * fix 是否默认
+   * checked 是否选中
+   */
+
+  let fixList = [];
+  allList.map((v) => {
+    let item = {
+      name: v.fieldDesc,
+      id: v.name,
+      fix: v.isrequired == 2,
+      checked:
+        v.isrequired == 2 ||
+        Boolean(useList.userFieldFixed?.indexOf(v.name) > -1) ||
+        Boolean(useList.userFieldUnFixed?.indexOf(v.name) > -1),
+    };
+    if (item.fix) {
+      fixList.push(item);
+    } else {
+      offList.value.push(item);
+    }
+  });
+  offList.value.unshift(...fixList);
+  useList.userFieldFixed?.split(",").map((v) => {
+    let item = allList.find((v2) => v2.name == v);
+    if (item) {
+      item = {
+        name: item.fieldDesc,
+        id: item.name,
+        fix: item.isrequired == 2,
+        checked: true,
+      };
+      onList.value.push(item);
+    }
+  });
+});
 </script>
 
 <template>
   <n-modal v-model:show="show" transform-origin="center">
-    <n-card class="cardstyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
+    <n-card
+      class="cardstyle"
+      :bordered="false"
+      size="huge"
+      role="dialog"
+      aria-modal="true"
+    >
       <div class="wrapper">
         <span class="wrapper-title">自定义任务包字段</span>
         <div class="wrapper-bar">
@@ -217,7 +288,10 @@ function removeHandler(id: string) {
         <n-grid cols="4" class="mt-4 proCard" responsive="screen" :x-gap="24">
           <n-grid-item span="3">
             <NCard
-              :title="allCount" class="dragcardStyle" :segmented="{ content: true, footer: true }" size="small"
+              :title="allCount"
+              class="dragcardStyle"
+              :segmented="{ content: true, footer: true }"
+              size="small"
               :bordered="false"
             >
               <div>
@@ -228,15 +302,24 @@ function removeHandler(id: string) {
                 </n-input>
                 <div class="draggable-ul">
                   <div class="draggable-li">
-                    <n-checkbox v-model:checked="checkAll" label="全部" @update:checked="onCheckAllChange" />
+                    <n-checkbox
+                      v-model:checked="checkAll"
+                      label="全部"
+                      @update:checked="onCheckAllChange"
+                    />
                   </div>
                   <div class="content">
                     <div
-                      v-for="item in offList" :key="item.id" style="width: 170px;"
-                      :class="{ 'disable-check': item.fix }" class="draggable-li"
+                      v-for="item in offList"
+                      :key="item.id"
+                      style="width: 170px"
+                      :class="{ 'disable-check': item.fix }"
+                      class="draggable-li"
                     >
                       <n-checkbox
-                        v-model:checked="item.checked" :label="item.name" :disabled="item.fix"
+                        v-model:checked="item.checked"
+                        :label="item.name"
+                        :disabled="item.fix"
                         @update:checked="onCheckChange($event, item)"
                       />
                     </div>
@@ -247,7 +330,10 @@ function removeHandler(id: string) {
           </n-grid-item>
           <n-grid-item>
             <NCard
-              :title="selectCount" class="dragcardStyle" :segmented="{ content: true, footer: true }" size="small"
+              :title="selectCount"
+              class="dragcardStyle"
+              :segmented="{ content: true, footer: true }"
+              size="small"
               :bordered="false"
             >
               <template #header-extra>
@@ -259,15 +345,25 @@ function removeHandler(id: string) {
                     <SvgIcon size="14px" name="magnifying-1" />
                   </template>
                 </n-input>
-                <VueDraggable v-model="onList" class="draggable-ul" :animation="150" group="shared">
+                <VueDraggable
+                  v-model="onList"
+                  class="draggable-ul"
+                  :animation="150"
+                  group="shared"
+                >
                   <div
-                    v-for="item in onList" :key="item.id" :class="{ fix: item.fix }"
+                    v-for="item in onList"
+                    :key="item.id"
+                    :class="{ fix: item.fix }"
                     class="cursor-move draggable-item"
                   >
                     <span class="ml-2">{{ item.name }}</span>
                     <SvgIcon
-                      v-if="!item.fix" size="16px" style="display: block; margin-left: auto; cursor: pointer"
-                      name="clear" @click="removeHandler(item.id)"
+                      v-if="!item.fix"
+                      size="16px"
+                      style="display: block; margin-left: auto; cursor: pointer"
+                      name="clear"
+                      @click="removeHandler(item.id)"
                     />
                   </div>
                 </VueDraggable>
@@ -278,10 +374,8 @@ function removeHandler(id: string) {
       </div>
       <template #footer>
         <div class="wrapper-footer">
-          <n-button type="info" @click="handleSumbit">
-            确认
-          </n-button>
-          <n-button secondary style="margin-left:15px" @click="closeModal">
+          <n-button type="info" @click="handleSumbit"> 确认 </n-button>
+          <n-button secondary style="margin-left: 15px" @click="closeModal">
             取消
           </n-button>
         </div>
@@ -317,7 +411,7 @@ function removeHandler(id: string) {
 
     &:before {
       background-color: #1980ff;
-      content: '';
+      content: "";
       width: 5px;
       border-radius: 2px;
       top: 0;
@@ -373,7 +467,9 @@ function removeHandler(id: string) {
   }
 }
 
-::v-deep(.n-card.n-card--content-segmented > .n-card__content:not(:first-child)) {
+::v-deep(
+    .n-card.n-card--content-segmented > .n-card__content:not(:first-child)
+  ) {
   border: 0px;
 }
 
diff --git a/src/views/task/modal/CustomSettingModal.vue b/src/views/task/modal/CustomSettingModal.vue
index 5674e08..be27573 100644
--- a/src/views/task/modal/CustomSettingModal.vue
+++ b/src/views/task/modal/CustomSettingModal.vue
@@ -33,7 +33,7 @@ onMounted(async () => {
       fix: v.isrequired == 2,
       checked:
         v.isrequired == 2 ||
-        Boolean(useList.userFieldFixed?.toLowerCase().indexOf(v.name)>-1) || Boolean(useList.userFieldUnFixed?.toLowerCase().indexOf(v.name)>-1),
+        Boolean(useList.userFieldFixed?.indexOf(v.name)>-1) || Boolean(useList.userFieldUnFixed?.indexOf(v.name)>-1),
 
     };
     offList.value.push(item)
diff --git a/src/views/worksheet/modal/CustomFieldModal.vue b/src/views/worksheet/modal/CustomFieldModal.vue
index 3dbbcb6..9c0dcee 100644
--- a/src/views/worksheet/modal/CustomFieldModal.vue
+++ b/src/views/worksheet/modal/CustomFieldModal.vue
@@ -3,7 +3,7 @@ import { getAllfieldList, getfieldList, savefield } from "@/api/home/filter";
 import { workPackageMap } from "@/config/workorder";
 import { useUser } from "@/store/modules/user";
 import { difference } from "lodash-es";
-import { computed, defineProps, onMounted, ref, watch } from "vue";
+import { computed, defineEmits, defineProps, onMounted, ref, watch } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
 
 const props = defineProps({
@@ -14,6 +14,8 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(["onOk"]);
+
 // 左侧隐藏列表
 const offList = ref<any[]>([]);
 // 右侧显示列表
@@ -104,10 +106,11 @@ async function handleSumbit(e: MouseEvent) {
   onList.value.map((v) => {
     userField += `${v.id},`;
   });
-  userField = userField.slice(0,userField.length-1);
+  userField = userField.slice(0, userField.length - 1);
   savefield(props.reviewType, userInfo.id, userField);
   e.preventDefault();
   closeModal();
+  emit("onOk");
 }
 
 defineExpose({
@@ -239,18 +242,28 @@ onMounted(async () => {
       fix: v.isrequired == 2,
       checked:
         v.isrequired == 2 ||
-        Boolean(useList.userFieldFixed?.toLowerCase().indexOf(v.name)>-1) || Boolean(useList.userFieldUnFixed?.toLowerCase().indexOf(v.name)>-1),
+        Boolean(useList.userFieldFixed?.indexOf(v.name) > -1) ||
+        Boolean(useList.userFieldUnFixed?.indexOf(v.name) > -1),
     };
-    if (item.checked) {
-      onList.value.push(item);
-    } else {
-      offList.value.push(item);
-    }
     if (item.fix) {
       fixList.push(item);
+    } else {
+      offList.value.push(item);
     }
   });
   offList.value.unshift(...fixList);
+  useList.userFieldFixed?.split(",").map((v) => {
+    let item = allList.find((v2) => v2.name == v);
+    if (item) {
+      item = {
+        name: item.fieldDesc,
+        id: item.name,
+        fix: item.isrequired == 2,
+        checked: true,
+      };
+      onList.value.push(item);
+    }
+  });
 });
 </script>
 

From d03b8edda7a6a75952372181df84c40f76a56807 Mon Sep 17 00:00:00 2001
From: elseif <else.switch@gmail.com>
Date: Tue, 19 Mar 2024 11:40:19 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E7=BC=A9=E7=95=A5=E5=9B=BE=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                              |  3 --
 src/config/final.ts                          |  4 +-
 src/store/modules/dictonary.ts               |  2 +-
 src/views/final/comp/Action.vue              |  8 +--
 src/views/home/aside/comp/items/IzStatus.vue | 57 ++++++++++++++++++++
 src/views/home/aside/comp/items/index.ts     |  3 +-
 src/views/home/content/Content.vue           |  5 +-
 src/views/task/aside/TaskList.vue            |  1 -
 src/views/task/modal/BatchModal.vue          |  2 +-
 src/views/worksheet/content/Content.vue      |  2 +-
 10 files changed, 71 insertions(+), 16 deletions(-)
 create mode 100644 src/views/home/aside/comp/items/IzStatus.vue

diff --git a/components.d.ts b/components.d.ts
index ef2a1b7..e5c3631 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -20,7 +20,6 @@ declare module 'vue' {
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
     NDivider: typeof import('naive-ui')['NDivider']
     NDropdown: typeof import('naive-ui')['NDropdown']
-    NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NGi: typeof import('naive-ui')['NGi']
@@ -39,8 +38,6 @@ declare module 'vue' {
     NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
     NSwitch: typeof import('naive-ui')['NSwitch']
-    NTabPane: typeof import('naive-ui')['NTabPane']
-    NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NUpload: typeof import('naive-ui')['NUpload']
diff --git a/src/config/final.ts b/src/config/final.ts
index e338520..17fe255 100644
--- a/src/config/final.ts
+++ b/src/config/final.ts
@@ -1,5 +1,5 @@
 import type { AsideEntity } from './aside'
-import { IzProjectVue, IztaskrromVue, PictureDownloadVue, PlanVue, ReportUserVue, TimeVue } from '@/views/home/aside/comp/items'
+import { IzProjectVue, IzStatus, IztaskrromVue, PictureDownloadVue, PlanVue, ReportUserVue, TimeVue } from '@/views/home/aside/comp/items'
 
 export interface RowData {
   id: string
@@ -104,7 +104,7 @@ export const asideMap: Recordable<AsideEntity> = {
     defaultValue: null,
     isDefaultFilter: false,
     key: 'izstatus',
-    component: PlanVue, // todo
+    component: IzStatus, // todo
   },
   izuptime: {
     label: '提报时间',
diff --git a/src/store/modules/dictonary.ts b/src/store/modules/dictonary.ts
index e61e5d8..5759f9d 100644
--- a/src/store/modules/dictonary.ts
+++ b/src/store/modules/dictonary.ts
@@ -229,7 +229,7 @@ export const useDictionaryStore = defineStore({
     async fetchizstatusListt() {
       const list = await getizstatusList()
       this.izstatusList = generateOptions2(list, 'codeno', 'name')
-      return this.backList
+      return this.izstatusList
     },
   },
 })
diff --git a/src/views/final/comp/Action.vue b/src/views/final/comp/Action.vue
index daf7e4b..d01da7f 100644
--- a/src/views/final/comp/Action.vue
+++ b/src/views/final/comp/Action.vue
@@ -17,10 +17,10 @@ const props = defineProps({
 })
 
 const actionConfig = {
-  3: [{ label: '查看', key: 'view' }, { label: '重置审批', key: 'reset' }],
-  4: [{ label: '查看', key: 'view' }, { label: '重置审批', key: 'reset' }],
-  2: [{ label: '通过', key: 'approval' }, { label: '不通过', key: 'reject' }, { label: '重置审批', key: 'reset' }],
-  5: [{ label: '通过', key: 'approval' }, { label: '不通过', key: 'reject' }, { label: '重置审批', key: 'reset' }],
+  3: [{ label: '查看', key: 'view' }],
+  4: [{ label: '查看', key: 'view' }],
+  2: [{ label: '通过', key: 'approval' }, { label: '不通过', key: 'reject' }],
+  5: [{ label: '通过', key: 'approval' }, { label: '不通过', key: 'reject' }],
 }
 
 const actions = computed(() => {
diff --git a/src/views/home/aside/comp/items/IzStatus.vue b/src/views/home/aside/comp/items/IzStatus.vue
new file mode 100644
index 0000000..ef4c0ea
--- /dev/null
+++ b/src/views/home/aside/comp/items/IzStatus.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { onBeforeMount, ref } from 'vue'
+import type { FormRules } from 'naive-ui'
+import { useDictionary } from '@/store/modules/dictonary'
+
+const props = defineProps<{
+  value: string[] | null
+  label: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:value', value: string[]): void
+}>()
+
+const formValue = ref({
+  plans: props.value,
+})
+
+const rules: FormRules = {
+  plans: [
+    {
+      required: false,
+      type: 'array',
+      trigger: ['blur', 'change'],
+    },
+  ],
+}
+
+const options = ref([])
+const configStore = useDictionary()
+const labStyle = {
+  fontWeight: 'bold',
+}
+
+onBeforeMount(async () => {
+  const list = await configStore.fetchizstatusListt()
+  debugger
+  options.value = list
+})
+
+function onChange(value: Array<string>) {
+  emit('update:value', value)
+}
+</script>
+
+<template>
+  <n-form :model="formValue" style="padding: 0px 10px;" :rules="rules">
+    <n-form-item :label="label" path="plans" :label-style="labStyle">
+      <n-select
+        v-model:value="formValue.plans" :max-tag-count="2" placeholder="请选择审核状态" multiple
+        :options="options" @update:value="onChange"
+      />
+    </n-form-item>
+  </n-form>
+</template>
+
+<style lang="less" scoped></style>
diff --git a/src/views/home/aside/comp/items/index.ts b/src/views/home/aside/comp/items/index.ts
index d79dff6..6ef2592 100644
--- a/src/views/home/aside/comp/items/index.ts
+++ b/src/views/home/aside/comp/items/index.ts
@@ -19,5 +19,6 @@ import IzCustomtype from './IzCustomtype.vue'
 import IzProductVue from './IzProduct.vue'
 import IzProjecttype from './IzProjecttype.vue'
 import IzVisitcity from './IzVisitcity.vue'
+import IzStatus from './IzStatus.vue'
 
-export { IzProjecttype, IzVisitcity, IzCustomlevel, IzCustomtype, IzCustomname, IzfirmVue, IzProductVue, IzvisitproVue, IztaskstatusVue, IztaskrromVue, IzProjectVue, IzShowVue, PictureDownloadVue, PictureUploadVue, PlaceHolderVue, RegionVue, SimilarityVue, ReportUserVue, PlanVue, PictureTypeVue, TimeVue }
+export { IzProjecttype, IzStatus, IzVisitcity, IzCustomlevel, IzCustomtype, IzCustomname, IzfirmVue, IzProductVue, IzvisitproVue, IztaskstatusVue, IztaskrromVue, IzProjectVue, IzShowVue, PictureDownloadVue, PictureUploadVue, PlaceHolderVue, RegionVue, SimilarityVue, ReportUserVue, PlanVue, PictureTypeVue, TimeVue }
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index d5fdf72..e8eb250 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -36,6 +36,7 @@ const loading = ref(false)
 const message = useMessage()
 const totalCount = ref(0)
 const sortBy = ref<'asc' | 'desc'>('desc')
+const imageRef = ref<ComponentElRef | null>()
 let canloadMore = true
 let filterId = null
 
@@ -297,8 +298,8 @@ function sortHandler() {
                 :src="item.imgUrl"
               > -->
               <n-image
-                class="img" :img-props="{ onClick: hideDownload }" :class="{ 'img-fit': viewMode !== 'masonry' }"
-                :src="item.thumburl"
+                class="img" :img-props="{ onClick: hideDownload }"
+                :class="{ 'img-fit': viewMode !== 'masonry' }" :preview-src="item.imgUrl" :src="item.thumburl"
               />
               <div class="percent">
                 <SvgIcon size="42" name="tag" />
diff --git a/src/views/task/aside/TaskList.vue b/src/views/task/aside/TaskList.vue
index 5276096..1acb0b3 100644
--- a/src/views/task/aside/TaskList.vue
+++ b/src/views/task/aside/TaskList.vue
@@ -32,7 +32,6 @@ const { isLoading } = useInfiniteScroll(
 async function loadMore() {
   if (isLoading.value || el.value == null)
     return
-
   const more = await fetchList()
   data.value.push(...more)
 }
diff --git a/src/views/task/modal/BatchModal.vue b/src/views/task/modal/BatchModal.vue
index 6ccee30..1cb49fc 100644
--- a/src/views/task/modal/BatchModal.vue
+++ b/src/views/task/modal/BatchModal.vue
@@ -54,7 +54,7 @@ const loading = ref(false)
 let _masonry: null | Masonry = null
 const show = ref(false)
 const sortBy: PictureSortParam = {
-  orderbyname: 'asc',
+  orderbyname: 'desc',
   orderbyvalue: 'fromuptime',
 }
 const batch = ref(false)
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 7de6186..e88f089 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -51,7 +51,7 @@ const taskpagination = reactive({
   pageSize: 10,
 })
 const sortBy: PictureSortParam = {
-  orderbyname: 'asc',
+  orderbyname: 'desc',
   orderbyvalue: 'pictureResult',
 }
 const workStore = useWorkOrder()