Vue3 重构:REVIEW 登录日志

This commit is contained in:
YunaiV 2023-03-23 23:50:14 +08:00
parent 8e032d988b
commit 4481964182
4 changed files with 13 additions and 26 deletions

View File

@ -13,18 +13,12 @@ export interface LoginLogVO {
createTime: Date createTime: Date
} }
export interface LoginLogReqVO extends PageParam {
userIp?: string
username?: string
status?: boolean
createTime?: Date[]
}
// 查询登录日志列表 // 查询登录日志列表
export const getLoginLogPage = (params: LoginLogReqVO) => { export const getLoginLogPage = (params: PageParam) => {
return request.get({ url: '/system/login-log/page', params }) return request.get({ url: '/system/login-log/page', params })
} }
// 导出登录日志 // 导出登录日志
export const exportLoginLog = (params: LoginLogReqVO) => { export const exportLoginLog = (params) => {
return request.download({ url: '/system/login-log/export', params }) return request.download({ url: '/system/login-log/export', params })
} }

View File

@ -26,9 +26,3 @@
border-left-color: var(--el-color-primary); border-left-color: var(--el-color-primary);
} }
} }
// 添加表头样式
.el-table.yudao-table {
--el-table-header-bg-color: #f8f8f9;
--el-table-header-text-color: #606266;
}

View File

@ -1,5 +1,5 @@
<template> <template>
<Dialog title="详情" v-model="modelVisible" :scroll="true" :max-height="500" width="800"> <Dialog title="详情" v-model="modelVisible" width="800">
<el-descriptions border :column="1"> <el-descriptions border :column="1">
<el-descriptions-item label="日志编号" min-width="120"> <el-descriptions-item label="日志编号" min-width="120">
{{ detailData.id }} {{ detailData.id }}
@ -35,7 +35,7 @@ const detailLoading = ref(false) // 表单的加载中
const detailData = ref() // const detailData = ref() //
/** 打开弹窗 */ /** 打开弹窗 */
const openModal = async (data: LoginLogApi.LoginLogVO) => { const open = async (data: LoginLogApi.LoginLogVO) => {
modelVisible.value = true modelVisible.value = true
// //
detailLoading.value = true detailLoading.value = true
@ -45,5 +45,5 @@ const openModal = async (data: LoginLogApi.LoginLogVO) => {
detailLoading.value = false detailLoading.value = false
} }
} }
defineExpose({ openModal }) // openModal defineExpose({ open }) // open
</script> </script>

View File

@ -55,7 +55,7 @@
<!-- 列表 --> <!-- 列表 -->
<content-wrap> <content-wrap>
<el-table class="yudao-table" v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column label="日志编号" align="center" prop="id" /> <el-table-column label="日志编号" align="center" prop="id" />
<el-table-column label="操作类型" align="center" prop="logType"> <el-table-column label="操作类型" align="center" prop="logType">
<template #default="scope"> <template #default="scope">
@ -64,7 +64,6 @@
</el-table-column> </el-table-column>
<el-table-column label="用户名称" align="center" prop="username" width="180" /> <el-table-column label="用户名称" align="center" prop="username" width="180" />
<el-table-column label="登录地址" align="center" prop="userIp" width="180" /> <el-table-column label="登录地址" align="center" prop="userIp" width="180" />
<el-table-column label="浏览器" align="center" prop="userAgent" /> <el-table-column label="浏览器" align="center" prop="userAgent" />
<el-table-column label="登陆结果" align="center" prop="result"> <el-table-column label="登陆结果" align="center" prop="result">
<template #default="scope"> <template #default="scope">
@ -83,7 +82,7 @@
<el-button <el-button
link link
type="primary" type="primary"
@click="openModal(scope.row)" @click="openDetail(scope.row)"
v-hasPermi="['infra:config:query']" v-hasPermi="['infra:config:query']"
> >
详情 详情
@ -101,14 +100,14 @@
</content-wrap> </content-wrap>
<!-- 表单弹窗详情 --> <!-- 表单弹窗详情 -->
<login-log-detail ref="modalRef" /> <LoginLogDetail ref="detailRef" />
</template> </template>
<script setup lang="ts" name="LoginLog"> <script setup lang="ts" name="LoginLog">
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download' import download from '@/utils/download'
import * as LoginLogApi from '@/api/system/loginLog' import * as LoginLogApi from '@/api/system/loginLog'
import LoginLogDetail from './detail.vue' import LoginLogDetail from './LoginLogDetail.vue'
const message = useMessage() // const message = useMessage() //
const loading = ref(true) // const loading = ref(true) //
@ -149,9 +148,9 @@ const resetQuery = () => {
} }
/** 详情操作 */ /** 详情操作 */
const modalRef = ref() const detailRef = ref()
const openModal = (data: LoginLogApi.LoginLogVO) => { const openDetail = (data: LoginLogApi.LoginLogVO) => {
modalRef.value.openModal(data) detailRef.value.open(data)
} }
/** 导出按钮操作 */ /** 导出按钮操作 */