fix(monitor/operlog): 修复操作日志表格操作日期显示错误

zhang_nuo

2026-08-26 392ad5dc15be76e886e170bfb95991fe3c7135f9

fix(monitor/operlog): 修复操作日志表格操作日期显示错误

- 修正 `operlog/index.vue` 中日期格式化时的取值对象，
  将 `form.operTime` 改为 `scope.row.operTime`，
  确保每一行正确显示对应记录的操作日期

 src/views/monitor/operlog/index.vue

@@ -109,7 +109,11 @@


      <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">

@@ -125,7 +129,7 @@
         </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(scope.row.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']">

@@ -145,6 +149,7 @@
         :total="total"

         v-model:page="queryParams.pageNum"

         v-model:limit="queryParams.pageSize"

         :page-sizes="[10, 20, 30, 50, 100, 200]"

         @pagination="getList"

      />



@@ -165,9 +170,9 @@
               <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>

@@ -181,7 +186,7 @@
                  <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>

@@ -200,6 +205,7 @@
<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")