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 <[email protected]>
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>
