| | |
|---|
| | | <template>
|
|---|
| | | <div class="app-container">
|
|---|
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|---|
| | | <el-form-item label="操作地址" prop="operIp">
|
|---|
| | | <el-input
|
|---|
| | | v-model="queryParams.operIp"
|
|---|
| | | placeholder="请输入操作地址"
|
|---|
| | | clearable
|
|---|
| | | style="width: 240px;"
|
|---|
| | | @keyup.enter="handleQuery"
|
|---|
| | | />
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item label="系统模块" prop="title">
|
|---|
| | | <el-input
|
|---|
| | | v-model="queryParams.title"
|
|---|
| | |
|---|
| | | <el-form-item label="操作时间" style="width: 308px">
|
|---|
| | | <el-date-picker
|
|---|
| | | v-model="dateRange"
|
|---|
| | | value-format="YYYY-MM-DD"
|
|---|
| | | value-format="YYYY-MM-DD HH:mm:ss"
|
|---|
| | | type="daterange"
|
|---|
| | | range-separator="-"
|
|---|
| | | start-placeholder="开始日期"
|
|---|
| | | end-placeholder="结束日期"
|
|---|
| | | :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
|
|---|
| | | ></el-date-picker>
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item>
|
|---|
| | |
|---|
| | | </el-row>
|
|---|
| | |
|
|---|
| | | <el-table ref="operlogRef" v-loading="loading" :data="operlogList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
|
|---|
| | | <el-table-column type="selection" width="55" align="center" />
|
|---|
| | | <el-table-column type="selection" width="50" 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="title" :show-overflow-tooltip="true" />
|
|---|
| | | <el-table-column label="操作类型" align="center" prop="businessType">
|
|---|
| | | <template #default="scope">
|
|---|
| | | <dict-tag :options="sys_oper_type" :value="scope.row.businessType" />
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column label="请求方式" align="center" prop="requestMethod" />
|
|---|
| | | <el-table-column label="操作人员" align="center" prop="operName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" width="100" />
|
|---|
| | | <el-table-column label="主机" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" />
|
|---|
| | | <el-table-column label="操作人员" align="center" width="110" prop="operName" :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="status">
|
|---|
| | | <template #default="scope">
|
|---|
| | | <dict-tag :options="sys_common_status" :value="scope.row.status" />
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column label="操作日期" align="center" prop="operTime" sortable="custom" :sort-orders="['descending', 'ascending']" width="180">
|
|---|
| | | <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>
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column label="消耗时间" align="center" prop="costTime" width="110" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']">
|
|---|
| | | <template #default="scope">
|
|---|
| | | <span>{{ scope.row.costTime }}毫秒</span>
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|---|
| | |
|---|
| | | <el-col :span="24">
|
|---|
| | | <el-form-item label="返回参数：">{{ form.jsonResult }}</el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-col :span="6">
|
|---|
| | | <el-form-item label="操作状态：">
|
|---|
| | | <div v-if="form.status === 0">正常</div>
|
|---|
| | | <div v-else-if="form.status === 1">失败</div>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <el-col :span="8">
|
|---|
| | | <el-form-item label="消耗时间：">{{ form.costTime }}毫秒</el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="10">
|
|---|
| | | <el-form-item label="操作时间：">{{ parseTime(form.operTime) }}</el-form-item>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="24">
|
|---|
| | |
|---|
| | | queryParams: {
|
|---|
| | | pageNum: 1,
|
|---|
| | | pageSize: 10,
|
|---|
| | | operIp: undefined,
|
|---|
| | | title: undefined,
|
|---|
| | | operName: undefined,
|
|---|
| | | businessType: undefined,
|
|---|
