From c8a826a75eb9b55e63e489ca5f1489e55c29144f Mon Sep 17 00:00:00 2001
From: chenshihai <chenshh@pcl.ac.cn>
Date: Mon, 14 Nov 2022 18:12:22 +0800
Subject: [PATCH] update

---
 .../pages/modelmanage/common/modelmanage-common-detail.vue  | 13 ++++++++-----
 web_src/vuepages/utils/index.js                             |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue b/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
index 81d3d940e..d3cb3d866 100644
--- a/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
+++ b/web_src/vuepages/pages/modelmanage/common/modelmanage-common-detail.vue
@@ -165,8 +165,9 @@
         </div>
         <div class="table-container">
           <el-table :data="filesList" row-key="sn" style="width: 100%" v-loading="loading" stripe>
-            <el-table-column column-key="FileName" prop="FileName" :label="$t('modelManage.fileName')" align="left"
-              header-align="left">
+            <el-table-column column-key="FileName" prop="FileName" sortable
+              :sort-method="(a, b) => a.FileName.toLocaleLowerCase().localeCompare(b.FileName.toLocaleLowerCase())"
+              :label="$t('modelManage.fileName')" align="left" header-align="left">
               <template slot-scope="scope">
                 <div class="tbl-file-name">
                   <a v-if="scope.row.IsDir" @click="goNextDir(scope.row)" href="javascript:;">
@@ -185,10 +186,11 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column column-key="SizeShow" prop="SizeShow" :label="$t('modelManage.fileSize')" align="center"
-              header-align="center" width="200">
+            <el-table-column column-key="SizeShow" prop="SizeShow" sortable :sort-method="(a, b) => a.Size - b.Size"
+              :label="$t('modelManage.fileSize')" align="center" header-align="center" width="200">
             </el-table-column>
-            <el-table-column column-key="ModTime" prop="ModTime" :label="$t('modelManage.updateTime')" align="center"
+            <el-table-column column-key="ModTime" prop="ModTime" sortable
+              :sort-method="(a, b) => a.ModTimeNum - b.ModTimeNum" :label="$t('modelManage.updateTime')" align="center"
               header-align="center" width="200">
             </el-table-column>
             <el-table-column v-if="modelType == 1 && canDelete" column-key="operate" prop="operate"
@@ -255,6 +257,7 @@ export default {
         const list = res.data || [];
         list.forEach(item => {
           item.SizeShow = item.IsDir ? '' : transFileSize(item.Size);
+          item.ModTimeNum = new Date(item.ModTime).getTime();
         })
         this.filesList = list;
       }).catch(err => {
diff --git a/web_src/vuepages/utils/index.js b/web_src/vuepages/utils/index.js
index 3962bb76f..e3e23f7d3 100644
--- a/web_src/vuepages/utils/index.js
+++ b/web_src/vuepages/utils/index.js
@@ -23,5 +23,5 @@ export const transFileSize = (srcSize) => {
   srcSize = parseFloat(srcSize);
   const index = Math.floor(Math.log(srcSize) / Math.log(1024));
   const size = (srcSize / Math.pow(1024, index)).toFixed(2);
-  return size + unitArr[index];
+  return size + ' ' +  unitArr[index];
 };