<template>
|
<el-divider content-position="left">相关任务 {{ total }}次</el-divider>
|
<el-table :data="list" style="width: 100%">
|
<el-table-column prop="id" label="id" />
|
<el-table-column prop="name" label="名称" />
|
<el-table-column prop="industry_type_str" label="任务类型" />
|
<el-table-column prop="ai_type_str" label="关联算法" />
|
<el-table-column prop="event_number" label="事件工单" />
|
<el-table-column prop="remark" label="备注" />
|
<el-table-column prop="area_code" label="地区代码" />
|
<el-table-column prop="begin_time" label="开始时间" />
|
<el-table-column prop="end_time" label="结束时间" />
|
<el-table-column prop="creator_name" label="创建者" />
|
<el-table-column label="操作">
|
<template #default="scope">
|
<el-button type="primary" link @click="viewJob(scope.row)">查看</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination
|
background
|
:page-sizes="[10, 20, 30, 50]"
|
v-model:current-page="sizeParams.current"
|
v-model:page-size="sizeParams.size"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="total"
|
@change="pageChange"
|
/>
|
|
<DeviceJobDetails v-model:show="deviceJobDetailsShow"/>
|
|
</template>
|
<script setup>
|
import { useStore } from 'vuex'
|
import DeviceJobDetails from './DeviceJobDetails/DeviceJobDetails.vue';
|
import { getDeviceJobList } from '@/api/home/task'
|
|
const list = ref([])
|
const params = ref({
|
device_sn: null,
|
})
|
const sizeParams = ref({
|
current: 1,
|
size: 10,
|
})
|
const store = useStore()
|
const device_sn = computed(() => store.state.home.singleUavHome.device_sn)
|
const total = ref(0)
|
const deviceJobDetailsShow = ref(false)
|
const wayLineJodInfoId = ref(null)
|
provide('wayLineJodInfoId', wayLineJodInfoId)
|
const viewJob = (row) => {
|
wayLineJodInfoId.value = row.id
|
deviceJobDetailsShow.value = true
|
}
|
|
const getList = () => {
|
params.value.device_sn = device_sn.value
|
getDeviceJobList(params.value, sizeParams.value).then(res => {
|
const resData = res?.data?.data || {}
|
list.value = resData.records
|
total.value = resData.total
|
})
|
}
|
|
const pageChange = val => {
|
sizeParams.value.current = val
|
getList()
|
}
|
onMounted(() => {
|
getList()
|
})
|
</script>
|
<style scoped lang="scss"></style>
|
