From b0730f51148598261feebf9bb6c9c619a8b10ba5 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Sun, 1 Sep 2024 19:17:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AE=BE=E7=BD=AE=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E6=98=BE=E7=A4=BA=E7=B1=BB=E5=9E=8B=E3=80=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=90=8D=E5=AD=97=E3=80=81=E6=8E=92=E5=88=97=E9=A1=BA?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DashBoard.vue | 42 ++++++++++++++++++++++++++++++++----
 src/components/Side.vue      | 12 ++++++++---
 src/store/index.js           |  8 +++++--
 3 files changed, 53 insertions(+), 9 deletions(-)

diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue
index 5739e8c..3ab7a71 100644
--- a/src/components/DashBoard.vue
+++ b/src/components/DashBoard.vue
@@ -96,14 +96,34 @@
 
   <el-dialog title="配置" v-model="isConfig">
     <div>
-      夜间模式<hr>
+      夜间模式<br>
       <span style="display: inline-block">夜间模式跟随系统</span>
-      <el-switch v-model="darkConfig.followSystem"></el-switch>
+      <el-switch v-model="darkConfig.followSystem"></el-switch><hr>
     </div>
     <div>
-      在线预览<hr>
+      在线预览<br>
       <span style="display: inline-block">在线预览分页页数:</span>
-      <input v-model="lengthPerPage">
+      <input v-model="lengthPerPage"><hr>
+    </div>
+    <div>
+      默认设置<br>
+      <span style="display: inline-block">分类:</span>
+      <el-select v-model="category" default-first-option>
+        <el-option label="全部" value="total"/>
+        <el-option label="我的下载" value="myDownload"/>
+        <el-option label="我的收藏" value="myCollect"/>
+      </el-select> <br>
+      <span style="display: inline-block">排序方式:</span>
+      <el-select v-model="sortType" default-first-option>
+        <el-option label="名字" value="name"/>
+        <el-option label="简洁名字" value="shortName"/>
+        <el-option label="任务创建时间" value="createTime"/>
+      </el-select> <br>
+      <span style="display: inline-block">显示类型:</span>
+      <el-select v-model="galleryNameType" default-first-option>
+        <el-option label="名字" value="name"/>
+        <el-option label="简洁名字" value="shortName"/>
+      </el-select> <br>
     </div>
     <template #footer>
       <el-button type="primary" @click="saveConfig">保存</el-button>
@@ -136,6 +156,9 @@ let isDark = ref(false)
 let keyword = ref("")
 let darkConfig = ref({})
 let lengthPerPage = ref(0)
+let category = ref("")
+let sortType = ref("")
+let galleryNameType = ref("")
 
 //查询相关
 let type = ref("link")
@@ -275,6 +298,9 @@ onMounted(() => {
   adjustForStyle()
   store.state.lengthPerPage = localStorage.getItem("lengthPerPage")
   store.state.lengthPerPage = store.state.lengthPerPage === null ? 30: Number(store.state.lengthPerPage)
+  category.value = store.state.category = localStorage.getItem("category") === null ? "myDownload" : localStorage.getItem("category")
+  sortType.value = store.state.sortType = localStorage.getItem("sortType") === null ? "createTime" : localStorage.getItem("sortType")
+  galleryNameType.value = store.state.galleryNameType = localStorage.getItem("galleryNameType") === null ? "shortName" : localStorage.getItem("galleryNameType")
   lengthPerPage.value = store.state.lengthPerPage
 
   if(auth !== null){
@@ -326,6 +352,14 @@ function saveConfig(){
     localStorage.setItem("lengthPerPage", lengthPerPage.value)
   }
   localStorage.setItem("darkConfig", JSON.stringify(darkConfig.value))
+  localStorage.setItem("category", category.value)
+  localStorage.setItem("sortType", sortType.value)
+  localStorage.setItem("galleryNameType", galleryNameType.value)
+
+  store.commit("_setCategory", category.value)
+  store.commit("_setSortType", sortType.value)
+  store.commit("_setGalleryNameType", galleryNameType.value)
+
   isConfig.value = false
   adjustForStyle()
 }
diff --git a/src/components/Side.vue b/src/components/Side.vue
index ca6684a..d979a8a 100644
--- a/src/components/Side.vue
+++ b/src/components/Side.vue
@@ -104,9 +104,15 @@ let inputNode = ref(null)
 //是否正在编辑页数
 let isEditingPage = ref(false)
 
-let category = ref("myDownload")            //myDownload myCollect total
-let galleryNameType = ref("shortName")      // shortName name
-let sortType = ref("shortName")             // shortName name createTime
+let category = computed(() => {
+  return store.state.category
+})
+let galleryNameType = computed(() => {
+  return store.state.galleryNameType
+})
+let sortType = computed(() => {
+  return store.state.sortType
+})
 let targetPage = ref(1)                     // 当前页数
 let username = computed(() => {
   return store.state.username
diff --git a/src/store/index.js b/src/store/index.js
index 8e47bde..6eed185 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -342,6 +342,9 @@ const mutations = {
         state.sortType = sortType
         sortTasks(state)
     },
+    _setGalleryNameType(state, galleryNameType){
+        state.galleryNameType = galleryNameType
+    },
     _setShowNameType(state, type){
         if(type === "shortName")
             state.length = state.shortLength
@@ -395,8 +398,9 @@ const state = {
 
     isInclude: false,                        //是否搜索到任务
     searchTask: [],                          //搜索到的任务
-    category: 'myDownload',                  //分类
-    sortType:'shortName',                    //排序类型
+    category: 'myDownload',                  //分类      myDownload myCollect total
+    sortType:'shortName',                    //排序类型   shortName name createTime
+    galleryNameType: 'shortName',            //名字类型   shortName name
     currentTasks: [],                        //当前任务
     weekUsed: {},                            //每周用量
 }