feat: 当前任务详情，相机模式，拍照录像，ui调整

罗广辉

2025-04-16 88a0986cdcb84b16ed63a88f8dbefb9aa44e7365

 src/views/TaskManage/TaskIntermediateContent/CurrentTaskDetails/TaskDetailsRight.vue

@@ -1,6 +1,8 @@
<template>
   <div class="task-details-right-container">
      <img :src="kz1Img" alt="" class="titleImg" />
      <div  class="titleImg">
         <img :src="droneImg" alt="" />
      </div>

      <div class="taskInfo">
         <div v-for="item in list" class="itemBox">
@@ -13,7 +15,7 @@
   </div>
</template>
<script setup>
import kz1Img from '@/assets/images/taskManagement/taskIntermediateContent/controlCenter.png'
import droneImg from '@/assets/images/taskManagement/taskIntermediateContent/droneImg.png'
import BaseControl from '@/views/TaskManage/TaskIntermediateContent/CurrentTaskDetails/ControlPanel/BaseControl.vue'

const taskDetails = inject('taskDetails')
@@ -59,6 +61,13 @@
      box-shadow: 0px 4px 72px 0px rgba(0, 0, 0, 0.25);
      border-radius: 12px 12px 12px 12px;
      border: 1px solid rgba(255, 255, 255, 0.99);
      display: flex;
      align-items: center;
      justify-content: center;
      img{
         width: 100px;
         height: 68px;
      }
   }

   .taskInfo {
@@ -72,16 +81,17 @@
      .itemBox {
         display: flex;
         font-family: Segoe UI, Segoe UI;

         font-size: 14px;
         .itemName {
            flex-shrink: 0;
            font-weight: 400;

            color: #D3D3D3;
         }

         .itemValue {
            font-weight: bold;
            font-size: 14px;
            color: #ffffff;
            line-height: 18px;
         }
      }
   }