修改message样式，增加巡航模式，亮度设置功能

frontend/Skyeye-sys-ui/src/store/modules/dict.js

@@ -22,10 +22,14 @@ const state = {
       label: '快速模式',
       value: '1'
     },
+    {
+      label: '巡航模式',
+      value: '2'
+    },
     {
       label: '创建航线',
       value: '3'
-    }
+    },
   ],
   polarization: {},
   polarizationOptions: {},

frontend/Skyeye-sys-ui/src/styles/element.scss

@@ -760,6 +760,7 @@
       ------------------------------------- */
 .el-message {
   border: none;
+  top: 60px !important;
 
   // &[class*='success'] {
   //   background-color: rgba(mix(#000, $--color-green, 30%), 0.7);

frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue

@@ -303,7 +303,11 @@
           </el-table>
         </div>-->
 
-          <el-form-item prop="startAltitude" label="起飞点高度">
+          <el-form-item
+            v-if="form.mode !== '2'"
+            prop="startAltitude"
+            label="起飞点高度"
+          >
             <div class="input-command">
               <el-input
                 v-model.number="form.startAltitude"
@@ -391,7 +395,11 @@
             <!--            </el-select>-->
             <!--          </el-form-item>-->
 
-            <el-form-item prop="initSpeed" label="飞行速度">
+            <el-form-item
+              v-if="form.mode !== '2'"
+              prop="initSpeed"
+              label="飞行速度"
+            >
               <!--            <el-input-->
               <!--              v-model.number="form.initSpeed"-->
               <!--              type="number"-->
@@ -481,14 +489,11 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item prop="flyHeight" label="飞行高度">
+            <el-form-item
-              <!--            <el-input-->
+              v-if="form.mode !== '2'"
-              <!--              @change="calculateWidth"-->
+              prop="flyHeight"
-              <!--              v-model.number="form.flyHeight"-->
+              label="飞行高度"
-              <!--              type="number"-->
+            >
-              <!--              size="small"-->
-              <!--              placeholder="请输入飞行高度"-->
-              <!--            ></el-input>-->
               <el-slider
                 v-model="form.flyHeight"
                 show-input
@@ -497,9 +502,8 @@
                 :max="500"
                 size="mini"
               ></el-slider>
-              <!--            <el-input-number @change="calculateWidth" v-model="form.flyHeight" controls-position="right" :min="50" :max="500"></el-input-number>-->
             </el-form-item>
-            <el-form-item label="下视角">
+            <el-form-item v-if="form.mode !== '2'" label="下视角">
               <el-slider
                 v-model="form.theta"
                 :step="0.1"

frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.js

@@ -27,7 +27,7 @@ import UavTarget from './uavTarget'
 import PicturesUpload from '../pictures-upload/index.vue'
 import RightSlide from '@/components/RightSlide.vue'
 import LeftSlide from '@/components/LeftSlide.vue'
-
+import { debounce } from '@/utils'
 let handler = undefined
 let broadcastChannel = null
 let broadcastChannelInterval = null
@@ -394,7 +394,9 @@ export default {
         title: '航线详情',
         data: []
       },
-      emptyImg: require('@/assets/img/common/empty.svg')
+      emptyImg: require('@/assets/img/common/empty.svg'),
+      lightPercent: 10,
+      contrastPercent: 10
     }
   },
   computed: {
@@ -584,6 +586,10 @@ export default {
         return '#336dff'
       }
     },
+    // 亮度设置变化
+    onLightChange: debounce(function (value) {
+
+    }, 200),
     // startTest() {
     //   let testHeight = 1000
     //   window.detectType = {

frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss

@@ -1322,3 +1322,34 @@
     }
   }
 }
+
+.image-set {
+  position: absolute;
+  left: 50%;
+  top: calc(100vh - 60px);
+  width: 360px;
+  transform: translateX(-50%);
+  background-color: $--color-black-1-alpha;
+  padding: 6px 10px;
+  border-radius: 6px;
+
+  ::v-deep .el-slider__input {
+    width: 80px;
+  }
+
+  ::v-deep .el-slider__runway {
+    width: 200px;
+    margin-right: 100px;
+  }
+
+  &__item {
+    display: flex;
+    align-items: center;
+
+    .is-label {
+      flex: none;
+      color: $--color-text-1;
+      width: 60px;
+    }
+  }
+}

frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue

@@ -132,6 +132,29 @@
         </div>
       </dt-card>
     </left-slide>
+    <div class="image-set" v-if="taskList.visible && taskList.data.length">
+      <div class="image-set__item">
+        <div class="is-label">亮度：</div>
+        <el-slider
+          v-model="lightPercent"
+          show-input
+          input-size="mini"
+          :show-input-controls="false"
+          @input="onLightChange"
+        >
+        </el-slider>
+      </div>
+      <!-- <div class="image-set__item">
+        <div class="is-label">对比度：</div>
+        <el-slider
+          v-model="contrastPercent"
+          show-input
+          input-size="mini"
+          :show-input-controls="false"
+        >
+        </el-slider>
+      </div> -->
+    </div>
 
     <!-- 图片上传   -->
     <pictures-upload