This commit is contained in:
2023-07-05 17:26:33 +08:00
parent f4f1cb6051
commit 02b0a378bc

View File

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<el-form
class="top-search-form"
:model="queryParams"
ref="queryRef"
:inline="true"
@ -12,7 +13,7 @@
v-model="queryParams.title"
placeholder="请输入系统模块"
clearable
style="width: 240px"
style="width: 160px"
@keyup.enter="handleQuery"
/>
</el-form-item>
@ -21,7 +22,7 @@
v-model="queryParams.operatorName"
placeholder="请输入操作人员"
clearable
style="width: 240px"
style="width: 160px"
@keyup.enter="handleQuery"
/>
</el-form-item>
@ -30,7 +31,7 @@
v-model="queryParams.businessType"
placeholder="操作类型"
clearable
style="width: 240px"
style="width: 120px"
>
<el-option
v-for="dict in sys_oper_type"
@ -45,7 +46,7 @@
v-model="queryParams.status"
placeholder="操作状态"
clearable
style="width: 240px"
style="width: 120px"
>
<el-option
v-for="dict in sys_common_status"
@ -55,7 +56,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="操作时间" style="width: 308px">
<el-form-item label="操作时间" style="width: 280px">
<el-date-picker
v-model="dateRange"
value-format="YYYY-MM-DD"
@ -67,8 +68,8 @@
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"
>搜索</el-button
>
>搜索
</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
@ -82,8 +83,8 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['monitor:use-log:remove']"
>删除</el-button
>
>删除
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -92,8 +93,8 @@
icon="Delete"
@click="handleClean"
v-hasPermi="['monitor:use-log:remove']"
>清空</el-button
>
>清空
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -102,8 +103,8 @@
icon="Download"
@click="handleExport"
v-hasPermi="['monitor:use-log:export']"
>导出</el-button
>
>导出
</el-button>
</el-col>
<right-toolbar
v-model:showSearch="showSearch"
@ -172,8 +173,8 @@
icon="View"
@click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:use-log:query']"
>详细</el-button
>
>详细
</el-button>
</template>
</el-table-column>
</el-table>
@ -192,31 +193,31 @@
<el-row>
<el-col :span="12">
<el-form-item label="操作模块:"
>{{ form.title }} / {{ typeFormat(form) }}</el-form-item
>
>{{ form.title }} / {{ typeFormat(form) }}
</el-form-item>
<el-form-item label="登录信息:"
>{{ form.operatorName }} / {{ form.ip }} /
{{ form.operationLocation }}</el-form-item
>
{{ form.operationLocation }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="请求地址:">{{ form.url }}</el-form-item>
<el-form-item label="请求方式:">{{
form.requestMethod
}}</el-form-item>
<el-form-item label="请求方式:"
>{{ form.requestMethod }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="操作方法:">{{ form.method }}</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="请求参数:">{{
form.operationParam
}}</el-form-item>
<el-form-item label="请求参数:"
>{{ form.operationParam }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="返回参数:">{{
form.jsonResult
}}</el-form-item>
<el-form-item label="返回参数:"
>{{ form.jsonResult }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="操作状态:">
@ -228,14 +229,14 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="操作时间:">{{
parseTime(form.operationTime)
}}</el-form-item>
<el-form-item label="操作时间:"
>{{ parseTime(form.operationTime) }}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="异常信息:" v-if="form.status === 1">{{
form.errorMsg
}}</el-form-item>
<el-form-item label="异常信息:" v-if="form.status === 1"
>{{ form.errorMsg }}
</el-form-item>
</el-col>
</el-row>
</el-form>
@ -293,15 +294,18 @@ function getList() {
}
);
}
/** 操作日志类型字典翻译 */
function typeFormat(row, column) {
return proxy.selectDictLabel(sys_oper_type, row.businessType);
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
dateRange.value = [];
@ -312,22 +316,26 @@ function resetQuery() {
);
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id);
multiple.value = !selection.length;
}
/** 排序触发事件 */
function handleSortChange(column, prop, order) {
queryParams.value.orderByColumn = column.prop;
queryParams.value.isAsc = column.order;
getList();
}
/** 详细按钮操作 */
function handleView(row) {
open.value = true;
form.value = row;
}
/** 删除按钮操作 */
function handleDelete(row) {
const deleteIds = row.id || ids.value;
@ -342,6 +350,7 @@ function handleDelete(row) {
})
.catch(() => {});
}
/** 清空按钮操作 */
function handleClean() {
proxy.$modal
@ -355,6 +364,7 @@ function handleClean() {
})
.catch(() => {});
}
/** 导出按钮操作 */
function handleExport() {
proxy.download(
@ -368,3 +378,11 @@ function handleExport() {
getList();
</script>
<style scoped lang="scss">
:deep(.top-search-form.el-form--inline) {
.el-form-item {
margin-right: 16px;
}
}
</style>