From 03163892acf58abffc350c8d221829ded56791e2 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Mon, 1 Apr 2024 20:39:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=AB=98=E7=BA=A7=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E4=BF=AE=E5=A4=8D=EF=BC=8C=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E6=A8=A1=E5=9D=97=E9=AB=98=E7=BA=A7=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89type=E9=94=99=E8=AF=AF=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/aside/Aside.vue               |   6 +-
 .../home/aside/comp/modals/FilterModal.vue    |   2 +
 src/views/task/aside/Aside.vue                | 182 ++++++++++--------
 src/views/task/modal/NewFilterModal.vue       |   4 +-
 4 files changed, 107 insertions(+), 87 deletions(-)

diff --git a/src/views/final/aside/Aside.vue b/src/views/final/aside/Aside.vue
index f98bf3e..8c2aba9 100644
--- a/src/views/final/aside/Aside.vue
+++ b/src/views/final/aside/Aside.vue
@@ -149,6 +149,10 @@ function editFilter(filter: any) {
 watch(asideValue, (newVal) => {
   finalStore.setAsideValue(newVal)
 })
+
+const inputChange = (keyword)=>{
+  
+}
 </script>
 
 <template>
@@ -161,7 +165,7 @@ watch(asideValue, (newVal) => {
     <n-scrollbar trigger="none">
       <div class="aside-header">
         <!-- 搜索跳转模块 -->
-        <Search v-show="showSearch" @select="scrollHandler" @close="setShowSearch(false)" />
+        <Search v-show="showSearch" @select="scrollHandler" @close="setShowSearch(false)" @inputChange="inputChange" />
         <!-- 高级筛选 -->
         <AdvanceFilter
           v-show="!showSearch" :type="1" @select="filterHandler" @update:search="setShowSearch(true)"
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index 4690ee0..95fcbf4 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -303,6 +303,8 @@ function closeModal() {
 
 defineExpose({
   showModal,
+  query,
+  pagination
 });
 
 const inputHandler = debounce((word) => {
diff --git a/src/views/task/aside/Aside.vue b/src/views/task/aside/Aside.vue
index 890ea44..9e2ff6e 100644
--- a/src/views/task/aside/Aside.vue
+++ b/src/views/task/aside/Aside.vue
@@ -1,90 +1,97 @@
 <script lang="ts" setup>
-import { debounce } from 'lodash-es'
-import { computed, inject, onBeforeMount, onMounted, ref, shallowRef, unref, watch } from 'vue'
-import CustomFieldModal from '../modal/CustomFieldModal.vue'
-import AdvanceFilter from '../../home/aside/comp/AdvanceFilter.vue'
+import { debounce } from "lodash-es";
 import {
-  FilterModalVue,
-} from '../../home/aside/comp/modals'
-import NewFilterModalVue from '../modal/NewFilterModal.vue'
-import TaskList from './TaskList.vue'
-import type { AsideEntity } from '@/config/aside'
-import { useUser } from '@/store/modules/user'
-import { getAllfieldList, getfieldList } from '@/api/home/filter'
-import { useTaskStore } from '@/store/modules/task'
-import emitter from '@/utils/mitt'
-import { useConfig } from '@/store/modules/asideConfig'
+  computed,
+  inject,
+  onBeforeMount,
+  onMounted,
+  ref,
+  shallowRef,
+  unref,
+  watch,
+} from "vue";
+import CustomFieldModal from "../modal/CustomFieldModal.vue";
+import AdvanceFilter from "../../home/aside/comp/AdvanceFilter.vue";
+import { FilterModalVue } from "../../home/aside/comp/modals";
+import NewFilterModalVue from "../modal/NewFilterModal.vue";
+import TaskList from "./TaskList.vue";
+import type { AsideEntity } from "@/config/aside";
+import { useUser } from "@/store/modules/user";
+import { getAllfieldList, getfieldList } from "@/api/home/filter";
+import { useTaskStore } from "@/store/modules/task";
+import emitter from "@/utils/mitt";
+import { useConfig } from "@/store/modules/asideConfig";
 
-const CustomFieldModalRef = ref(null)
-const collapse = ref(false)
-const taskStore = useTaskStore()
-const taskListRef: any = ref(null)
+const CustomFieldModalRef = ref(null);
+const collapse = ref(false);
+const taskStore = useTaskStore();
+const taskListRef: any = ref(null);
 // 展示字段
-const showFieldList = ref<any[]>([])
-const search = ref('')
+const showFieldList = ref<any[]>([]);
+const search = ref("");
 function collapseHandler() {
-  collapse.value = !collapse.value
+  collapse.value = !collapse.value;
 }
-const mousetrap = inject('mousetrap') as any
-mousetrap.bind('[', collapseHandler)
+const mousetrap = inject("mousetrap") as any;
+mousetrap.bind("[", collapseHandler);
 const asideWidth = computed(() => {
-  return collapse.value ? 0 : 308
-})
+  return collapse.value ? 0 : 308;
+});
 
 const asideStyle = computed(() => {
   return {
     width: `${asideWidth.value}px`,
-  }
-})
+  };
+});
 
 const collapseIcon = computed(() => {
-  return collapse.value ? 'expand-cir' : 'collapse-cir'
-})
+  return collapse.value ? "expand-cir" : "collapse-cir";
+});
 
