显示相对时间

Author: luckyxhu

web/src/index.js

@@ -8,10 +8,12 @@ import { RecoilRoot } from 'recoil';
 import { SnackbarProvider } from 'notistack';
 import Zoom from '@mui/material/Zoom';
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 import 'dayjs/locale/zh-cn';
 import App from './app';
 
 dayjs.locale('zh-cn');
+dayjs.extend(relativeTime);
 
 // 某些第三方模块(react-pin-input)大量打印 debug 日志
 if (process.env.NODE_ENV === 'production') {

web/src/route/system/event/index.jsx

@@ -20,14 +20,11 @@ import Typography from '@mui/material/Typography';
 import Chip from '@mui/material/Chip';
 import { useSnackbar } from 'notistack';
 import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
 import SearchInput from '~/comp/search-input';
 import Markdown from '~/comp/markdown';
 import titleState from "~/state/title";
 import { post, put } from '~/rest';
 
-dayjs.extend(relativeTime);
-
 export default function Event() {
   const { enqueueSnackbar } = useSnackbar();
   const setTitle = useSetRecoilState(titleState);

web/src/route/system/user/list.jsx

@@ -153,7 +153,8 @@ export default function List() {
               <TableCell align='center'>姓名</TableCell>
               <TableCell align='center'>访问控制</TableCell>
               <TableCell align='center'>创建时间</TableCell>
-              <TableCell align='center'>登录时间 / 次数</TableCell>
+              <TableCell align='center'>最后登录时间</TableCell>
+              <TableCell align='center'>登录次数</TableCell>
               <TableCell as='td' align='right' colSpan={2} padding='checkbox' />
             </TableRow>
           </TableHead>
@@ -172,12 +173,9 @@ export default function List() {
                     <Typography variant='body2'>{u.acl_name}</Typography>
                   }
                 </TableCell>
-                <TableCell align="center">
-                  {dayjs(u.create_at).format('YY-MM-DD HH:mm:ss')}
-                </TableCell>
-                <TableCell align="center">
-                  {dayjs(u.signin_at).format('YY-MM-DD HH:mm:ss')} / {u.n_signin}
-                </TableCell>
+                <TableCell align="center">{dayjs(u.create_at).fromNow()}</TableCell>
+                <TableCell align="center">{dayjs(u.signin_at).fromNow()}</TableCell>
+                <TableCell align="center">{u.n_signin}</TableCell>
                 <TableCell align="right" padding='none'>
                   {u.deleted &&
                     <RemoveCircleOutlineIcon color='error' fontSize='small'