syschan
/
gva-pms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加变更日志监控与API接口
Docker Deploy / app-build-and-deploy (push) Successful in 8m46s Details
Docker Deploy / ctn-build-and-deploy (push) Successful in 20m2s Details

This commit is contained in:
SysProChan 2025-04-28 23:19:51 +08:00
parent 733a7c1754
commit e780e16e52
20 changed files with 1620 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

206
server/plugin/monitor/api/change_log.go Normal file
View File

@ -0,0 +1,206 @@
package api
import (
"github.com/flipped-aurora/gin-vue-admin/server/global"
"github.com/flipped-aurora/gin-vue-admin/server/model/common/response"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model/request"
"github.com/gin-gonic/gin"
"go.uber.org/zap"
)
var ChangeLog = new(CL)
type CL struct {}
// CreateChangeLog 创建变更日志
// @Tags ChangeLog
// @Summary 创建变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "创建变更日志"
// @Success 200 {object} response.Response{msg=string} "创建成功"
// @Router /CL/createChangeLog [post]
func (a *CL) CreateChangeLog(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
var info model.ChangeLog
err := c.ShouldBindJSON(&info)
if err != nil {
response.FailWithMessage(err.Error(), c)
return
}
err = serviceChangeLog.CreateChangeLog(ctx,&info)
if err != nil {
global.GVA_LOG.Error("创建失败!", zap.Error(err))
response.FailWithMessage("创建失败:" + err.Error(), c)
return
}
response.OkWithMessage("创建成功", c)
}
// DeleteChangeLog 删除变更日志
// @Tags ChangeLog
// @Summary 删除变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "删除变更日志"
// @Success 200 {object} response.Response{msg=string} "删除成功"
// @Router /CL/deleteChangeLog [delete]
func (a *CL) DeleteChangeLog(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
ID := c.Query("ID")
err := serviceChangeLog.DeleteChangeLog(ctx,ID)
if err != nil {
global.GVA_LOG.Error("删除失败!", zap.Error(err))
response.FailWithMessage("删除失败:" + err.Error(), c)
return
}
response.OkWithMessage("删除成功", c)
}
// DeleteChangeLogByIds 批量删除变更日志
// @Tags ChangeLog
// @Summary 批量删除变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Success 200 {object} response.Response{msg=string} "批量删除成功"
// @Router /CL/deleteChangeLogByIds [delete]
func (a *CL) DeleteChangeLogByIds(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
IDs := c.QueryArray("IDs[]")
err := serviceChangeLog.DeleteChangeLogByIds(ctx,IDs)
if err != nil {
global.GVA_LOG.Error("批量删除失败!", zap.Error(err))
response.FailWithMessage("批量删除失败:" + err.Error(), c)
return
}
response.OkWithMessage("批量删除成功", c)
}
// UpdateChangeLog 更新变更日志
// @Tags ChangeLog
// @Summary 更新变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "更新变更日志"
// @Success 200 {object} response.Response{msg=string} "更新成功"
// @Router /CL/updateChangeLog [put]
func (a *CL) UpdateChangeLog(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
var info model.ChangeLog
err := c.ShouldBindJSON(&info)
if err != nil {
response.FailWithMessage(err.Error(), c)
return
}
err = serviceChangeLog.UpdateChangeLog(ctx,info)
if err != nil {
global.GVA_LOG.Error("更新失败!", zap.Error(err))
response.FailWithMessage("更新失败:" + err.Error(), c)
return
}
response.OkWithMessage("更新成功", c)
}
// FindChangeLog 用id查询变更日志
// @Tags ChangeLog
// @Summary 用id查询变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param ID query uint true "用id查询变更日志"
// @Success 200 {object} response.Response{data=model.ChangeLog,msg=string} "查询成功"
// @Router /CL/findChangeLog [get]
func (a *CL) FindChangeLog(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
ID := c.Query("ID")
reCL, err := serviceChangeLog.GetChangeLog(ctx,ID)
if err != nil {
global.GVA_LOG.Error("查询失败!", zap.Error(err))
response.FailWithMessage("查询失败:" + err.Error(), c)
return
}
response.OkWithData(reCL, c)
}
// GetChangeLogList 分页获取变更日志列表
// @Tags ChangeLog
// @Summary 分页获取变更日志列表
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data query request.ChangeLogSearch true "分页获取变更日志列表"
// @Success 200 {object} response.Response{data=response.PageResult,msg=string} "获取成功"
// @Router /CL/getChangeLogList [get]
func (a *CL) GetChangeLogList(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
var pageInfo request.ChangeLogSearch
err := c.ShouldBindQuery(&pageInfo)
if err != nil {
response.FailWithMessage(err.Error(), c)
return
}
list, total, err := serviceChangeLog.GetChangeLogInfoList(ctx,pageInfo)
if err != nil {
global.GVA_LOG.Error("获取失败!", zap.Error(err))
response.FailWithMessage("获取失败:" + err.Error(), c)
return
}
response.OkWithDetailed(response.PageResult{
List: list,
Total: total,
Page: pageInfo.Page,
PageSize: pageInfo.PageSize,
}, "获取成功", c)
}
// GetChangeLogDataSource 获取ChangeLog的数据源
// @Tags ChangeLog
// @Summary 获取ChangeLog的数据源
// @Accept application/json
// @Produce application/json
// @Success 200 {object} response.Response{data=object,msg=string} "查询成功"
// @Router /CL/getChangeLogDataSource [get]
func (a *CL) GetChangeLogDataSource(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
// 此接口为获取数据源定义的数据
dataSource, err := serviceChangeLog.GetChangeLogDataSource(ctx)
if err != nil {
global.GVA_LOG.Error("查询失败!", zap.Error(err))
response.FailWithMessage("查询失败:" + err.Error(), c)
return
}
response.OkWithData(dataSource, c)
}
// GetChangeLogPublic 不需要鉴权的变更日志接口
// @Tags ChangeLog
// @Summary 不需要鉴权的变更日志接口
// @Accept application/json
// @Produce application/json
// @Success 200 {object} response.Response{data=object,msg=string} "获取成功"
// @Router /CL/getChangeLogPublic [get]
func (a *CL) GetChangeLogPublic(c *gin.Context) {
// 创建业务用Context
ctx := c.Request.Context()
// 此接口不需要鉴权 示例为返回了一个固定的消息接口，一般本接口用于C端服务，需要自己实现业务逻辑
serviceChangeLog.GetChangeLogPublic(ctx)
response.OkWithDetailed(gin.H{"info": "不需要鉴权的变更日志接口信息"}, "获取成功", c)
}

6
server/plugin/monitor/api/enter.go
View File

@ -5,6 +5,10 @@ import "github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/service"
var (
Api = new(api)
serviceMonitorConfig = service.Service.MonitorConfig
serviceChangeLog = service.Service.ChangeLog
)
type api struct{ MonitorConfig MC }
type api struct {
MonitorConfig MC
ChangeLog CL
}

