feat: 临时提交
luoer
parent
6a000652b1
commit
43487136fb
|
|
@ -0,0 +1,13 @@
|
|||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<route lang="json">
|
||||
{
|
||||
"meta": {
|
||||
"title": "日志管理",
|
||||
"icon": "icon-park-outline-log",
|
||||
"sort": 30000
|
||||
}
|
||||
}
|
||||
</route>
|
||||
|
|
@ -0,0 +1,145 @@
|
|||
<template>
|
||||
<BreadPage>
|
||||
<LoginLogTable>
|
||||
<template #action>
|
||||
<a-button type="primary" @click="visible = true">
|
||||
<template #icon>
|
||||
<i class="icon-park-outline-add"></i>
|
||||
</template>
|
||||
添加
|
||||
</a-button>
|
||||
<ani-editor v-model:visible="visible"></ani-editor>
|
||||
</template>
|
||||
</LoginLogTable>
|
||||
</BreadPage>
|
||||
</template>
|
||||
|
||||
<script setup lang="tsx">
|
||||
import { api } from '@/api';
|
||||
import { useTable } from '@/components/AnTable';
|
||||
import { Editor as aniEditor } from '@/components/editor';
|
||||
import { TableColumnData } from '@arco-design/web-vue';
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
defineOptions({ name: 'SystemLoglPage' });
|
||||
const visible = ref(false);
|
||||
|
||||
const useTwoRowsColumn = (tkey: string, bkey: string): TableColumnData['render'] => {
|
||||
return ({ record }) => {
|
||||
return (
|
||||
<div class="flex flex-col overflow-hidden">
|
||||
<span>{record[tkey] || '未知'}</span>
|
||||
<span class="text-gray-400 text-xs truncate">{record[bkey]}</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
||||
const { component: LoginLogTable } = useTable({
|
||||
source: async model => {
|
||||
return api.log.getLoginLogs(model);
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
title: '操作描述',
|
||||
dataIndex: 'description',
|
||||
render: ({ record }) => {
|
||||
return (
|
||||
<div class="flex items-center gap-2">
|
||||
<span
|
||||
class={
|
||||
record.status === null || record.status
|
||||
? 'text-base text-green-500 icon-park-outline-check-one mr-2'
|
||||
: 'text-base text-red-500 icon-park-outline-close-one mr-2'
|
||||
}
|
||||
></span>
|
||||
<div>
|
||||
<div>{record.description}</div>
|
||||
<div class="text-xs text-gray-400">用户：{record.nickname}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '登陆地址',
|
||||
dataIndex: 'ip',
|
||||
width: 200,
|
||||
render: useTwoRowsColumn('addr', 'ip'),
|
||||
},
|
||||
{
|
||||
title: '操作系统',
|
||||
dataIndex: 'os',
|
||||
width: 200,
|
||||
render({ record }) {
|
||||
const [os, version] = record.os.split(' ');
|
||||
return (
|
||||
<div class="flex flex-col overflow-hidden">
|
||||
<span>{os || '未知'}</span>
|
||||
<span class="text-gray-400 text-xs truncate">{version}</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '浏览器',
|
||||
dataIndex: 'browser',
|
||||
width: 200,
|
||||
render({ record }) {
|
||||
const [browser, version] = record.browser.split(' ');
|
||||
return (
|
||||
<div class="flex flex-col overflow-hidden">
|
||||
<span>{browser || '未知'}</span>
|
||||
<span class="text-gray-400 text-xs truncate">v{version}</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '登陆时间',
|
||||
dataIndex: 'createAt',
|
||||
width: 200,
|
||||
render({ record }) {
|
||||
return (
|
||||
<div class="flex flex-col overflow-hidden">
|
||||
<span>{dayjs(record.createdAt).fromNow()}</span>
|
||||
<span class="text-gray-400 text-xs truncate">{dayjs(record.createdAt).format('YYYY-MM-DD HH:mm:ss')}</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
search: {
|
||||
items: [
|
||||
{
|
||||
field: '[startDate, endDate]',
|
||||
label: '登陆账号',
|
||||
setter: 'dateRange',
|
||||
setterProps: {
|
||||
placeholder: ['开始时间', '结束时间'],
|
||||
showTime: true,
|
||||
timePickerProps: { defaultValue: ['23:59:59', '00:00:00'] },
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'nickname',
|
||||
label: '登陆账号',
|
||||
setter: 'input',
|
||||
},
|
||||
],
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
<route lang="json">
|
||||
{
|
||||
"meta": {
|
||||
"name": "SystemLoglPage",
|
||||
"sort": 10303,
|
||||
"title": "登陆日志",
|
||||
"icon": "icon-park-outline-log"
|
||||
}
|
||||
}
|
||||
</route>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<template>
|
||||
<BreadPage>
|
||||
<OperationTable></OperationTable>
|
||||
</BreadPage>
|
||||
</template>
|
||||
|
||||
<script setup lang="tsx">
|
||||
import { api } from '@/api';
|
||||
import { useTable } from '@/components/AnTable';
|
||||
import { dayjs } from '@/libs/dayjs';
|
||||
import { Tag } from '@arco-design/web-vue';
|
||||
|
||||
defineOptions({ name: 'SystemLogoPage' });
|
||||
|
||||
const { component: OperationTable } = useTable({
|
||||
columns: [
|
||||
{
|
||||
title: '登陆账号',
|
||||
dataIndex: 'nickname',
|
||||
width: 140,
|
||||
},
|
||||
{
|
||||
title: '操作描述',
|
||||
dataIndex: 'description',
|
||||
render: ({ record: { status, description } }) => {
|
||||
return (
|
||||
<span>
|
||||
<Tag color={status === null || status ? 'green' : 'red'} class="mr-2">
|
||||
{status === null || status ? '成功' : '失败'}
|
||||
</Tag>
|
||||
{description}
|
||||
</span>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '登陆地址',
|
||||
dataIndex: 'ip',
|
||||
width: 200,
|
||||
render: ({ record }) => `${record.addr || '未知'}(${record.ip})`,
|
||||
},
|
||||
{
|
||||
title: '操作系统',
|
||||
dataIndex: 'os',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
title: '浏览器',
|
||||
dataIndex: 'browser',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
title: '登陆时间',
|
||||
dataIndex: 'createdAt',
|
||||
width: 120,
|
||||
render: ({ record }) => dayjs(record.createdAt).fromNow(),
|
||||
},
|
||||
],
|
||||
source: model => {
|
||||
return api.log.getLoginLogs(model);
|
||||
},
|
||||
search: [
|
||||
{
|
||||
field: 'nickname',
|
||||
label: '登陆账号',
|
||||
setter: 'input',
|
||||
required: false,
|
||||
},
|
||||
],
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
<route lang="json">
|
||||
{
|
||||
"meta": {
|
||||
"name": "SystemLogoPage",
|
||||
"sort": 10304,
|
||||
"title": "操作日志",
|
||||
"icon": "icon-park-outline-doc-detail"
|
||||
}
|
||||
}
|
||||
</route>
|
||||
Loading…
Reference in New Issue