新增按照任务创建时间/名称排序， 默认只加载40个任务，剩下的需要手动查询，移除本地搜索的定时器，新增新特性提示(同步更新)

src/components/Side.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="side" style="width: 100%">
-    <span v-show="loadComplete">{{showType}}历史</span>
+    <span v-show="loadComplete">{{showType === 'gallery' ? '本子' : '视频'}}历史</span>
     <div  v-show="loadComplete" class="load_complete">
-      <el-table :data="galleryTasks" v-show="isShowGalleryHistory">
+      <el-table :data="galleryTasks" v-show="isShowGalleryHistory" >
 
         <el-table-column type="expand">
           <template #default="props">
@@ -11,7 +11,8 @@
             语言:{{props.row.language}} <br>
             页数:{{props.row.pages}} <br>
             文件大小:{{props.row.fileSize}}<br>
-            分辨率:{{props.row.resolution}}
+            分辨率:{{props.row.resolution}}<br>
+            任务创建时间:{{props.row.createTimeDisplay}}<br>
           </template>
         </el-table-column>
 
@@ -46,6 +47,7 @@
             文件大小:{{props.row.fileSize}} <br>
             视频长度:{{props.row.duration}} <br>
             分辨率:{{props.row.resolution}} <br>
+            任务创建时间:{{props.row.createTimeDisplay}}<br>
           </template>
         </el-table-column>
 
@@ -73,6 +75,12 @@
       </el-table>
 
       <el-row class="pageChanger">
+        <el-col>
+          排列顺序:<el-select v-model="sortType" @change="changeSortType">
+            <el-option value="name" label="名字"></el-option>
+            <el-option value="time" label="任务创建时间"></el-option>
+          </el-select>
+        </el-col>
         <el-col>
           <el-button @click="toMin">{{min}}</el-button>
           <el-button @click="previous">-</el-button>
@@ -106,7 +114,8 @@ export default {
     const isEditing = ref(false)
 
     let inputNode = ref(null)
-    let showType = ref("本子")
+    let showType = ref("gallery")
+    let sortType = ref("name")
 
     let galleryTasks = computed(() => {
       if(store.getters.galleryTasks)
@@ -210,44 +219,27 @@ export default {
     function changeShowType(){
       if(isShowVideoHistory.value){
         store.commit("_setShowType", "gallery")
-        showType.value = "本子"
+        showType.value = "gallery"
       }
       else{
         store.commit("_setShowType", "video")
-        showType.value = "视频"
+        showType.value = "video"
       }
     }
 
+    function changeSortType(sortType){
+      store.commit("_setSortType", sortType)
+    }
+
     function operational(download){
       return download === undefined
     }
 
 
-    return {galleryTasks,
-            videoTasks,
-            min,
-            max,
-            targetPage,
-            loadComplete,
-            page,
-            isEditing,
-            inputNode,
-            isShowVideoHistory,
-            isShowGalleryHistory,
-            showType,
-            reverse,
-            changePage,
-            changeShowType,
-            toMax,
-            toMin,
-            previous,
-            next,
-            downloadTask,
-            deleteGallery,
-            deleteVideo,
-            onlineGalleryReader,
-            onlineVideoViewer,
-            operational,
+    return {galleryTasks, videoTasks, min, max, targetPage, loadComplete, page, isEditing, inputNode, isShowVideoHistory,
+            isShowGalleryHistory, showType, sortType,
+            reverse, changePage, changeShowType, changeSortType, toMax, toMin, previous, next, downloadTask, deleteGallery,
+            deleteVideo, onlineGalleryReader, onlineVideoViewer, operational,
             store
     }
   }
@@ -264,8 +256,8 @@ export default {
   }
   .pageChanger{
     position: absolute;
-    top:90vh;
-    left: 150px;
+    top: 85vh;
+    left: 75px;
   }
   .page{
     display: inline-block;