feat: server info page time stamp display. (#1256)

* fix: server info page time stamp display.

* fix: format codes

Co-authored-by: 琚致远 <juzhiyuan@apache.org>
Co-authored-by: litesun <sunyi@apache.org>

web/src/app.tsx

@@ -21,6 +21,7 @@ import {
   Settings as LayoutSettings,
   TopNavHeaderProps,
 } from '@ant-design/pro-layout';
+import moment from 'moment';
 
 import RightContent from '@/components/RightContent';
 import Footer from '@/components/Footer';
@@ -34,6 +35,7 @@ export async function getInitialState(): Promise<{
   currentUser?: API.CurrentUser;
   settings?: LayoutSettings;
 }> {
+  moment.locale(['en-US', 'zh-CN']);
   const token = localStorage.getItem('token');
   if (!token) {
     history.replace(`/user/login?redirect=${encodeURIComponent(window.location.pathname)}`);

web/src/pages/ServerInfo/List.tsx

@@ -18,6 +18,7 @@ import React, { useEffect, useState } from 'react';
 import { Select, Empty, Form } from 'antd';
 import { PageContainer } from '@ant-design/pro-layout';
 import { useIntl } from 'umi';
+import moment from 'moment';
 
 import { fetchInfoList } from './service';
 import styles from './style.less';
@@ -31,7 +32,16 @@ const ServerInfo: React.FC = () => {
   const [form] = Form.useForm();
 
   useEffect(() => {
-    fetchInfoList().then((list) => {
+    fetchInfoList().then((infoList) => {
+      const list = infoList.map(item => {
+        return {
+          ...item,
+          boot_time: moment(item.boot_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
+          last_report_time: moment(item.last_report_time * 1000).format('YYYY-MM-DD HH:mm:ss'),
+          up_time: moment(item.boot_time * 1000).fromNow(true),
+        }
+      });
+
       setNodeList(list);
       if (list.length) {
         form.setFieldsValue({