129 lines
3.9 KiB
TypeScript
129 lines
3.9 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { HttpClientService } from '../../../services/http-client.service';
|
|
import { Router } from '@angular/router';
|
|
import { NzMessageService } from 'ng-zorro-antd';
|
|
|
|
@Component({
|
|
selector: 'app-operation-logs',
|
|
templateUrl: './operation-logs.component.html',
|
|
styleUrls: ['./operation-logs.component.scss']
|
|
})
|
|
export class OperationLogsComponent implements OnInit {
|
|
collectionSize: any;
|
|
public tableData: any = [];
|
|
statusParamsTable: any = { //获取用户列表接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据
|
|
status: 1,
|
|
}
|
|
public search: any = {
|
|
page_index: '1',
|
|
page_size: '10',
|
|
date_start: '',
|
|
date_end: '',
|
|
keyword: '',
|
|
orgId: '',
|
|
}
|
|
logType: any = {
|
|
'LOGIN': '登录',
|
|
'LOGOUT': '退出',
|
|
'USER_UI_SET': '修改用户设置',
|
|
'USER_INFO_OPT': '增删改用户信息',
|
|
};
|
|
optType: any = {
|
|
'ADD': '新增',
|
|
'UPDATE': '修改',
|
|
'DELETE': '删除',
|
|
};
|
|
|
|
endOpen: boolean = false;
|
|
startValue: Date = null;
|
|
endValue: Date = null;
|
|
|
|
constructor(
|
|
private http: HttpClientService,
|
|
) { }
|
|
|
|
ngOnInit() {
|
|
this.queryTable();
|
|
}
|
|
|
|
disabledStartDate = (startValue: Date): boolean => {
|
|
if (!startValue || !this.endValue) {
|
|
return false;
|
|
}
|
|
return startValue.getTime() >= this.endValue.getTime();
|
|
};
|
|
|
|
disabledEndDate = (endValue: Date): boolean => {
|
|
if (!endValue || !this.startValue) {
|
|
return false;
|
|
}
|
|
return endValue.getTime() <= this.startValue.getTime();
|
|
};
|
|
|
|
onStartChange(date: Date): void {
|
|
this.startValue = date;
|
|
this.search.date_start = this.changeDate(date)
|
|
}
|
|
|
|
onEndChange(date: Date): void {
|
|
this.endValue = date;
|
|
this.search.date_end = this.changeDate(date)
|
|
}
|
|
|
|
handleStartOpenChange(open: boolean): void {
|
|
if (!open && this.startValue) {
|
|
this.endOpen = true;
|
|
}
|
|
}
|
|
|
|
handleEndOpenChange(open: boolean): void {
|
|
this.endOpen = open;
|
|
}
|
|
|
|
//日期时间处理
|
|
changeDate(time) {
|
|
var date = new Date(time);
|
|
var Y = date.getFullYear() + '';
|
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '';
|
|
var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + '';
|
|
var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + '';
|
|
var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + '';
|
|
var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() + '';
|
|
return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s;
|
|
}
|
|
//重置，重置搜索条件
|
|
reset() {
|
|
this.search.page_index = 1;
|
|
this.search.page_size = 10;
|
|
this.search.keyword = '';
|
|
this.search.date_start = '';
|
|
this.startValue = null;
|
|
this.search.date_end = '';
|
|
this.endValue = null;
|
|
}
|
|
//获取列表
|
|
queryTable(): void {
|
|
this.statusParamsTable.status = 1;
|
|
this.tableData = [];
|
|
this.http.get('/sysapi/oplog/list', this.search).subscribe((json) => {
|
|
if (json.is_success) {
|
|
this.tableData = json.body.recordList;
|
|
this.collectionSize = json.body.recordCount;
|
|
if (json.body.recordList && json.body.recordList.length > 0) {
|
|
this.statusParamsTable.status = 3;
|
|
} else {
|
|
this.statusParamsTable.status = 4;
|
|
}
|
|
} else {
|
|
this.statusParamsTable.status = 0;
|
|
}
|
|
})
|
|
}
|
|
//翻页
|
|
pageChange(event) {
|
|
this.search.page_index = event;
|
|
this.queryTable();
|
|
}
|
|
|
|
}
|