From 7dad8e1ab0078da2ed7490b6eaac5c3ec0c0fd2b Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 19 Apr 2025 21:34:19 +0800
Subject: [PATCH] feat: 事件跳转后台
---
src/components/CurrentTaskDetails/TaskDetailsRight.vue | 45 +++++++++++++++++++++++++++++++++------------
1 files changed, 33 insertions(+), 12 deletions(-)
diff --git a/src/components/CurrentTaskDetails/TaskDetailsRight.vue b/src/components/CurrentTaskDetails/TaskDetailsRight.vue
index 61b2189..d580a43 100644
--- a/src/components/CurrentTaskDetails/TaskDetailsRight.vue
+++ b/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="workspace_id" />
</div>
</template>
<script setup>
@@ -19,12 +19,7 @@
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 workspace_id = inject('workspace_id')
const list = ref([
{ name: '任务编号', value: '', field: 'job_info_num' },
@@ -37,6 +32,27 @@
{ name: '关联算法', value: '', field: 'ai_type_str' },
{ name: '任务描述', value: '', field: 'remark' },
])
+// takePhoto，hover
+watch(
+ taskDetails,
+ () => {
+ list.value.forEach(item => {
+ item.value = taskDetails?.value?.[item.field] || ''
+ if (item.name === '任务频次') {
+ const { rep_rule_type = '', rep_rule_val = '' } = taskDetails?.value || {}
+ item.value = rep_rule_type + ' -- ' + rep_rule_val
+ }
+ if (item.name === '飞行事件') {
+ const { action_modes = [] } = taskDetails?.value || {}
+ // todo item.value = action_modes.
+ }
+ })
+ },
+ {
+ immediate: true,
+ deep: true,
+ }
+)
</script>
<style scoped lang="scss">
@@ -47,14 +63,15 @@
top: 0;
width: 297px;
height: 1002px;
- background: rgba(31, 31, 31, 0.15);
+ background: rgba(31, 31, 31, 0.5);
+ backdrop-filter: blur(0.5rem);
border-radius: 0px 40px 40px 0px;
display: flex;
flex-direction: column;
gap: 25px 0;
align-items: center;
- .manualControl{
+ .manualControl {
background: transparent !important;
}
@@ -68,7 +85,8 @@
display: flex;
align-items: center;
justify-content: center;
- img{
+
+ img {
width: 100px;
height: 68px;
}
@@ -86,16 +104,19 @@
display: flex;
font-family: Segoe UI, Segoe UI;
font-size: 14px;
+
.itemName {
flex-shrink: 0;
font-weight: 400;
- color: #D3D3D3;
+ color: #d3d3d3;
}
.itemValue {
font-weight: bold;
color: #ffffff;
+ word-break: break-all; /* 强制在任意字符断行 */
+ white-space: normal; /* 允许正常换行 */
}
}
}
--
Gitblit v1.9.3