From 0df2265e1f269fa5b7a911f388a70d4652709cb0 Mon Sep 17 00:00:00 2001
From: raofuzi <2641346316@qq.com>
Date: Sun, 7 Apr 2024 21:03:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=8F=AF=E7=96=91?=
 =?UTF-8?q?=E6=8E=92=E5=BA=8F=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/RecycleModal.vue | 71 ++++++++++++++++---
 1 file changed, 63 insertions(+), 8 deletions(-)

diff --git a/src/layout/components/Header/RecycleModal.vue b/src/layout/components/Header/RecycleModal.vue
index c5e7fe5..35b2854 100644
--- a/src/layout/components/Header/RecycleModal.vue
+++ b/src/layout/components/Header/RecycleModal.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import Masonry from 'masonry-layout'
 import { useDialog, useMessage } from 'naive-ui'
-import { computed, onBeforeMount, onMounted, onUpdated, reactive, ref, unref, watch } from 'vue'
+import { computed, nextTick, onBeforeMount, onMounted, onUpdated, reactive, ref, unref, watch } from 'vue'
 
 import { dubiousfilelist, removeFiles } from '@/api/task/task'
 import { viewOptions } from '@/config/home'
@@ -22,7 +22,13 @@ const cardStyle = {
 
 const message = useMessage()
 const timeRange = ref('')
+const similarRange = ref('')
 const batch = ref(false)
+let filterId = null;
+let sortObj: any = {
+  orderByUptime: 'desc'
+};
+
 const timeOptions = [{
   label: '升序',
   value: 'asc',
@@ -30,6 +36,13 @@ const timeOptions = [{
   label: '降序',
   value: 'desc',
 }]
+// const similarOptions = [{
+//   label: '升序',
+//   value: 'asc',
+// }, {
+//   label: '降序',
+//   value: 'desc',
+// }]
 const timeLabel = computed(() => {
   const item = timeOptions.find((option) => {
     return option.value === timeRange.value
@@ -104,7 +117,8 @@ useInfiniteScroll(
 async function featchList() {
   loading = true
   try {
-    const result = await dubiousfilelist({ ...pagination, orderbyname: timeRange.value })
+    // const result = await dubiousfilelist({ ...pagination, orderbyname: timeRange.value })
+    const result = await dubiousfilelist({ ...pagination, ...sortObj })
     // TODO：测试数据
     // result.data = Array.from({ length: 30 })
     result.pageCount = 1
@@ -247,7 +261,23 @@ async function showModal() {
   layout()
 }
 
-async function onChange() {
+async function onChange(val) {
+  console.log("val------------------------", val);
+  sortObj = {
+    // orderbyname: val,
+    orderByUptime: val
+  }
+  pagination.pageNo = 1
+  const list = await featchList()
+  listData.value = list
+}
+
+async function onChangeView(val) {
+  console.log("val------------------------", val);
+  sortObj = {
+    // orderbyname: val,
+    orderBySimilarity: val
+  }
   pagination.pageNo = 1
   const list = await featchList()
   listData.value = list
@@ -388,11 +418,30 @@ function doAudit(param: any) {
 function reloadList() {
   refreshHandler()
 }
-async function refreshHandler() {
-  reset()
-  const list = await featchList()
-  listData.value = list
-  layout()
+async function refreshHandler(filtersearchId?: any) {
+  // 注释 rao start
+  // reset()
+  // const list = await featchList()
+  // listData.value = list
+  // layout()
+// 注释 rao end
+  reset();
+
+  if (filtersearchId) {
+    filterId = filtersearchId;
+  }
+
+  nextTick(() => {
+    setTimeout(() => {
+      useInfiniteScroll(
+        el as any,
+        () => {
+          loadMore();
+        },
+        { distance: 10, canLoadMore: () => canloadMore }
+      );
+    }, 300);
+  });
 }
 
 </script>
@@ -421,6 +470,12 @@ async function refreshHandler() {
                     <SvgIcon class="wrapper-content-form-dropdown-gap" name="arrow-botton" size="14" />
                   </div>
                 </n-popselect>
+                <n-popselect v-model:value="similarRange" :options="timeOptions" trigger="click" @change="onChangeView">
+                  <div class="wrapper-content-form-dropdown">
+                    <span>相似度排序</span>
+                    <SvgIcon class="wrapper-content-form-dropdown-gap" name="arrow-botton" size="14" />
+                  </div>
+                </n-popselect>
                 <n-popselect v-model:value="viewMode" :options="viewOptions" trigger="click">
                   <div class="wrapper-form-dropdown">
                     <span>视图模式</span>