parent
c846ff24b7
commit
f834675398
@ -0,0 +1,14 @@ |
||||
import { AxiosPromise } from "axios"; |
||||
import { DeviceTypeVerLogPageResult } from "@/api/device-type-ver-log/types"; |
||||
import request from "@/utils/request"; |
||||
|
||||
export function deviceTypeVerLogPage( |
||||
devId?: number, |
||||
data?: PageQuery |
||||
): AxiosPromise<DeviceTypeVerLogPageResult> { |
||||
return request({ |
||||
url: `/api/device-type-ver-log/v1/page/${devId}`, |
||||
method: "POST", |
||||
data, |
||||
}); |
||||
} |
@ -0,0 +1,16 @@ |
||||
export interface DeviceTypeVerLogVO { |
||||
logid?: number; |
||||
|
||||
taskName?: string; |
||||
|
||||
loId?: string; |
||||
|
||||
devSno?: string; |
||||
|
||||
startTime?: string; |
||||
|
||||
endTime?: string; |
||||
|
||||
taskStatus?: string; |
||||
} |
||||
export type DeviceTypeVerLogPageResult = PageResult<DeviceTypeVerLogVO[]>; |
@ -0,0 +1,61 @@ |
||||
<template> |
||||
<div class="app-container"> |
||||
<el-card shadow="never"> |
||||
<template #header> |
||||
<div style="display: flex; justify-content: space-between"> |
||||
<div style="font-weight: 700; line-height: 32px; font-size: 14px"> |
||||
设备软件版本对外接口能力调用信息 |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div class="any-table"> |
||||
<el-table :data="tableData" v-loading="loading"> |
||||
<el-table-column label="设备序列号" prop="devSno" align="center" /> |
||||
<el-table-column label="逻辑ID" prop="loId" align="center" /> |
||||
<el-table-column label="任务名称" prop="taskName" align="center" /> |
||||
<el-table-column label="开始时间" prop="startTime" align="center" /> |
||||
<el-table-column label="结束时间" prop="endTime" align="center" /> |
||||
<el-table-column label="执行状态" prop="taskStatus" align="center" /> |
||||
</el-table> |
||||
<pagination |
||||
v-if="total > 0" |
||||
v-model:total="total" |
||||
v-model:page="queryForm.pageNum" |
||||
v-model:limit="queryForm.pageSize" |
||||
@pagination="getData" |
||||
/> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { DeviceTypeVerLogVO } from "@/api/device-type-ver-log/types"; |
||||
import { deviceTypeVerLogPage } from "@/api/device-type-ver-log"; |
||||
const route = useRoute(); |
||||
let devId: number = parseInt(<string>route.params.devId); |
||||
const tableData = ref<DeviceTypeVerLogVO[]>([]); |
||||
const total = ref<number>(0); |
||||
const queryForm = ref<PageQuery>({ pageNum: 1, pageSize: 10 }); |
||||
const loading = ref<boolean>(false); |
||||
const getData = () => { |
||||
loading.value = true; |
||||
deviceTypeVerLogPage(devId, queryForm.value) |
||||
.then(({ data }) => { |
||||
tableData.value = data.list; |
||||
total.value = data.total; |
||||
}) |
||||
.finally(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
onMounted(() => { |
||||
getData(); |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped> |
||||
:deep(.el-card__body) { |
||||
padding: 10px 0 0 0; |
||||
} |
||||
</style> |
Loading…
Reference in new issue