|
@@ -0,0 +1,155 @@
|
|
|
+<template>
|
|
|
+ <div class="content action-log-manage">
|
|
|
+ <div class="part-box">
|
|
|
+ <el-form ref="FilterForm" label-position="left" inline>
|
|
|
+ <el-form-item label="操作类型:">
|
|
|
+ <el-select
|
|
|
+ v-model="filter.operationType"
|
|
|
+ placeholder="操作类型"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(val, key) in OPERATION_TYPE"
|
|
|
+ :key="key"
|
|
|
+ :value="key"
|
|
|
+ :label="val"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="操作人账号:">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="filter.operatorName"
|
|
|
+ placeholder="操作人账号"
|
|
|
+ clearable
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="操作时间:">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="createTime"
|
|
|
+ type="datetimerange"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ value-format="timestamp"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label-width="0px">
|
|
|
+ <el-button type="primary" @click="handleCurrentChange(1)"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="part-box">
|
|
|
+ <el-table ref="table" :data="tableData">
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="70"
|
|
|
+ :index="indexMethod"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="operatorName" label="操作人" width="180">
|
|
|
+ <span slot-scope="scope">
|
|
|
+ {{ scope.row.loginName }}({{ scope.row.realName }})
|
|
|
+ </span>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="operationTypeName" label="操作类型" width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="createTime" label="操作时间" width="170">
|
|
|
+ <span slot-scope="scope">
|
|
|
+ {{ scope.row.createTime | timestampFilter }}
|
|
|
+ </span>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="detail" label="日志内容"> </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="part-page">
|
|
|
+ <el-pagination
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ :page-size.sync="pageSize"
|
|
|
+ :page-sizes="[10, 20, 50, 100, 200, 300]"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { logQueryApi, logEnumsApi } from "../api";
|
|
|
+
|
|
|
+import pickerOptions from "@/constants/datePickerOptions";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "LogManage",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ filter: {
|
|
|
+ operationType: "",
|
|
|
+ operatorName: "",
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ },
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ total: 10,
|
|
|
+ tableData: [],
|
|
|
+ OPERATION_TYPE: {},
|
|
|
+ loading: false,
|
|
|
+ pickerOptions,
|
|
|
+ createTime: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ await this.getLogTypes();
|
|
|
+ await this.getList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async getLogTypes() {
|
|
|
+ const res = await logEnumsApi();
|
|
|
+ const data = res || [];
|
|
|
+ this.OPERATION_TYPE = {};
|
|
|
+ data.forEach((item) => {
|
|
|
+ this.OPERATION_TYPE[item.code] = item.name;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async search() {
|
|
|
+ if (this.loading) return;
|
|
|
+ this.loading = true;
|
|
|
+
|
|
|
+ const datas = {
|
|
|
+ ...this.filter,
|
|
|
+ pageNumber: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ };
|
|
|
+ if (this.createTime) {
|
|
|
+ datas.startTime = this.createTime[0];
|
|
|
+ datas.endTime = this.createTime[1];
|
|
|
+ }
|
|
|
+ const res = await logQueryApi(datas).catch(() => {});
|
|
|
+
|
|
|
+ this.loading = false;
|
|
|
+ if (!res) return;
|
|
|
+
|
|
|
+ this.tableData = res.data.content;
|
|
|
+ this.total = res.data.totalElements;
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.pageSize = val;
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|