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

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()
 }