-const asideEnter = ref(false)
+const asideEnter = ref(false);
 
 const showCollapse = computed(() => {
-  return collapse.value ? true : asideEnter.value
-})
+  return collapse.value ? true : asideEnter.value;
+});
 
 watch(
   () => taskStore.immersion,
   () => {
-    collapse.value = true
-  },
-)
+    collapse.value = true;
+  }
+);
 
 function showFilter() {
-  const modal = unref(CustomFieldModalRef)! as any
-  modal.showModal()
+  const modal = unref(CustomFieldModalRef)! as any;
+  modal.showModal();
 }
 
-const showSearch = ref(false)
+const showSearch = ref(false);
 
 function setShowSearch(value: boolean) {
   if (!value) {
-    console.log('setShowSearch', value)
-    search.value = ''
-    taskListRef.value.search('')
-    return
+    console.log("setShowSearch", value);
+    search.value = "";
+    taskListRef.value.search("");
+    return;
   }
-  showSearch.value = value
+  showSearch.value = value;
 }
 
 const inputHandler = debounce((word) => {
-  (taskListRef.value as any).search(word)
-}, 500)
+  (taskListRef.value as any).search(word);
+}, 500);
 
-const reviewType = 2
+const reviewType = 2;
 async function getshowFieldList() {
-  showFieldList.value = []
-  const userStore = useUser()
-  const userInfo = userStore.getUserInfo
-  let res
-  res = await getAllfieldList(reviewType) // 所有筛选项目
-  const allList = res.data
-  res = await getfieldList(reviewType, userInfo.id) // 当前用户选择的项目
-  const useList = res.data
+  showFieldList.value = [];
+  const userStore = useUser();
+  const userInfo = userStore.getUserInfo;
+  let res;
+  res = await getAllfieldList(reviewType); // 所有筛选项目
+  const allList = res.data;
+  res = await getfieldList(reviewType, userInfo.id); // 当前用户选择的项目
+  const useList = res.data;
   /**
    * name 标题
    * id 键值
@@ -92,20 +99,19 @@ async function getshowFieldList() {
    * checked 是否选中
    */
   if (useList?.userFieldFixed) {
-    useList?.userFieldFixed?.split(',').map((v) => {
-      let item = allList.find(v2 => v2.name == v)
+    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,
-        }
-        showFieldList.value.push(item)
+        };
+        showFieldList.value.push(item);
       }
-    })
-  }
-  else {
+    });
+  } else {
     // 若为首次获取 则赋默认值
     allList?.map((v) => {
       if (v.isrequired == 2) {
@@ -114,52 +120,58 @@ async function getshowFieldList() {
           id: v.name,
           fix: v.isrequired == 2,
           checked: true,
-        }
-        showFieldList.value.push(item)
+        };
+        showFieldList.value.push(item);
       }
-    })
+    });
   }
 }
 
 onMounted(() => {
-  getshowFieldList()
-})
+  getshowFieldList();
+});
 
 // 滚动容器，让key对应模块处于可视区域
 function scrollHandler(key: string) {
-  const element = document.querySelector(`#${key}`)
-  element?.scrollIntoView(true)
+  const element = document.querySelector(`#${key}`);
+  element?.scrollIntoView(true);
 }
 // 选择某个过滤配置，刷新图片墙
 function filterHandler(searchId: string) {
-  emitter.emit('filter', searchId)
+  emitter.emit("filter", searchId);
 }
 function showModal(modalRef: any) {
-  const modal = unref(modalRef)! as any
-  modal.showModal()
+  const modal = unref(modalRef)! as any;
+  modal.showModal();
 }
 // 当前显示的模块，按照数组顺序显示
