|
@@ -1,9 +1,57 @@
|
|
|
<template>
|
|
<template>
|
|
|
<a-card>
|
|
<a-card>
|
|
|
- <a-empty />
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <a-table
|
|
|
|
|
+ :columns="columns"
|
|
|
|
|
+ :loading="state.loading"
|
|
|
|
|
+ :dataSource="state.dataSource"
|
|
|
|
|
+ >
|
|
|
|
|
+
|
|
|
|
|
+ </a-table>
|
|
|
</a-card>
|
|
</a-card>
|
|
|
</template>
|
|
</template>
|
|
|
<script lang='ts' setup >
|
|
<script lang='ts' setup >
|
|
|
|
|
+import { EventController } from '@/controller'
|
|
|
|
|
+import { onMounted, reactive } from 'vue'
|
|
|
|
|
+
|
|
|
|
|
+const columns = [
|
|
|
|
|
+ {
|
|
|
|
|
+ title: '业务类型',
|
|
|
|
|
+ dataIndex: 'eventType'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title: '业务步骤',
|
|
|
|
|
+ dataIndex: 'setup'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title: '业务详情',
|
|
|
|
|
+ dataIndex: 'detail'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title: '记录时间',
|
|
|
|
|
+ dataIndex: 'date'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title: '消息状态',
|
|
|
|
|
+ dataIndex: 'status'
|
|
|
|
|
+ }
|
|
|
|
|
+]
|
|
|
|
|
+const state = reactive({
|
|
|
|
|
+ loading: false,
|
|
|
|
|
+ dataSource: []
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const getMsgTrace = async () => {
|
|
|
|
|
+ state.loading = true
|
|
|
|
|
+ const { data } = await EventController.list({ deviceId: '1', startTime: 0 })
|
|
|
|
|
+ state.loading = false
|
|
|
|
|
+ state.dataSource = data
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+onMounted(() => {
|
|
|
|
|
+ getMsgTrace()
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
</script>
|
|
</script>
|
|
|
<style lang='less' scoped >
|
|
<style lang='less' scoped >
|
|
|
</style>
|
|
</style>
|