From 81ca2dbc90153e9515e2dde3173a8d3450a0a656 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Sun, 24 Mar 2024 18:08:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=8E=92=E5=BA=8F=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/content/Content.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index d210340..21de8e0 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -17,6 +17,7 @@ import { computed, nextTick, onMounted, onUnmounted, onUpdated, reactive, ref, u
 import GeneratePackageModal from './modal/GeneratePackageModal.vue'
 import LoginSuccessModal from './modal/LoginSuccessModal.vue'
 import PackageSettingsModal from './modal/PackageSettingsModal.vue'
+import type { PictureSortParam } from "/#/api"
 
 const deviceHeight = ref(600)
 let _masonry: null | Masonry = null
@@ -35,7 +36,10 @@ const LoginSuccessModalRef = ref(null)
 const loading = ref(false)
 const message = useMessage()
 const totalCount = ref(0)
-const sortBy = ref<'asc' | 'desc'>('desc')
+const sortBy: PictureSortParam = {
+  orderbyname: "asc",
+  orderbyvalue: "pictureResult",
+};
 const imageRef = ref<ComponentElRef | null>()
 let canloadMore = true
 let filterId = null
@@ -128,7 +132,7 @@ async function featchList() {
 
     const asideParams = unref(configStore.getAsideValue)
     const params = filterId ? { userSearchId: filterId } : asideParams
-    const result = await getPictureList({ ...pagination, ...contentParams, ...params, ordertype: sortBy.value })
+    const result = await getPictureList({ ...pagination, ...contentParams, ...params, ...sortBy })
     const { data, pageCount, total } = result
     totalCount.value = total
     canloadMore = pageCount >= pagination.pageNo && pageCount > 0
@@ -261,8 +265,9 @@ function getAvatar(url: string): string {
   return url ? getImgUrl(url) : avatar
 }
 
-function sortHandler() {
-  sortBy.value = sortBy.value === 'asc' ? 'desc' : 'asc'
+function sortHandler(orderby: "pictureResult" | "fromuptime") {
+  sortBy.orderbyvalue = orderby;
+  sortBy.orderbyname = sortBy.orderbyname === "asc" ? "desc" : "asc";
   refreshHandler()
 }
 async function downloadImage(item) {
@@ -338,10 +343,14 @@ function previewHandler(index: number,event: MouseEvent) {
               <SvgIcon class="gap" name="arrow-botton" size="14" />
             </div>
           </n-popselect>
-          <!-- <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler()">
+          <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler('pictureResult')">
             <span>相似度排序</span>
             <SvgIcon style="margin-left: 8px;" name="sort" size="12" />
-          </div> -->
+          </div>
+          <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler('fromuptime')">
+            <span>时间排序</span>
+            <SvgIcon style="margin-left: 8px;" name="sort" size="12" />
+          </div>
         </div>
         <span style="font-size: 16px;color:#494949">共 <span style="color:#7899fd;font-weight: 500;">{{ totalCount }}</span> 项</span>
       </div>