-const showItems = shallowRef<{ key: string, config: AsideEntity }[]>([])
-const filterModalRef = ref(null)
-const newFilterModalRef = ref(null)
-const customModalRef = ref(null)
+const showItems = shallowRef<{ key: string; config: AsideEntity }[]>([]);
+const filterModalRef: any = ref(null);
+const newFilterModalRef = ref(null);
+const customModalRef = ref(null);
 function editFilter(filter: any) {
-  const modal = unref(newFilterModalRef)! as any
-  modal.showModal()
-  modal.edit(filter)
+  const modal = unref(newFilterModalRef)! as any;
+  modal.showModal();
+  modal.edit(filter);
 }
-const configStore = useConfig()
+const configStore = useConfig();
+const newFilterOk = () => {
+  filterModalRef.value.query(
+    filterModalRef.value.pagination.page,
+    filterModalRef.value.pagination.pageSize
+  );
+};
 onBeforeMount(async () => {
-  configStore.fetchConfig()
-  configStore.fetchCustomConfig()
-})
+  configStore.fetchConfig();
+  configStore.fetchCustomConfig();
+});
 function setAsideItemName(text) {
-  taskListRef.value.setStatusName(text)
+  taskListRef.value.setStatusName(text);
 }
 
 defineExpose({
   setAsideItemName,
-})
+});
 </script>
 
 <template>
@@ -243,7 +255,7 @@ defineExpose({
       @show-new-filter="showModal(newFilterModalRef)"
     />
     <!-- 新增过滤 -->
-    <NewFilterModalVue ref="newFilterModalRef" />
+    <NewFilterModalVue ref="newFilterModalRef" @onOk="newFilterOk" />
   </div>
 </template>
 
diff --git a/src/views/task/modal/NewFilterModal.vue b/src/views/task/modal/NewFilterModal.vue
index d6e8cf2..a64ad43 100644
--- a/src/views/task/modal/NewFilterModal.vue
+++ b/src/views/task/modal/NewFilterModal.vue
@@ -15,6 +15,7 @@ const configStore = useConfig()
 const dicStore = useDictionary()
 const currentStatus = ref<Status>('new')
 let currentEditId: string | null = null
+const emit = defineEmits(['onOk'])
 
 const modalTitle = computed(() => {
   return currentStatus.value === 'new' ? '新建过滤条件' : '编辑过滤条件'
@@ -112,7 +113,7 @@ function handleSumbit(e: MouseEvent) {
 
     const param: FilterCondition = {
       searchname: formValue.name!,
-      type: 1,
+      type: 2,
       ocrUsersearchchildList: list,
     }
 
@@ -121,6 +122,7 @@ function handleSumbit(e: MouseEvent) {
     else
       updateCondition({ id: currentEditId!, ...param })
     closeModal()
+    emit('onOk')
   })
 }