13
server/plugin/monitor/gen/gen.go
View File

@ -1,17 +1,18 @@
package main
import (
"gorm.io/gen"
"path/filepath" //go:generate go mod tidy
//go:generate go mod download
//go:generate go run gen.go
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model"
"gorm.io/gen"
"path/filepath"
)
func main() {
g := gen.NewGenerator(gen.Config{OutPath: filepath.Join("..", "..", "..", "monitor", "blender", "model", "dao"), Mode: gen.WithoutContext | gen.WithDefaultQuery | gen.WithQueryInterface})
g.ApplyBasic(
new(model.MonitorConfig),
g.ApplyBasic(new(model.MonitorConfig), //go:generate go mod tidy
//go:generate go mod download
//go:generate go run gen.go
new(model.ChangeLog),
)
g.Execute()
}

18
server/plugin/monitor/initialize/api.go
View File

@ -2,11 +2,25 @@ package initialize
import (
"context"
model "github.com/flipped-aurora/gin-vue-admin/server/model/system"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/plugin-tool/utils"
)
func Api(ctx context.Context) {
entities := []model.SysApi{}
entities := []model.SysApi{
{ApiGroup: "MC", Path: "/MC/getMonitorConfigList", Description: "获取配置列表", Method: "GET"},
{ApiGroup: "MC", Path: "/MC/findMonitorConfig", Description: "查找配置", Method: "GET"},
{ApiGroup: "MC", Path: "/MC/createMonitorConfig", Description: "创建配置", Method: "POST"},
{ApiGroup: "MC", Path: "/MC/deleteMonitorConfig", Description: "删除配置", Method: "DELETE"},
{ApiGroup: "MC", Path: "/MC/deleteMonitorConfigByIds", Description: "批量删除配置", Method: "DELETE"},
{ApiGroup: "MC", Path: "/MC/updateMonitorConfig", Description: "更新配置", Method: "PUT"},
{ApiGroup: "CL", Path: "/CL/getChangeLogList", Description: "获取变更日志列表", Method: "GET"},
{ApiGroup: "CL", Path: "/CL/findChangeLog", Description: "查找变更日志", Method: "GET"},
{ApiGroup: "CL", Path: "/CL/createChangeLog", Description: "创建变更日志", Method: "POST"},
{ApiGroup: "CL", Path: "/CL/deleteChangeLog", Description: "删除变更日志", Method: "DELETE"},
{ApiGroup: "CL", Path: "/CL/deleteChangeLogByIds", Description: "批量删除变更日志", Method: "DELETE"},
{ApiGroup: "CL", Path: "/CL/updateChangeLog", Description: "更新变更日志", Method: "PUT"},
}
utils.RegisterApis(entities...)
}
}

156
server/plugin/monitor/initialize/gorm.go
View File

@ -3,16 +3,170 @@ package initialize
import (
"context"
"fmt"
"reflect"
"strings"
"github.com/flipped-aurora/gin-vue-admin/server/global"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/service"
"github.com/pkg/errors"
"go.uber.org/zap"
"gorm.io/gorm"
)
var monitorService service.MC
func Gorm(ctx context.Context) {
err := global.GVA_DB.WithContext(ctx).AutoMigrate(model.MonitorConfig{})
err := global.GVA_DB.WithContext(ctx).AutoMigrate(model.MonitorConfig{}, model.ChangeLog{})
if err != nil {
err = errors.Wrap(err, "注册表失败!")
zap.L().Error(fmt.Sprintf("%+v", err))
}
RegisterHooks(ctx, global.GVA_DB)
for _, db := range global.GVA_DBList {
RegisterHooks(ctx, db)
}
monitorService.InitMonitor()
}
func RegisterHooks(ctx context.Context, db *gorm.DB) {
err := db.Callback().Update().Before("gorm:update").Register("monitor:before_update", func(tx *gorm.DB) {
fmt.Println("钩子函数被调用============")
if tx.Statement == nil || tx.Statement.Schema == nil {
return
}
// 获取表名（兼容自定义表名）
tableName := tx.Statement.Schema.Table
fmt.Printf("tableName:%s \n", tableName)
// 获取时间过期缓存
ExpireCaChe := monitorService.RefreshExipre()
// 判断是否过期
if !ExpireCaChe[tableName] {
fmt.Printf("tableName:%s 不在有效期 \n", tableName)
return
}
// 跳过系统表监控
if strings.HasPrefix(tableName, "sys_") || strings.HasPrefix(tableName, "exa_") {
return
}
// 获取主键名
pkField := tx.Statement.Schema.PrioritizedPrimaryField
// 获取主键值
var pkValue any
// 从模型实例中获取
if tx.Statement.Dest != nil {
dest := reflect.ValueOf(tx.Statement.Dest)
if dest.Kind() == reflect.Ptr {
dest = dest.Elem()
}
if dest.Kind() == reflect.Map {
pkValue = dest.MapIndex(reflect.ValueOf(pkField.Name))
}
if dest.Kind() == reflect.Struct {
pkValue = dest.FieldByName(pkField.Name).Interface()
}
}
if pkValue == nil {
global.GVA_LOG.Warn("无法获取主键值，跳过记录变更", zap.String("table", tableName))
return
}
// 查询旧记录
oldModel := reflect.New(tx.Statement.Schema.ModelType).Interface()
if err := tx.Session(&gorm.Session{}).First(oldModel, pkValue).Error; err != nil {
return
}
// 遍历所有字段，检查是否被监控
for _, field := range tx.Statement.Schema.Fields {
fieldName := field.DBName
if !monitorService.IsFieldMonitored(tableName, fieldName) {
continue // 跳过未监控字段
}
// 对比新旧值
oldVal := getFieldValue(oldModel, field.Name)
newVal := getFieldValue(tx.Statement.Dest, field.Name)
fmt.Printf("oldVal:%v;newVal:%v\n", oldVal, newVal)
if !reflect.DeepEqual(oldVal, newVal) {
// 记录日志
logEntry := model.ChangeLog{
Table: &tableName,
Column: &fieldName,
OldValue: toStringPtr(oldVal),
NewValue: toStringPtr(newVal),
}
fmt.Println("logEntry:", logEntry)
global.GVA_DB.Debug().Model(model.ChangeLog{}).Create(&logEntry)
}
}
})
if err != nil {
fmt.Println("register hook failed%%%%%%%%%%%%%%", zap.Error(err))
return
}
}
// 辅助函数：获取字段值（处理指针）
func getFieldValue(model interface{}, field string) interface{} {
val := reflect.ValueOf(model)
if val.Kind() == reflect.Ptr {
val = val.Elem()
}
if val.Kind() == reflect.Map {
mapVal := val.Interface().(map[string]interface{})
if v, ok := mapVal[field]; ok {
if v != nil {
return val
}
return nil
}
// return val.MapIndex(reflect.ValueOf(field))
}
fieldVal := val.FieldByName(field)
if !fieldVal.IsValid() {
return nil
}
if fieldVal.Kind() == reflect.Ptr || fieldVal.Kind() == reflect.Interface {
if fieldVal.IsNil() {
return nil
}
return fieldVal.Elem().Interface()
}
return fieldVal.Interface()
}
// 辅助函数：安全转换为字符串指针
func toStringPtr(v interface{}) (strPrt *string) {
if v == nil {
return nil
}
val := reflect.ValueOf(v)
if val.Kind() == reflect.Ptr {
if val.IsNil() {
return nil
}
return val.Elem().Interface().(*string)
}
if val.Kind() == reflect.String {
str := val.String()
return &str
}
if val.Kind() == reflect.Uint {
str := fmt.Sprintf("%d", val.Uint())
return &str
}
str := fmt.Sprintf("%v", v)
return &str
}

