feat:更新删除和飞行日志

chenyao

2025-09-15 fb93d63d984a98d10e186c9507547b8e65d6bd38

 src/views/flightLog/flightLog.vue

File was renamed from src/views/monitor/log/flight.vue
@@ -3,11 +3,15 @@
  <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>
@@ -15,31 +19,43 @@
        </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>
@@ -65,17 +81,16 @@
        </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([])
@@ -86,7 +101,7 @@

let isShowEditView = ref(false)

let sfTypes = ref([])
let tabType = ref('全部')
const ruleFormRef = ref()
let editParams = ref({
  model_name: '',
@@ -138,18 +153,24 @@
  ],
})

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) {
@@ -164,6 +185,14 @@
  // editParams.value = { ...row }
}

function handleAll() {
  tabType.value = '全部'
}

function handleStartList() {
  tabType.value = '收藏'
}

async function submit(formValidate) {
  if (!formValidate) return
  await formValidate.validate((valid, fields) => {
@@ -176,6 +205,15 @@
  })
}

function handleSizeChange(val) {
  params.value.page_size = val
  getList()
}
function handleCurrentChange(val) {
  params.value.page = val
  getList()
}

onMounted(() => {
  getList()
})