新增设置默认显示类型、显示名字、排列顺序

src/components/DashBoard.vue

@@ -78,14 +78,34 @@
 
   <el-dialog title="配置" v-model="isConfig" width="100%">
     <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>
@@ -120,6 +140,9 @@ let isDark = ref(false)
 let keyword = ref("furry yaoi")
 let darkConfig = ref({})
 let lengthPerPage = ref(0)
+let category = ref("")
+let sortType = ref("")
+let galleryNameType = ref("")
 
 //查询相关
 let type = ref("link")
@@ -248,6 +271,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){
@@ -307,6 +333,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()
 }

src/components/Side.vue

@@ -126,9 +126,15 @@ let isEditingPage = ref(false)
 //是否查看详情
 let isViewing = 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

src/store/index.js

@@ -341,6 +341,9 @@ const mutations = {
         state.sortType = sortType
         sortTasks(state)
     },
+    _setGalleryNameType(state, galleryNameType){
+        state.galleryNameType = galleryNameType
+    },
     _setShowNameType(state, type){
         if(type === "shortName")
             state.length = state.shortLength
@@ -397,6 +400,7 @@ const state = {
     isInclude: false,                        //是否搜索到任务
     searchTask: [],                          //搜索到的任务
     isShowHistory: false,                    //是否打开面板
+    galleryNameType: 'shortName',            //名字类型   shortName name
     category: 'myDownload',                  //分类
     sortType:'shortName',                    //排序类型
     currentTasks: [],                        //当前任务