添加登录日志
This commit is contained in:
@@ -23,7 +23,7 @@ def gen_menu(app_name, model_name, parent_menu_name, creator='admin'):
|
|||||||
meta = MenuMeta.objects.create(
|
meta = MenuMeta.objects.create(
|
||||||
title=f"{app_name}.{model_lower}.title",
|
title=f"{app_name}.{model_lower}.title",
|
||||||
icon="",
|
icon="",
|
||||||
order=0,
|
sort=0,
|
||||||
affix_tab=False,
|
affix_tab=False,
|
||||||
badge="",
|
badge="",
|
||||||
badge_type="",
|
badge_type="",
|
||||||
@@ -38,7 +38,7 @@ def gen_menu(app_name, model_name, parent_menu_name, creator='admin'):
|
|||||||
name=model_title,
|
name=model_title,
|
||||||
status=1,
|
status=1,
|
||||||
type="menu",
|
type="menu",
|
||||||
sort=50,
|
sort=100,
|
||||||
path=f"/{app_name}/{model_lower}",
|
path=f"/{app_name}/{model_lower}",
|
||||||
component=f"/{app_name}/{model_lower}/list",
|
component=f"/{app_name}/{model_lower}/list",
|
||||||
auth_code="",
|
auth_code="",
|
||||||
@@ -56,7 +56,7 @@ def gen_menu(app_name, model_name, parent_menu_name, creator='admin'):
|
|||||||
btn_meta = MenuMeta.objects.create(
|
btn_meta = MenuMeta.objects.create(
|
||||||
title=btn["title"],
|
title=btn["title"],
|
||||||
icon="",
|
icon="",
|
||||||
order=0,
|
sort=0,
|
||||||
affix_tab=False,
|
affix_tab=False,
|
||||||
badge="",
|
badge="",
|
||||||
badge_type="",
|
badge_type="",
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ class Command(BaseCommand):
|
|||||||
raise CommandError(f'模型 {app_name}.{model_name} 不存在')
|
raise CommandError(f'模型 {app_name}.{model_name} 不存在')
|
||||||
|
|
||||||
# 生成后端代码
|
# 生成后端代码
|
||||||
# self.generate_backend_code(app_name, model_name, model, model_name_snake)
|
self.generate_backend_code(app_name, model_name, model, model_name_snake)
|
||||||
|
|
||||||
if generate_frontend:
|
if generate_frontend:
|
||||||
# 生成前端代码
|
# 生成前端代码
|
||||||
@@ -210,14 +210,13 @@ class Command(BaseCommand):
|
|||||||
"""生成表单字段配置"""
|
"""生成表单字段配置"""
|
||||||
field_name = field.name
|
field_name = field.name
|
||||||
field_label = getattr(field, 'verbose_name', field_name)
|
field_label = getattr(field, 'verbose_name', field_name)
|
||||||
col_props = ",\n colProps: { span: 12 }"
|
|
||||||
if isinstance(field, models.CharField):
|
if isinstance(field, models.CharField):
|
||||||
return f''' {{\n component: 'Input',\n fieldName: '{field_name}',\n label: '{field_label}',{col_props}\n rules: z\n .string()\n .min(1, $t('ui.formRules.required', ['{field_label}']))\n .max(100, $t('ui.formRules.maxLength', ['{field_label}', 100])),\n }},'''
|
return f''' {{\n component: 'Input',\n fieldName: '{field_name}',\n label: '{field_label}',\n rules: z\n .string()\n .min(1, $t('ui.formRules.required', ['{field_label}']))\n .max(100, $t('ui.formRules.maxLength', ['{field_label}', 100])),\n }},'''
|
||||||
elif isinstance(field, models.TextField):
|
elif isinstance(field, models.TextField):
|
||||||
return f''' {{\n component: 'Input',\n componentProps: {{\n rows: 3,\n showCount: true,\n }},\n fieldName: '{field_name}',\n label: '{field_label}',{col_props}\n rules: z\n .string()\n .max(500, $t('ui.formRules.maxLength', ['{field_label}', 500]))\n .optional(),\n }},'''
|
return f''' {{\n component: 'Input',\n componentProps: {{\n rows: 3,\n showCount: true,\n }},\n fieldName: '{field_name}',\n label: '{field_label}',\n rules: z\n .string()\n .max(500, $t('ui.formRules.maxLength', ['{field_label}', 500]))\n .optional(),\n }},'''
|
||||||
elif isinstance(field, models.IntegerField):
|
elif isinstance(field, models.IntegerField):
|
||||||
return f''' {{\n component: 'InputNumber',\n fieldName: '{field_name}',\n label: '{field_label}',{col_props}\n }},'''
|
return f''' {{\n component: 'InputNumber',\n fieldName: '{field_name}',\n label: '{field_label}',\n }},'''
|
||||||
elif isinstance(field, models.BooleanField):
|
elif isinstance(field, models.BooleanField):
|
||||||
return f''' {{\n component: 'RadioGroup',\n componentProps: {{\n buttonStyle: 'solid',\n options: [\n {{ label: '开启', value: 1 }},\n {{ label: '关闭', value: 0 }},\n ],\n optionType: 'button',\n }},{col_props}\n defaultValue: 1,\n fieldName: '{field_name}',\n label: '{field_label}',\n }},'''
|
return f''' {{\n component: 'RadioGroup',\n componentProps: {{\n buttonStyle: 'solid',\n options: [\n {{ label: '开启', value: 1 }},\n {{ label: '关闭', value: 0 }},\n ],\n optionType: 'button',\n }},\n defaultValue: 1,\n fieldName: '{field_name}',\n label: '{field_label}',\n }},'''
|
||||||
else:
|
else:
|
||||||
return f''' {{\n component: 'Input',\n fieldName: '{field_name}',\n label: '{field_label}',{col_props}\n }},'''
|
return f''' {{\n component: 'Input',\n fieldName: '{field_name}',\n label: '{field_label}',\n }},'''
|
||||||
@@ -32,7 +32,7 @@ ${columns}
|
|||||||
cellRender: {
|
cellRender: {
|
||||||
attrs: {
|
attrs: {
|
||||||
nameField: 'name',
|
nameField: 'name',
|
||||||
nameTitle: $t('${app_name}.${model_name_snake}.name'),
|
nameTitle: $$t('${app_name}.${model_name_snake}.name'),
|
||||||
onClick: onActionClick,
|
onClick: onActionClick,
|
||||||
},
|
},
|
||||||
name: 'CellOperation',
|
name: 'CellOperation',
|
||||||
|
|||||||
@@ -8,6 +8,6 @@ $interface_fields
|
|||||||
|
|
||||||
export class ${app_name_camel}${model_name}Model extends BaseModel<${app_name_camel}${model_name}Api.${app_name_camel}${model_name}> {
|
export class ${app_name_camel}${model_name}Model extends BaseModel<${app_name_camel}${model_name}Api.${app_name_camel}${model_name}> {
|
||||||
constructor() {
|
constructor() {
|
||||||
super('/$app_name/${model_name_lower}/');
|
super('/$app_name/${model_name_snake}/');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
102
backend/system/migrations/0008_systemloginlog.py
Normal file
102
backend/system/migrations/0008_systemloginlog.py
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
# Generated by Django 5.2.1 on 2025-07-02 07:57
|
||||||
|
|
||||||
|
from django.db import migrations, models
|
||||||
|
|
||||||
|
|
||||||
|
class Migration(migrations.Migration):
|
||||||
|
|
||||||
|
dependencies = [
|
||||||
|
("system", "0007_alter_menu_options_rename_order_menumeta_sort"),
|
||||||
|
]
|
||||||
|
|
||||||
|
operations = [
|
||||||
|
migrations.CreateModel(
|
||||||
|
name="SystemLoginLog",
|
||||||
|
fields=[
|
||||||
|
(
|
||||||
|
"id",
|
||||||
|
models.BigAutoField(
|
||||||
|
auto_created=True,
|
||||||
|
primary_key=True,
|
||||||
|
serialize=False,
|
||||||
|
verbose_name="ID",
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"remark",
|
||||||
|
models.CharField(
|
||||||
|
blank=True,
|
||||||
|
db_comment="备注",
|
||||||
|
help_text="备注",
|
||||||
|
max_length=256,
|
||||||
|
null=True,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"creator",
|
||||||
|
models.CharField(
|
||||||
|
blank=True,
|
||||||
|
db_comment="创建人",
|
||||||
|
help_text="创建人",
|
||||||
|
max_length=64,
|
||||||
|
null=True,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"modifier",
|
||||||
|
models.CharField(
|
||||||
|
blank=True,
|
||||||
|
db_comment="修改人",
|
||||||
|
help_text="修改人",
|
||||||
|
max_length=64,
|
||||||
|
null=True,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"update_time",
|
||||||
|
models.DateTimeField(
|
||||||
|
auto_now=True,
|
||||||
|
db_comment="修改时间",
|
||||||
|
help_text="修改时间",
|
||||||
|
null=True,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"create_time",
|
||||||
|
models.DateTimeField(
|
||||||
|
auto_now_add=True,
|
||||||
|
db_comment="创建时间",
|
||||||
|
help_text="创建时间",
|
||||||
|
null=True,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"is_deleted",
|
||||||
|
models.BooleanField(db_comment="是否软删除", default=False),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"username",
|
||||||
|
models.CharField(db_comment="用户账号", default="", max_length=50),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"result",
|
||||||
|
models.IntegerField(
|
||||||
|
choices=[(0, "失败"), (1, "成功")],
|
||||||
|
db_comment="登录结果",
|
||||||
|
default=1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
("user_ip", models.CharField(db_comment="用户 IP", max_length=50)),
|
||||||
|
(
|
||||||
|
"user_agent",
|
||||||
|
models.CharField(db_comment="浏览器 UA", max_length=512),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
options={
|
||||||
|
"verbose_name": "系统访问记录",
|
||||||
|
"verbose_name_plural": "系统访问记录",
|
||||||
|
"db_table": "system_login_log",
|
||||||
|
"ordering": ["-id"],
|
||||||
|
},
|
||||||
|
),
|
||||||
|
]
|
||||||
@@ -282,3 +282,25 @@ class User(AbstractUser, CoreModel):
|
|||||||
@property
|
@property
|
||||||
def get_role_name(self):
|
def get_role_name(self):
|
||||||
return [role.name for role in self.role.all()]
|
return [role.name for role in self.role.all()]
|
||||||
|
|
||||||
|
|
||||||
|
class LoginLog(CoreModel):
|
||||||
|
"""
|
||||||
|
系统访问记录
|
||||||
|
"""
|
||||||
|
class LoginResult(models.IntegerChoices):
|
||||||
|
FAILED = 0, '失败'
|
||||||
|
SUCCESS = 1, '成功'
|
||||||
|
username = models.CharField(max_length=50, default='', db_comment='用户账号')
|
||||||
|
result = models.IntegerField(choices=LoginResult.choices, default=LoginResult.SUCCESS, db_comment='登录结果')
|
||||||
|
user_ip = models.CharField(max_length=50, db_comment='用户 IP')
|
||||||
|
user_agent = models.CharField(max_length=512, db_comment='浏览器 UA')
|
||||||
|
|
||||||
|
class Meta:
|
||||||
|
db_table = 'system_login_log'
|
||||||
|
verbose_name = '系统访问记录'
|
||||||
|
verbose_name_plural = verbose_name
|
||||||
|
ordering = ['-id']
|
||||||
|
|
||||||
|
def __str__(self):
|
||||||
|
return f"{self.username} - {self.user_ip}"
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ router.register(r'dict_data', views.DictDataViewSet)
|
|||||||
router.register(r'dict_type', views.DictTypeViewSet)
|
router.register(r'dict_type', views.DictTypeViewSet)
|
||||||
router.register(r'post', views.PostViewSet)
|
router.register(r'post', views.PostViewSet)
|
||||||
router.register(r'user', views.UserViewSet)
|
router.register(r'user', views.UserViewSet)
|
||||||
|
router.register(r'login_log', views.LoginLogViewSet)
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
path('', include(router.urls)),
|
path('', include(router.urls)),
|
||||||
|
|||||||
@@ -7,6 +7,7 @@ __all__ = [
|
|||||||
'DictTypeViewSet',
|
'DictTypeViewSet',
|
||||||
'PostViewSet',
|
'PostViewSet',
|
||||||
'UserViewSet',
|
'UserViewSet',
|
||||||
|
'LoginLogViewSet',
|
||||||
]
|
]
|
||||||
|
|
||||||
from system.views.dict_data import DictDataViewSet
|
from system.views.dict_data import DictDataViewSet
|
||||||
@@ -16,4 +17,5 @@ from system.views.role import RoleViewSet
|
|||||||
|
|
||||||
from system.views.dept import DeptViewSet
|
from system.views.dept import DeptViewSet
|
||||||
from system.views.post import PostViewSet
|
from system.views.post import PostViewSet
|
||||||
|
from system.views.login_log import LoginLogViewSet
|
||||||
from system.views.user import *
|
from system.views.user import *
|
||||||
30
backend/system/views/login_log.py
Normal file
30
backend/system/views/login_log.py
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
from system.models import LoginLog
|
||||||
|
from utils.serializers import CustomModelSerializer
|
||||||
|
from utils.custom_model_viewSet import CustomModelViewSet
|
||||||
|
from rest_framework import serializers
|
||||||
|
|
||||||
|
class LoginLogSerializer(CustomModelSerializer):
|
||||||
|
"""
|
||||||
|
系统访问记录 序列化器
|
||||||
|
"""
|
||||||
|
result_text = serializers.SerializerMethodField()
|
||||||
|
|
||||||
|
class Meta:
|
||||||
|
model = LoginLog
|
||||||
|
fields = '__all__'
|
||||||
|
read_only_fields = ['id', 'create_time', 'update_time']
|
||||||
|
|
||||||
|
def get_result_text(self, obj):
|
||||||
|
return obj.get_result_display()
|
||||||
|
|
||||||
|
|
||||||
|
class LoginLogViewSet(CustomModelViewSet):
|
||||||
|
"""
|
||||||
|
系统访问记录 视图集
|
||||||
|
"""
|
||||||
|
queryset = LoginLog.objects.filter(is_deleted=False).order_by('-id')
|
||||||
|
serializer_class = LoginLogSerializer
|
||||||
|
filterset_fields = ['id', 'remark', 'creator', 'modifier', 'is_deleted', 'username', 'result', 'user_ip', 'user_agent']
|
||||||
|
search_fields = ['name'] # 根据实际字段调整
|
||||||
|
ordering_fields = ['create_time', 'id']
|
||||||
|
ordering = ['-create_time']
|
||||||
@@ -66,7 +66,6 @@ class MenuSerializer(CustomModelSerializer):
|
|||||||
"""更新菜单及关联的元数据"""
|
"""更新菜单及关联的元数据"""
|
||||||
self.set_audit_user_fields(validated_data, is_create=False)
|
self.set_audit_user_fields(validated_data, is_create=False)
|
||||||
meta_data = validated_data.pop('meta', {})
|
meta_data = validated_data.pop('meta', {})
|
||||||
print(self.fields['meta'], "self.fields['meta']")
|
|
||||||
meta_serializer = self.fields['meta']
|
meta_serializer = self.fields['meta']
|
||||||
meta_serializer.update(instance.meta, meta_data)
|
meta_serializer.update(instance.meta, meta_data)
|
||||||
return super().update(instance, validated_data)
|
return super().update(instance, validated_data)
|
||||||
@@ -74,9 +73,13 @@ class MenuSerializer(CustomModelSerializer):
|
|||||||
|
|
||||||
class MenuUserSerializer(MenuSerializer):
|
class MenuUserSerializer(MenuSerializer):
|
||||||
def get_children(self, obj):
|
def get_children(self, obj):
|
||||||
children = obj.children.exclude(type='button').order_by('sort')
|
request = self.context.get('request')
|
||||||
if children:
|
children_qs = obj.children.exclude(type='button').order_by('sort')
|
||||||
return MenuUserSerializer(children, many=True).data
|
if request and hasattr(request, 'user') and request.user.is_authenticated and not request.user.is_superuser:
|
||||||
|
role_ids = request.user.role.values_list('id', flat=True)
|
||||||
|
children_qs = children_qs.filter(role__id__in=role_ids).distinct()
|
||||||
|
if children_qs:
|
||||||
|
return MenuUserSerializer(children_qs, many=True, context=self.context).data
|
||||||
return []
|
return []
|
||||||
|
|
||||||
|
|
||||||
@@ -131,9 +134,11 @@ class MenuViewSet(CustomModelViewSet):
|
|||||||
if user.is_superuser:
|
if user.is_superuser:
|
||||||
menus = Menu.objects.filter(pid__isnull=True).exclude(type='button').order_by('sort')
|
menus = Menu.objects.filter(pid__isnull=True).exclude(type='button').order_by('sort')
|
||||||
else:
|
else:
|
||||||
|
role_ids = user.role.values_list('id', flat=True)
|
||||||
menus = Menu.objects.filter(pid__isnull=True,
|
menus = Menu.objects.filter(pid__isnull=True,
|
||||||
role__users=user).exclude(type='button').order_by('sort').distinct()
|
role__id__in=role_ids
|
||||||
menus_data = MenuUserSerializer(menus, many=True).data
|
).exclude(type='button').order_by('sort').distinct()
|
||||||
|
menus_data = MenuUserSerializer(menus, many=True, context={'request': request}).data
|
||||||
return self._build_response(data=menus_data)
|
return self._build_response(data=menus_data)
|
||||||
|
|
||||||
def update(self, request, *args, **kwargs):
|
def update(self, request, *args, **kwargs):
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ from rest_framework.views import APIView
|
|||||||
from django.contrib.auth.hashers import make_password
|
from django.contrib.auth.hashers import make_password
|
||||||
from rest_framework.permissions import IsAuthenticated
|
from rest_framework.permissions import IsAuthenticated
|
||||||
|
|
||||||
from system.models import User, Menu
|
from system.models import User, Menu, LoginLog
|
||||||
from system.views.menu import MenuSerializer
|
from system.views.menu import MenuSerializer
|
||||||
|
|
||||||
from utils.serializers import CustomModelSerializer
|
from utils.serializers import CustomModelSerializer
|
||||||
@@ -54,6 +54,13 @@ class UserLogin(ObtainAuthToken):
|
|||||||
user.last_login = timezone.now()
|
user.last_login = timezone.now()
|
||||||
user.save(update_fields=['login_ip', 'last_login'])
|
user.save(update_fields=['login_ip', 'last_login'])
|
||||||
user_data = UserSerializer(user).data
|
user_data = UserSerializer(user).data
|
||||||
|
# 记录登录日志
|
||||||
|
LoginLog.objects.create(
|
||||||
|
username=user.username,
|
||||||
|
result=LoginLog.LoginResult.SUCCESS,
|
||||||
|
user_ip=request.META.get('REMOTE_ADDR', ''),
|
||||||
|
user_agent=request.META.get('HTTP_USER_AGENT', '')
|
||||||
|
)
|
||||||
# 在序列化后的数据中加入 accessToken
|
# 在序列化后的数据中加入 accessToken
|
||||||
user_data['accessToken'] = token.key
|
user_data['accessToken'] = token.key
|
||||||
return Response({
|
return Response({
|
||||||
|
|||||||
@@ -98,6 +98,10 @@
|
|||||||
"user": {
|
"user": {
|
||||||
"name": "User",
|
"name": "User",
|
||||||
"title": "User Management"
|
"title": "User Management"
|
||||||
|
},
|
||||||
|
"login_log": {
|
||||||
|
"name": "login log",
|
||||||
|
"title": "login log"
|
||||||
},
|
},
|
||||||
"status": "Status",
|
"status": "Status",
|
||||||
"remark": "Remarks",
|
"remark": "Remarks",
|
||||||
|
|||||||
@@ -100,6 +100,10 @@
|
|||||||
"name": "用户",
|
"name": "用户",
|
||||||
"title": "用户管理"
|
"title": "用户管理"
|
||||||
},
|
},
|
||||||
|
"login_log": {
|
||||||
|
"name": "登录日志",
|
||||||
|
"title": "登录日志"
|
||||||
|
},
|
||||||
"status": "状态",
|
"status": "状态",
|
||||||
"remark": "备注",
|
"remark": "备注",
|
||||||
"creator": "创建人",
|
"creator": "创建人",
|
||||||
|
|||||||
23
web/apps/web-antd/src/models/system/login_log.ts
Normal file
23
web/apps/web-antd/src/models/system/login_log.ts
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
import { BaseModel } from '#/models/base';
|
||||||
|
|
||||||
|
export namespace SystemLoginLogApi {
|
||||||
|
export interface SystemLoginLog {
|
||||||
|
id: number;
|
||||||
|
remark: string;
|
||||||
|
creator: string;
|
||||||
|
modifier: string;
|
||||||
|
update_time: string;
|
||||||
|
create_time: string;
|
||||||
|
is_deleted: boolean;
|
||||||
|
username: string;
|
||||||
|
result: number;
|
||||||
|
user_ip: string;
|
||||||
|
user_agent: string;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export class SystemLoginLogModel extends BaseModel<SystemLoginLogApi.SystemLoginLog> {
|
||||||
|
constructor() {
|
||||||
|
super('/system/login_log/');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -24,7 +24,7 @@ const MOCK_USER_OPTIONS: BasicOption[] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'User',
|
label: 'User',
|
||||||
value: 'jack',
|
value: 'xj',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
95
web/apps/web-antd/src/views/system/login_log/data.ts
Normal file
95
web/apps/web-antd/src/views/system/login_log/data.ts
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
|
||||||
|
|
||||||
|
import type { VbenFormSchema } from '#/adapter/form';
|
||||||
|
import type { SystemLoginLogApi } from '#/models/system/login_log';
|
||||||
|
|
||||||
|
import { z } from '#/adapter/form';
|
||||||
|
import { $t } from '#/locales';
|
||||||
|
import { format_datetime } from '#/utils/date';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取编辑表单的字段配置
|
||||||
|
*/
|
||||||
|
export function useSchema(): VbenFormSchema[] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'username',
|
||||||
|
label: 'username',
|
||||||
|
rules: z
|
||||||
|
.string()
|
||||||
|
.min(1, $t('ui.formRules.required', ['username']))
|
||||||
|
.max(100, $t('ui.formRules.maxLength', ['username', 100])),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
component: 'InputNumber',
|
||||||
|
fieldName: 'result',
|
||||||
|
label: 'result',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'user_ip',
|
||||||
|
label: 'user ip',
|
||||||
|
rules: z
|
||||||
|
.string()
|
||||||
|
.min(1, $t('ui.formRules.required', ['user ip']))
|
||||||
|
.max(100, $t('ui.formRules.maxLength', ['user ip', 100])),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'user_agent',
|
||||||
|
label: 'user agent',
|
||||||
|
rules: z
|
||||||
|
.string()
|
||||||
|
.min(1, $t('ui.formRules.required', ['user agent']))
|
||||||
|
.max(100, $t('ui.formRules.maxLength', ['user agent', 100])),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
component: 'Input',
|
||||||
|
fieldName: 'remark',
|
||||||
|
label: 'remark',
|
||||||
|
rules: z
|
||||||
|
.string()
|
||||||
|
.min(1, $t('ui.formRules.required', ['remark']))
|
||||||
|
.max(100, $t('ui.formRules.maxLength', ['remark', 100])),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取表格列配置
|
||||||
|
* @description 使用函数的形式返回列数据而不是直接export一个Array常量,是为了响应语言切换时重新翻译表头
|
||||||
|
*/
|
||||||
|
export function useColumns(): VxeTableGridOptions<SystemLoginLogApi.SystemLoginLog>['columns'] {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
field: 'id',
|
||||||
|
title: 'ID',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'username',
|
||||||
|
title: '用户名',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
cellRender: {
|
||||||
|
name: 'CellTag',
|
||||||
|
},
|
||||||
|
field: 'result_text',
|
||||||
|
title: '登录结果',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'user_ip',
|
||||||
|
title: '登录地址',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'user_agent',
|
||||||
|
title: '浏览器',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'create_time',
|
||||||
|
title: $t('system.createTime'),
|
||||||
|
width: 150,
|
||||||
|
formatter: ({ cellValue }) => format_datetime(cellValue),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
47
web/apps/web-antd/src/views/system/login_log/list.vue
Normal file
47
web/apps/web-antd/src/views/system/login_log/list.vue
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
|
||||||
|
|
||||||
|
import { Page } from '@vben/common-ui';
|
||||||
|
|
||||||
|
import { useVbenVxeGrid } from '#/adapter/vxe-table';
|
||||||
|
import { SystemLoginLogModel } from '#/models/system/login_log';
|
||||||
|
|
||||||
|
import { useColumns } from './data';
|
||||||
|
|
||||||
|
const formModel = new SystemLoginLogModel();
|
||||||
|
|
||||||
|
const [Grid] = useVbenVxeGrid({
|
||||||
|
gridEvents: {},
|
||||||
|
gridOptions: {
|
||||||
|
columns: useColumns(),
|
||||||
|
height: 'auto',
|
||||||
|
keepSource: true,
|
||||||
|
pagerConfig: {
|
||||||
|
enabled: true,
|
||||||
|
},
|
||||||
|
proxyConfig: {
|
||||||
|
ajax: {
|
||||||
|
query: async ({ page }, formValues) => {
|
||||||
|
return await formModel.list({
|
||||||
|
page: page.currentPage,
|
||||||
|
pageSize: page.pageSize,
|
||||||
|
...formValues,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
toolbarConfig: {
|
||||||
|
custom: true,
|
||||||
|
export: false,
|
||||||
|
refresh: { code: 'query' },
|
||||||
|
zoom: true,
|
||||||
|
},
|
||||||
|
} as VxeTableGridOptions,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Page auto-content-height>
|
||||||
|
<Grid table-title="系统访问记录" />
|
||||||
|
</Page>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,79 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import type { SystemLoginLogApi } from '#/models/system/login_log';
|
||||||
|
|
||||||
|
import { computed, ref } from 'vue';
|
||||||
|
|
||||||
|
import { useVbenModal } from '@vben/common-ui';
|
||||||
|
|
||||||
|
import { Button } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import { useVbenForm } from '#/adapter/form';
|
||||||
|
import { $t } from '#/locales';
|
||||||
|
import { SystemLoginLogModel } from '#/models/system/login_log';
|
||||||
|
|
||||||
|
import { useSchema } from '../data';
|
||||||
|
|
||||||
|
const emit = defineEmits(['success']);
|
||||||
|
|
||||||
|
const formModel = new SystemLoginLogModel();
|
||||||
|
|
||||||
|
const formData = ref<SystemLoginLogApi.SystemLoginLog>();
|
||||||
|
const getTitle = computed(() => {
|
||||||
|
return formData.value?.id
|
||||||
|
? $t('ui.actionTitle.edit', [$t('system.login_log.name')])
|
||||||
|
: $t('ui.actionTitle.create', [$t('system.login_log.name')]);
|
||||||
|
});
|
||||||
|
|
||||||
|
const [Form, formApi] = useVbenForm({
|
||||||
|
layout: 'horizontal',
|
||||||
|
schema: useSchema(),
|
||||||
|
showDefaultActions: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
function resetForm() {
|
||||||
|
formApi.resetForm();
|
||||||
|
formApi.setValues(formData.value || {});
|
||||||
|
}
|
||||||
|
|
||||||
|
const [Modal, modalApi] = useVbenModal({
|
||||||
|
async onConfirm() {
|
||||||
|
const { valid } = await formApi.validate();
|
||||||
|
if (valid) {
|
||||||
|
modalApi.lock();
|
||||||
|
const data = await formApi.getValues();
|
||||||
|
try {
|
||||||
|
await (formData.value?.id
|
||||||
|
? formModel.update(formData.value.id, data)
|
||||||
|
: formModel.create(data));
|
||||||
|
await modalApi.close();
|
||||||
|
emit('success');
|
||||||
|
} finally {
|
||||||
|
modalApi.lock(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onOpenChange(isOpen) {
|
||||||
|
if (isOpen) {
|
||||||
|
const data = modalApi.getData<SystemLoginLogApi.SystemLoginLog>();
|
||||||
|
if (data) {
|
||||||
|
formData.value = data;
|
||||||
|
formApi.setValues(formData.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Modal :title="getTitle">
|
||||||
|
<Form />
|
||||||
|
<template #prepend-footer>
|
||||||
|
<div class="flex-auto">
|
||||||
|
<Button type="primary" danger @click="resetForm">
|
||||||
|
{{ $t('common.reset') }}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</Modal>
|
||||||
|
</template>
|
||||||
|
<style lang="css" scoped></style>
|
||||||
@@ -102,7 +102,7 @@ export function useColumns(
|
|||||||
cellRender: {
|
cellRender: {
|
||||||
attrs: {
|
attrs: {
|
||||||
nameField: 'name',
|
nameField: 'name',
|
||||||
nameTitle: $t('system.{model_name_snake}.name'),
|
nameTitle: $t('system.post.name'),
|
||||||
onClick: onActionClick,
|
onClick: onActionClick,
|
||||||
},
|
},
|
||||||
name: 'CellOperation',
|
name: 'CellOperation',
|
||||||
|
|||||||
Reference in New Issue
Block a user