40 lines
1.9 KiB
Vue
40 lines
1.9 KiB
Vue
|
<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>
|