From 4d0eb3a142a5602f0a781acefb1e8e8f9ff3dd51 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Thu, 26 Dec 2024 18:24:12 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E4=BF=9D=E7=95=99=E6=BA=90=E6=96=87=E4=BB=B6=E7=9A=84=E6=9C=80?=
 =?UTF-8?q?=E5=90=8E=E4=BF=AE=E6=94=B9=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ShowFile/ShowFile.vue          | 41 +++++++++++++++----
 .../SimpleUploader/globalUploader.vue         |  4 +-
 src/components/preview/FileDetails.vue        |  2 +-
 src/utils/file-operations.js                  |  7 ++++
 src/views/favorite/index.vue                  |  7 +---
 src/views/fileType/audio.vue                  |  7 +---
 src/views/fileType/document.vue               |  7 +---
 src/views/fileType/image.vue                  |  7 +---
 src/views/fileType/video.vue                  |  7 +---
 src/views/home/index.vue                      |  7 +---
 src/views/recently/index.vue                  |  9 ++--
 src/views/tag/index.vue                       |  7 +---
 src/views/trash/index.vue                     |  7 +---
 13 files changed, 62 insertions(+), 57 deletions(-)

diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index 6aa1f3b..3b40f50 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -222,6 +222,23 @@
                     <span>大小</span>
                   </span>
                 </el-dropdown-item>
+                <el-dropdown-item command="orderUploadDate">
+                  <span
+                    :class="{
+                      'al-file-sort-item': true,
+                      active: sortable.prop === 'uploadDate',
+                    }"
+                  >
+                    <i
+                      :class="{
+                        'al-file-sort-item-icon': true,
+                        'el-icon-top': sortable.order === 'ascending',
+                        'el-icon-bottom': sortable.order === 'descending',
+                      }"
+                    ></i>
+                    <span>上传时间</span>
+                  </span>
+                </el-dropdown-item>
                 <el-dropdown-item command="orderUpdateDate">
                   <span
                     :class="{
@@ -236,7 +253,7 @@
                         'el-icon-bottom': sortable.order === 'descending',
                       }"
                     ></i>
-                    <span>日期</span>
+                    <span>修改时间</span>
                   </span>
                 </el-dropdown-item>
               </el-dropdown-menu>
@@ -489,7 +506,7 @@
                     '名称：' +
                     item.name +
                     '\r\n' +
-                    '创建时间：' +
+                    '上传时间：' +
                     item.uploadDate +
                     '\r\n' +
                     '修改时间：' +
@@ -1150,7 +1167,9 @@ export default {
         case 'size':
           return '大小'
         case 'updateDate':
-          return '日期'
+          return '修改时间'
+        case 'uploadDate':
+          return '上传时间'
         default:
           return '名称'
       }
@@ -3056,9 +3075,10 @@ export default {
         }
       })
       // 重新加上排序高亮
-      let order =
-        this.sortable.order === 'ascending' ? 'descending' : 'ascending'
-      this.addClass(tableHeader.children[headerIndex], order)
+      let order = this.sortable.order === 'ascending' ? 'descending' : 'ascending'
+      if (headerIndex > -1) {
+        this.addClass(tableHeader.children[headerIndex], order)
+      }
       this.orderCustom = true
       this.sortChange({ prop: prop, order: order })
     },
