forked from drone/command-center-dashboard

chenyao
2025-04-19 76eb78c9874ddb6b4153341dce021bc5195426ba
src/components/CurrentTaskDetails/TaskDetailsRight.vue
@@ -1,6 +1,6 @@
<template>
   <div class="task-details-right-container">
      <div  class="titleImg">
      <div class="titleImg">
         <img :src="droneImg" alt="" />
      </div>
@@ -11,7 +11,7 @@
         </div>
      </div>
      <BaseControl v-if="taskDetails.workspace_id"/>
      <BaseControl v-if="taskDetails.workspace_id" />
   </div>
</template>
<script setup>
@@ -19,12 +19,6 @@
import BaseControl from '@/components/CurrentTaskDetails/ControlPanel/BaseControl.vue'
const taskDetails = inject('taskDetails')
watch(taskDetails, () => {
   list.value.forEach(item => {
      item.value = taskDetails?.value?.[item.field] || ''
   })
})
const list = ref([
   { name: '任务编号', value: '', field: 'job_info_num' },
@@ -37,6 +31,21 @@
   { name: '关联算法', value: '', field: 'ai_type_str' },
   { name: '任务描述', value: '', field: 'remark' },
])
watch(
   taskDetails,
   () => {
      list.value.forEach(item => {
         item.value = taskDetails?.value?.[item.field] || ''
      })
   },
   {
      immediate: true,
      deep: true,
   }
)
</script>
<style scoped lang="scss">
@@ -54,7 +63,7 @@
   gap: 25px 0;
   align-items: center;
   .manualControl{
   .manualControl {
      background: transparent !important;
   }
@@ -68,7 +77,8 @@
      display: flex;
      align-items: center;
      justify-content: center;
      img{
      img {
         width: 100px;
         height: 68px;
      }
@@ -86,11 +96,12 @@
         display: flex;
         font-family: Segoe UI, Segoe UI;
         font-size: 14px;
         .itemName {
            flex-shrink: 0;
            font-weight: 400;
            color: #D3D3D3;
            color: #d3d3d3;
         }
         .itemValue {