feat: 名称修改

罗广辉

2025-10-11 02409bfbe15f22fc3b5dccadabfd860a660a49d9

 src/views/flightLog/flightLog.vue

@@ -5,6 +5,12 @@
      <el-form :model="params" inline>
        <div style="display: flex;justify-content: space-between">
          <div>
            <el-form-item label="任务名称:">
            <el-input v-model="params.jobName" placeholder="请输入任务名称" clearable />
          </el-form-item>
          <el-form-item label="任务编号:">
            <el-input v-model="params.jobInfoNum" placeholder="请输入任务编号" clearable />
          </el-form-item>
        <el-form-item label="日期:">
          <el-date-picker
            v-model="rangTime"
@@ -35,8 +41,9 @@
        <el-tab-pane label="全部" name="全部"></el-tab-pane>
        <el-tab-pane label="我的收藏" name="收藏"></el-tab-pane>
         <el-table border :data="tableList" class="custom-header">
            <el-table-column label="序号" type="index" width="60"></el-table-column>
            <el-table-column label="序号" type="index" width="60" align="center"></el-table-column>
        <el-table-column prop="job_name" label="任务名称" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="job_info_num" label="任务编号" align="center" show-overflow-tooltip></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">
@@ -61,10 +68,11 @@
            </el-select>
          </template>
        </el-table-column>
            <el-table-column label="操作" width="300" align="center">
            <el-table-column label="操作" width="340" 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(scope.row)">删除</el-button> 
            <el-button icon="el-icon-view" type="text" v-if="!scope.row.isHL" @click="handleWarnInfo(scope.row)">警告</el-button>
                  <el-button icon="el-icon-delete" type="text" @click="handleDelete(scope.row)">删除</el-button>
            <el-button type="text" @click="handleStar(scope.row)">
              <el-icon><Star /></el-icon>
              {{ scope.row.is_favorite ? '取消收藏':'收藏' }}</el-button>
@@ -74,7 +82,7 @@
         </el-table>
    </el-tabs>
      </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"
@@ -101,6 +109,18 @@
    <!-- </div> -->
    </div>
   </el-dialog>
  <el-dialog class="ztzf-dialog" append-to-body v-model="isShowWarnView" title="查看警告信息" :width="pxToRem(1000)" :close-on-click-modal="false" :destroy-on-close="true">
    <el-table border :data="warningList" height="300">
      <el-table-column label="序号" type="index" width="60" align="center"></el-table-column>
      <el-table-column prop="warn_info" label="内容" align="center" show-overflow-tooltip></el-table-column>
    </el-table>
    <template #footer>
        <span class="dialog-footer">
          <el-button @click="isShowWarnView = false">取 消</el-button>
          <el-button type="primary" @click="hlSubmit">忽略</el-button>
        </span>
    </template>
  </el-dialog>
</template>
<script setup>
import { getHistoryTrack, cancelStar, addStar, updateDroneFlight, droneFlightLogInfoPage } from '@/api/logs';
@@ -108,6 +128,7 @@
import { downloadXls } from '@/utils/util';
import { exportBlob } from '@/api/common'
import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
import { dateNow } from '@/utils/date';

const total = ref(0)
let rangTime = ref([])
@@ -117,26 +138,17 @@
  page_size: 10,
  startTime: '',
  endTime: '',
  jobName: '',
  jobInfoNum: '',
});

let tableList = ref([])

let isShowView = ref(false)

// let rowView = ref({})

// let isShowEditView = ref(false)
let isShowWarnView = ref(false)
let warningList = ref([])

let tabType = ref('全部')
// const ruleFormRef = ref()
// let editParams = ref({
//   model_name: '',
//   alg_type: '',
//   qua_rate: '',
//   pass_rate: '',
//   event_type: '',
//   remark: ''
// })

function timeFormatConvert(time) {
  if (!time) return '/'
@@ -152,6 +164,8 @@
    isFavorite: tabType.value === '收藏' ? true : false,
    page: '1',
    page_size: '10',
    jobName: '',
    jobInfoNum: '',
  }
  getList()
}
@@ -165,8 +179,24 @@
    23, 59, 59
  ).getTime() : ''
  getHistoryTrack(params.value).then(res => {
    tableList.value = res.data.data.list || []
    tableList.value = res.data.data.list.map(item => {
      return {
        ...item,
        isHL: false,
        children: [{
          id: item.id,
          time: timeFormatConvert(dateNow()),
          warn_info: '信号受到干扰，请谨慎飞行'
        },
          {
            id: item.id,
            time: timeFormatConvert(dateNow()),
            warn_info: '风速较大，请谨慎飞行'
          }],
      }
    })
    total.value = res.data.data.pagination.total || 0

  })
}

@@ -192,6 +222,22 @@
  droneFlightLogInfoPage(detailParams.value).then(res => {
    tableDataDetails.value = res.data.data.records
    detailTotal.value = res.data.data.total
  })
}
// 警告信息
let saveId = ref('')
function handleWarnInfo(row) {
  isShowWarnView.value = true
  saveId.value = row.id
  warningList.value = tableList.value.find(item => item.id === row.id).children
}
function hlSubmit() {
  // 设置isHL为true
  tableList.value.map(item => {
    if (item.id === saveId.value) {
      item.isHL = true
      isShowWarnView.value = false
    }
  })
}
// 分页
@@ -226,18 +272,6 @@
    handleStartList()
  }
}

// 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) {
@@ -360,23 +394,23 @@
      }
    }
  }
  

 .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;
@@ -384,7 +418,7 @@
          // background-color: #F5F7FA;
          border-right: 1px solid #EBEEF5;
        }
        

        &.value {
          width: 180px;
          // color: #303133;
@@ -400,7 +434,7 @@
      :deep(.el-form-item__label) {
        width: 120px;
      }
      

    }
    .btns {
        display: flex;
@@ -408,4 +442,4 @@
      }
  }
}
</style>
</style>