加入修改授权码的对话框,优化更新策略，轮询未下载完成的任务而不是全部任务，解除40个的数量限制,部分细节优化(同步更新)

src/components/DashBoard.vue

@@ -16,6 +16,8 @@
     <el-button @click="searchLocalByKeyword">查找当前页任务</el-button>
     <br>
     <hr>
+    <el-button @click="isAlterAuthCode = true">修改授权码</el-button>
+    <hr>
     <div v-show="thumbnailGallery !== {}">
       <span>
         {{thumbnailGallery.shortName}}
@@ -65,6 +67,30 @@
     <el-button @click="deleteVideo" v-if="chosenVideo.resolution">删除</el-button>
   </el-dialog>
 
+  <el-dialog title="修改授权码" v-model="isAlterAuthCode">
+    <el-form>
+      <el-form-item>
+        <template #label>当前授权码</template>
+        <template #default>{{realAuthCode}}</template>
+      </el-form-item>
+      <el-form-item>
+        <template #label>新的授权码</template>
+        <template #default>
+          <el-input v-model="newAuthCode"></el-input>
+        </template>
+      </el-form-item>
+      <el-form-item>
+        <template #label>再次输入授权码</template>
+        <template #default>
+          <el-input v-model="tempAuthCode"></el-input>
+        </template>
+      </el-form-item>
+    </el-form>
+    <el-footer>
+      <el-button @click="alterAuthCode">提交</el-button>
+    </el-footer>
+  </el-dialog>
+
   <div class="DashBoard" v-show="!loadComplete">
       <el-input v-model="AuthCode" placeholder="请输入授权码" style="padding-top: 200px"/> <br>
       <el-checkbox v-model="isRemember">是否记住授权码</el-checkbox>
@@ -81,10 +107,17 @@ export default {
   setup(){
     let AuthCode = ref("")
     let isRemember = ref(false)
+    let isAlterAuthCode = ref(false)
+    let newAuthCode = ref("")
+    let tempAuthCode = ref("")
     let keyword = ref("")
     let link = ref("")
     let targetResolution = ref("")
 
+    let realAuthCode = computed(() => {
+      return store.state.AuthCode
+    })
+
     let chosenGallery = computed(() => {
       return store.state.chosenGallery
     })
@@ -109,6 +142,17 @@ export default {
       return store.state.thumbnailGallery
     })
 
+    function alterAuthCode(){
+      if(newAuthCode.value.trim() === "" || tempAuthCode.value.trim() === "" || newAuthCode.value !== tempAuthCode.value)
+        ElMessage("请检查授权码输入是否错误")
+      else {
+        store.dispatch("alterAuthCode", newAuthCode.value)
+        isAlterAuthCode.value = false
+        newAuthCode.value = ""
+        tempAuthCode.value = ""
+      }
+    }
+
     function queryWeekUsedAmount(){
       store.dispatch("loadWeekUsedAmount")
     }
@@ -222,13 +266,14 @@ export default {
       const auth = localStorage.getItem("auth")
       if(auth !== null){
         store.dispatch("validate", auth)
+        AuthCode.value = localStorage.getItem("auth")
       }
     })
 
     return {postTask, queryTask, validate, searchByLink, searchLocalByKeyword, searchRemoteByKeyword,
-            queryWeekUsedAmount, deleteVideo, deleteGallery, onlineGalleryReader, showThumbnailGallery,
-            link, loadComplete, AuthCode, keyword, isRemember, chosenGallery, chosenVideo, targetResolution, weekUsed,
-             thumbnailGallery,
+            queryWeekUsedAmount, deleteVideo, deleteGallery, onlineGalleryReader, showThumbnailGallery, alterAuthCode,
+            link, loadComplete, AuthCode, realAuthCode, keyword, isRemember, chosenGallery, chosenVideo, targetResolution, weekUsed,
+             thumbnailGallery, isAlterAuthCode, newAuthCode, tempAuthCode,
       store
     }
   }

src/components/Side.vue

@@ -79,12 +79,12 @@
       <el-row class="pageChanger">
         <el-col>
           排列顺序:<el-select v-model="sortType" @change="changeSortType">
-            <el-option value="fullName" label="名字"></el-option>
+            <el-option value="name" label="名字"></el-option>
             <el-option value="shortName" label="简洁名字"></el-option>
             <el-option value="createTime" label="任务创建时间"></el-option>
           </el-select>
           显示:<el-select v-model="showNameType" @change="changeShowNameType">
-            <el-option value="fullName" label="名字"></el-option>
+            <el-option value="name" label="名字"></el-option>
             <el-option value="shortName" label="简洁名字"></el-option>
           </el-select>
         </el-col>
@@ -118,9 +118,9 @@ export default {
   setup(){
     let inputNode = ref(null)
     let isEditing = ref(false)
-    let showNameType = ref("shortName")   // shortName fullName
+    let showNameType = ref("shortName")   // shortName name
     let showType = ref("gallery")     // gallery video
-    let sortType = ref("shortName")   // shortName fullName createTime
+    let sortType = ref("shortName")   // shortName name createTime
     let targetPage = ref(1)
 
     let loadComplete = computed(() => {