forked from drone/command-center-dashboard

罗广辉
2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7
src/views/Home/AINowFly.vue
@@ -3,27 +3,27 @@
      <div class="title">智引即飞<img @click="closeClick" src="@/assets/images/aiNowFly/close.png"/></div>
      <el-form ref="ruleFormRef" :model="params" :rules="rules" label-width="auto" size="small" status-icon>
         <el-form-item label="任务名称" prop="name">
            <el-input v-model="params.name" />
            <el-input class="ztzf-input" v-model="params.name" />
         </el-form-item>
         <el-form-item label="关联算法" prop="ai_types">
            <el-select v-model="params.ai_types" placeholder="请选择" multiple collapse-tags collapse-tags-tooltip>
            <el-select :teleported="false" class="ztzf-select" v-model="params.ai_types" placeholder="请选择" multiple collapse-tags collapse-tags-tooltip>
               <el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" />
            </el-select>
         </el-form-item>
         <el-form-item label="地址">
            <el-input disabled type="text" v-model="di" placeholder="地名&经纬度"/>
            <el-input class="ztzf-input" disabled type="text" v-model="di" placeholder="地名&经纬度"/>
         </el-form-item>
         <!--         todo-->
         <el-form-item label="飞行事件">
            <div class="event">
               <img src="@/assets/images/aiNowFly/picture-recording.png" alt="">
               <img src="../../assets/images/aiNowFly/event/startRecord.png" alt="">
               <div class="img-close" v-show="isPhoto">
                  <img @click="isPhoto=false" class="close" src="@/assets/images/aiNowFly/close.png" alt="">
                  <img src="@/assets/images/aiNowFly/photo.png" alt="">
                  <img src="../../assets/images/aiNowFly/event/takePhoto.png" alt="">
               </div>
               <div class="img-close" v-show="isStop">
                  <img @click="isStop=false" class="close" src="@/assets/images/aiNowFly/close.png" alt="">
                  <img src="@/assets/images/aiNowFly/stop.png" alt="">
                  <img src="../../assets/images/aiNowFly/event/hover.png" alt="">
               </div>
               <div class="add-event" @click="isShowEvent = !isShowEvent">+
                  <div class="event-select" v-show="isShowEvent">
@@ -159,7 +159,7 @@
      label: {
        text: `预计${item.minute}分钟`,
            font: 'bold 16px Source Han Sans CN',  // 加粗并增大字号
           // fillColor: new Cesium.Color(27/255, 179/255, 255/255, 1.0),
           // fillColor: new Cesium.Color(27/255, 179/255, 255/255, 1.0),
            // fillColor: Cesium.Color.WHITE,
            // style: Cesium.LabelStyle.FILL_AND_OUTLINE,
            // verticalOrigin: Cesium.VerticalOrigin.CENTER,
@@ -353,13 +353,16 @@
    :deep(.el-select),
    :deep(.el-select__wrapper) {
      background-color: #021740;
      box-shadow: 0 0 0 1px #026AD6;
      &.is-focus {
        box-shadow: 0 0 0 1px #026AD6;
      }
    }
:deep(.el-tag, .el-tag.el-tag--primary),
:deep(.el-tag.el-tag--info) {
    --el-tag-bg-color: none !important;
     --el-tag-border-color: none !important;
    --el-tag-hover-color: none !important;
}
    :deep(.el-input__wrapper.is-disabled) {
      background-color: #021740;
      box-shadow: 0 0 0 1px #026AD6;
@@ -440,7 +443,7 @@
         white-space: nowrap;
      }
   }
   .btn-submit {
      cursor: pointer;
      margin-left: 88px;