| | |
| | |
|
| | | <el-table ref="operlogRef" v-loading="loading" :data="operlogList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
|
| | | <el-table-column type="selection" width="50" align="center" />
|
| | | <el-table-column label="日志编号" align="center" prop="operId" />
|
| | | <el-table-column label="日志编号" align="center">
|
| | | <template #default="scope">
|
| | | <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column label="系统模块" align="center" prop="title" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="操作类型" align="center" prop="businessType">
|
| | | <template #default="scope">
|
| | |
| | | </el-table-column>
|
| | | <el-table-column label="操作日期" align="center" prop="operTime" width="180" sortable="custom" :sort-orders="['descending', 'ascending']">
|
| | | <template #default="scope">
|
| | | <span>{{ parseTime(scope.row.operTime) }}</span>
|
| | | <span>{{ dayjs(form.operTime).format("YYYY-MM-DD") }}</span>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column label="消耗时间" align="center" prop="costTime" width="110" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']">
|
| | |
| | | :total="total"
|
| | | v-model:page="queryParams.pageNum"
|
| | | v-model:limit="queryParams.pageSize"
|
| | | :page-sizes="[10, 20, 30, 50, 100, 200]"
|
| | | @pagination="getList"
|
| | | />
|
| | |
|
| | |
| | | <el-col :span="24">
|
| | | <el-form-item label="操作方法:">{{ form.method }}</el-form-item>
|
| | | </el-col>
|
| | | <el-col :span="24">
|
| | | <el-form-item label="请求参数:">{{ form.operParam }}</el-form-item>
|
| | | </el-col>
|
| | | <!-- <el-col :span="24">-->
|
| | | <!-- <el-form-item label="请求参数:">{{ form.operParam }}</el-form-item>-->
|
| | | <!-- </el-col>-->
|
| | | <el-col :span="24">
|
| | | <el-form-item label="返回参数:">{{ form.jsonResult }}</el-form-item>
|
| | | </el-col>
|
| | |
| | | <el-form-item label="消耗时间:">{{ form.costTime }}毫秒</el-form-item>
|
| | | </el-col>
|
| | | <el-col :span="8">
|
| | | <el-form-item label="操作时间:">{{ parseTime(form.operTime) }}</el-form-item>
|
| | | <el-form-item label="操作时间:">{{ dayjs(form.operTime).format("YYYY-MM-DD") }}</el-form-item>
|
| | | </el-col>
|
| | | <el-col :span="24">
|
| | | <el-form-item label="异常信息:" v-if="form.status === 1">{{ form.errorMsg }}</el-form-item>
|
| | |
| | |
|
| | | <script setup name="Operlog">
|
| | | import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog"
|
| | | import {onMounted} from "vue";
|
| | | import dayjs from "dayjs";
|
| | |
|
| | | const { proxy } = getCurrentInstance()
|
| | | const { sys_oper_type, sys_common_status } = proxy.useDict("sys_oper_type","sys_common_status")
|
| | |
| | | }, `config_${new Date().getTime()}.xlsx`)
|
| | | }
|
| | |
|
| | | getList()
|
| | | onMounted(() => {
|
| | | getList();
|
| | | });
|
| | | </script>
|