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

View File

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