|
|
@@ -2,12 +2,30 @@
|
|
|
<div class="sys-vislog-container">
|
|
|
<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
|
|
|
<el-form :model="state.queryParams" ref="queryForm" :inline="true">
|
|
|
- <el-form-item label="开始时间">
|
|
|
+ <el-form-item label="开始时间" >
|
|
|
<el-date-picker v-model="state.queryParams.startTime" type="datetime" placeholder="开始时间" value-format="YYYY-MM-DD HH:mm:ss" :shortcuts="shortcuts" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="结束时间" prop="code">
|
|
|
+ <el-form-item label="结束时间" prop="code" >
|
|
|
<el-date-picker v-model="state.queryParams.endTime" type="datetime" placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" :shortcuts="shortcuts" />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="方法名称" >
|
|
|
+ <el-input v-model="state.queryParams.actionName" placeholder="方法名称" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="账号名称" >
|
|
|
+ <el-input v-model="state.queryParams.account" placeholder="账号名称" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" >
|
|
|
+ <el-select v-model="state.queryParams.status" placeholder="状态" clearable >
|
|
|
+ <el-option label="成功" :value="200" />
|
|
|
+ <el-option label="失败" :value="400" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="耗时" >
|
|
|
+ <el-input v-model="state.queryParams.elapsed" placeholder="耗时>?MS" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="IP地址" >
|
|
|
+ <el-input v-model="state.queryParams.remoteIp" placeholder="IP地址" clearable />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button-group>
|
|
|
<el-button type="primary" icon="ele-Search" @click="handleQuery" v-auth="'sysVislog:page'"> 查询 </el-button>
|
|
|
@@ -70,6 +88,11 @@ const state = reactive({
|
|
|
queryParams: {
|
|
|
startTime: undefined,
|
|
|
endTime: undefined,
|
|
|
+ status: undefined,
|
|
|
+ actionName:undefined,
|
|
|
+ account:undefined,
|
|
|
+ elapsed:undefined,
|
|
|
+ remoteIp:undefined,
|
|
|
},
|
|
|
tableParams: {
|
|
|
page: 1,
|
|
|
@@ -87,7 +110,12 @@ onMounted(async () => {
|
|
|
const handleQuery = async () => {
|
|
|
if (state.queryParams.startTime == null) state.queryParams.startTime = undefined;
|
|
|
if (state.queryParams.endTime == null) state.queryParams.endTime = undefined;
|
|
|
-
|
|
|
+ if (state.queryParams.status == null) state.queryParams.status = undefined;
|
|
|
+ if (state.queryParams.actionName == null) state.queryParams.actionName = undefined;
|
|
|
+ if (state.queryParams.account == null) state.queryParams.account = undefined;
|
|
|
+ if (state.queryParams.elapsed == null) state.queryParams.elapsed = undefined;
|
|
|
+ if (state.queryParams.remoteIp == null) state.queryParams.remoteIp = undefined;
|
|
|
+
|
|
|
state.loading = true;
|
|
|
let params = Object.assign(state.queryParams, state.tableParams);
|
|
|
var res = await getAPI(SysLogVisApi).apiSysLogVisPagePost(params);
|
|
|
@@ -100,6 +128,11 @@ const handleQuery = async () => {
|
|
|
const resetQuery = () => {
|
|
|
state.queryParams.startTime = undefined;
|
|
|
state.queryParams.endTime = undefined;
|
|
|
+ state.queryParams.status = undefined;
|
|
|
+ state.queryParams.actionName = undefined;
|
|
|
+ state.queryParams.account = undefined;
|
|
|
+ state.queryParams.elapsed = undefined;
|
|
|
+ state.queryParams.remoteIp = undefined;
|
|
|
handleQuery();
|
|
|
};
|
|
|
|