feat: 新增企业级操作审计日志闭环模块（包含底层模型、记录装饰器与前端看板）
This commit is contained in:
@ -130,8 +130,20 @@ def create_app():
|
|||||||
except ImportError as e:
|
except ImportError as e:
|
||||||
print(f"❌ 错误: Permission 模块导入失败 (请检查 app/api/v1/permission.py 是否存在): {e}")
|
print(f"❌ 错误: Permission 模块导入失败 (请检查 app/api/v1/permission.py 是否存在): {e}")
|
||||||
|
|
||||||
|
# 2.8 注册审计日志模块 (Audit)
|
||||||
# -----------------------------------------------------
|
# -----------------------------------------------------
|
||||||
# 2.8 注册库位管理模块 (Warehouse)
|
try:
|
||||||
|
from app.api.v1.audit import audit_bp
|
||||||
|
# 标准: /api/v1/audit/logs
|
||||||
|
app.register_blueprint(audit_bp, url_prefix='/api/v1/audit')
|
||||||
|
# 兼容: /api/audit/logs
|
||||||
|
app.register_blueprint(audit_bp, url_prefix='/api/audit', name='audit_legacy')
|
||||||
|
print("✅ Audit 模块注册成功")
|
||||||
|
except ImportError as e:
|
||||||
|
print(f"❌ 错误: Audit 模块导入失败: {e}")
|
||||||
|
|
||||||
|
# -----------------------------------------------------
|
||||||
|
# 2.9 注册库位管理模块 (Warehouse)
|
||||||
# -----------------------------------------------------
|
# -----------------------------------------------------
|
||||||
try:
|
try:
|
||||||
from app.api.v1.warehouse import warehouse_bp
|
from app.api.v1.warehouse import warehouse_bp
|
||||||
|
|||||||
122
inventory-backend/app/api/v1/audit.py
Normal file
122
inventory-backend/app/api/v1/audit.py
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
# inventory-backend/app/api/v1/audit.py
|
||||||
|
from flask import Blueprint, request, jsonify, current_app
|
||||||
|
from flask_jwt_extended import jwt_required, get_jwt
|
||||||
|
from app.models.audit import AuditLog
|
||||||
|
from app.extensions import db
|
||||||
|
from sqlalchemy import or_
|
||||||
|
from datetime import datetime
|
||||||
|
import json
|
||||||
|
|
||||||
|
audit_bp = Blueprint('audit', __name__)
|
||||||
|
|
||||||
|
|
||||||
|
@audit_bp.route('/logs', methods=['GET'])
|
||||||
|
@jwt_required()
|
||||||
|
def get_audit_logs():
|
||||||
|
"""获取审计日志列表（分页）"""
|
||||||
|
try:
|
||||||
|
# 分页参数
|
||||||
|
page = request.args.get('page', 1, type=int)
|
||||||
|
page_size = request.args.get('pageSize', 50, type=int)
|
||||||
|
|
||||||
|
# 筛选参数
|
||||||
|
username = request.args.get('username', '').strip()
|
||||||
|
module = request.args.get('module', '').strip()
|
||||||
|
action = request.args.get('action', '').strip()
|
||||||
|
target_id = request.args.get('target_id', '').strip()
|
||||||
|
start_date = request.args.get('start_date', '').strip()
|
||||||
|
end_date = request.args.get('end_date', '').strip()
|
||||||
|
|
||||||
|
# 构建查询
|
||||||
|
query = AuditLog.query
|
||||||
|
|
||||||
|
if username:
|
||||||
|
query = query.filter(AuditLog.username.like(f'%{username}%'))
|
||||||
|
if module:
|
||||||
|
query = query.filter(AuditLog.module == module)
|
||||||
|
if action:
|
||||||
|
query = query.filter(AuditLog.action == action)
|
||||||
|
if target_id:
|
||||||
|
query = query.filter(AuditLog.target_id == target_id)
|
||||||
|
if start_date:
|
||||||
|
try:
|
||||||
|
start_dt = datetime.strptime(start_date, '%Y-%m-%d')
|
||||||
|
query = query.filter(AuditLog.created_at >= start_dt)
|
||||||
|
except ValueError:
|
||||||
|
pass
|
||||||
|
if end_date:
|
||||||
|
try:
|
||||||
|
end_dt = datetime.strptime(end_date, '%Y-%m-%d')
|
||||||
|
# 包含当天结束时间
|
||||||
|
from datetime import timedelta
|
||||||
|
end_dt = end_dt + timedelta(days=1)
|
||||||
|
query = query.filter(AuditLog.created_at < end_dt)
|
||||||
|
except ValueError:
|
||||||
|
pass
|
||||||
|
|
||||||
|
# 排序
|
||||||
|
query = query.order_by(AuditLog.created_at.desc())
|
||||||
|
|
||||||
|
# 分页
|
||||||
|
pagination = query.paginate(page=page, per_page=page_size, error_out=False)
|
||||||
|
logs = pagination.items
|
||||||
|
|
||||||
|
# 序列化
|
||||||
|
data = [log.to_dict() for log in logs]
|
||||||
|
|
||||||
|
# 获取可用的模块和操作类型（用于下拉选项）
|
||||||
|
modules = db.session.query(AuditLog.module).distinct().all()
|
||||||
|
modules = [m[0] for m in modules if m[0]]
|
||||||
|
|
||||||
|
actions = db.session.query(AuditLog.action).distinct().all()
|
||||||
|
actions = [a[0] for a in actions if a[0]]
|
||||||
|
|
||||||
|
return jsonify({
|
||||||
|
'code': 200,
|
||||||
|
'msg': '获取成功',
|
||||||
|
'data': {
|
||||||
|
'list': data,
|
||||||
|
'total': pagination.total,
|
||||||
|
'page': page,
|
||||||
|
'pageSize': page_size,
|
||||||
|
'modules': modules,
|
||||||
|
'actions': actions
|
||||||
|
}
|
||||||
|
}), 200
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
current_app.logger.error(f"获取审计日志失败: {str(e)}")
|
||||||
|
return jsonify({'code': 500, 'msg': f'服务器内部错误: {str(e)}'}), 500
|
||||||
|
|
||||||
|
|
||||||
|
@audit_bp.route('/logs/<int:log_id>', methods=['GET'])
|
||||||
|
@jwt_required()
|
||||||
|
def get_audit_log_detail(log_id):
|
||||||
|
"""获取单条审计日志详情"""
|
||||||
|
try:
|
||||||
|
log = AuditLog.query.get(log_id)
|
||||||
|
if not log:
|
||||||
|
return jsonify({'code': 404, 'msg': '日志不存在'}), 404
|
||||||
|
|
||||||
|
return jsonify({
|
||||||
|
'code': 200,
|
||||||
|
'msg': '获取成功',
|
||||||
|
'data': log.to_dict()
|
||||||
|
}), 200
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
current_app.logger.error(f"获取审计日志详情失败: {str(e)}")
|
||||||
|
return jsonify({'code': 500, 'msg': str(e)}), 500
|
||||||
|
|
||||||
|
|
||||||
|
@audit_bp.route('/modules', methods=['GET'])
|
||||||
|
@jwt_required()
|
||||||
|
def get_modules():
|
||||||
|
"""获取所有模块列表（用于筛选）"""
|
||||||
|
try:
|
||||||
|
modules = db.session.query(AuditLog.module).distinct().all()
|
||||||
|
modules = [m[0] for m in modules if m[0]]
|
||||||
|
return jsonify({'code': 200, 'data': modules}), 200
|
||||||
|
except Exception as e:
|
||||||
|
current_app.logger.error(f"获取模块列表失败: {str(e)}")
|
||||||
|
return jsonify({'code': 500, 'msg': str(e)}), 500
|
||||||
47
inventory-backend/app/models/audit.py
Normal file
47
inventory-backend/app/models/audit.py
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
# inventory-backend/app/models/audit.py
|
||||||
|
from app.extensions import db
|
||||||
|
from datetime import datetime
|
||||||
|
|
||||||
|
|
||||||
|
class AuditLog(db.Model):
|
||||||
|
"""
|
||||||
|
操作审计日志表
|
||||||
|
记录所有关键业务操作
|
||||||
|
"""
|
||||||
|
__tablename__ = 'audit_logs'
|
||||||
|
|
||||||
|
id = db.Column(db.Integer, primary_key=True)
|
||||||
|
user_id = db.Column(db.Integer, nullable=True, index=True) # 操作人ID（sys_user.id）
|
||||||
|
username = db.Column(db.String(100), nullable=False, index=True) # 操作人账号
|
||||||
|
display_name = db.Column(db.String(100)) # 操作人显示名称
|
||||||
|
action = db.Column(db.String(50), nullable=False, index=True) # 操作类型: create/update/delete/export 等
|
||||||
|
module = db.Column(db.String(50), nullable=False, index=True) # 业务模块: inbound_buy/inbound_semi/bom/user 等
|
||||||
|
target_id = db.Column(db.String(100), index=True) # 被操作的数据ID
|
||||||
|
target_name = db.Column(db.String(200)) # 被操作数据的显示名称
|
||||||
|
details = db.Column(db.JSON) # 详细变更内容 {old: {}, new: {}}
|
||||||
|
ip_address = db.Column(db.String(50)) # 操作IP
|
||||||
|
user_agent = db.Column(db.String(500)) # 浏览器UA
|
||||||
|
method = db.Column(db.String(10)) # HTTP方法
|
||||||
|
url = db.Column(db.String(500)) # 请求URL
|
||||||
|
status_code = db.Column(db.Integer) # 响应状态码
|
||||||
|
error_message = db.Column(db.Text) # 错误信息（如有）
|
||||||
|
created_at = db.Column(db.DateTime, default=datetime.now, index=True) # 操作时间
|
||||||
|
|
||||||
|
def to_dict(self):
|
||||||
|
return {
|
||||||
|
'id': self.id,
|
||||||
|
'user_id': self.user_id,
|
||||||
|
'username': self.username,
|
||||||
|
'display_name': self.display_name,
|
||||||
|
'action': self.action,
|
||||||
|
'module': self.module,
|
||||||
|
'target_id': self.target_id,
|
||||||
|
'target_name': self.target_name,
|
||||||
|
'details': self.details,
|
||||||
|
'ip_address': self.ip_address,
|
||||||
|
'method': self.method,
|
||||||
|
'url': self.url,
|
||||||
|
'status_code': self.status_code,
|
||||||
|
'error_message': self.error_message,
|
||||||
|
'created_at': self.created_at.strftime('%Y-%m-%d %H:%M:%S') if self.created_at else None
|
||||||
|
}
|
||||||
@ -1,8 +1,9 @@
|
|||||||
# app/utils/decorators.py
|
# app/utils/decorators.py
|
||||||
from functools import wraps
|
from functools import wraps
|
||||||
from flask_jwt_extended import get_jwt, verify_jwt_in_request
|
from flask_jwt_extended import get_jwt, verify_jwt_in_request, get_jwt_identity
|
||||||
from flask import jsonify, g
|
from flask import jsonify, g, request
|
||||||
import logging
|
import logging
|
||||||
|
import json
|
||||||
|
|
||||||
|
|
||||||
def role_required(*roles):
|
def role_required(*roles):
|
||||||
@ -87,3 +88,104 @@ def permission_required(permission_code):
|
|||||||
return fn(*args, **kwargs)
|
return fn(*args, **kwargs)
|
||||||
return decorator
|
return decorator
|
||||||
return wrapper
|
return wrapper
|
||||||
|
|
||||||
|
|
||||||
|
def audit_log(module: str, action: str = None, get_target_id_fn=None, get_target_name_fn=None, get_details_fn=None):
|
||||||
|
"""
|
||||||
|
审计日志装饰器
|
||||||
|
用法: @audit_log(module='inbound_buy', action='create')
|
||||||
|
@audit_log(module='bom', action='update', get_target_id_fn=lambda: ..., get_details_fn=lambda req, resp: ...)
|
||||||
|
"""
|
||||||
|
def wrapper(fn):
|
||||||
|
@wraps(fn)
|
||||||
|
def decorator(*args, **kwargs):
|
||||||
|
# 获取请求上下文
|
||||||
|
claims = get_jwt()
|
||||||
|
user_id = get_jwt_identity()
|
||||||
|
username = claims.get('username', '')
|
||||||
|
display_name = claims.get('display_name', '')
|
||||||
|
|
||||||
|
# 获取IP
|
||||||
|
ip_address = request.headers.get('X-Forwarded-For') or request.remote_addr or ''
|
||||||
|
if ip_address and ',' in ip_address:
|
||||||
|
ip_address = ip_address.split(',')[0].strip()
|
||||||
|
|
||||||
|
# 获取请求信息
|
||||||
|
http_method = request.method
|
||||||
|
url = request.url
|
||||||
|
user_agent = request.headers.get('User-Agent', '')[:500]
|
||||||
|
|
||||||
|
# 解析 action（支持动态）
|
||||||
|
final_action = action
|
||||||
|
if callable(action):
|
||||||
|
final_action = action()
|
||||||
|
|
||||||
|
# 执行原函数
|
||||||
|
response = fn(*args, **kwargs)
|
||||||
|
|
||||||
|
# 只记录成功的请求（响应状态码 200/201）
|
||||||
|
status_code = 200
|
||||||
|
if hasattr(response, 'status_code'):
|
||||||
|
status_code = response.status_code
|
||||||
|
|
||||||
|
if status_code in [200, 201]:
|
||||||
|
try:
|
||||||
|
from app.models.audit import AuditLog
|
||||||
|
from app.extensions import db
|
||||||
|
from flask import current_app
|
||||||
|
|
||||||
|
# 获取 target_id
|
||||||
|
target_id = None
|
||||||
|
if get_target_id_fn:
|
||||||
|
try:
|
||||||
|
target_id = get_target_id_fn()
|
||||||
|
except Exception:
|
||||||
|
pass
|
||||||
|
if not target_id and hasattr(response, 'json'):
|
||||||
|
resp_data = response.get_json()
|
||||||
|
if resp_data and isinstance(resp_data, dict):
|
||||||
|
target_id = resp_data.get('id')
|
||||||
|
|
||||||
|
# 获取 target_name
|
||||||
|
target_name = None
|
||||||
|
if get_target_name_fn:
|
||||||
|
try:
|
||||||
|
target_name = get_target_name_fn()
|
||||||
|
except Exception:
|
||||||
|
pass
|
||||||
|
|
||||||
|
# 获取 details
|
||||||
|
details = None
|
||||||
|
if get_details_fn:
|
||||||
|
try:
|
||||||
|
details = get_details_fn(request, response)
|
||||||
|
except Exception:
|
||||||
|
pass
|
||||||
|
|
||||||
|
# 保存日志
|
||||||
|
log_entry = AuditLog(
|
||||||
|
user_id=user_id,
|
||||||
|
username=username,
|
||||||
|
display_name=display_name,
|
||||||
|
action=final_action or http_method.lower(),
|
||||||
|
module=module,
|
||||||
|
target_id=str(target_id) if target_id else None,
|
||||||
|
target_name=target_name,
|
||||||
|
details=details,
|
||||||
|
ip_address=ip_address,
|
||||||
|
user_agent=user_agent,
|
||||||
|
method=http_method,
|
||||||
|
url=url,
|
||||||
|
status_code=status_code
|
||||||
|
)
|
||||||
|
db.session.add(log_entry)
|
||||||
|
db.session.commit()
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
current_app.logger.error(f"审计日志记录失败: {str(e)}")
|
||||||
|
db.session.rollback()
|
||||||
|
|
||||||
|
return response
|
||||||
|
|
||||||
|
return decorator
|
||||||
|
return wrapper
|
||||||
|
|||||||
26
inventory-web/src/api/audit.ts
Normal file
26
inventory-web/src/api/audit.ts
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取审计日志列表
|
||||||
|
export function getAuditLogs(params: any) {
|
||||||
|
return request({
|
||||||
|
url: '/audit/logs',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取审计日志详情
|
||||||
|
export function getAuditLogDetail(logId: number) {
|
||||||
|
return request({
|
||||||
|
url: `/audit/logs/${logId}`,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取可选模块列表
|
||||||
|
export function getAuditModules() {
|
||||||
|
return request({
|
||||||
|
url: '/audit/modules',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
276
inventory-web/src/views/system/AuditLog.vue
Normal file
276
inventory-web/src/views/system/AuditLog.vue
Normal file
@ -0,0 +1,276 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-card>
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span style="font-weight: bold;">操作审计日志</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 搜索条件 -->
|
||||||
|
<el-form :inline="true" :model="queryParams" class="search-form">
|
||||||
|
<el-form-item label="操作人">
|
||||||
|
<el-input v-model="queryParams.username" placeholder="请输入操作人账号" clearable @keyup.enter="handleQuery" style="width: 150px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模块">
|
||||||
|
<el-select v-model="queryParams.module" placeholder="请选择模块" clearable style="width: 150px">
|
||||||
|
<el-option v-for="item in moduleOptions" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="操作类型">
|
||||||
|
<el-select v-model="queryParams.action" placeholder="请选择操作类型" clearable style="width: 120px">
|
||||||
|
<el-option v-for="item in actionOptions" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="时间范围">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dateRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleQuery" :loading="tableLoading">
|
||||||
|
<el-icon><Search /></el-icon>搜索
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="handleReset">
|
||||||
|
<el-icon><Refresh /></el-icon>重置
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 表格 -->
|
||||||
|
<el-table v-loading="tableLoading" :data="tableData" border stripe>
|
||||||
|
<el-table-column prop="id" label="ID" width="70" />
|
||||||
|
<el-table-column prop="username" label="操作人" width="120" />
|
||||||
|
<el-table-column prop="display_name" label="姓名" width="100" />
|
||||||
|
<el-table-column prop="module" label="模块" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag>{{ scope.row.module }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="action" label="操作" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag :type="getActionType(scope.row.action)">{{ scope.row.action }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="target_name" label="操作对象" min-width="150" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="ip_address" label="IP地址" width="130" />
|
||||||
|
<el-table-column prop="created_at" label="操作时间" width="170" />
|
||||||
|
<el-table-column label="操作" width="120" fixed="right">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button v-if="scope.row.details" link type="primary" size="small" @click="handleViewDetails(scope.row)">
|
||||||
|
详情
|
||||||
|
</el-button>
|
||||||
|
<span v-else class="text-gray">-</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 分页 -->
|
||||||
|
<el-pagination
|
||||||
|
v-model:current-page="queryParams.page"
|
||||||
|
v-model:page-size="queryParams.pageSize"
|
||||||
|
:page-sizes="[20, 50, 100, 200]"
|
||||||
|
:total="total"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
@size-change="getList"
|
||||||
|
@current-change="getList"
|
||||||
|
style="margin-top: 20px"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 详情弹窗 -->
|
||||||
|
<el-dialog v-model="detailDialogVisible" title="操作详情" width="700px">
|
||||||
|
<el-descriptions :column="2" border>
|
||||||
|
<el-descriptions-item label="ID">{{ currentLog.id }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="操作人">{{ currentLog.username }} ({{ currentLog.display_name }})</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="模块">{{ currentLog.module }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="操作类型">
|
||||||
|
<el-tag :type="getActionType(currentLog.action)">{{ currentLog.action }}</el-tag>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="操作对象" :span="2">{{ currentLog.target_name || '-' }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="IP地址">{{ currentLog.ip_address }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="请求方式">{{ currentLog.method }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="操作时间" :span="2">{{ currentLog.created_at }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="请求URL" :span="2">
|
||||||
|
<el-text size="small">{{ currentLog.url }}</el-text>
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
|
||||||
|
<div v-if="currentLog.details" class="details-box">
|
||||||
|
<div class="details-title">变更内容 (JSON)</div>
|
||||||
|
<pre class="json-content">{{ formatDetails(currentLog.details) }}</pre>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
|
import { Search, Refresh } from '@element-plus/icons-vue'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import { getAuditLogs, getAuditModules } from '@/api/audit'
|
||||||
|
|
||||||
|
// 表格数据
|
||||||
|
const tableLoading = ref(false)
|
||||||
|
const tableData = ref([])
|
||||||
|
const total = ref(0)
|
||||||
|
|
||||||
|
// 查询参数
|
||||||
|
const queryParams = reactive({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 50,
|
||||||
|
username: '',
|
||||||
|
module: '',
|
||||||
|
action: '',
|
||||||
|
target_id: '',
|
||||||
|
start_date: '',
|
||||||
|
end_date: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// 日期范围
|
||||||
|
const dateRange = ref<[string, string] | null>(null)
|
||||||
|
|
||||||
|
// 选项数据
|
||||||
|
const moduleOptions = ref<string[]>([])
|
||||||
|
const actionOptions = ref<string[]>(['create', 'update', 'delete', 'export', 'import'])
|
||||||
|
|
||||||
|
// 详情弹窗
|
||||||
|
const detailDialogVisible = ref(false)
|
||||||
|
const currentLog = ref<any>({})
|
||||||
|
|
||||||
|
// 获取操作类型对应的标签样式
|
||||||
|
const getActionType = (action: string) => {
|
||||||
|
const typeMap: Record<string, string> = {
|
||||||
|
'create': 'success',
|
||||||
|
'add': 'success',
|
||||||
|
'update': 'warning',
|
||||||
|
'edit': 'warning',
|
||||||
|
'delete': 'danger',
|
||||||
|
'export': 'info',
|
||||||
|
'import': 'info'
|
||||||
|
}
|
||||||
|
return typeMap[action?.toLowerCase()] || 'info'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 加载数据
|
||||||
|
const getList = async () => {
|
||||||
|
tableLoading.value = true
|
||||||
|
try {
|
||||||
|
// 处理日期范围
|
||||||
|
if (dateRange.value && dateRange.value.length === 2) {
|
||||||
|
queryParams.start_date = dateRange.value[0]
|
||||||
|
queryParams.end_date = dateRange.value[1]
|
||||||
|
} else {
|
||||||
|
queryParams.start_date = ''
|
||||||
|
queryParams.end_date = ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await getAuditLogs(queryParams)
|
||||||
|
if (res.code === 200) {
|
||||||
|
tableData.value = res.data.list
|
||||||
|
total.value = res.data.total
|
||||||
|
// 更新选项
|
||||||
|
if (res.data.modules) {
|
||||||
|
moduleOptions.value = res.data.modules
|
||||||
|
}
|
||||||
|
if (res.data.actions) {
|
||||||
|
actionOptions.value = res.data.actions
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('获取审计日志失败:', error)
|
||||||
|
} finally {
|
||||||
|
tableLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 搜索
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.page = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 重置
|
||||||
|
const handleReset = () => {
|
||||||
|
queryParams.page = 1
|
||||||
|
queryParams.username = ''
|
||||||
|
queryParams.module = ''
|
||||||
|
queryParams.action = ''
|
||||||
|
queryParams.target_id = ''
|
||||||
|
queryParams.start_date = ''
|
||||||
|
queryParams.end_date = ''
|
||||||
|
dateRange.value = null
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查看详情
|
||||||
|
const handleViewDetails = (row: any) => {
|
||||||
|
currentLog.value = row
|
||||||
|
detailDialogVisible.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 格式化详情 JSON
|
||||||
|
const formatDetails = (details: any) => {
|
||||||
|
if (!details) return ''
|
||||||
|
if (typeof details === 'string') {
|
||||||
|
try {
|
||||||
|
return JSON.stringify(JSON.parse(details), null, 2)
|
||||||
|
} catch {
|
||||||
|
return details
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return JSON.stringify(details, null, 2)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化
|
||||||
|
onMounted(() => {
|
||||||
|
getList()
|
||||||
|
// 获取可选模块
|
||||||
|
getAuditModules().then(res => {
|
||||||
|
if (res.code === 200 && res.data) {
|
||||||
|
moduleOptions.value = res.data
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.search-form {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-gray {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-box {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-title {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.json-content {
|
||||||
|
background-color: #f5f7fa;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
max-height: 400px;
|
||||||
|
overflow: auto;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user