无人机管理后台前端(已迁走)
xiaoxiao
2025-06-10 4cf0b6d70e50ee02611e2c6d844b6133f1383241
src/views/dataCenter/dataCenter.vue
@@ -1,11 +1,11 @@
<template>
  <div class="dataCenter-table">
    <searchData></searchData>
    <searchData @search="searchClick"></searchData>
    <!-- 表格部分 -->
    <div class="dataTable" >
    <div class="dataTable">
      <el-table
      v-loading="loading"
          element-loading-text="加载中"
        v-loading="loading"
        element-loading-text="加载中"
        stripe
        :data="tableData"
        class="custom-header"
@@ -15,8 +15,8 @@
        <el-table-column label="序号" type="index" width="60" />
        <el-table-column prop="regionName" label="所属区域" />
        <el-table-column property="nestName" label="所属机巢" />
        <el-table-column property="jobName" label="任务名称" show-overflow-tooltip/>
        <el-table-column prop="nickName" label="文件名称"   show-overflow-tooltip />
        <el-table-column property="jobName" label="任务名称" show-overflow-tooltip />
        <el-table-column prop="nickName" label="文件名称" show-overflow-tooltip />
        <el-table-column property="img" label="缩图" width="120">
          <template #default="scope">
            <img
@@ -43,10 +43,10 @@
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="任务时间" />
        <el-table-column property="photoType" label="文件类别" >
           <template #default="scope">
            <span>{{scope.row.photoType=== 'visible' ? '可见光':'红外'}}</span>
             </template>
        <el-table-column property="photoType" label="文件类别">
          <template #default="scope">
            <span>{{ scope.row.photoType === 'visible' ? '可见光' : '红外' }}</span>
          </template>
        </el-table-column>
        <el-table-column property="resultType" label="文件格式">
          <template #default="scope">
@@ -196,16 +196,31 @@
// 获取列表数据
const getgetaiImagesPage = () => {
  getaiImagesPage(jobListParams).then(res => {
  loading.value = true;
    loading.value = true;
    total.value = res.data.data.total;
    tableData.value = res.data.data?.records;
    console.log('res', tableData.value, total.value);
      loading.value = false;
    loading.value = false;
  });
};
const handleSizeChange = () => {};
const handleCurrentChange = () => {};
// 查询
const searchClick = params => {
  jobListParams.current = 1;
  jobListParams.size = 10;
  jobListParams.searchParams = params;
  console.log('jobListParams', jobListParams);
  // getgetaiImagesPage()
};
const handleSizeChange = val => {
  jobListParams.size = val;
  getgetaiImagesPage();
};
const handleCurrentChange = val => {
  jobListParams.current = val;
  getgetaiImagesPage();
};
// 多选
const selectedRows = ref([]);
const handleSelectionChange = val => {