| | |
| | | ></el-date-picker>
|
| | | </el-form-item>
|
| | | <el-form-item>
|
| | | <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | |
| | | <el-col :span="1.5">
|
| | | <el-button
|
| | | type="danger"
|
| | | plain
|
| | | icon="el-icon-delete"
|
| | | size="mini"
|
| | | :disabled="multiple"
|
| | |
| | | <el-col :span="1.5">
|
| | | <el-button
|
| | | type="danger"
|
| | | plain
|
| | | icon="el-icon-delete"
|
| | | size="mini"
|
| | | @click="handleClean"
|
| | |
| | | <el-col :span="1.5">
|
| | | <el-button
|
| | | type="warning"
|
| | | plain
|
| | | icon="el-icon-download"
|
| | | size="mini"
|
| | | :loading="exportLoading"
|
| | | @click="handleExport"
|
| | | v-hasPermi="['system:config:export']"
|
| | | v-hasPermi="['monitor:operlog:export']"
|
| | | >导出</el-button>
|
| | | </el-col>
|
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
| | | </el-row>
|
| | |
|
| | | <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
|
| | | <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
|
| | | <el-table-column type="selection" width="55" align="center" />
|
| | | <el-table-column label="日志编号" align="center" prop="operId" />
|
| | | <el-table-column label="系统模块" align="center" prop="title" />
|
| | | <el-table-column label="操作类型" align="center" prop="businessType" :formatter="typeFormat" />
|
| | | <el-table-column label="请求方式" align="center" prop="requestMethod" />
|
| | | <el-table-column label="操作人员" align="center" prop="operName" />
|
| | | <el-table-column label="主机" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="操作人员" align="center" prop="operName" width="100" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" />
|
| | | <el-table-column label="操作地址" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="操作地点" align="center" prop="operLocation" :show-overflow-tooltip="true" />
|
| | | <el-table-column label="操作状态" align="center" prop="status" :formatter="statusFormat" />
|
| | | <el-table-column label="操作日期" align="center" prop="operTime" width="180">
|
| | | <el-table-column label="操作日期" align="center" prop="operTime" sortable="custom" :sort-orders="['descending', 'ascending']" width="180">
|
| | | <template slot-scope="scope">
|
| | | <span>{{ parseTime(scope.row.operTime) }}</span>
|
| | | </template>
|
| | |
| | | return {
|
| | | // 遮罩层
|
| | | loading: true,
|
| | | // 导出遮罩层
|
| | | exportLoading: false,
|
| | | // 选中数组
|
| | | ids: [],
|
| | | // 非多个禁用
|
| | |
| | | statusOptions: [],
|
| | | // 日期范围
|
| | | dateRange: [],
|
| | | // 默认排序
|
| | | defaultSort: {prop: 'operTime', order: 'descending'},
|
| | | // 表单参数
|
| | | form: {},
|
| | | // 查询参数
|
| | |
| | | resetQuery() {
|
| | | this.dateRange = [];
|
| | | this.resetForm("queryForm");
|
| | | this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order)
|
| | | this.handleQuery();
|
| | | },
|
| | | // 多选框选中数据
|
| | | /** 多选框选中数据 */
|
| | | handleSelectionChange(selection) {
|
| | | this.ids = selection.map(item => item.operId)
|
| | | this.multiple = !selection.length
|
| | | },
|
| | | /** 排序触发事件 */
|
| | | handleSortChange(column, prop, order) {
|
| | | this.queryParams.orderByColumn = column.prop;
|
| | | this.queryParams.isAsc = column.order;
|
| | | this.getList();
|
| | | },
|
| | | /** 详细按钮操作 */
|
| | | handleView(row) {
|
| | |
| | | }).then(() => {
|
| | | this.getList();
|
| | | this.msgSuccess("删除成功");
|
| | | })
|
| | | }).catch(() => {});
|
| | | },
|
| | | /** 清空按钮操作 */
|
| | | handleClean() {
|
| | |
| | | }).then(() => {
|
| | | this.getList();
|
| | | this.msgSuccess("清空成功");
|
| | | })
|
| | | }).catch(() => {});
|
| | | },
|
| | | /** 导出按钮操作 */
|
| | | handleExport() {
|
| | |
| | | confirmButtonText: "确定",
|
| | | cancelButtonText: "取消",
|
| | | type: "warning"
|
| | | }).then(function() {
|
| | | }).then(() => {
|
| | | this.exportLoading = true;
|
| | | return exportOperlog(queryParams);
|
| | | }).then(response => {
|
| | | this.download(response.msg);
|
| | | })
|
| | | this.exportLoading = false;
|
| | | }).catch(() => {});
|
| | | }
|
| | | }
|
| | | };
|