<!-- 飞行日志 -->
|
<template>
|
<div class="flight">
|
<div class="search-box">
|
<el-form :model="params" inline>
|
<el-form-item label="日期:">
|
<el-date-picker
|
v-model="rangTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
/>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="getList">搜索</el-button>
|
<el-button @click="cancelSearch">取消</el-button>
|
</el-form-item>
|
</el-form>
|
<div>
|
<el-button :type="tabType === '全部'?'primary':'default'" @click="handleAll"><el-icon><Folder /></el-icon>全部</el-button>
|
<el-button :type="tabType === '收藏'?'primary':'default'" @click="handleStartList"><el-icon><Star /></el-icon>我的收藏</el-button>
|
</div>
|
</div>
|
<div class="mange-table">
|
<el-table border :data="tableList" class="custom-header">
|
<el-table-column label="序号" type="index" width="60"></el-table-column>
|
<el-table-column prop="title" label="飞行类型" align="center" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="device_name" label="无人机" align="center"></el-table-column>
|
<el-table-column prop="start_time" label="开始时间" align="center">
|
<template #default="scope">
|
{{ timeFormatConvert(scope.row.start_time) }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="end_time" label="结束时间" align="center">
|
<template #default="scope">
|
{{ timeFormatConvert(scope.row.end_time) }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="end_time" label="标签" align="center">
|
<template #default="scope">
|
<el-select v-model="scope.row.label_id" @change="handleUpdateLabel">
|
<el-option
|
v-for="item in labelList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" width="200" align="center">
|
<template #default="scope">
|
<!-- <el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button> -->
|
<!-- <el-button icon="el-icon-delete" type="text" @click="handleDelete">删除</el-button> -->
|
<el-button type="text" @click="handleStar(scope.row)"><el-icon><Star /></el-icon>收藏</el-button>
|
<el-button type="text" @click="handleExport(scope.row)"><el-icon><Download /></el-icon>导出</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="pagination">
|
<el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
|
:page-sizes="[10, 20, 30, 40, 50, 100]" :size="size" v-model:current-page="params.page"
|
v-model:page-size="params.page_size" layout="total, sizes, prev, pager, next, jumper" :total="total"
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
</div>
|
</div>
|
<!-- <el-dialog class="ztzf-dialog" append-to-body v-model="isShowView" title="查看"
|
:width="pxToRem(600)" :close-on-click-modal="false" :destroy-on-close="true">
|
<div class="content">
|
<table class="view-table" border>
|
<tr>
|
<td class="label">空域类型</td>
|
<td class="value">{{ rowView.model_name }}</td>
|
<td class="label">创建时间</td>
|
<td class="value">{{ rowView.alg_type }}</td>
|
</tr>
|
</table>
|
</div>
|
</el-dialog>
|
<el-dialog class="ztzf-dialog" append-to-body v-model="isShowEditView" title="新增"
|
:width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true">
|
<div class="content-edit">
|
<el-form ref="ruleFormRef" :model="editParams" :rules="rules" inline>
|
<el-form-item label="空域名称">
|
<el-input v-model="editParams.model_name" />
|
</el-form-item>
|
<div class="btns">
|
<el-button type="primary" @click="submit(ruleFormRef)">确认</el-button>
|
<el-button @click="isShowEditView = false">取消</el-button>
|
</div>
|
</el-form>
|
</div>
|
</el-dialog> -->
|
</template>
|
<script setup>
|
import { getHistoryTrack, exportFlyLog, addStar, updateDroneFlight } from '@/api/logs';
|
import { downloadXls } from '@/utils/util';
|
|
const total = ref(0)
|
let rangTime = ref([])
|
const params = ref({
|
isFavorite: false,
|
page: '1',
|
page_size: '10',
|
startTime: '',
|
endTime: '',
|
});
|
|
let tableList = ref([])
|
|
let isShowView = ref(false)
|
|
let rowView = ref({})
|
|
let isShowEditView = ref(false)
|
|
let tabType = ref('全部')
|
const ruleFormRef = ref()
|
let editParams = ref({
|
model_name: '',
|
alg_type: '',
|
qua_rate: '',
|
pass_rate: '',
|
event_type: '',
|
remark: ''
|
})
|
|
let labelList = ref([
|
{
|
value: '1',
|
label: '标签1'
|
},
|
{
|
value: '2',
|
label: '标签2'
|
},
|
{
|
value: '3',
|
label: '标签3'
|
},
|
])
|
|
function timeFormatConvert(time) {
|
const date = new Date(time);
|
return date.toLocaleString();
|
}
|
|
function cancelSearch() {
|
params.value = {
|
isFavorite: false,
|
page: '1',
|
page_size: '10',
|
}
|
getList()
|
}
|
|
function getList() {
|
params.value.startTime = rangTime.value[0] ? rangTime.value[0].getTime() : ''
|
params.value.endTime = rangTime.value[1]? rangTime.value[1].getTime() : ''
|
getHistoryTrack(params.value).then(res => {
|
tableList.value = res.data.data.list || []
|
total.value = res.data.data.pagination.total || 0
|
})
|
}
|
|
function handleAll() {
|
tabType.value = '全部'
|
}
|
|
function handleStartList() {
|
params.value.isFavorite = true
|
tabType.value = '收藏'
|
params.value.page = 1
|
getList()
|
}
|
|
// async function submit(formValidate) {
|
// if (!formValidate) return
|
// await formValidate.validate((valid, fields) => {
|
// if (valid) {
|
// algorithmManageEdit(editParams.value).then(res => {
|
// isShowEditView.value = false
|
// getList()
|
// })
|
// }
|
// })
|
// }
|
|
// 收藏
|
function handleStar(row) {
|
addStar({ flight_log_id: row.id }).then(res => {
|
getList()
|
})
|
}
|
|
// 打标签
|
function handleUpdateLabel(row) {
|
updateDroneFlight({ flight_log_id: row.id, states: row.states }).then(res => {
|
getList()
|
})
|
}
|
|
// 导出
|
function handleExport(row) {
|
exportFlyLog({ flight_id: row.id }).then(res => {
|
console.log(res)
|
downloadXls(res.data.data, `${row.job_name}.xls`);
|
})
|
}
|
|
function handleSizeChange(val) {
|
params.value.page_size = val
|
getList()
|
}
|
function handleCurrentChange(val) {
|
params.value.page = val
|
getList()
|
}
|
|
onMounted(() => {
|
getList()
|
})
|
</script>
|
|
<style lang="scss" scoped>
|
.flight {
|
height: 0;
|
flex: 1;
|
margin: 0 10px 10px 10px;
|
background-color: #ffffff;
|
padding: 10px 20px;
|
border-radius: 5px;
|
display: flex;
|
flex-direction: column;
|
.search-box {
|
height: 80px;
|
}
|
|
:deep(.el-input) {
|
.el-input__wrapper {
|
width: 200px;
|
}
|
}
|
|
// 表格
|
.mange-table {
|
height: 0;
|
flex: 1;
|
margin-top: 18px;
|
overflow: auto;
|
}
|
:deep(.el-pagination) {
|
display: flex;
|
justify-content: right;
|
}
|
|
:deep(.el-pagination button) {
|
background: center center no-repeat none !important;
|
color: #8eb8ea !important;
|
}
|
:deep(.ztzf-select){
|
.el-select__selection {
|
width: 200px;
|
}
|
}
|
}
|
|
.content {
|
padding: 20px;
|
|
.view-table {
|
width: 100%;
|
border-collapse: collapse;
|
border: 1px solid #EBEEF5;
|
|
tr {
|
&:not(:last-child) {
|
border-bottom: 1px solid #EBEEF5;
|
}
|
|
td {
|
padding: 12px 10px;
|
|
&.label {
|
width: 140px;
|
text-align: right;
|
// color: #909399;
|
// background-color: #F5F7FA;
|
border-right: 1px solid #EBEEF5;
|
}
|
|
&.value {
|
width: 180px;
|
// color: #303133;
|
}
|
}
|
}
|
}
|
}
|
.content-edit {
|
.el-form {
|
.el-form-item {
|
width: 300px;
|
:deep(.el-form-item__label) {
|
width: 120px;
|
}
|
|
}
|
.btns {
|
display: flex;
|
justify-content: center
|
}
|
}
|
}
|
</style>
|
