| File was renamed from src/views/monitor/log/flight.vue |
| | |
| | | <div class="flight"> |
| | | <div class="search-box"> |
| | | <el-form :model="params" inline> |
| | | <el-form-item label="类型名称:"> |
| | | <el-input v-model="params.algName" placeholder="请输入空域名称" clearable /> |
| | | </el-form-item> |
| | | <el-form-item label="创建人:"> |
| | | <el-input v-model="params.algName" placeholder="请输入空域名称" clearable /> |
| | | <el-form-item label="日期:"> |
| | | <!-- <el-picker v-model="params.start_time" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"></el-picker> --> |
| | | <el-date-picker |
| | | v-model="params.start_time" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div> |
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增类型</el-button> |
| | | <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="model_name" label="类型名称" align="center" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="alg_type" label="创建时间" align="center"></el-table-column> |
| | | <el-table-column prop="alg_type" label="创建人" align="center"></el-table-column> |
| | | <el-table-column label="操作" width="180" align="center"> |
| | | <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 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 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="handleStart"><el-icon><Star /></el-icon>收藏</el-button> |
| | | <el-button type="text" @click="handleExport"><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.current" |
| | | v-model:page-size="params.size" layout="total, sizes, prev, pager, next, jumper" :total="total" |
| | | :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="查看" |
| | | <!-- <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> |
| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </el-dialog> |
| | | </el-dialog> --> |
| | | </template> |
| | | <script setup> |
| | | // import { getHistoryTrack } from '@/api/log'; |
| | | import { getHistoryTrack } from '@/api/logs'; |
| | | |
| | | const total = ref(0) |
| | | const params = ref({ |
| | | current: 1, |
| | | size: 10, |
| | | algName: '', |
| | | algTypeCode: '', |
| | | workspaceId: '6566662f-17c5-44f1-89d2-f09b37b81794', |
| | | page: '1', |
| | | page_size: '10', |
| | | }); |
| | | |
| | | let tableList = ref([]) |
| | |
| | | |
| | | let isShowEditView = ref(false) |
| | | |
| | | let sfTypes = ref([]) |
| | | let tabType = ref('全部') |
| | | const ruleFormRef = ref() |
| | | let editParams = ref({ |
| | | model_name: '', |
| | |
| | | ], |
| | | }) |
| | | |
| | | function timeFormatConvert(time) { |
| | | const date = new Date(time); |
| | | return date.toLocaleString(); |
| | | } |
| | | |
| | | function cancelSearch() { |
| | | params.value = { |
| | | algName: '', |
| | | algTypeCode: '', |
| | | workspaceId: '', |
| | | page: '1', |
| | | page_size: '10', |
| | | } |
| | | getList() |
| | | } |
| | | |
| | | function getList() { |
| | | getAlgorithmManageList(params.value).then(res => { |
| | | tableList.value = res.data.data.records || [] |
| | | total.value = res.data.data.total || 0 |
| | | getHistoryTrack(params.value).then(res => { |
| | | tableList.value = res.data.data.list || [] |
| | | total.value = res.data.data.pagination.total || 0 |
| | | }) |
| | | } |
| | | function handleDetail(row) { |
| | |
| | | // editParams.value = { ...row } |
| | | } |
| | | |
| | | function handleAll() { |
| | | tabType.value = '全部' |
| | | } |
| | | |
| | | function handleStartList() { |
| | | tabType.value = '收藏' |
| | | } |
| | | |
| | | async function submit(formValidate) { |
| | | if (!formValidate) return |
| | | await formValidate.validate((valid, fields) => { |
| | |
| | | }) |
| | | } |
| | | |
| | | function handleSizeChange(val) { |
| | | params.value.page_size = val |
| | | getList() |
| | | } |
| | | function handleCurrentChange(val) { |
| | | params.value.page = val |
| | | getList() |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getList() |
| | | }) |