(incubator-uniffle) branch master updated: [MINOR] Improvement(dashboard): Support display human-readable time format for app page (#1851)

[xianjingfeng]

This is an automated email from the ASF dual-hosted git repository.

xianjingfeng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-uniffle.git


The following commit(s) were added to refs/heads/master by this push:
     new 88152e98c [MINOR] Improvement(dashboard): Support display 
human-readable time format for app page (#1851)
88152e98c is described below

commit 88152e98c8b84d5094d93f4710157d21105ec6b8
Author: maobaolong <baoloong...@tencent.com>
AuthorDate: Wed Jul 3 10:22:53 2024 +0800

    [MINOR] Improvement(dashboard): Support display human-readable time format 
for app page (#1851)
    
    ### What changes were proposed in this pull request?
    Display the human-readable time format in application page.
    
    ### Why are the changes needed?
    A long type timestamp really hard to get information from it.
    
    ### Does this PR introduce any user-facing change?
    Format the update time to human-readable.
    
    ### How was this patch tested?
    Manual testing
---
 dashboard/src/main/webapp/src/pages/ApplicationPage.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/main/webapp/src/pages/ApplicationPage.vue 
b/dashboard/src/main/webapp/src/pages/ApplicationPage.vue
index 0e0f31b31..33d1e546c 100644
--- a/dashboard/src/main/webapp/src/pages/ApplicationPage.vue
+++ b/dashboard/src/main/webapp/src/pages/ApplicationPage.vue
@@ -43,7 +43,7 @@
       <el-table :data="pageData.appInfoData" height="250" style="width: 100%">
         <el-table-column prop="appId" label="AppId" min-width="180" />
         <el-table-column prop="userName" label="UserName" min-width="180" />
-        <el-table-column prop="updateTime" label="Update Time" min-width="180" 
/>
+        <el-table-column prop="updateTime" label="Update Time" min-width="180" 
:formatter="dateFormatter" />
       </el-table>
     </div>
   </div>
@@ -52,6 +52,7 @@
 <script>
 import { getApplicationInfoList, getAppTotal, getTotalForUser } from 
'@/api/api'
 import { onMounted, reactive } from 'vue'
+import { dateFormatter } from '@/utils/common'
 import { useCurrentServerStore } from '@/store/useCurrentServerStore'
 
 export default {
@@ -95,7 +96,7 @@ export default {
         getAppTotalPage()
       }
     })
-    return { pageData }
+    return { pageData, dateFormatter }
   }
 }
 </script>