init : 初始化仓库
This commit is contained in:
13
src/views/monitor/druid/index.vue
Normal file
13
src/views/monitor/druid/index.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
数据监控
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
13
src/views/monitor/job/index.vue
Normal file
13
src/views/monitor/job/index.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
定时任务
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
205
src/views/monitor/logininfor/index.vue
Normal file
205
src/views/monitor/logininfor/index.vue
Normal file
@@ -0,0 +1,205 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form :model="queryParams" inline class="query-form" ref="logForm">
|
||||
<el-form-item label="登录地址" prop="ipAddr">
|
||||
<el-input v-model="queryParams.ipAddr" placeholder="请输入登录地址" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户名称" prop="userName">
|
||||
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="state">
|
||||
<el-select v-model="queryParams.state" placeholder="登录状态" clearable filterable>
|
||||
<el-option
|
||||
v-for="item in [{label:'成功',value: '0'},{label:'失败',value: '1'}]"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="登录时间" prop="dateValue">
|
||||
<el-config-provider>
|
||||
<el-date-picker
|
||||
v-model="dateValue"
|
||||
type="datetimerange"
|
||||
:shortcuts="shortcuts"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-config-provider>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList" :icon="Search">搜索</el-button>
|
||||
<el-button @click="handleReset" :icon="Refresh">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="query-btn">
|
||||
<el-button type="danger" :icon="Delete"
|
||||
@click="handleMoreDelete(infoId)" :disabled="disabled" plain>删除
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="table">
|
||||
<el-table
|
||||
:data="list"
|
||||
row-key="infoId"
|
||||
:lazy="true"
|
||||
ref="singleTable"
|
||||
v-loading="loading"
|
||||
@select="handleSelect"
|
||||
v-tabh
|
||||
>
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="infoId" label="访问编号" align="center"/>
|
||||
<el-table-column prop="userName" label="用户名称" align="center"/>
|
||||
<el-table-column prop="ipddr" label="登录地址" align="center"/>
|
||||
<el-table-column prop="loginLocation" label="登录地点" align="center"/>
|
||||
<el-table-column prop="browser" label="浏览器" align="center"/>
|
||||
<el-table-column prop="os" label="操作系统" align="center"/>
|
||||
<el-table-column prop="state" label="登录状态" align="center">
|
||||
<template #default="scope">
|
||||
<tag dict-type="common_state" :value="scope.row.state"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="msg" label="操作信息" align="center"/>
|
||||
<el-table-column prop="loginTime" label="登录日期" sortable align="center"/>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<popover-delete :name="scope.row.userName" :type="'日志'"
|
||||
@delete="handleDelete(scope.row.infoId)"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<paging :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :page-sizes="[10, 20, 30, 40,50]"
|
||||
:total="total" @changeSize="handleSizeChange" @goPage="handleCurrentChange"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {Search, Refresh, Delete} from '@element-plus/icons-vue'
|
||||
import {ElMessage, ElMessageBox} from "element-plus";
|
||||
import {getLoginLogList, deleteLoginLog} from "@/api/log/login";
|
||||
import Paging from "@/components/pagination/index.vue";
|
||||
|
||||
const dateValue = ref()
|
||||
const queryParams = reactive({
|
||||
ipAddr: '',
|
||||
userName: '',
|
||||
state: '',
|
||||
startTime: '',
|
||||
endTime: ''
|
||||
})
|
||||
const list = ref([])
|
||||
const logForm = ref()
|
||||
const singleTable = ref(null)
|
||||
const loading = ref(true)
|
||||
const pageInfo = reactive({
|
||||
pageSize: 10,
|
||||
pageNum: 1
|
||||
})
|
||||
const total = ref()
|
||||
const infoId = ref([])
|
||||
const disabled = ref(true)
|
||||
const shortcuts = [
|
||||
{
|
||||
text: '上周',
|
||||
value: () => {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '上月',
|
||||
value: () => {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
{
|
||||
text: '三月前',
|
||||
value: () => {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
//获取所有登录日志
|
||||
const getList = async () => {
|
||||
let params = {
|
||||
...queryParams,
|
||||
...pageInfo
|
||||
}
|
||||
const date = dateValue.value
|
||||
if (date !== undefined && date !== null) {
|
||||
params.startTime = date[0]
|
||||
params.endTime = date[1]
|
||||
}
|
||||
loading.value = true
|
||||
getLoginLogList(params).then(res => {
|
||||
if (res.code === 1000) {
|
||||
list.value = res.data.rows
|
||||
total.value = res.data.total
|
||||
loading.value = false
|
||||
}else {
|
||||
ElMessage.error(res.msg);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//重置功能
|
||||
const handleReset = () => {
|
||||
dateValue.value = []
|
||||
logForm.value.resetFields()
|
||||
getList()
|
||||
}
|
||||
|
||||
//删除功能
|
||||
const handleDelete = async (infoId) => {
|
||||
deleteLoginLog(infoId).then(res => {
|
||||
if (res.code === 1000) {
|
||||
ElMessage.success(res.msg)
|
||||
getList()
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
//多删
|
||||
const handleMoreDelete = (infoId) => {
|
||||
ElMessageBox.confirm(`确认删除名称为${infoId}的日志吗?`, '系统提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
handleDelete(infoId)
|
||||
})
|
||||
}
|
||||
//勾选table数据行的 Checkbox, 多/单选删除功能
|
||||
const handleSelect = async (selection) => {
|
||||
if (selection.length !== 0) {
|
||||
disabled.value = false
|
||||
infoId.value = selection.map(item => item.infoId).join()
|
||||
} else {
|
||||
disabled.value = true
|
||||
}
|
||||
}
|
||||
//切换每页显示条数
|
||||
const handleSizeChange = (val) => {
|
||||
pageInfo.pageSize = val
|
||||
getList()
|
||||
}
|
||||
//点击页码进行分页功能
|
||||
const handleCurrentChange = (val) => {
|
||||
pageInfo.pageNum = val
|
||||
getList()
|
||||
}
|
||||
getList()
|
||||
</script>
|
||||
136
src/views/monitor/online/index.vue
Normal file
136
src/views/monitor/online/index.vue
Normal file
@@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- <el-form :model="queryParams" inline class="query-form" ref="form">-->
|
||||
<!-- <el-form-item label="登录地址" prop="place">-->
|
||||
<!-- <el-input v-model="queryParams.place" placeholder="请输入登录地点" clearable></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="用户名称" prop="username">-->
|
||||
<!-- <el-input v-model="queryParams.username" placeholder="请输入用户名称" clearable></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item>-->
|
||||
<!-- <el-button type="primary" @click="getList" :icon="Search">搜索</el-button>-->
|
||||
<!-- <el-button @click="handleReset" :icon="Refresh">重置</el-button>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-form>-->
|
||||
<!-- <div class="query-btn">-->
|
||||
<!-- <el-button type="danger" @click="handleDelete" :icon="Delete" plain :disabled="disabled">删除</el-button>-->
|
||||
<!-- </div>-->
|
||||
<div class="table" style="margin-top: 15px">
|
||||
<el-table
|
||||
:data="list"
|
||||
row-key="tokenId"
|
||||
:lazy="true"
|
||||
ref="singleTable"
|
||||
v-loading="loading"
|
||||
v-tabh
|
||||
>
|
||||
<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
||||
<!-- <el-table-column prop="tokenId" label="会话id" align="center"/>-->
|
||||
<el-table-column prop="username" label="用户名" align="center"/>
|
||||
<el-table-column prop="deptName" label="部门名称" align="center"/>
|
||||
<el-table-column prop="ipAddr" label="登录ip" align="center"/>
|
||||
<el-table-column prop="loginLocation" label="登录地点" align="center"/>
|
||||
<el-table-column prop="browser" label="浏览器类型" align="center"/>
|
||||
<el-table-column prop="os" label="操作系统" align="center"/>
|
||||
<el-table-column prop="loginTime" label="登录时间" sortable align="center"/>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" size="mini" @click="handleForcedOffline(scope.row)" style="color: red" link>强制下线</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<paging :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :page-sizes="[10, 20, 30, 40,50]"
|
||||
:total="total" @changeSize="handleSizeChange" @goPage="handleCurrentChange"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {Search, Refresh, Delete} from '@element-plus/icons-vue'
|
||||
import {ElMessage, ElMessageBox} from "element-plus";
|
||||
import {deleteOnlineUser, getOnlineList} from "@/api/online/online";
|
||||
import Paging from "@/components/pagination/index.vue";
|
||||
|
||||
const queryParams = reactive({
|
||||
place: '',
|
||||
username: ''
|
||||
})
|
||||
const list = ref([])
|
||||
const form = ref()
|
||||
const total = ref()
|
||||
const loading = ref(true)
|
||||
const pageInfo = reactive({
|
||||
pageSize: 10,
|
||||
pageNum: 1
|
||||
})
|
||||
// const tokenId = ref()
|
||||
const singleTable = ref(null)
|
||||
const disabled = ref(true)
|
||||
//获取所有登录日志
|
||||
const getList = async () => {
|
||||
let params = {
|
||||
...queryParams,
|
||||
...pageInfo
|
||||
}
|
||||
loading.value = true
|
||||
getOnlineList(params).then(res => {
|
||||
if (res.code === 1000) {
|
||||
list.value = res.data.rows
|
||||
total.value = res.data.total
|
||||
loading.value = false
|
||||
}else {
|
||||
ElMessage.error(res.msg);
|
||||
}
|
||||
})
|
||||
}
|
||||
//重置功能
|
||||
const handleReset = () => {
|
||||
form.value.resetFields()
|
||||
getList()
|
||||
}
|
||||
//勾选table数据行的 Checkbox, 单选功能
|
||||
// const handleSelect = async (selection, row) => {
|
||||
// if (selection.length !== 0) {
|
||||
// disabled.value = false
|
||||
// tokenId.value = row.tokenId
|
||||
// if (selection.length > 1) {
|
||||
// const del_row = selection.shift();
|
||||
// singleTable.value.toggleRowSelection(del_row, false);
|
||||
// }
|
||||
// } else {
|
||||
// disabled.value = true
|
||||
// }
|
||||
// }
|
||||
//强制下线
|
||||
const handleForcedOffline = async (row) => {
|
||||
ElMessageBox.confirm(`是否确认强制下线用户名为${row.username}的用户吗?`, '系统提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
deleteOnlineUser(row.tokenId).then(res => {
|
||||
if (res.code === 1000) {
|
||||
ElMessage.success(res.msg)
|
||||
getList()
|
||||
} else {
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
//切换每页显示条数
|
||||
const handleSizeChange = (val) => {
|
||||
pageInfo.pageSize = val
|
||||
getList()
|
||||
}
|
||||
//点击页码进行分页功能
|
||||
const handleCurrentChange = (val) => {
|
||||
pageInfo.pageNum = val
|
||||
getList()
|
||||
}
|
||||
getList()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
337
src/views/monitor/operlog/index.vue
Normal file
337
src/views/monitor/operlog/index.vue
Normal file
@@ -0,0 +1,337 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form :model="queryParams" inline class="query-form" ref="logForm">
|
||||
<el-form-item label="服务名" prop="applicationName">
|
||||
<el-input v-model="queryParams.applicationName" placeholder="请输入服务名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作名称" prop="title">
|
||||
<el-input v-model="queryParams.title" placeholder="请输入操作名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作人员" prop="operName">
|
||||
<el-input v-model="queryParams.operName" placeholder="请输入操作人员" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="businessType">
|
||||
<el-select v-model="queryParams.businessType" placeholder="操作类型" clearable filterable>
|
||||
<el-option
|
||||
v-for="item in cacheStore.getDict('oper_type')"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="state">
|
||||
<el-select v-model="queryParams.state" placeholder="操作状态" clearable filterable>
|
||||
<el-option
|
||||
v-for="item in [{label:'成功',value: '0'},{label:'失败',value: '1'}]"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作时间" prop="dateValue">
|
||||
<el-config-provider>
|
||||
<el-date-picker
|
||||
v-model="dateValue"
|
||||
type="datetimerange"
|
||||
:shortcuts="shortcuts"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-config-provider>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList" :icon="Search">搜索</el-button>
|
||||
<el-button @click="handleReset" :icon="Refresh">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="query-btn">
|
||||
<el-button type="danger" :icon="Delete"
|
||||
@click="handleMoreDelete(operIds)" :disabled="disabled" plain>删除
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="table">
|
||||
<el-table
|
||||
:data="list"
|
||||
row-key="operId"
|
||||
:lazy="true"
|
||||
ref="singleTable"
|
||||
v-loading="loading"
|
||||
@select="handleSelect"
|
||||
v-tabh
|
||||
>
|
||||
<el-table-column type="selection" width="50"/>
|
||||
<el-table-column prop="operId" label="日志编号" align="center"/>
|
||||
<el-table-column prop="applicationName" label="服务名称" align="center"/>
|
||||
<el-table-column prop="title" label="操作名称" align="center"/>
|
||||
<el-table-column prop="businessType" label="操作类型" width="100" align="center">
|
||||
<template #default="scope">
|
||||
<tag dict-type="oper_type" :value="scope.row.businessType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="operName" label="操作人员" align="center"/>
|
||||
<el-table-column prop="operIp" label="操作地址" align="center"/>
|
||||
<el-table-column prop="operLocation" label="操作地点" align="center"/>
|
||||
<el-table-column prop="state" label="操作状态" align="center">
|
||||
<template #default="scope">
|
||||
<tag dict-type="common_state" :value="scope.row.state"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="operTime" label="操作日期" sortable align="center"/>
|
||||
<el-table-column prop="consumeTime" label="消耗时间" sortable align="center">
|
||||
<template #default="scope">
|
||||
{{ scope.row.consumeTime }}ms
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" size="mini" @click="handleViewDetails(scope.row.operId)" link>详细</el-button>
|
||||
<popover-delete :name="scope.row.operId" :type="'日志'"
|
||||
@delete="handleDelete(scope.row.operId)"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<paging :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :page-sizes="[10, 20, 30, 40,50]"
|
||||
:total="total" @changeSize="handleSizeChange" @goPage="handleCurrentChange"/>
|
||||
<el-dialog v-model="isVisited" title="操作日志详细" width="1000px">
|
||||
<el-form :model="form">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务名称：" prop="title">
|
||||
<el-text>{{ form.applicationName }}</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="系统模块：" prop="title">
|
||||
<el-text>{{ form.title }}</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="请求地址：" prop="operUrl">
|
||||
<el-text>{{ form.operUrl }}</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="登录信息：" prop="title">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item>{{ form.operName }}</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>{{ form.operIp }}</el-breadcrumb-item>
|
||||
<el-breadcrumb-item>{{ form.operLocation }}</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="请求方式：" prop="requestMethod">
|
||||
<el-text>{{ form.requestMethod }}</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="操作方法：" prop="method">
|
||||
<el-text>{{ form.method }}</el-text>
|
||||
</el-form-item>
|
||||
<el-form-item label="请求参数：" prop="operParam">
|
||||
<json-viewer :value="form.operParam"
|
||||
:expand-depth=5
|
||||
copyable
|
||||
boxed
|
||||
sort></json-viewer>
|
||||
</el-form-item>
|
||||
<el-form-item label="返回参数：" prop="jsonResult" v-if="form.state ==0">
|
||||
<json-viewer :value="form.jsonResult"
|
||||
:expand-depth=5
|
||||
copyable
|
||||
boxed
|
||||
sort></json-viewer>
|
||||
</el-form-item>
|
||||
<el-form-item label="返回参数：" prop="errorMsg" v-else>
|
||||
<el-text>{{ form.errorMsg }}</el-text>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.errorStackTrace" label="异常栈：" prop="errorMsg">
|
||||
<el-scrollbar height="450px">
|
||||
<div class="nowrap" v-html="form.errorStackTrace"></div>
|
||||
</el-scrollbar>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="操作状态：" prop="state">
|
||||
<tag dict-type="common_state" :value="form.state"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="消耗时间：" prop="consumeTime">
|
||||
<el-text>{{ form.consumeTime }}ms</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="操作时间：" prop="operTime">
|
||||
<el-text>{{ form.operTime }}</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import JsonViewer from "vue-json-viewer"
|
||||
import {Search, Refresh, Delete, View} from "@element-plus/icons-vue";
|
||||
import {getOperateLog, deleteOperateLog, getOperateLogDetail} from "@/api/log/operation";
|
||||
import {ElMessage, ElMessageBox} from "element-plus";
|
||||
import {useCacheStore} from '@/stores/cache.js'
|
||||
import Paging from "@/components/pagination/index.vue";
|
||||
|
||||
const cacheStore = useCacheStore()
|
||||
cacheStore.setCacheKey(['oper_type'])
|
||||
import Tag from '@/components/Tag.vue'
|
||||
|
||||
const queryParams = reactive({
|
||||
applicationName:"",
|
||||
title: "",
|
||||
operName: "",
|
||||
businessType: "",
|
||||
state: "",
|
||||
startTime: "",
|
||||
endTime: ""
|
||||
});
|
||||
const form = ref();
|
||||
const list = ref([]);
|
||||
const logForm = ref();
|
||||
const singleTable = ref(null);
|
||||
const loading = ref(true);
|
||||
const dateValue = ref();
|
||||
const total = ref();
|
||||
const operIds = ref([]);
|
||||
const disabled = ref(true);
|
||||
const isVisited = ref(false);
|
||||
const pageInfo = reactive({
|
||||
pageSize: 10,
|
||||
pageNum: 1
|
||||
});
|
||||
const shortcuts = [
|
||||
{
|
||||
text: "上周",
|
||||
value: () => {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||
return [start, end];
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "上月",
|
||||
value: () => {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
||||
return [start, end];
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "三月前",
|
||||
value: () => {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
||||
return [start, end];
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
const getList = async () => {
|
||||
let params = {
|
||||
...queryParams,
|
||||
...pageInfo
|
||||
};
|
||||
const date = dateValue.value;
|
||||
if (date !== undefined && date !== null) {
|
||||
params.startTime = date[0];
|
||||
params.endTime = date[1];
|
||||
}
|
||||
loading.value = true
|
||||
getOperateLog(params).then(res => {
|
||||
if (res.code === 1000) {
|
||||
list.value = res.data.rows;
|
||||
total.value = res.data.total;
|
||||
loading.value = false;
|
||||
}else {
|
||||
ElMessage.error(res.msg);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
//重置功能
|
||||
const handleReset = () => {
|
||||
dateValue.value = [];
|
||||
logForm.value.resetFields();
|
||||
getList();
|
||||
};
|
||||
//单选删除功能
|
||||
const handleDelete = async (operId) => {
|
||||
deleteOperateLog(operId).then(res => {
|
||||
if (res.code === 1000) {
|
||||
ElMessage.success(res.msg);
|
||||
getList();
|
||||
} else {
|
||||
ElMessage.error(res.msg);
|
||||
}
|
||||
});
|
||||
};
|
||||
//多删
|
||||
const handleMoreDelete = (operIds) => {
|
||||
ElMessageBox.confirm(`确认删除名称为${operIds}的日志吗?`, '系统提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
handleDelete(operIds)
|
||||
})
|
||||
}
|
||||
//勾选table数据行的 Checkbox, 实现单/多选删除功能
|
||||
const handleSelect = async (selection) => {
|
||||
if (selection.length !== 0) {
|
||||
disabled.value = false;
|
||||
operIds.value = selection.map(item => item.operId).join()
|
||||
} else {
|
||||
disabled.value = true;
|
||||
}
|
||||
}
|
||||
//查看详情
|
||||
const handleViewDetails = async (operId) => {
|
||||
getOperateLogDetail(operId).then(res => {
|
||||
if (res.code === 1000) {
|
||||
isVisited.value = true;
|
||||
try {
|
||||
if (res.data.operParam !== null) {
|
||||
res.data.operParam = JSON.parse(res.data.operParam)
|
||||
}
|
||||
} catch (e) {
|
||||
}
|
||||
if (res.data.jsonResult !== null) {
|
||||
res.data.jsonResult = JSON.parse(res.data.jsonResult)
|
||||
}
|
||||
form.value = res.data
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
//切换每页显示条数
|
||||
const handleSizeChange = (val) => {
|
||||
pageInfo.pageSize = val;
|
||||
getList();
|
||||
};
|
||||
//点击页码进行分页功能
|
||||
const handleCurrentChange = (val) => {
|
||||
pageInfo.pageNum = val;
|
||||
getList();
|
||||
};
|
||||
getList();
|
||||
</script>
|
||||
<style scoped>
|
||||
:deep(.el-breadcrumb__item){
|
||||
line-height: normal;
|
||||
}
|
||||
</style>
|
||||
13
src/views/monitor/server/index.vue
Normal file
13
src/views/monitor/server/index.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
服务监控
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user