<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="event_name" label="名称" />
|
<el-table-column prop="media_type" label="类型" />
|
<el-table-column prop="photo_url" label="图片">
|
<template #default="scope">
|
<el-image
|
:style="{width: pxToRem(50), height: pxToRem(50)}"
|
:src="scope.row.photo_url"
|
:preview-src-list="[scope.row.photo_url]"
|
show-progress
|
preview-teleported
|
:initial-index="4"
|
fit="cover"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column prop="video_url" label="视频" />
|
<el-table-column prop="remark" label="备注" />
|
<el-table-column prop="status" label="状态">
|
<template #default="scope">
|
<el-tag v-if="scope.row.status === 0" type="info">待处理</el-tag>
|
<el-tag v-if="scope.row.status === 1" type="success">待分拨</el-tag>
|
<el-tag v-if="scope.row.status === 2" type="warning">待处理</el-tag>
|
<el-tag v-if="scope.row.status === 3" type="success">处理中</el-tag>
|
<el-tag v-if="scope.row.status === 4" type="success">已完成</el-tag>
|
<el-tag v-if="scope.row.status === 5" type="success">已完结</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" >
|
<template #default="scope">
|
<el-button type="primary" link @click="examine(scope.row)">审核</el-button>
|
<el-button type="primary" link @click="distribution(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"
|
/>
|
</template>
|
<script setup>
|
import { useStore } from 'vuex'
|
import { getDeviceEventList } from '@/api/home/machineNest'
|
import { ElMessage } from 'element-plus';
|
import { pxToRem } from '@/utils/rem'
|
|
|
const list = ref()
|
const params = ref({
|
wayLineJodInfoId:null
|
})
|
const sizeParams = ref({
|
current: 1,
|
size: 10,
|
})
|
const store = useStore()
|
const child_sn = computed(() => store.state.home.singleUavHome.child_sn)
|
const total = ref(10)
|
|
const distribution = row => {
|
ElMessage.warning('正在加急开发中...')
|
}
|
const examine = row => {
|
ElMessage.warning('正在加急开发中...')
|
}
|
const wayLineJodInfoId = inject("wayLineJodInfoId");
|
|
const getList = () => {
|
params.value.wayLineJodInfoId = wayLineJodInfoId.value
|
getDeviceEventList(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>
|
