| | |
| | | <template> |
| | | <div class="task-details-right-container"> |
| | | <div class="titleImg"> |
| | | <div class="titleImg"> |
| | | <img :src="droneImg" alt="" /> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <BaseControl v-if="taskDetails.workspace_id"/> |
| | | <BaseControl v-if="taskDetails.workspace_id" /> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | |
| | | 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' }, |
| | |
| | | { 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"> |
| | |
| | | gap: 25px 0; |
| | | align-items: center; |
| | | |
| | | .manualControl{ |
| | | .manualControl { |
| | | background: transparent !important; |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | img{ |
| | | |
| | | img { |
| | | width: 100px; |
| | | height: 68px; |
| | | } |
| | |
| | | display: flex; |
| | | font-family: Segoe UI, Segoe UI; |
| | | font-size: 14px; |
| | | |
| | | .itemName { |
| | | flex-shrink: 0; |
| | | font-weight: 400; |
| | | |
| | | color: #D3D3D3; |
| | | color: #d3d3d3; |
| | | } |
| | | |
| | | .itemValue { |