37
server/plugin/monitor/initialize/menu.go
View File

@ -2,11 +2,46 @@ package initialize
import (
"context"
model "github.com/flipped-aurora/gin-vue-admin/server/model/system"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/plugin-tool/utils"
)
func Menu(ctx context.Context) {
entities := []model.SysBaseMenu{}
entities := []model.SysBaseMenu{
{
Hidden: false,
Path: "changeMonitor",
Name: "changeMonitor",
Component: "view/routerHolder.vue",
Sort: 99,
Meta: model.Meta{
Title: "变更监控",
Icon: "camera",
},
},
{
Hidden: false,
Path: "MC",
Name: "MC",
Component: "plugin/monitor/view/monitorConfig.vue",
Sort: 1,
Meta: model.Meta{
Title: "监控配置",
Icon: "monitor",
},
},
{
Hidden: false,
Path: "CL",
Name: "CL",
Component: "plugin/monitor/view/changeLog.vue",
Sort: 2,
Meta: model.Meta{
Title: "变更日志",
Icon: "list",
},
},
}
utils.RegisterMenus(entities...)
}

1
server/plugin/monitor/initialize/router.go
View File

@ -13,4 +13,5 @@ func Router(engine *gin.Engine) {
private := engine.Group(global.GVA_CONFIG.System.RouterPrefix).Group("")
private.Use(middleware.JWTAuth()).Use(middleware.CasbinHandler())
router.Router.MonitorConfig.Init(public, private)
router.Router.ChangeLog.Init(public, private)
}

25
server/plugin/monitor/model/change_log.go Normal file
View File

@ -0,0 +1,25 @@
package model
import (
"time"
"github.com/flipped-aurora/gin-vue-admin/server/global"
)
// ChangeLog 变更日志 结构体
type ChangeLog struct {
global.GVA_MODEL
Database *string `json:"database" form:"database" gorm:"column:database;"` //数据库名
Table *string `json:"table" form:"table" gorm:"column:db_table;"` //表名
Column *string `json:"column" form:"column" gorm:"column:db_column;"` //字段名
OldValue *string `json:"oldValue" form:"oldValue" gorm:"column:old_value;"` //旧值
NewValue *string `json:"newValue" form:"newValue" gorm:"column:new_value;"` //新值
RecordID *int `json:"recordId" form:"recordId" gorm:"column:record_id;"` //记录ID
ChangedAt *time.Time `json:"changedAt" form:"changedAt" gorm:"column:changed_at;"` //变更时间
OperationType *string `json:"operationType" form:"operationType" gorm:"column:operation_type;"` //操作类型
}
// TableName 变更日志 ChangeLog自定义表名 change_log
func (ChangeLog) TableName() string {
return "change_log"
}

22
server/plugin/monitor/model/monitor_config.go
View File

