无人机管理后台前端(已迁走)
chenyao
2025-07-22 30fbce3ee3fca39e7f5a0f8be35574eff9119554
src/views/job/components/TaskIntermediateContent/TaskIntermediateContent.vue
@@ -3,7 +3,7 @@
   <div class="task-intermediate-content">
      <SearchBox @search="searchClick" @addTask="handleAddTask"></SearchBox>
      <div class="task-table">
         <el-table border :data="jobListData" class="custom-header">
         <el-table border :data="jobListData" class="custom-header" @cell-click="handleCellClick">
            <el-table-column label="序号" type="index" width="60">
               <template #default="{ $index }">
                  {{ ($index + 1 + (jobListParams.current - 1) * jobListParams.size).toString().padStart(2,
@@ -17,6 +17,7 @@
            <el-table-column prop="ai_type_str" label="关联算法" show-overflow-tooltip align="center" />
            <el-table-column label="任务状态" align="center">
               <template #default="scope">
                  <div class="base_f_c_c">
                  <span :style="{
                     color:
                        scope.row.status === 1
@@ -33,6 +34,16 @@
                  }">
                     {{ scope.row.status ? getStatusText(scope.row.status) : '' }}
                  </span>
                  <el-tooltip
                        class="item"
                        effect="dark"
                        :content="scope.row.reason"
                        placement="top"
                        popper-class="reasonNotFly ztzf-tooltip-box1"
                     >
                        <el-icon v-if="scope.row.status === 5 && scope.row.reason" color="#FF4848"><QuestionFilled /></el-icon>
                     </el-tooltip>
                  </div>
               </template>
            </el-table-column>
            <el-table-column prop="is_circle_job" label="任务类型" align="center">
@@ -218,6 +229,18 @@
   })
}
function handleCellClick(row, column) {
   if (column.no === 1) {
      navigator.clipboard.writeText(row.job_info_num).then(() => {
         ElMessage.success('复制任务编号成功')
      })
   } else if (column.no === 2) {
      navigator.clipboard.writeText(row.name).then(() => {
         ElMessage.success('复制任务名称成功')
      })
   }
}
onMounted(() => {
   // getJobList()
})