登录日志、操作日志列表样式
This commit is contained in:
parent
b2a8770eae
commit
6b97736de8
@ -6,73 +6,69 @@ export const columns = [
|
|||||||
title: 'ID',
|
title: 'ID',
|
||||||
dataIndex: 'id',
|
dataIndex: 'id',
|
||||||
fixed: 'left',
|
fixed: 'left',
|
||||||
width: 50,
|
width: 100
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作用户',
|
title: '访客',
|
||||||
dataIndex: 'username',
|
align:'left',
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求ip',
|
|
||||||
dataIndex: 'ip',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '浏览器',
|
|
||||||
dataIndex: 'browser',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作系统',
|
|
||||||
dataIndex: 'os',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作类型',
|
|
||||||
dataIndex: 'typeText',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作来源',
|
|
||||||
dataIndex: 'sourceText',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求方式',
|
|
||||||
dataIndex: 'requestMethod',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求URL',
|
|
||||||
dataIndex: 'url',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求地区',
|
|
||||||
dataIndex: 'location',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求耗时',
|
|
||||||
dataIndex: 'consumeTime',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '状态',
|
|
||||||
dataIndex: 'status',
|
|
||||||
customRender({ record }) {
|
customRender({ record }) {
|
||||||
return h(
|
return h('div', [
|
||||||
Tag,
|
h('div',{
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
|
}, record.username),
|
||||||
|
h('div',{
|
||||||
|
style: { marginBottom:'5px'}
|
||||||
|
}, record.ip),
|
||||||
|
h('div', record.location),
|
||||||
|
])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '请求接口',
|
||||||
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h(Tag,
|
||||||
|
{
|
||||||
|
type: 'info',
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
default: () => (record.requestMethod),
|
||||||
|
}),
|
||||||
|
h('div', '接口:'+record.url),
|
||||||
|
|
||||||
|
])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '接口响应',
|
||||||
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h('span', '状态:'),
|
||||||
|
h(Tag,
|
||||||
{
|
{
|
||||||
color: record.status == 0 ? 'success' : 'error',
|
color: record.status == 0 ? 'success' : 'error',
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
default: () => (record.status == 0 ? '正常' : '异常'),
|
default: () => (record.status == 0 ? '正常' : '异常'),
|
||||||
|
}),
|
||||||
|
h('div', '请求耗时:'+record.consumeTime+'ms'),
|
||||||
|
])
|
||||||
|
}
|
||||||
},
|
},
|
||||||
);
|
{
|
||||||
},
|
title: '操作来源',
|
||||||
width: 100,
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h('div', '系统:'+record.os),
|
||||||
|
h('div', '类型:'+record.typeText),
|
||||||
|
h('div', '来源:'+record.sourceText),
|
||||||
|
])
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
|
@ -6,78 +6,69 @@ export const columns = [
|
|||||||
title: 'ID',
|
title: 'ID',
|
||||||
dataIndex: 'id',
|
dataIndex: 'id',
|
||||||
fixed: 'left',
|
fixed: 'left',
|
||||||
width: 50,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '日志标题',
|
|
||||||
dataIndex: 'title',
|
|
||||||
width: 100,
|
width: 100,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '操作用户',
|
title: '访客',
|
||||||
dataIndex: 'createUser',
|
align:'left',
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求ip',
|
|
||||||
dataIndex: 'ip',
|
|
||||||
width: 140,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '浏览器',
|
|
||||||
dataIndex: 'browser',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作系统',
|
|
||||||
dataIndex: 'os',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作类型',
|
|
||||||
dataIndex: 'typeText',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作来源',
|
|
||||||
dataIndex: 'sourceText',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求方式',
|
|
||||||
dataIndex: 'requestMethod',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求URL',
|
|
||||||
dataIndex: 'url',
|
|
||||||
width: 150,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求地区',
|
|
||||||
dataIndex: 'location',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '请求耗时',
|
|
||||||
dataIndex: 'consumeTime',
|
|
||||||
width: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '状态',
|
|
||||||
dataIndex: 'status',
|
|
||||||
customRender({ record }) {
|
customRender({ record }) {
|
||||||
return h(
|
return h('div', [
|
||||||
Tag,
|
h('div',{
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
|
}, record.createUser),
|
||||||
|
h('div',{
|
||||||
|
style: { marginBottom:'5px'}
|
||||||
|
}, record.ip),
|
||||||
|
h('div', record.location),
|
||||||
|
])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '请求接口',
|
||||||
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h(Tag,
|
||||||
|
{
|
||||||
|
type: 'info',
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
default: () => (record.requestMethod),
|
||||||
|
}),
|
||||||
|
h('div', '接口:'+record.url),
|
||||||
|
h('div', '名称:'+record.title),
|
||||||
|
])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '接口响应',
|
||||||
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h('span', '状态:'),
|
||||||
|
h(Tag,
|
||||||
{
|
{
|
||||||
color: record.status == 0 ? 'success' : 'error',
|
color: record.status == 0 ? 'success' : 'error',
|
||||||
|
style: {marginBottom:'5px'}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
default: () => (record.status == 0 ? '正常' : '异常'),
|
default: () => (record.status == 0 ? '正常' : '异常'),
|
||||||
|
}),
|
||||||
|
h('div', '请求耗时:'+record.consumeTime+'ms'),
|
||||||
|
])
|
||||||
|
}
|
||||||
},
|
},
|
||||||
);
|
{
|
||||||
},
|
title: '操作来源',
|
||||||
width: 100,
|
align:'left',
|
||||||
|
customRender({ record }) {
|
||||||
|
return h('div', [
|
||||||
|
h('div', '系统:'+record.os),
|
||||||
|
h('div', '类型:'+record.typeText),
|
||||||
|
h('div', '来源:'+record.sourceText),
|
||||||
|
])
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
|
Loading…
Reference in New Issue
Block a user