@ -22,3 +22,25 @@ type MonitorConfig struct {
func (MonitorConfig) TableName() string {
return "monitor_config"
}
func (m *MonitorConfig) IsExpire() bool {
T := time.Now()
// 如果如果只设置了开始时间，则判断开始时间是否在当前时间之前
if m.StartTime != nil && m.EndTime == nil {
// fmt.Println(*m.Table, "是否生效1：", m.StartTime.Before(T))
return m.StartTime.Before(T)
}
// 如果只设置了结束时间，则判断结束时间是否在当前时间之后
if m.StartTime == nil && m.EndTime != nil {
// fmt.Println(*m.Table, "是否生效2：", m.EndTime.After(T))
return m.EndTime.After(T)
}
// 如果同时设置了开始时间和结束时间，则判断开始时间是否在当前时间之前，结束时间是否在当前时间之后
if m.StartTime != nil && m.EndTime != nil {
// fmt.Println(*m.Table, "是否生效3：", m.StartTime.Before(T) && m.EndTime.After(T))
return m.StartTime.Before(T) && m.EndTime.After(T)
}
// fmt.Println(*m.Table, "是否生效4：", true)
return true
}

20
server/plugin/monitor/model/request/change_log.go Normal file
View File

@ -0,0 +1,20 @@
package request
import (
"github.com/flipped-aurora/gin-vue-admin/server/model/common/request"
"time"
)
type ChangeLogSearch struct{
StartCreatedAt *time.Time `json:"startCreatedAt" form:"startCreatedAt"`
EndCreatedAt *time.Time `json:"endCreatedAt" form:"endCreatedAt"`
Database *string `json:"database" form:"database" `
Table *string `json:"table" form:"table" `
Column *string `json:"column" form:"column" `
OldValue *string `json:"oldValue" form:"oldValue" `
StartChangedAt *time.Time `json:"startChangedAt" form:"startChangedAt"`
EndChangedAt *time.Time `json:"endChangedAt" form:"endChangedAt"`
OperationType *string `json:"operationType" form:"operationType" `
request.PageInfo
Sort string `json:"sort" form:"sort"`
Order string `json:"order" form:"order"`
}

5
server/plugin/monitor/plugin.go
View File

@ -2,6 +2,7 @@ package monitor
import (
"context"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/initialize"
interfaces "github.com/flipped-aurora/gin-vue-admin/server/utils/plugin/v2"
"github.com/gin-gonic/gin"
@ -20,7 +21,9 @@ type plugin struct{}
// 安装插件时候自动注册的api数据请到下方法.Menu方法中实现并添加如下方法
// initialize.Menu(ctx)
func (p *plugin) Register(group *gin.Engine) {
ctx := context.Background()
ctx := context.Background()
initialize.Gorm(ctx)
initialize.Router(group)
initialize.Menu(ctx)
initialize.Api(ctx)
}

31
server/plugin/monitor/router/change_log.go Normal file
View File

@ -0,0 +1,31 @@
package router
import (
"github.com/flipped-aurora/gin-vue-admin/server/middleware"
"github.com/gin-gonic/gin"
)
var ChangeLog = new(CL)
type CL struct {}
// Init 初始化 变更日志 路由信息
func (r *CL) Init(public *gin.RouterGroup, private *gin.RouterGroup) {
{
group := private.Group("CL").Use(middleware.OperationRecord())
group.POST("createChangeLog", apiChangeLog.CreateChangeLog) // 新建变更日志
group.DELETE("deleteChangeLog", apiChangeLog.DeleteChangeLog) // 删除变更日志
group.DELETE("deleteChangeLogByIds", apiChangeLog.DeleteChangeLogByIds) // 批量删除变更日志
group.PUT("updateChangeLog", apiChangeLog.UpdateChangeLog) // 更新变更日志
}
{
group := private.Group("CL")
group.GET("findChangeLog", apiChangeLog.FindChangeLog) // 根据ID获取变更日志
group.GET("getChangeLogList", apiChangeLog.GetChangeLogList) // 获取变更日志列表
}
{
group := public.Group("CL")
group.GET("getChangeLogDataSource", apiChangeLog.GetChangeLogDataSource) // 获取变更日志数据源
group.GET("getChangeLogPublic", apiChangeLog.GetChangeLogPublic) // 变更日志开放接口
}
}

6
server/plugin/monitor/router/enter.go
View File

@ -5,6 +5,10 @@ import "github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/api"
var (
Router = new(router)
apiMonitorConfig = api.Api.MonitorConfig
apiChangeLog = api.Api.ChangeLog
)
type router struct{ MonitorConfig MC }
type router struct {
MonitorConfig MC
ChangeLog CL
}

148
server/plugin/monitor/service/change_log.go Normal file
View File

@ -0,0 +1,148 @@
package service
import (
"context"
"encoding/json"
"github.com/flipped-aurora/gin-vue-admin/server/global"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model/request"
)
var ChangeLog = new(CL)
type CL struct{}
// CreateChangeLog 创建变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) CreateChangeLog(ctx context.Context, CL *model.ChangeLog) (err error) {
err = global.GVA_DB.Create(CL).Error
return err
}
// DeleteChangeLog 删除变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) DeleteChangeLog(ctx context.Context, ID string) (err error) {
err = global.GVA_DB.Delete(&model.ChangeLog{}, "id = ?", ID).Error
return err
}
// DeleteChangeLogByIds 批量删除变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) DeleteChangeLogByIds(ctx context.Context, IDs []string) (err error) {
err = global.GVA_DB.Delete(&[]model.ChangeLog{}, "id in ?", IDs).Error
return err
}
// UpdateChangeLog 更新变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) UpdateChangeLog(ctx context.Context, CL model.ChangeLog) (err error) {
err = global.GVA_DB.Model(&model.ChangeLog{}).Where("id = ?", CL.ID).Updates(&CL).Error
return err
}
// GetChangeLog 根据ID获取变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) GetChangeLog(ctx context.Context, ID string) (CL model.ChangeLog, err error) {
err = global.GVA_DB.Where("id = ?", ID).First(&CL).Error
return
}
// GetChangeLogInfoList 分页获取变更日志记录
// Author [yourname](https://github.com/yourname)
func (s *CL) GetChangeLogInfoList(ctx context.Context, info request.ChangeLogSearch) (list []model.ChangeLog, total int64, err error) {
limit := info.PageSize
offset := info.PageSize * (info.Page - 1)
// 创建db
db := global.GVA_DB.Model(&model.ChangeLog{})
var CLs []model.ChangeLog
// 如果有条件搜索 下方会自动创建搜索语句
if info.StartCreatedAt != nil && info.EndCreatedAt != nil {
db = db.Where("created_at BETWEEN ? AND ?", info.StartCreatedAt, info.EndCreatedAt)
}
if info.Database != nil && *info.Database != "" {
db = db.Where("database = ?", *info.Database)
}
if info.Table != nil && *info.Table != "" {
db = db.Where("db_table = ?", *info.Table)
}
if info.Column != nil && *info.Column != "" {
db = db.Where("db_column = ?", *info.Column)
}
if info.OldValue != nil && *info.OldValue != "" {
db = db.Where("old_value LIKE ?", "%"+*info.OldValue+"%")
}
if info.StartChangedAt != nil && info.EndChangedAt != nil {
db = db.Where("changed_at BETWEEN ? AND ? ", info.StartChangedAt, info.EndChangedAt)
}
if info.OperationType != nil && *info.OperationType != "" {
db = db.Where("operation_type = ?", *info.OperationType)
}
err = db.Count(&total).Error
if err != nil {
return
}
var OrderStr string
orderMap := make(map[string]bool)
orderMap["ID"] = true
orderMap["CreatedAt"] = true
orderMap["changed_at"] = true
if orderMap[info.Sort] {
OrderStr = info.Sort
if info.Order == "descending" {
OrderStr = OrderStr + " desc"
}
db = db.Order(OrderStr)
}
if limit != 0 {
db = db.Limit(limit).Offset(offset)
}
err = db.Find(&CLs).Error
return CLs, total, err
}
func (s *CL) GetChangeLogDataSource(ctx context.Context) (res map[string][]map[string]any, err error) {
res = make(map[string][]map[string]any)
column := make([]map[string]any, 0)
columnOptions := make([]map[string]any, 0)
global.GVA_DB.Table("monitor_config").Where("deleted_at IS NULL").Select("columns").Scan(&column)
for i, v := range column {
var m []string
err := json.Unmarshal([]byte(v["columns"].(string)), &m)
if err != nil {
continue
}
column[i]["columns"] = m
for _, v1 := range m {
columnOptions = append(columnOptions, map[string]any{"label": v1, "value": v1})
}
}
// 对columnOptions进行去重
columnOptions = removeDuplicate(columnOptions)
res["column"] = columnOptions
database := make([]map[string]any, 0)
global.GVA_DB.Table("monitor_config").Where("deleted_at IS NULL").Select("DISTINCT database as label, database as value").Scan(&database)
res["database"] = database
table := make([]map[string]any, 0)
global.GVA_DB.Table("monitor_config").Where("deleted_at IS NULL").Select("DISTINCT db_table as label,db_table as value").Scan(&table)
res["table"] = table
return
}
func (s *CL) GetChangeLogPublic(ctx context.Context) {
}
func removeDuplicate(slice []map[string]any) []map[string]any {
seen := make(map[string]bool)
result := []map[string]any{}
for _, v := range slice {
label, ok := v["label"].(string)
if ok && !seen[label] {
seen[label] = true
result = append(result, v)
}
}
return result
}

5
server/plugin/monitor/service/enter.go
View File

@ -2,4 +2,7 @@ package service
var Service = new(service)
type service struct{ MonitorConfig MC }
type service struct {
MonitorConfig MC
ChangeLog CL
}

74
server/plugin/monitor/service/monitor_config.go
View File

