初始化2

bj_power_mes/frontend/src/pages/EventLog.vue

@@ -0,0 +1,40 @@
+<template>
+  <el-card>
+    <el-form inline>
+      <el-form-item label="工单号"><el-input v-model="query.orderNo" clearable style="width:180px" @keyup.enter="load" /></el-form-item>
+      <el-form-item label="操作人"><el-input v-model="query.operator" clearable style="width:120px" @keyup.enter="load" /></el-form-item>
+      <el-form-item label="类型"><el-input v-model="query.eventType" clearable style="width:180px" @keyup.enter="load" /></el-form-item>
+      <el-form-item><el-button type="primary" @click="load">查询</el-button></el-form-item>
+    </el-form>
+    <el-table :data="list" border size="small">
+      <el-table-column prop="id" label="ID" width="60" />
+      <el-table-column prop="eventType" label="事件类型" min-width="150" />
+      <el-table-column prop="workOrderNo" label="工单号" min-width="130" />
+      <el-table-column prop="description" label="描述" min-width="160" />
+      <el-table-column prop="entityType" label="实体" width="130" />
+      <el-table-column prop="entityId" label="实体ID" width="120" />
+      <el-table-column prop="operator" label="操作人" width="90" />
+      <el-table-column prop="createdAt" label="时间" min-width="170" />
+    </el-table>
+    <el-pagination v-model:current-page="page" :page-size="pageSize" :total="total"
+      layout="total, prev, pager, next" background style="margin-top:10px" @current-change="load" />
+  </el-card>
+</template>
+
+<script setup>
+import { reactive, ref, onMounted } from 'vue'
+import request from '../utils/request'
+
+const query = reactive({ orderNo: '', operator: '', eventType: '' })
+const list = ref([])
+const total = ref(0)
+const page = ref(1)
+const pageSize = ref(20)
+
+async function load() {
+  const data = await request.get('/event-logs', { params: { ...query, page: page.value, pageSize: pageSize.value } })
+  list.value = data?.list || []
+  total.value = data?.total || 0
+}
+onMounted(load)
+</script>