@@ -3528,13 +3548,16 @@ export default {
           this.getFileListEnter()
           break
         case 'orderName':
-          this.sortChangeOfMenu('name', 2)
+          this.sortChangeOfMenu('name', 1)
           break
         case 'orderSize':
-          this.sortChangeOfMenu('size', 5)
+          this.sortChangeOfMenu('size', 2)
           break
         case 'orderUpdateDate':
-          this.sortChangeOfMenu('updateDate', 6)
+          this.sortChangeOfMenu('updateDate', 3)
+          break
+        case 'orderUploadDate':
+          this.sortChangeOfMenu('uploadDate', -1)
           break
         case 'refresh':
           this.getFileListEnter()
diff --git a/src/components/SimpleUploader/globalUploader.vue b/src/components/SimpleUploader/globalUploader.vue
index 0432741..68646b6 100755
--- a/src/components/SimpleUploader/globalUploader.vue
+++ b/src/components/SimpleUploader/globalUploader.vue
@@ -392,6 +392,7 @@ export default {
         Object.assign(this.uploader.opts, {
           query: {
             isFolder: false,
+            lastModified: file.file.lastModified,
             ...this.params
           }
         })
@@ -458,7 +459,8 @@ export default {
           username: this.params.username,
           userId: this.params.userId,
           totalSize: file.size,
-          isFolder: file.isFolder
+          isFolder: file.isFolder,
+          lastModified: file.file.lastModified
         }).then(() => {
           // console.log('文件合并成功', res)
           // 文件合并成功
diff --git a/src/components/preview/FileDetails.vue b/src/components/preview/FileDetails.vue
index 8d0c4a3..bfebd19 100644
--- a/src/components/preview/FileDetails.vue
+++ b/src/components/preview/FileDetails.vue
@@ -82,7 +82,7 @@
           <el-form-item label="位置:" class="details-position">
             <a :href="'/?path=' + file.path + '&highlight=' + file.name">{{ file.path }}</a>
           </el-form-item>
-          <el-form-item label="创建时间:">
+          <el-form-item label="上传时间:">
             <span>{{ file.uploadDate }}</span>
           </el-form-item>
           <el-form-item label="修改时间:">
diff --git a/src/utils/file-operations.js b/src/utils/file-operations.js
index 3ccc90e..2613d17 100644
--- a/src/utils/file-operations.js
+++ b/src/utils/file-operations.js
@@ -7,3 +7,10 @@ export const fileOperations = {
   rename: { iconClass: 'menu-rename', label: '重命名', operation: 'rename', shortcut: ['F2'] },
   copyOnly: { iconClass: 'menu-copy', label: '复制', operation: 'copyOnly', shortcut: [navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl', 'C'] },
 }
+
+export const fileArrangements = [
+  { label: '名称', operation: 'orderName', orderProp: 'name'},
+  { label: '大小', operation: 'orderSize', orderProp: 'size'},
+  { label: '上传日期', operation: 'orderUploadDate', orderProp: 'uploadDate'},
+  { label: '修改日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
+]
diff --git a/src/views/favorite/index.vue b/src/views/favorite/index.vue
index f0284d1..f978eab 100644
--- a/src/views/favorite/index.vue
+++ b/src/views/favorite/index.vue
@@ -17,6 +17,7 @@
 
 <script>
   import ShowFile from "@/components/ShowFile/ShowFile";
+  import { fileArrangements } from '@/utils/file-operations'
 
   export default {
     components: {ShowFile},
@@ -35,11 +36,7 @@
               { label: '显示文件夹大小', operation: 'show-folder-size'},
             ]
           },
-          { label: '排列方式', operation: 'arrangement' ,child: [
-              { label: '名称', operation: 'orderName', orderProp: 'name'},
-              { label: '大小', operation: 'orderSize', orderProp: 'size'},
-              { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-            ]
+          { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
           },
           { label: '刷新', operation: 'refresh'},
           { divider: true, operation: 'divider' },
diff --git a/src/views/fileType/audio.vue b/src/views/fileType/audio.vue
index 1f747b7..e0d6a1e 100644
--- a/src/views/fileType/audio.vue
+++ b/src/views/fileType/audio.vue
@@ -16,6 +16,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -34,11 +35,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/fileType/document.vue b/src/views/fileType/document.vue
index d974562..2b757b7 100644
--- a/src/views/fileType/document.vue
+++ b/src/views/fileType/document.vue
@@ -16,6 +16,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -34,11 +35,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/fileType/image.vue b/src/views/fileType/image.vue
index bbdde14..894b4d5 100644
--- a/src/views/fileType/image.vue
+++ b/src/views/fileType/image.vue
@@ -15,6 +15,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -33,11 +34,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/fileType/video.vue b/src/views/fileType/video.vue
index ab11e29..8ac318c 100644
--- a/src/views/fileType/video.vue
+++ b/src/views/fileType/video.vue
@@ -16,6 +16,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -34,11 +35,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 60f4c41..82fdfcd 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -12,6 +12,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -27,11 +28,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/recently/index.vue b/src/views/recently/index.vue
index 495c297..1c35d4f 100644
--- a/src/views/recently/index.vue
+++ b/src/views/recently/index.vue
@@ -14,13 +14,14 @@
 
 <script>
   import ShowFile from "@/components/ShowFile/ShowFile";
+  import { fileArrangements } from '@/utils/file-operations'
 
   export default {
     components: {ShowFile},
     data() {
       return {
         sortable: {
-          prop: 'updateDate', order: 'descending'
+          prop: 'uploadDate', order: 'descending'
         },
         queryCondition: {
           isFolder:false
@@ -32,11 +33,7 @@
               { label: '显示文件夹大小', operation: 'show-folder-size'},
             ]
           },
-          { label: '排列方式', operation: 'arrangement' ,child: [
-              { label: '名称', operation: 'orderName', orderProp: 'name'},
-              { label: '大小', operation: 'orderSize', orderProp: 'size'},
-              { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-            ]
+          { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
           },
           { label: '刷新', operation: 'refresh'},
           { divider: true, operation: 'divider' },
diff --git a/src/views/tag/index.vue b/src/views/tag/index.vue
index 4b87ec9..8830f7c 100644
--- a/src/views/tag/index.vue
+++ b/src/views/tag/index.vue
@@ -16,6 +16,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -34,11 +35,7 @@ export default {
             { label: '显示文件夹大小', operation: 'show-folder-size'},
           ]
         },
-        { label: '排列方式', operation: 'arrangement' ,child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name'},
-            { label: '大小', operation: 'orderSize', orderProp: 'size'},
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
-          ]
+        { label: '排列方式', operation: 'arrangement' ,child: fileArrangements
         },
         { label: '刷新', operation: 'refresh'},
         { divider: true, operation: 'divider' },
diff --git a/src/views/trash/index.vue b/src/views/trash/index.vue
index c189644..1cd3f47 100644
--- a/src/views/trash/index.vue
+++ b/src/views/trash/index.vue
@@ -18,6 +18,7 @@
 
 <script>
 import ShowFile from "@/components/ShowFile/ShowFile";
+import { fileArrangements } from '@/utils/file-operations'
 
 export default {
   components: {ShowFile},
@@ -39,11 +40,7 @@ export default {
           ]
         },
         {
-          label: '排列方式', operation: 'arrangement', child: [
-            { label: '名称', operation: 'orderName', orderProp: 'name' },
-            { label: '大小', operation: 'orderSize', orderProp: 'size' },
-            { label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate' },
-          ]
+          label: '排列方式', operation: 'arrangement', child: fileArrangements
         },
         { label: '刷新', operation: 'refresh' },
         { divider: true, operation: 'divider' },