@ -3,12 +3,18 @@ package service
import (
"context"
"fmt"
"sync"
"github.com/flipped-aurora/gin-vue-admin/server/global"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model"
"github.com/flipped-aurora/gin-vue-admin/server/plugin/monitor/model/request"
)
var (
MonitorCache = make(map[string]map[string]bool) // 缓存结构: table -> field -> exists
CacheMutex sync.RWMutex
ConfigList = []model.MonitorConfig{}
)
var MonitorConfig = new(MC)
type MC struct{}
@ -29,6 +35,7 @@ func (s *MC) CreateMonitorConfig(ctx context.Context, MC *model.MonitorConfig) (
}
err = global.GVA_DB.Create(MC).Error
go s.InitMonitor()
return err
}
@ -60,7 +67,17 @@ func (s *MC) UpdateMonitorConfig(ctx context.Context, MC model.MonitorConfig) (e
if num > 0 {
return fmt.Errorf("当前【业务库%s-数据库%s-表名%s】已存在", *MC.BusinessDB, *MC.Database, *MC.Table)
}
err = global.GVA_DB.Model(&model.MonitorConfig{}).Where("id = ?", MC.ID).Updates(&MC).Error
err = global.GVA_DB.Model(&model.MonitorConfig{}).Debug().Where("id = ?", MC.ID).Updates(&MC).Error
db := global.GVA_DB.Model(&model.MonitorConfig{}).Where("id = ?", MC.ID)
// 如果开始时间/结束时间的字段为空，则强制更新为nil
if MC.StartTime == nil {
db.Updates(map[string]interface{}{"start_time": nil})
}
if MC.EndTime == nil {
db.Updates(map[string]interface{}{"end_time": nil})
}
go s.InitMonitor()
return err
}
@ -98,3 +115,58 @@ func (s *MC) GetMonitorConfigInfoList(ctx context.Context, info request.MonitorC
func (s *MC) GetMonitorConfigPublic(ctx context.Context) {
}
// 初始化监控配置
func (s *MC) InitMonitor() (err error) {
var configs []model.MonitorConfig
if err = global.GVA_DB.Find(&configs).Error; err != nil {
return
}
s.refreshCache(configs)
fmt.Println("configs refreshed success")
ConfigList = configs
return nil
}
func (s *MC) refreshCache(configs []model.MonitorConfig) {
newCache := make(map[string]map[string]bool)
for _, c := range configs {
if c.IsEnable == nil || !*c.IsEnable {
continue
}
if newCache[*c.Table] == nil {
newCache[*c.Table] = make(map[string]bool)
}
for _, col := range c.Columns {
if col != "" {
newCache[*c.Table][col] = true
}
}
}
CacheMutex.Lock()
MonitorCache = newCache
CacheMutex.Unlock()
}
// IsFieldMonitored 检查字段是否被监控
func (s *MC) IsFieldMonitored(table, field string) bool {
CacheMutex.RLock()
defer CacheMutex.RUnlock()
fields, ok := MonitorCache[table]
if !ok {
return false
}
return fields[field]
}
func (s *MC) RefreshExipre() (newExpire map[string]bool) {
newExpire = make(map[string]bool)
for _, c := range ConfigList {
newExpire[*c.Table] = c.IsExpire()
}
fmt.Println("Expire refreshed success")
return
}

122
web/src/plugin/monitor/api/changeLog.js Normal file
View File

@ -0,0 +1,122 @@
import service from '@/utils/request'
// @Tags ChangeLog
// @Summary 创建变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "创建变更日志"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"创建成功"}"
// @Router /CL/createChangeLog [post]
export const createChangeLog = (data) => {
return service({
url: '/CL/createChangeLog',
method: 'post',
data
})
}
// @Tags ChangeLog
// @Summary 删除变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "删除变更日志"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
// @Router /CL/deleteChangeLog [delete]
export const deleteChangeLog = (params) => {
return service({
url: '/CL/deleteChangeLog',
method: 'delete',
params
})
}
// @Tags ChangeLog
// @Summary 批量删除变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body request.IdsReq true "批量删除变更日志"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
// @Router /CL/deleteChangeLog [delete]
export const deleteChangeLogByIds = (params) => {
return service({
url: '/CL/deleteChangeLogByIds',
method: 'delete',
params
})
}
// @Tags ChangeLog
// @Summary 更新变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data body model.ChangeLog true "更新变更日志"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"更新成功"}"
// @Router /CL/updateChangeLog [put]
export const updateChangeLog = (data) => {
return service({
url: '/CL/updateChangeLog',
method: 'put',
data
})
}
// @Tags ChangeLog
// @Summary 用id查询变更日志
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data query model.ChangeLog true "用id查询变更日志"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
// @Router /CL/findChangeLog [get]
export const findChangeLog = (params) => {
return service({
url: '/CL/findChangeLog',
method: 'get',
params
})
}
// @Tags ChangeLog
// @Summary 分页获取变更日志列表
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Param data query request.PageInfo true "分页获取变更日志列表"
// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
// @Router /CL/getChangeLogList [get]
export const getChangeLogList = (params) => {
return service({
url: '/CL/getChangeLogList',
method: 'get',
params
})
}
// @Tags ChangeLog
// @Summary 获取数据源
// @Security ApiKeyAuth
// @Accept application/json
// @Produce application/json
// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
// @Router /CL/findChangeLogDataSource [get]
export const getChangeLogDataSource = () => {
return service({
url: '/CL/getChangeLogDataSource',
method: 'get',
})
}
// @Tags ChangeLog
// @Summary 不需要鉴权的变更日志接口
// @Accept application/json
// @Produce application/json
// @Param data query request.ChangeLogSearch true "分页获取变更日志列表"
// @Success 200 {object} response.Response{data=object,msg=string} "获取成功"
// @Router /CL/getChangeLogPublic [get]
export const getChangeLogPublic = () => {
return service({
url: '/CL/getChangeLogPublic',
method: 'get',
})
}

143
web/src/plugin/monitor/form/changeLog.vue Normal file
View File

@ -0,0 +1,143 @@
<template>
<div>
<div class="gva-form-box">
<el-form :model="formData" ref="elFormRef" label-position="right" :rules="rule" label-width="80px">
<el-form-item label="数据库名:" prop="database">
<el-select v-model="formData.database" placeholder="请选择数据库名" style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.database" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="表名:" prop="table">
<el-select v-model="formData.table" placeholder="请选择表名" style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.table" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段名:" prop="column">
<el-select v-model="formData.column" placeholder="请选择字段名" style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.column" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="旧值:" prop="oldValue">
<el-input v-model="formData.oldValue" :clearable="false" placeholder="请输入旧值" />
</el-form-item>
<el-form-item label="新值:" prop="newValue">
<el-input v-model="formData.newValue" :clearable="false" placeholder="请输入新值" />
</el-form-item>
<el-form-item label="记录ID:" prop="recordId">
<el-input v-model.number="formData.recordId" :clearable="false" placeholder="请输入" />
</el-form-item>
<el-form-item label="变更时间:" prop="changedAt">
<el-date-picker v-model="formData.changedAt" type="date" placeholder="选择日期"
:clearable="false"></el-date-picker>
</el-form-item>
<el-form-item label="操作类型:" prop="operationType">
<el-input v-model="formData.operationType" :clearable="false" placeholder="请输入操作类型" />
</el-form-item>
<el-form-item>
<el-button :loading="btnLoading" type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="back">返回</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script setup>
import {
getChangeLogDataSource,
createChangeLog,
updateChangeLog,
findChangeLog
} from '@/plugin/monitor/api/changeLog'
defineOptions({
name: 'ChangeLogForm'
})
// 自动获取字典
import { getDictFunc } from '@/utils/format'
import { useRoute, useRouter } from "vue-router"
import { ElMessage } from 'element-plus'
import { ref, reactive } from 'vue'
const route = useRoute()
const router = useRouter()
// 提交按钮loading
const btnLoading = ref(false)
const type = ref('')
const formData = ref({
database: '',
table: '',
column: '',
oldValue: '',
newValue: '',
recordId: undefined,
changedAt: new Date(),
operationType: '',
})
// 验证规则
const rule = reactive({
})
const elFormRef = ref()
const dataSource = ref([])
const getDataSourceFunc = async () => {
const res = await getChangeLogDataSource()
if (res.code === 0) {
dataSource.value = res.data
}
}
getDataSourceFunc()
// 初始化方法
const init = async () => {
// 建议通过url传参获取目标数据ID 调用 find方法进行查询数据操作 从而决定本页面是create还是update 以下为id作为url参数示例
if (route.query.id) {
const res = await findChangeLog({ ID: route.query.id })
if (res.code === 0) {
formData.value = res.data
type.value = 'update'
}
} else {
type.value = 'create'
}
}
init()
// 保存按钮
const save = async () => {
btnLoading.value = true
elFormRef.value?.validate(async (valid) => {
if (!valid) return btnLoading.value = false
let res
switch (type.value) {
case 'create':
res = await createChangeLog(formData.value)
break
case 'update':
res = await updateChangeLog(formData.value)
break
default:
res = await createChangeLog(formData.value)
break
}
btnLoading.value = false
if (res.code === 0) {
ElMessage({
type: 'success',
message: '创建/更改成功'
})
}
})
}
// 返回按钮
const back = () => {
router.go(-1)
}
</script>
<style></style>

574
web/src/plugin/monitor/view/changeLog.vue Normal file
View File

@ -0,0 +1,574 @@
<template>
<div>
<div class="gva-search-box">
<el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule"
@keyup.enter="onSubmit">
<el-form-item label="数据库名" prop="database">
<el-select v-model="searchInfo.database" filterable placeholder="请选择数据库名" :clearable="false">
<el-option v-for="(item, key) in dataSource.database" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="表名" prop="table">
<el-select v-model="searchInfo.table" filterable placeholder="请选择表名" :clearable="false">
<el-option v-for="(item, key) in dataSource.table" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段名" prop="column">
<el-select v-model="searchInfo.column" filterable placeholder="请选择字段名" :clearable="false">
<el-option v-for="(item, key) in dataSource.column" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="旧值" prop="oldValue">
<el-input v-model="searchInfo.oldValue" placeholder="搜索条件" />
</el-form-item>
<el-form-item label="操作类型" prop="operationType">
<el-input v-model="searchInfo.operationType" placeholder="搜索条件" />
</el-form-item>
<el-form-item label="创建日期" prop="CreatedAt">
<template #label>
<span>
创建日期
<el-tooltip content="搜索范围是开始日期（包含）至结束日期（不包含）">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</span>
</template>
<el-date-picker v-model="searchInfo.startCreatedAt" type="datetime" placeholder="开始日期"
:disabled-date="time => searchInfo.endCreatedAt ? time.getTime() > searchInfo.endCreatedAt.getTime() : false"></el-date-picker>
—
<el-date-picker v-model="searchInfo.endCreatedAt" type="datetime" placeholder="结束日期"
:disabled-date="time => searchInfo.startCreatedAt ? time.getTime() < searchInfo.startCreatedAt.getTime() : false"></el-date-picker>
</el-form-item>
<template v-if="showAllQuery">
<!-- 将需要控制显示状态的查询条件添加到此范围内 -->
<el-form-item label="变更时间" prop="changedAt">
<template #label>
<span>
变更时间
<el-tooltip content="搜索范围是开始日期（包含）至结束日期（不包含）">
<el-icon>
<QuestionFilled />
</el-icon>
</el-tooltip>
</span>
</template>
<el-date-picker v-model="searchInfo.startChangedAt" type="datetime" placeholder="开始日期"
:disabled-date="time => searchInfo.endChangedAt ? time.getTime() > searchInfo.endChangedAt.getTime() : false"></el-date-picker>
—
<el-date-picker v-model="searchInfo.endChangedAt" type="datetime" placeholder="结束日期"
:disabled-date="time => searchInfo.startChangedAt ? time.getTime() < searchInfo.startChangedAt.getTime() : false"></el-date-picker>
</el-form-item>
</template>
<el-form-item>
<el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
<el-button icon="refresh" @click="onReset">重置</el-button>
<el-button link type="primary" icon="arrow-down" @click="showAllQuery = true"
v-if="!showAllQuery">展开</el-button>
<el-button link type="primary" icon="arrow-up" @click="showAllQuery = false" v-else>收起</el-button>
</el-form-item>
</el-form>
</div>
<div class="gva-table-box">
<div class="gva-btn-list">
<el-button v-auth="btnAuth.add" type="primary" icon="plus" @click="openDialog()">新增</el-button>
<el-button v-auth="btnAuth.batchDelete" icon="delete" style="margin-left: 10px;"
:disabled="!multipleSelection.length" @click="onDelete">删除</el-button>
<ExportTemplate v-auth="btnAuth.exportTemplate" template-id="monitor_ChangeLog" />
<ExportExcel v-auth="btnAuth.exportExcel" template-id="monitor_ChangeLog" filterDeleted />
<ImportExcel v-auth="btnAuth.importExcel" template-id="monitor_ChangeLog" @on-success="getTableData" />
</div>
<el-table ref="multipleTable" style="width: 100%" tooltip-effect="dark" :data="tableData" row-key="ID"
@selection-change="handleSelectionChange" @sort-change="sortChange">
<el-table-column type="selection" width="55" />
<el-table-column sortable align="left" label="日期" prop="CreatedAt" width="180">
<template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
</el-table-column>
<el-table-column align="left" label="数据库名" prop="database" width="120">
<template #default="scope">
<span>{{ filterDataSource(dataSource.database, scope.row.database) }}</span>
</template>
</el-table-column>
<el-table-column align="left" label="表名" prop="table" width="120">
<template #default="scope">
<span>{{ filterDataSource(dataSource.table, scope.row.table) }}</span>
</template>
</el-table-column>
<el-table-column align="left" label="字段名" prop="column" width="120">
<template #default="scope">
<span>{{ filterDataSource(dataSource.column, scope.row.column) }}</span>
</template>
</el-table-column>
<el-table-column align="left" label="旧值" prop="oldValue" width="120" />
<el-table-column align="left" label="新值" prop="newValue" width="120" />
<el-table-column align="left" label="记录ID" prop="recordId" width="120" />
<el-table-column sortable align="left" label="变更时间" prop="changedAt" width="180">
<template #default="scope">{{ formatDate(scope.row.changedAt) }}</template>
</el-table-column>
<el-table-column align="left" label="操作类型" prop="operationType" width="120" />
<el-table-column align="left" label="操作" fixed="right" min-width="240">
<template #default="scope">
<el-button v-auth="btnAuth.info" type="primary" link class="table-button"
@click="getDetails(scope.row)"><el-icon style="margin-right: 5px">
<InfoFilled />
</el-icon>查看</el-button>
<el-button v-auth="btnAuth.edit" type="primary" link icon="edit" class="table-button"
@click="updateChangeLogFunc(scope.row)">编辑</el-button>
<el-button v-auth="btnAuth.delete" type="primary" link icon="delete"
@click="deleteRow(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="gva-pagination">
<el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize"
:page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
@size-change="handleSizeChange" />
</div>
</div>
<el-drawer destroy-on-close size="800" v-model="dialogFormVisible" :show-close="false" :before-close="closeDialog">
<template #header>
<div class="flex justify-between items-center">
<span class="text-lg">{{ type === 'create' ? '新增' : '编辑' }}</span>
<div>
<el-button :loading="btnLoading" type="primary" @click="enterDialog">确 定</el-button>
<el-button @click="closeDialog">取 消</el-button>
</div>
</div>
</template>
<el-form :model="formData" label-position="top" ref="elFormRef" :rules="rule" label-width="80px">
<el-form-item label="数据库名:" prop="database">
<el-select v-model="formData.database" placeholder="请选择数据库名" filterable style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.database" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="表名:" prop="table">
<el-select v-model="formData.table" placeholder="请选择表名" filterable style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.table" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段名:" prop="column">
<el-select v-model="formData.column" placeholder="请选择字段名" filterable style="width:100%" :clearable="false">
<el-option v-for="(item, key) in dataSource.column" :key="key" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="旧值:" prop="oldValue">
<el-input v-model="formData.oldValue" :clearable="false" placeholder="请输入旧值" />
</el-form-item>
<el-form-item label="新值:" prop="newValue">
<el-input v-model="formData.newValue" :clearable="false" placeholder="请输入新值" />
</el-form-item>
<el-form-item label="记录ID:" prop="recordId">
<el-input v-model.number="formData.recordId" :clearable="false" placeholder="请输入记录ID" />
</el-form-item>
<el-form-item label="变更时间:" prop="changedAt">
<el-date-picker v-model="formData.changedAt" type="date" style="width:100%" placeholder="选择日期"
:clearable="false" />
</el-form-item>
<el-form-item label="操作类型:" prop="operationType">
<el-input v-model="formData.operationType" :clearable="false" placeholder="请输入操作类型" />
</el-form-item>
</el-form>
</el-drawer>
<el-drawer destroy-on-close size="800" v-model="detailShow" :show-close="true" :before-close="closeDetailShow"
title="查看">
<el-descriptions :column="1" border>
<el-descriptions-item label="数据库名">
<template #default="scope">
<span>{{ filterDataSource(dataSource.database, detailFrom.database) }}</span>
</template>
</el-descriptions-item>
<el-descriptions-item label="表名">
<template #default="scope">
<span>{{ filterDataSource(dataSource.table, detailFrom.table) }}</span>
</template>
</el-descriptions-item>
<el-descriptions-item label="字段名">
<template #default="scope">
<!-- <span>{{ filterDataSource(dataSource.column, detailFrom.column) }}</span> -->
<span>{{ detailFrom.column }}</span>
</template>
</el-descriptions-item>
<el-descriptions-item label="旧值">
{{ detailFrom.oldValue }}
</el-descriptions-item>
<el-descriptions-item label="新值">
{{ detailFrom.newValue }}
</el-descriptions-item>
<el-descriptions-item label="记录ID">
{{ detailFrom.recordId }}
</el-descriptions-item>
<el-descriptions-item label="变更时间">
{{ detailFrom.changedAt }}
</el-descriptions-item>
<el-descriptions-item label="操作类型">
{{ detailFrom.operationType }}
</el-descriptions-item>
</el-descriptions>
</el-drawer>
</div>
</template>
<script setup>
import {
getChangeLogDataSource,
createChangeLog,
deleteChangeLog,
deleteChangeLogByIds,
updateChangeLog,
findChangeLog,
getChangeLogList
} from '@/plugin/monitor/api/changeLog'
// 全量引入格式化工具 请按需保留
import { getDictFunc, formatDate, formatBoolean, filterDict, filterDataSource, returnArrImg, onDownloadFile } from '@/utils/format'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive } from 'vue'
// 引入按钮权限标识
import { useBtnAuth } from '@/utils/btnAuth'
// 导出组件
import ExportExcel from '@/components/exportExcel/exportExcel.vue'
// 导入组件
import ImportExcel from '@/components/exportExcel/importExcel.vue'
// 导出模板组件
import ExportTemplate from '@/components/exportExcel/exportTemplate.vue'
defineOptions({
name: 'ChangeLog'
})
// 按钮权限实例化
const btnAuth = useBtnAuth()
// 提交按钮loading
const btnLoading = ref(false)
// 控制更多查询条件显示/隐藏状态
const showAllQuery = ref(false)
// 自动化生成的字典（可能为空）以及字段
const formData = ref({
database: '',
table: '',
column: '',
oldValue: '',
newValue: '',
recordId: undefined,
changedAt: new Date(),
operationType: '',
})
const dataSource = ref([])
const getDataSourceFunc = async () => {
const res = await getChangeLogDataSource()
if (res.code === 0) {
dataSource.value = res.data
}
}
getDataSourceFunc()
const list = []
const columnOptions = ref()
const getColumnOptionsFunc = (rawColumns) => {
// console.log('rawColumns', rawColumns)
rawColumns.forEach(item => {
list.push(...JSON.parse(item.value.replace(/\\"/g, '"')))
})
// columnOptions.value = list
console.log(list)
// return [...new Set(list)]
}
// 验证规则
const rule = reactive({
})
const searchRule = reactive({
CreatedAt: [
{
validator: (rule, value, callback) => {
if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
callback(new Error('请填写结束日期'))
} else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
callback(new Error('请填写开始日期'))
} else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt.getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value.endCreatedAt.getTime())) {
callback(new Error('开始日期应当早于结束日期'))
} else {
callback()
}
}, trigger: 'change'
}
],
changedAt: [{
validator: (rule, value, callback) => {
if (searchInfo.value.startChangedAt && !searchInfo.value.endChangedAt) {
callback(new Error('请填写结束日期'))
} else if (!searchInfo.value.startChangedAt && searchInfo.value.endChangedAt) {
callback(new Error('请填写开始日期'))
} else if (searchInfo.value.startChangedAt && searchInfo.value.endChangedAt && (searchInfo.value.startChangedAt.getTime() === searchInfo.value.endChangedAt.getTime() || searchInfo.value.startChangedAt.getTime() > searchInfo.value.endChangedAt.getTime())) {
callback(new Error('开始日期应当早于结束日期'))
} else {
callback()
}
}, trigger: 'change'
}],
})
const elFormRef = ref()
const elSearchFormRef = ref()
// =========== 表格控制部分 ===========
const page = ref(1)
const total = ref(0)
const pageSize = ref(10)
const tableData = ref([])
const searchInfo = ref({})
// 排序
const sortChange = ({ prop, order }) => {
const sortMap = {
CreatedAt: "CreatedAt",
ID: "ID",
changedAt: 'changed_at',
}
let sort = sortMap[prop]
if (!sort) {
sort = prop.replace(/[A-Z]/g, match => `_${match.toLowerCase()}`)
}
searchInfo.value.sort = sort
searchInfo.value.order = order
getTableData()
}
// 重置
const onReset = () => {
searchInfo.value = {}
getTableData()
}
// 搜索
const onSubmit = () => {
elSearchFormRef.value?.validate(async (valid) => {
if (!valid) return
page.value = 1
getTableData()
})
}
// 分页
const handleSizeChange = (val) => {
pageSize.value = val
getTableData()
}
// 修改页面容量
const handleCurrentChange = (val) => {
page.value = val
getTableData()
}
// 查询
const getTableData = async () => {
const table = await getChangeLogList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
if (table.code === 0) {
tableData.value = table.data.list
total.value = table.data.total
page.value = table.data.page
pageSize.value = table.data.pageSize
}
}
getTableData()
// ============== 表格控制部分结束 ===============
// 获取需要的字典 可能为空 按需保留
const setOptions = async () => {
}
// 获取需要的字典 可能为空 按需保留
setOptions()
// 多选数据
const multipleSelection = ref([])
// 多选
const handleSelectionChange = (val) => {
multipleSelection.value = val
}
// 删除行
const deleteRow = (row) => {
ElMessageBox.confirm('确定要删除吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteChangeLogFunc(row)
})
}
// 多选删除
const onDelete = async () => {
ElMessageBox.confirm('确定要删除吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const IDs = []
if (multipleSelection.value.length === 0) {
ElMessage({
type: 'warning',
message: '请选择要删除的数据'
})
return
}
multipleSelection.value &&
multipleSelection.value.map(item => {
IDs.push(item.ID)
})
const res = await deleteChangeLogByIds({ IDs })
if (res.code === 0) {
ElMessage({
type: 'success',
message: '删除成功'
})
if (tableData.value.length === IDs.length && page.value > 1) {
page.value--
}
getTableData()
}
})
}
// 行为控制标记（弹窗内部需要增还是改）
const type = ref('')
// 更新行
const updateChangeLogFunc = async (row) => {
const res = await findChangeLog({ ID: row.ID })
type.value = 'update'
if (res.code === 0) {
formData.value = res.data
dialogFormVisible.value = true
}
}
// 删除行
const deleteChangeLogFunc = async (row) => {
const res = await deleteChangeLog({ ID: row.ID })
if (res.code === 0) {
ElMessage({
type: 'success',
message: '删除成功'
})
if (tableData.value.length === 1 && page.value > 1) {
page.value--
}
getTableData()
}
}
// 弹窗控制标记
const dialogFormVisible = ref(false)
// 打开弹窗
const openDialog = () => {
type.value = 'create'
dialogFormVisible.value = true
}
// 关闭弹窗
const closeDialog = () => {
dialogFormVisible.value = false
formData.value = {
database: '',
table: '',
column: '',
oldValue: '',
newValue: '',
recordId: undefined,
changedAt: new Date(),
operationType: '',
}
}
// 弹窗确定
const enterDialog = async () => {
btnLoading.value = true
elFormRef.value?.validate(async (valid) => {
if (!valid) return btnLoading.value = false
let res
switch (type.value) {
case 'create':
res = await createChangeLog(formData.value)
break
case 'update':
res = await updateChangeLog(formData.value)
break
default:
res = await createChangeLog(formData.value)
break
}
btnLoading.value = false
if (res.code === 0) {
ElMessage({
type: 'success',
message: '创建/更改成功'
})
closeDialog()
getTableData()
}
})
}
const detailFrom = ref({})
// 查看详情控制标记
const detailShow = ref(false)
// 打开详情弹窗
const openDetailShow = () => {
detailShow.value = true
}
// 打开详情
const getDetails = async (row) => {
// 打开弹窗
const res = await findChangeLog({ ID: row.ID })
if (res.code === 0) {
detailFrom.value = res.data
openDetailShow()
}
}
// 关闭详情弹窗
const closeDetailShow = () => {
detailShow.value = false
detailFrom.value = {}
}
</script>
<style></style>

