|
|
@@ -2,29 +2,29 @@
|
|
|
<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-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 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-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 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 label="IP地址">
|
|
|
+ <el-input v-model="state.queryParams.remoteIp" placeholder="IP地址" clearable />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button-group>
|
|
|
@@ -89,10 +89,10 @@ const state = reactive({
|
|
|
startTime: undefined,
|
|
|
endTime: undefined,
|
|
|
status: undefined,
|
|
|
- actionName:undefined,
|
|
|
- account:undefined,
|
|
|
- elapsed:undefined,
|
|
|
- remoteIp:undefined,
|
|
|
+ actionName: undefined,
|
|
|
+ account: undefined,
|
|
|
+ elapsed: undefined,
|
|
|
+ remoteIp: undefined,
|
|
|
},
|
|
|
tableParams: {
|
|
|
page: 1,
|
|
|
@@ -115,7 +115,7 @@ const handleQuery = async () => {
|
|
|
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);
|