feat(web): 增加账号最后登陆时间

gringotts-frontend/components/constants.js

@@ -48,7 +48,7 @@ export function horizontalFormOptions() {
         mode: 'horizontal',
         canAccessSuperData: false,
         horizontal: {
-            left: 2,
+            left: 3,
         },
     }
 }
@@ -83,6 +83,41 @@ export function paginationTemplate(perPage = 20, maxButtons = 5) {
     }
 }
 
+export function copyField(field, tips = '复制', ignoreLength = 0, extra = undefined) {
+    let tpl = ignoreLength === 0 ? `\${${field}}` : `\${TRUNCATE(${field}, ${ignoreLength})}`
+    let content = extra
+        ? {
+            type: 'action',
+            level: 'link',
+            label: `\${${field}}`,
+            className: 'text-current underline',
+            size: 'xs',
+            ...extra,
+        }
+        : {
+            type: 'tpl',
+            className: 'mr-1',
+            tpl: tpl,
+        }
+    return {
+        type: 'wrapper',
+        size: 'none',
+        body: [
+            content,
+            {
+                type: 'action',
+                level: 'link',
+                label: '',
+                icon: 'fa fa-copy',
+                size: 'xs',
+                actionType: 'copy',
+                content: `\$${field}`,
+                tooltip: `${tips}`,
+            },
+        ]
+    }
+}
+
 export function mappingField(field, mapping) {
     let mapData = {
         '*': `<span class='label bg-gray-300'>\${${field}}</span>`,

gringotts-frontend/components/user/dialog-user-check.js

@@ -1,10 +1,63 @@
 import {apiGet, horizontalFormOptions, mappingField, userRoleMapping, userStateMapping} from "../constants.js";
 
+const dialogBody = [
+    {
+        type: 'input-email',
+        name: 'username',
+        label: '邮箱',
+    },
+    {
+        type: 'control',
+        name: 'role',
+        label: '角色',
+        body: [
+            mappingField('role', userRoleMapping),
+        ]
+    },
+    {
+        type: 'control',
+        name: 'state',
+        label: '账号状态',
+        body: [
+            mappingField('state', userStateMapping)
+        ]
+    },
+    {
+        type: 'input-datetime',
+        name: 'createTime',
+        label: '创建时间',
+    },
+]
+
+export function userDetailDialog() {
+    return {
+        actionType: 'dialog',
+        dialog: {
+            title: '账号详情',
+            actions: [],
+            body: {
+                type: 'form',
+                initApi: apiGet('${base}/user_management/detail/${username}'),
+                ...horizontalFormOptions(),
+                static: true,
+                body: [
+                    ...dialogBody,
+                    {
+                        type: 'input-datetime',
+                        name: 'lastLoginTime',
+                        label: '上次登陆时间',
+                    },
+                ],
+            }
+        }
+    }
+}
+
 export function userCheckDialog() {
     return {
         actionType: 'dialog',
         dialog: {
-            title: '用户注册',
+            title: '账号审核',
             actions: [
                 {
                     type: 'action',
@@ -22,39 +75,7 @@ export function userCheckDialog() {
                 initApi: apiGet('${base}/user_management/detail/${username}'),
                 ...horizontalFormOptions(),
                 static: true,
-                body: [
-                    {
-                        type: 'input-email',
-                        name: 'username',
-                        label: '邮箱',
-                    },
-                    {
-                        type: 'control',
-                        name: 'role',
-                        label: '角色',
-                        body: [
-                            mappingField('role', userRoleMapping),
-                        ]
-                    },
-                    {
-                        type: 'control',
-                        name: 'state',
-                        label: '账号状态',
-                        body: [
-                            mappingField('state', userStateMapping)
-                        ]
-                    },
-                    {
-                        type: 'input-datetime',
-                        name: 'createTime',
-                        label: '创建时间',
-                    },
-                    {
-                        type: 'input-datetime',
-                        name: 'updateTime',
-                        label: '更新时间',
-                    },
-                ]
+                body: dialogBody,
             }
         }
     }