29
web/src/plugin/monitor/view/monitorConfig.vue
View File

@ -129,12 +129,12 @@
inactive-text="否" clearable></el-switch>
</el-form-item>
<el-form-item label="开始时间:" prop="startTime">
<el-date-picker v-model="formData.startTime" type="date" style="width:100%" placeholder="选择日期"
:clearable="false" />
<el-date-picker v-model="formData.startTime" type="datetime" style="width:100%" placeholder="选择开始时间"
:clearable="true" @clear="setNullValue('startTime')" />
</el-form-item>
<el-form-item label="结束时间:" prop="endTime">
<el-date-picker v-model="formData.endTime" type="date" style="width:100%" placeholder="选择日期"
:clearable="false" />
<el-date-picker v-model="formData.endTime" type="datetime" style="width:100%" placeholder="选择结束时间"
:clearable="true" @clear="setNullValue('endTime')" />
</el-form-item>
</el-form>
</el-drawer>
@ -255,8 +255,13 @@ const formData = ref({
startTime: null,
endTime: null,
})
const setNullValue = (val) => {
if (val === 'startTime') {
formData.value.startTime = null
} else if (val === 'endTime') {
formData.value.endTime = null
}
}
const init = () => {
getDbFunc()
getTableFunc()
@ -310,6 +315,18 @@ const rule = reactive({
trigger: ['input', 'blur'],
},
],
endTime: [
{
validator: (rule, value, callback) => {
if (formData.value.startTime && value && new Date(value) <= new Date(formData.value.startTime)) {
callback(new Error('结束时间需晚于开始时间'))
} else {
callback()
}
},
trigger: ['change', 'blur']
},
],
})
const searchRule = reactive({