diff --git a/.env.development b/.env.development
index 130d28f..3c4befe 100644
--- a/.env.development
+++ b/.env.development
@@ -7,6 +7,10 @@ VITE_APP_ENV = 'development'
 # 开发环境
 VITE_APP_BASE_API = 'http://192.168.110.8:8899'
 
+# 无人机接口地址
+
+VITE_APP_BASE_DRONE_API = 'http://192.168.110.8:9136'
+
 # 应用访问路径 例如使用前缀 /admin/
 VITE_APP_CONTEXT_PATH = '/'
 
diff --git a/index.html b/index.html
index 62132b4..d1d62af 100644
--- a/index.html
+++ b/index.html
@@ -210,6 +210,7 @@
       </div>
     </div>
     <script src="./src/assets/sdk/YJEarth.min.js"></script>
+    <script src="./src/utils/reconnecting-websocket.js"></script>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index e71cc07..c8c9d9e 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,9 @@
     "js-cookie": "3.0.5",
     "js-md5": "^0.8.3",
     "jsencrypt": "3.3.2",
+    "jszip": "^3.10.1",
+    "lodash": "^4.17.21",
+    "md5": "^2.3.0",
     "mitt": "^3.0.1",
     "nprogress": "0.2.0",
     "ol": "^10.5.0",
diff --git a/src/api/air/index.ts b/src/api/air/index.ts
new file mode 100644
index 0000000..0804f13
--- /dev/null
+++ b/src/api/air/index.ts
@@ -0,0 +1,430 @@
+import { request } from '../../utils/requset2.js';
+
+// 开关空调
+export function airConditionerModeSwitch(data) {
+  return request({
+    url: '/dj/remote/debug/airConditionerModeSwitch',
+    method: 'post',
+    data
+  });
+}
+// 生成航线文件
+export function waypoint(data) {
+  return request({
+    url: '/dj/router/waypoint',
+    method: 'post',
+    data
+  });
+}
+// 创建任务 /dj/task/create
+export function taskCreate(data) {
+  return request({
+    url: '/dj/missions/create',
+    method: 'post',
+    data
+  });
+}
+// 下发任务 /dj/flightTaskPrepare
+export function flightTaskPrepare(data) {
+  return request({
+    url: '/dj/flightTaskPrepare',
+    method: 'post',
+    data
+  });
+}
+// 执行任务
+export function flightTaskExecute(data) {
+  return request({
+    url: '/dj/flightTaskExecute',
+    method: 'post',
+    data
+  });
+}
+
+// 取消任务
+export function flightTaskUndo(data) {
+  return request({
+    url: '/dj/flightTaskUndo',
+    method: 'post',
+    data
+  });
+}
+
+// 恢复航线
+export function flightTaskRecovery(data) {
+  return request({
+    url: '/dj/flightTaskRecovery',
+    method: 'post',
+    data
+  });
+}
+
+// 恢复航线
+export function flightTaskPause(data) {
+  return request({
+    url: '/dj/flightTaskPause',
+    method: 'post',
+    data
+  });
+}
+
+// 一键返航
+export function returnHome(data) {
+  return request({
+    url: '/dj/returnHome',
+    method: 'post',
+    data
+  });
+}
+
+// 无参飞行指令
+export function noDataFlight(data) {
+  return request({
+    url: '/dj/cmdFly/noDataFlight',
+    method: 'post',
+    data
+  });
+}
+
+// 有参飞行指令
+export function hasDataFlight(data) {
+  return request({
+    url: '/dj/cmdFly/hasDataFlight',
+    method: 'post',
+    data
+  });
+}
+// 开启指令
+export function drcModeEnte(data) {
+  return request({
+    url: '/dj/cmdFly/drcModeEnter',
+    method: 'post',
+    data
+  });
+}
+
+// 查询航线文件信息列表
+export function listPaths(query) {
+  return request({
+    url: '/system/paths/list',
+    method: 'get',
+    params: query
+  });
+}
+
+// 删除航线文件信息
+export function delPaths(id) {
+  return request({
+    url: '/system/paths/' + id,
+    method: 'delete'
+  });
+}
+
+// 查询任务列表
+export function listTasks(query) {
+  return request({
+    url: '/system/tasks/list',
+    method: 'get',
+    params: query
+  });
+}
+
+// 查询无人机任务列表
+export function listMissions(query) {
+  return request({
+    url: '/system/missions/list',
+    method: 'get',
+    params: query
+  });
+}
+
+// 删除无人机任务
+export function delMissions(id) {
+  return request({
+    url: '/system/missions/' + id,
+    method: 'delete'
+  });
+}
+
+// 远程调试
+export function remoteDebug(data) {
+  return request({
+    url: '/dj/remote/debug/service',
+    method: 'post',
+    data
+  });
+}
+// 增强图传
+export function sdrWorkmodeSwitch(data) {
+  return request({
+    url: '/dj/remote/debug/sdrWorkmodeSwitch',
+    method: 'post',
+    data
+  });
+}
+
+// 查询视频设备列表
+export function listInfo(query) {
+  return request({
+    url: '/system/info/list',
+    method: 'get',
+    params: query
+  });
+}
+// 登录
+export function login(data) {
+  return request({
+    url: '/login',
+    headers: {
+      isToken: false,
+      repeatSubmit: false
+    },
+    method: 'post',
+    data: data
+  });
+}
+
+// 获取文件
+export function getFileByflightId(data) {
+  return request({
+    url: '/dj/getFileByflightId',
+    method: 'post',
+    data
+  });
+}
+
+// 机场列表
+export function droneList(data) {
+  return request({
+    url: '/system/drone/list',
+    method: 'get',
+    data
+  });
+}
+
+// 监听网关
+export function gatewaysAdd(data) {
+  return request({
+    url: '/dj/gateways/add',
+    method: 'post',
+    data
+  });
+}
+
+// 关闭网关
+export function gatewaysRemove(data) {
+  return request({
+    url: '/dj/gateways/remove',
+    method: 'delete',
+    data
+  });
+}
+
+// 添加航线
+export function routerAdd(data) {
+  return request({
+    url: '/dj/router/add',
+    method: 'post',
+    data
+  });
+}
+
+// 复制航线  /dj/router/copy/{id}
+export function routerCopy(id) {
+  return request({
+    url: '/dj/router/copy/' + id,
+    method: 'post'
+  });
+}
+// 重命名文件
+
+export function routerRename(data) {
+  return request({
+    url: '/dj/router/rename',
+    method: 'post',
+    data
+  });
+}
+// 获取文件
+export function takeoffList(data) {
+  return request({
+    url: '/system/takeoff/list',
+    method: 'get',
+    data
+  });
+}
+
+// 切换直播流
+export function liveChange(data) {
+  return request({
+    url: '/dj/live/change',
+    method: 'post',
+    data
+  });
+}
+
+// 设置清晰度 /dj/live/quality
+export function liveChangeQuality(data) {
+  return request({
+    url: '/dj/live/quality',
+    method: 'post',
+    data
+  });
+}
+
+// 开启直播
+export function liveStart(data) {
+  return request({
+    url: '/dj/live/start',
+    method: 'post',
+    data
+  });
+}
+// 关闭直播
+export function liveStop(data) {
+  return request({
+    url: '/dj/live/stop',
+    method: 'post',
+    data
+  });
+}
+// 静音模式开关
+export function propertySet(data) {
+  return request({
+    url: '/property/set',
+    method: 'post',
+    data
+  });
+}
+
+// 直播相机切换
+export function cameraChange(data) {
+  return request({
+    url: '/dj/live/camera/change',
+    method: 'post',
+    data
+  });
+}
+
+// 新建计划
+export function taskAdd(data) {
+  return request({
+    url: '/dj/task/add',
+    method: 'post',
+    data
+  });
+}
+
+// 计划列表
+export function taskList(data) {
+  return request({
+    url: '/dj/task/list',
+    method: 'get',
+    params: data
+  });
+}
+// 新暂停
+export function flightTaskPauseNew(data) {
+  return request({
+    url: '/dj/task/flightTaskPause',
+    method: 'post',
+    data
+  });
+}
+// 新恢复
+export function flightTaskRecoveryNew(data) {
+  return request({
+    url: '/dj/task/flightTaskRecovery',
+    method: 'post',
+    data
+  });
+}
+// 取消任务
+export function flightTaskUndoNew(data) {
+  return request({
+    url: '/dj/task/flightTaskUndo',
+    method: 'post',
+    data
+  });
+}
+// 一键返航 post
+export function returnHomeNew(data) {
+  return request({
+    url: '/dj/task/returnHome',
+    method: 'post',
+    data
+  });
+}
+// 删除
+export function delMissionsNew(id) {
+  return request({
+    url: '/system/new/missions/' + id,
+    method: 'delete'
+  });
+}
+
+// drc飞行控制  /dj/cmdFly/droneControl
+export function droneControl(data) {
+  return request({
+    url: '/dj/cmdFly/droneControl',
+    method: 'post',
+    data
+  });
+}
+
+// drc急停 /dj/cmdFly/droneEmergencyStop
+export function droneEmergencyStop(data) {
+  return request({
+    url: '/dj/cmdFly/droneEmergencyStop',
+    method: 'post',
+    data
+  });
+}
+
+// 取消返航  /dj/returnHomeCancel
+export function returnHomeCancel(data) {
+  return request({
+    url: '/dj/returnHomeCancel',
+    method: 'post',
+    data
+  });
+}
+
+// 导入航线
+export function returnImport(data) {
+  return request({
+    url: '/dj/router/import',
+    method: 'post',
+    data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  });
+}
+
+// DRC心跳
+export function heartBeat(data) {
+  return request({
+    url: '/dj/cmdFly/heartBeat',
+    method: 'post',
+    data
+  });
+}
+
+// AI识别
+export function aiInfo(data) {
+  return request({
+    url: '/minio/ai/info',
+    method: 'get',
+    params: data
+  });
+}
+
+// 当前最新任务
+export function getLatest(data) {
+  return request({
+    url: '/dj/task/getLatest',
+    method: 'get',
+    params: data
+  });
+}
diff --git a/src/api/fileMangement/index.ts b/src/api/fileMangement/index.ts
new file mode 100644
index 0000000..4c7b9df
--- /dev/null
+++ b/src/api/fileMangement/index.ts
@@ -0,0 +1,118 @@
+import { request } from '../../utils/requset2';
+// 获取文件列表
+export function getFiles(data) {
+  return request({
+    url: '/minio/file',
+    method: 'get',
+    data,
+    params: data
+  });
+}
+// 获取ai文件列表
+export function getAiFiles(data) {
+  return request({
+    url: '/minio/ai/file',
+    method: 'get',
+    data,
+    params: data
+  });
+}
+// 获取文件信息
+export function getInfo(data) {
+  return request({
+    url: '/minio/info',
+    method: 'get',
+    data,
+    params: data,
+    timeout: 30000
+  });
+}
+// 获取ai文件信息
+export function getAiInfo(data) {
+  return request({
+    url: '/minio/ai/info',
+    method: 'get',
+    data,
+    params: data,
+    timeout: 30000
+  });
+}
+// 下载文件
+export function fileDownload(params, onProgress) {
+  return request({
+    url: '/minio/download',
+    method: 'post',
+    params,
+    responseType: 'blob',
+    timeout: 0,
+    // header: {
+    //   "Content-Length": Buffer.byteLength(JSON.stringify(params)),
+    // },
+    onDownloadProgress: (progressEvent) => {
+      if (onProgress && typeof onProgress === 'function') {
+        const { loaded, total } = progressEvent;
+        console.log('progressEvent', progressEvent);
+        const percentage = Math.round((loaded / total) * 100); // 计算百分比
+        onProgress(percentage); // 调用传入的 onProgress 回调函数
+      }
+    }
+  });
+}
+// 删除文件
+export function deleteFile(data) {
+  return request({
+    url: '/minio/deleteBatch',
+    method: 'delete',
+    data,
+    timeout: 0
+  });
+}
+// 删除ai文件
+export function deleteAiFile(data) {
+  return request({
+    url: '/minio/ai/deleteBatch',
+    method: 'delete',
+    data,
+    timeout: 0
+  });
+}
+// 批量下载文件或目录
+export function downloadBatch(data, onProgress) {
+  return request({
+    url: '/minio/downloadBatch',
+    method: 'post',
+    responseType: 'blob',
+    data,
+    timeout: 0,
+    onDownloadProgress: (progressEvent) => {
+      if (onProgress && typeof onProgress === 'function') {
+        const { loaded, total } = progressEvent;
+        console.log('progressEvent', progressEvent);
+        const percentage = Math.round((loaded / total) * 100); // 计算百分比
+        onProgress(percentage); // 调用传入的 onProgress 回调函数
+      }
+    }
+  });
+}
+
+// 获取某个目录下面的所有文件的URL列表
+export function getUrlList(data) {
+  return request({
+    url: '/minio/urlList',
+    method: 'post',
+    data,
+    params: data,
+    timeout: 0
+  });
+}
+// 获取某个目录下面的所有文件的URL列表
+
+export function getAiUrlList(data) {
+  return request({
+    url: '/minio/ai/urlList',
+    method: 'post',
+    data,
+    params: data,
+    timeout: 0
+  });
+}
diff --git a/src/api/gis/index.ts b/src/api/gis/index.ts
index 5413341..e6c9de9 100644
--- a/src/api/gis/index.ts
+++ b/src/api/gis/index.ts
@@ -9,7 +9,8 @@ import {
   projectNewsVO,
   safetyInspectionVO,
   projectNewsDetailVO,
-  weatherVO
+  weatherVO,
+  safetyDayVO
 } from './type';
 /**
  * 查询大屏质量信息
@@ -120,3 +121,16 @@ export const getweatherList = (id?: string): AxiosPromise<weatherVO[]> => {
     method: 'get'
   });
 };
+
+/**
+ * 查询项目安全天数
+ * @param query
+ * @returns {*}
+ */
+
+export const getSafetyDay = (id?: string): AxiosPromise<safetyDayVO> => {
+  return request({
+    url: '/project/project/safetyDay/' + id,
+    method: 'get'
+  });
+};
diff --git a/src/api/gis/type.ts b/src/api/gis/type.ts
index badb6ac..adfaf92 100644
--- a/src/api/gis/type.ts
+++ b/src/api/gis/type.ts
@@ -86,3 +86,7 @@ export interface weatherVO {
   sunRise: string;
   sunSet: string;
 }
+
+export interface safetyDayVO {
+  safetyDay: string;
+}
diff --git a/src/components/webrtc/index.vue b/src/components/webrtc/index.vue
new file mode 100644
index 0000000..7f240ed
--- /dev/null
+++ b/src/components/webrtc/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <video class="rtc_media_player" width="100%" height="100%" autoplay muted playsinline ref="rtcMediaPlayer"></video>
+</template>
+
+<script>
+export default {
+  name: "SrsPlayer",
+  data() {
+    return {
+      webrtc: null, // Instance of SRS SDK
+      sessionId: null,
+      simulatorUrl: null,
+      playerVisible: false,
+      url: ""
+    };
+  },
+  methods: {
+    hideInfo() {
+      document.querySelector(".alert").style.display = "none";
+    },
+    async startPlay(url) {
+      this.url = url;
+      this.playerVisible = true;
+      if (this.webrtc) {
+        this.webrtc.close();
+      }
+      this.webrtc = new SrsRtcWhipWhepAsync();
+      this.$refs.rtcMediaPlayer.srcObject = this.webrtc.stream;
+      console.log('stream tracks:', this.webrtc.stream.getTracks());
+      try {
+        const session = await this.webrtc.play(url);
+        console.log('after play, stream tracks:', this.webrtc.stream.getTracks());
+        this.sessionId = session.sessionid;
+        this.simulatorUrl = `${session.simulator}?drop=1&username=${session.sessionid}`;
+      } catch (error) {
+        console.error("Error playing stream:", error);
+        this.webrtc.close();
+        this.playerVisible = false;
+      }
+    },
+  },
+  beforeDestroy() {
+    // Cleanup the SDK instance on component destroy
+    if (window[this.url]) {
+      window[this.url].close();
+      window[this.url] = null
+    }
+  },
+};
+</script>
+
+<style scoped>
+.rtc_media_player {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index 463e8f5..7bd461b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -46,11 +46,21 @@ VXETable.config({
   zIndex: 999999
 });
 
+//本地保存飞机配置
+import { setLocal } from './utils';
+setLocal('dockair', 'http://192.168.110.24:9136');
+setLocal('aiurl', 'http://192.168.110.23:8000');
+setLocal('host', '192.168.110.199');
+setLocal('rtmpport', '1935');
+setLocal('rtcport', '1985');
+setLocal('dockSocketUrl', 'ws://192.168.110.8:9136/websocket');
+
 // 修改 el-dialog 默认点击遮照为不关闭
 /*import { ElDialog } from 'element-plus';
 ElDialog.props.closeOnClickModal.default = false;*/
 // **main.js**
 import { vue3ScrollSeamless } from 'vue3-scroll-seamless';
+import bus from './utils/bus';
 
 const app = createApp(App);
 
@@ -62,6 +72,7 @@ app.use(print);
 app.use(i18n);
 app.use(VXETable);
 app.use(plugins);
+app.use(bus);
 app.component('vue3ScrollSeamless', vue3ScrollSeamless);
 // 自定义指令
 directive(app);
diff --git a/src/router/index.ts b/src/router/index.ts
index e5174d3..0c7f264 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -98,6 +98,11 @@ export const constantRoutes: RouteRecordRaw[] = [
     path: '/gisHome',
     component: () => import('@/views/gisHome/index.vue'),
     hidden: true
+  },
+  {
+    path: '/drone',
+    component: () => import('@/views/drone/index.vue'),
+    hidden: true
   }
 ];
 
diff --git a/src/store/modules/drone.ts b/src/store/modules/drone.ts
new file mode 100644
index 0000000..4b6feeb
--- /dev/null
+++ b/src/store/modules/drone.ts
@@ -0,0 +1,42 @@
+// stores/useAirStore.js
+import { getLocal } from '@/utils';
+import { defineStore } from 'pinia';
+
+export const useAirStore = defineStore('air', {
+  state: () => ({
+    debugValue: false, // 远程调试模式
+    HatchCoverValue: false, // 舱盖
+    AerocraftValue: false, // 飞行器
+    gateWay: JSON.parse(getLocal('airGateway')) || null, //
+    queryParams: {
+      target_height: 100, //目标点高度
+      rth_altitude: 100, //返航高度
+      commander_flight_height: 100, //指点飞行高度
+      rc_lost_action: 2, //遥控器失控动作
+      rth_mode: 1, //返航模式设置值
+      commander_mode_lost_action: 1, //指点飞行失控动作
+      commander_flight_mode: 1, //指点飞行模式设置值
+      max_speed: 12, //一键起飞的飞行过程中能达到的最大速度
+      security_takeoff_height: 100, //安全起飞高度
+      target_latitude: 0, //目标点纬度
+      target_longitude: 0, //目标点经度
+      height: 100
+    }
+  }),
+
+  actions: {
+    UP_debugValue(payload) {
+      localStorage.setItem('debugValue', JSON.stringify(payload));
+    },
+    UP_HatchCoverValue(payload) {
+      localStorage.setItem('HatchCoverValue', JSON.stringify(payload));
+    },
+    UP_AerocraftValue(payload) {
+      localStorage.setItem('AerocraftValue', JSON.stringify(payload));
+    },
+    SET_GATEWAY(gateWay) {
+      this.gateWay = gateWay;
+      localStorage.setItem('airGateway', JSON.stringify(gateWay));
+    }
+  }
+});
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index db50ac9..0b21b0b 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -1,3 +1,5 @@
+import { getLocal } from '.';
+
 const TokenKey = 'Admin-Token';
 
 const tokenStorage = useStorage<null | string>(TokenKey, null);
@@ -7,3 +9,27 @@ export const getToken = () => tokenStorage.value;
 export const setToken = (access_token: string) => (tokenStorage.value = access_token);
 
 export const removeToken = () => (tokenStorage.value = null);
+
+export const getDockSocketUrl = () => {
+  return getLocal('dockSocketUrl');
+};
+
+export const getHost = () => {
+  return getLocal('host');
+};
+
+export const getRtmpPort = () => {
+  return getLocal('rtmpPort');
+};
+
+export const getRtcPort = () => {
+  return getLocal('rtcPort');
+};
+
+export const getDockAir = () => {
+  return getLocal('dockAir');
+};
+
+export const getAiUrl = () => {
+  return getLocal('aiUrl');
+};
diff --git a/src/utils/bus.ts b/src/utils/bus.ts
new file mode 100644
index 0000000..10905eb
--- /dev/null
+++ b/src/utils/bus.ts
@@ -0,0 +1,22 @@
+import mitt from 'mitt';
+
+const emitter = mitt();
+
+export default {
+  install(app) {
+    // 发送事件
+    app.config.globalProperties.$sendChanel = (event, payload) => {
+      emitter.emit(event, payload);
+    };
+
+    // 监听事件（返回取消函数）
+    app.config.globalProperties.$recvChanel = (event, handler) => {
+      emitter.on(event, handler);
+
+      // 可选：返回解绑函数，方便使用
+      return () => {
+        emitter.off(event, handler);
+      };
+    };
+  }
+};
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 2b0aad5..1f12e5e 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,5 @@
 import { parseTime } from '@/utils/ruoyi';
-
+import $cache from '@/plugins/cache';
 /**
  * 表格时间格式化
  */
@@ -15,6 +15,14 @@ export const formatDate = (cellValue: string) => {
   return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
 };
 
+export const setLocal = (key, value) => {
+  return $cache.local.set(key, value);
+};
+
+export const getLocal = (key) => {
+  return $cache.local.get(key);
+};
+
 /**
  * @param {number} time
  * @param {string} option
@@ -316,3 +324,5 @@ export const removeClass = (ele: HTMLElement, cls: string) => {
 export const isExternal = (path: string) => {
   return /^(https?:|http?:|mailto:|tel:)/.test(path);
 };
+
+export { parseTime };
diff --git a/src/utils/moveDiv.ts b/src/utils/moveDiv.ts
new file mode 100644
index 0000000..1895e22
--- /dev/null
+++ b/src/utils/moveDiv.ts
@@ -0,0 +1,40 @@
+export function setMove(downId, moveID) {
+  let moveDiv = document.getElementById(downId)
+  moveDiv.style.cssText += ';cursor:move;'
+  let informationBox = document.getElementById(moveID)
+  const sty = (() => {
+    if (window.document.currentStyle) {
+      return (dom, attr) => dom.currentStyle[attr];
+    } else {
+      return (dom, attr) => getComputedStyle(dom, false)[attr];
+    }
+  })()
+  moveDiv.onmousedown = (e) => {
+    // 鼠标按下，计算当前元素距离可视区的距离
+    const disX = e.clientX - moveDiv.offsetLeft;
+    const disY = e.clientY - moveDiv.offsetTop;
+    // 获取到的值带px 正则匹配替换
+    let styL = sty(informationBox, 'left');
+    let styT = sty(informationBox, 'top');
+    // 第一次获取到的值为组件自带50% 移动之后赋值为px
+    if (styL.includes('%')) {
+      styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100);
+      styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100);
+    } else {
+      styL = +styL.replace(/\px/g, '');
+      styT = +styT.replace(/\px/g, '');
+    }
+    document.onmousemove = function (e) {
+      // 通过事件委托，计算移动的距离
+      let left = e.clientX - disX;
+      let top = e.clientY - disY;
+      // 移动当前元素
+      informationBox.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+    };
+    document.onmouseup = function (e) {
+      document.onmousemove = null;
+      document.onmouseup = null;
+    };
+  }
+}
+
diff --git a/src/utils/reconnecting-websocket.js b/src/utils/reconnecting-websocket.js
new file mode 100644
index 0000000..40218d3
--- /dev/null
+++ b/src/utils/reconnecting-websocket.js
@@ -0,0 +1,382 @@
+// MIT License:
+//
+// Copyright (c) 2010-2012, Joe Walnes
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+/**
+ * This behaves like a WebSocket in every way, except if it fails to connect,
+ * or it gets disconnected, it will repeatedly poll until it successfully connects
+ * again.
+ *
+ * It is API compatible, so when you have:
+ *   ws = new WebSocket('ws://....');
+ * you can replace with:
+ *   ws = new ReconnectingWebSocket('ws://....');
+ *
+ * The event stream will typically look like:
+ *  onconnecting
+ *  onopen
+ *  onmessage
+ *  onmessage
+ *  onclose // lost connection
+ *  onconnecting
+ *  onopen  // sometime later...
+ *  onmessage
+ *  onmessage
+ *  etc...
+ *
+ * It is API compatible with the standard WebSocket API, apart from the following members:
+ *
+ * - `bufferedAmount`
+ * - `extensions`
+ * - `binaryType`
+ *
+ * Latest version: https://github.com/joewalnes/reconnecting-websocket/
+ * - Joe Walnes
+ *
+ * Syntax
+ * ======
+ * var socket = new ReconnectingWebSocket(url, protocols, options);
+ *
+ * Parameters
+ * ==========
+ * url - The url you are connecting to.
+ * protocols - Optional string or array of protocols.
+ * options - See below
+ *
+ * Options
+ * =======
+ * Options can either be passed upon instantiation or set after instantiation:
+ *
+ * var socket = new ReconnectingWebSocket(url, null, { debug: true, reconnectInterval: 4000 });
+ *
+ * or
+ *
+ * var socket = new ReconnectingWebSocket(url);
+ * socket.debug = true;
+ * socket.reconnectInterval = 4000;
+ *
+ * debug
+ * - Whether this instance should log debug messages. Accepts true or false. Default: false.
+ *
+ * automaticOpen
+ * - Whether or not the websocket should attempt to connect immediately upon instantiation. The socket can be manually opened or closed at any time using ws.open() and ws.close().
+ *
+ * reconnectInterval
+ * - The number of milliseconds to delay before attempting to reconnect. Accepts integer. Default: 1000.
+ *
+ * maxReconnectInterval
+ * - The maximum number of milliseconds to delay a reconnection attempt. Accepts integer. Default: 30000.
+ *
+ * reconnectDecay
+ * - The rate of increase of the reconnect delay. Allows reconnect attempts to back off when problems persist. Accepts integer or float. Default: 1.5.
+ *
+ * timeoutInterval
+ * - The maximum time in milliseconds to wait for a connection to succeed before closing and retrying. Accepts integer. Default: 2000.
+ *
+ */
+// (function (global, factory) {
+//     if (typeof define === 'function' && define.amd) {
+//         define([], factory);
+//     } else if (typeof module !== 'undefined' && module.exports){
+//         module.exports = factory();
+//     } else {
+//         global.ReconnectingWebSocket = factory();
+//     }
+// })(this, function () {
+//
+//     if (!('WebSocket' in window)) {
+//         return;
+//     }
+
+function ReconnectingWebSocket(url, protocols, options) {
+
+  // Default settings
+  var settings = {
+
+    /** Whether this instance should log debug messages. */
+    debug: false,
+
+    /** Whether or not the websocket should attempt to connect immediately upon instantiation. */
+    automaticOpen: true,
+
+    /** The number of milliseconds to delay before attempting to reconnect. */
+    reconnectInterval: 1000,
+    /** The maximum number of milliseconds to delay a reconnection attempt. */
+    maxReconnectInterval: 30000,
+    /** The rate of increase of the reconnect delay. Allows reconnect attempts to back off when problems persist. */
+    reconnectDecay: 1.5,
+
+    /** The maximum time in milliseconds to wait for a connection to succeed before closing and retrying. */
+    timeoutInterval: 2000,
+
+    /** The maximum number of reconnection attempts to make. Unlimited if null. */
+    maxReconnectAttempts: null,
+
+    /** The binary type, possible values 'blob' or 'arraybuffer', default 'blob'. */
+    binaryType: 'blob'
+  }
+  if (!options) {
+    options = {};
+  }
+
+  // Overwrite and define settings with options if they exist.
+  for (var key in settings) {
+    if (typeof options[key] !== 'undefined') {
+      this[key] = options[key];
+    } else {
+      this[key] = settings[key];
+    }
+  }
+
+  // These should be treated as read-only properties
+
+  /** The URL as resolved by the constructor. This is always an absolute URL. Read only. */
+  this.url = url;
+
+  /** The number of attempted reconnects since starting, or the last successful connection. Read only. */
+  this.reconnectAttempts = 0;
+
+  /**
+   * The current state of the connection.
+   * Can be one of: WebSocket.CONNECTING, WebSocket.OPEN, WebSocket.CLOSING, WebSocket.CLOSED
+   * Read only.
+   */
+  this.readyState = WebSocket.CONNECTING;
+
+  /**
+   * A string indicating the name of the sub-protocol the server selected; this will be one of
+   * the strings specified in the protocols parameter when creating the WebSocket object.
+   * Read only.
+   */
+  this.protocol = null;
+
+  // Private state variables
+
+  var self = this;
+  var ws;
+  var forcedClose = false;
+  var timedOut = false;
+  var eventTarget = document.createElement('div');
+
+  // Wire up "on*" properties as event handlers
+
+  eventTarget.addEventListener('open', function (event) {
+    self.onopen(event);
+  });
+  eventTarget.addEventListener('close', function (event) {
+    self.onclose(event);
+  });
+  eventTarget.addEventListener('connecting', function (event) {
+    self.onconnecting(event);
+  });
+  eventTarget.addEventListener('message', function (event) {
+    self.onmessage(event);
+  });
+  eventTarget.addEventListener('error', function (event) {
+    self.onerror(event);
+  });
+
+  // Expose the API required by EventTarget
+
+  this.addEventListener = eventTarget.addEventListener.bind(eventTarget);
+  this.removeEventListener = eventTarget.removeEventListener.bind(eventTarget);
+  this.dispatchEvent = eventTarget.dispatchEvent.bind(eventTarget);
+
+  /**
+   * This function generates an event that is compatible with standard
+   * compliant browsers and IE9 - IE11
+   *
+   * This will prevent the error:
+   * Object doesn't support this action
+   *
+   * http://stackoverflow.com/questions/19345392/why-arent-my-parameters-getting-passed-through-to-a-dispatched-event/19345563#19345563
+   * @param s String The name that the event should use
+   * @param args Object an optional object that the event will use
+   */
+  function generateEvent(s, args) {
+    var evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(s, false, false, args);
+    return evt;
+  };
+
+  this.open = function (reconnectAttempt) {
+    ws = new WebSocket(self.url, protocols || []);
+    ws.binaryType = this.binaryType;
+
+    if (reconnectAttempt) {
+      if (this.maxReconnectAttempts && this.reconnectAttempts > this.maxReconnectAttempts) {
+        return;
+      }
+    } else {
+      eventTarget.dispatchEvent(generateEvent('connecting'));
+      this.reconnectAttempts = 0;
+    }
+
+    if (self.debug || ReconnectingWebSocket.debugAll) {
+      console.debug('ReconnectingWebSocket', 'attempt-connect', self.url);
+    }
+
+    var localWs = ws;
+    var timeout = setTimeout(function () {
+      if (self.debug || ReconnectingWebSocket.debugAll) {
+        console.debug('ReconnectingWebSocket', 'connection-timeout', self.url);
+      }
+      timedOut = true;
+      localWs.close();
+      timedOut = false;
+    }, self.timeoutInterval);
+
+    ws.onopen = function (event) {
+      clearTimeout(timeout);
+      if (self.debug || ReconnectingWebSocket.debugAll) {
+        console.debug('ReconnectingWebSocket', 'onopen', self.url);
+      }
+      self.protocol = ws.protocol;
+      self.readyState = WebSocket.OPEN;
+      self.reconnectAttempts = 0;
+      var e = generateEvent('open');
+      e.isReconnect = reconnectAttempt;
+      reconnectAttempt = false;
+      eventTarget.dispatchEvent(e);
+    };
+
+    ws.onclose = function (event) {
+      clearTimeout(timeout);
+      ws = null;
+      if (forcedClose) {
+        self.readyState = WebSocket.CLOSED;
+        eventTarget.dispatchEvent(generateEvent('close'));
+      } else {
+        self.readyState = WebSocket.CONNECTING;
+        var e = generateEvent('connecting');
+        e.code = event.code;
+        e.reason = event.reason;
+        e.wasClean = event.wasClean;
+        eventTarget.dispatchEvent(e);
+        if (!reconnectAttempt && !timedOut) {
+          if (self.debug || ReconnectingWebSocket.debugAll) {
+            console.debug('ReconnectingWebSocket', 'onclose', self.url);
+          }
+          eventTarget.dispatchEvent(generateEvent('close'));
+        }
+
+        var timeout = self.reconnectInterval * Math.pow(self.reconnectDecay, self.reconnectAttempts);
+        setTimeout(function () {
+          self.reconnectAttempts++;
+          self.open(true);
+        }, timeout > self.maxReconnectInterval ? self.maxReconnectInterval : timeout);
+      }
+    };
+    ws.onmessage = function (event) {
+      if (self.debug || ReconnectingWebSocket.debugAll) {
+        console.debug('ReconnectingWebSocket', 'onmessage', self.url, event.data);
+      }
+      var e = generateEvent('message');
+      e.data = event.data;
+      eventTarget.dispatchEvent(e);
+    };
+    ws.onerror = function (event) {
+      if (self.debug || ReconnectingWebSocket.debugAll) {
+        console.debug('ReconnectingWebSocket', 'onerror', self.url, event);
+      }
+      eventTarget.dispatchEvent(generateEvent('error'));
+    };
+  }
+
+  // Whether or not to create a websocket upon instantiation
+  if (this.automaticOpen == true) {
+    this.open(false);
+  }
+
+  /**
+   * Transmits data to the server over the WebSocket connection.
+   *
+   * @param data a text string, ArrayBuffer or Blob to send to the server.
+   */
+  this.send = function (data) {
+    if (ws) {
+      if (self.debug || ReconnectingWebSocket.debugAll) {
+        console.debug('ReconnectingWebSocket', 'send', self.url, data);
+      }
+      return ws.send(data);
+    } else {
+      throw 'INVALID_STATE_ERR : Pausing to reconnect websocket';
+    }
+  };
+
+  /**
+   * Closes the WebSocket connection or connection attempt, if any.
+   * If the connection is already CLOSED, this method does nothing.
+   */
+  this.close = function (code, reason) {
+    // Default CLOSE_NORMAL code
+    if (typeof code == 'undefined') {
+      code = 1000;
+    }
+    forcedClose = true;
+    if (ws) {
+      ws.close(code, reason);
+    }
+  };
+
+  /**
+   * Additional public API method to refresh the connection if still open (close, re-open).
+   * For example, if the app suspects bad data / missed heart beats, it can try to refresh.
+   */
+  this.refresh = function () {
+    if (ws) {
+      ws.close();
+    }
+  };
+}
+
+/**
+ * An event listener to be called when the WebSocket connection's readyState changes to OPEN;
+ * this indicates that the connection is ready to send and receive data.
+ */
+ReconnectingWebSocket.prototype.onopen = function (event) {
+};
+/** An event listener to be called when the WebSocket connection's readyState changes to CLOSED. */
+ReconnectingWebSocket.prototype.onclose = function (event) {
+};
+/** An event listener to be called when a connection begins being attempted. */
+ReconnectingWebSocket.prototype.onconnecting = function (event) {
+};
+/** An event listener to be called when a message is received from the server. */
+ReconnectingWebSocket.prototype.onmessage = function (event) {
+};
+/** An event listener to be called when an error occurs. */
+ReconnectingWebSocket.prototype.onerror = function (event) {
+};
+
+/**
+ * Whether all instances of ReconnectingWebSocket should log debug messages.
+ * Setting this to true is the equivalent of setting all instances of ReconnectingWebSocket.debug to true.
+ */
+ReconnectingWebSocket.debugAll = false;
+
+ReconnectingWebSocket.CONNECTING = WebSocket.CONNECTING;
+ReconnectingWebSocket.OPEN = WebSocket.OPEN;
+ReconnectingWebSocket.CLOSING = WebSocket.CLOSING;
+ReconnectingWebSocket.CLOSED = WebSocket.CLOSED;
+
+// return ReconnectingWebSocket;
+// });
diff --git a/src/utils/requset2.ts b/src/utils/requset2.ts
new file mode 100644
index 0000000..03ff7b9
--- /dev/null
+++ b/src/utils/requset2.ts
@@ -0,0 +1,55 @@
+import $modal from '@/plugins/modal';
+import axios from 'axios';
+
+// 创建一个 Axios 实例并设置默认配置
+const axiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_APP_BASE_DRONE_API,
+  timeout: 5000
+});
+
+// 请求拦截器，添加 token 到每个请求头
+axiosInstance.interceptors.request.use(
+  (config) => {
+    let air = localStorage.getItem('airToken');
+    let token = '';
+    if (air) {
+      token = JSON.parse(air).access_token; // 假设 token 存储在 localStorage 中
+    }
+    if (token) {
+      config.headers['Authorization'] = `Bearer ${token}`;
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+// 处理消息显示
+function showMessage(message, type = 'error') {
+  $modal.msg({
+    message: message,
+    type: type,
+    duration: 5 * 1000
+  });
+}
+
+export function request(params) {
+  // 如果有取消请求的需求，可以在此处添加 CancelToken
+  // const source = axios.CancelToken.source();
+  // params.cancelToken = source.token;
+
+  // 确保 URL 是完整的
+  // if (!params.url.startsWith(process.env.AIR)) {
+  //   params.url = process.env.AIR;
+  // }
+
+  return axiosInstance(params).then((res) => {
+    if (res.data.code === 200) {
+      return res.data;
+    } else {
+      if (!res.data.code) return res.data;
+      showMessage(res.data.message || res.data.msg);
+      return Promise.reject(res.data);
+    }
+  });
+}
diff --git a/src/views/drone/components/airRoute/advancedSet.vue b/src/views/drone/components/airRoute/advancedSet.vue
new file mode 100644
index 0000000..396b7cb
--- /dev/null
+++ b/src/views/drone/components/airRoute/advancedSet.vue
@@ -0,0 +1,370 @@
+<template>
+  <div class="air_advancedSet uav_box">
+    <div class="header">
+      <div class="logo">
+        <img class="title" src="../../images/airsetup.png" alt="" />
+        <div class="switch" @click="save" title="返回航线设置"></div>
+      </div>
+    </div>
+    <div class="content">
+      <!-- 拍照设置 -->
+      <div class="photograph">
+        <div class="content_header">拍照设置</div>
+        <div class="btns flex space_between">
+          <el-checkbox-group v-model="checkboxGroup1" :min="1" class="flex space_between">
+            <el-checkbox-button v-for="city in cities" :label="city.label" :key="city.value">{{ city.label
+              }}</el-checkbox-button>
+          </el-checkbox-group>
+        </div>
+        <div class="flex space_between">
+          <div>智能低光</div>
+          <el-switch v-model="value" active-color="rgba(0, 255, 255, 1)" inactive-color="rgba(0, 255, 255, 0.2)"
+            :active-value="true" :inactive-value="false">
+          </el-switch>
+        </div>
+      </div>
+      <!-- 爬升模式 -->
+      <div class="climb">
+        <el-radio-group v-model="radio1" class="flex space_between">
+          <el-radio-button v-for="item in climbs" :label="item"></el-radio-button>
+        </el-radio-group>
+        <div class="flex space_between">
+          <div class="left_img">
+            <svg-icon icon-class="climb" style="width: 240px;height: 160px;vertical-align: middle;"></svg-icon>
+          </div>
+          <div class="right_value">
+            <plusResduce :column="true" unit="m" :max="10000" :min="10"></plusResduce>
+          </div>
+        </div>
+      </div>
+      <!-- 航线高度模式 -->
+      <div class="routeAltitude">
+        <div class="content_header">拍照设置</div>
+        <el-radio-group v-model="radio2" class="flex space_between">
+          <el-radio-button v-for="item in routeAltitude" :label="item"></el-radio-button>
+        </el-radio-group>
+        <div class="flex space_between">
+          <div class="left_img">
+            <svg-icon icon-class="height1" style="width: 240px;height: 160px;vertical-align: middle;"></svg-icon>
+          </div>
+          <div class="right_value">
+            <plusResduce :column="true" unit="m"></plusResduce>
+          </div>
+        </div>
+      </div>
+      <!-- 全局航线速度 -->
+      <div class="routeSpeed">
+        <div class="content_header">全局航线速度</div>
+        <myProgress progressType="num" :max="15" :min="1"></myProgress>
+      </div>
+      <!-- 高级设置 -->
+      <div class="setting">
+        <el-collapse v-model="activeNames" @change="handleChange">
+          <el-collapse-item name="1">
+            <template slot="title">
+              高级设置
+            </template>
+            <el-divider></el-divider>
+            <myProgress progressType="num" :max="15" :min="1"></myProgress>
+            <!-- 航点类型 -->
+            <div class="subtitle">
+              <div class="f14 fw500">航点类型</div>
+              <el-select v-model="value2" placeholder="请选择">
+                <el-option v-for="item in waypointType" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <!-- 飞行器偏航角模式 -->
+            <div class="subtitle">
+              <div class="f14 fw500">飞行器偏航角模式</div>
+              <el-select v-model="value3" placeholder="请选择">
+                <el-option v-for="item in yawAngleMode" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <!-- 完成动作 -->
+            <div class="subtitle">
+              <div class="f14 fw500">完成动作</div>
+              <el-select v-model="value4" placeholder="请选择">
+                <el-option v-for="item in completeAction" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import plusResduce from "../component/plusReduce/index.vue";
+import myProgress from "../component/progress/index.vue";
+import {
+  waypointType,
+  yawAngleMode,
+  completeAction,
+} from "../../utils/options";
+export default {
+  name: "air_advancedSet",
+  components: { plusResduce, myProgress },
+  data() {
+    return {
+      value: false,
+      cities: [
+        {
+          label: "广角照片",
+          value: "wide",
+        },
+        {
+          label: "变焦照片",
+          value: "zoom",
+        },
+        {
+          label: "红外照片",
+          value: "ir",
+        },
+      ],
+      checkboxGroup1: ["广角照片", "变焦照片", "红外照片"],
+      climbs: ["垂直爬升", "倾斜爬升"],
+      radio1: "垂直爬升",
+      routeAltitude: ["绝对高度", "相对起飞点高度", "相对地形高度"],
+      radio2: "绝对高度",
+      activeNames: [],
+      waypointType: waypointType,
+      yawAngleMode: yawAngleMode,
+      completeAction: completeAction,
+      value2: "2", //航点类型
+      value3: "1", //偏航角模式
+      value4: "1", //完成动作
+    };
+  },
+
+  mounted() { },
+
+  methods: {
+    handleChange(val) {
+      // console.log(val);
+    },
+    // 保存
+    save() {
+      this.$emit("save");
+    },
+  },
+};
+</script>
+<style lang="scss">
+.air_advancedSet {
+  left: 20px;
+  user-select: none;
+
+  .header {
+    margin-bottom: 10px;
+
+    .logo {
+      position: relative;
+      text-align: center;
+
+      .title {
+        width: 380px;
+        height: 32px;
+      }
+    }
+
+    .switch {
+      position: absolute;
+      top: 5px;
+      right: 10px;
+      width: 16px;
+      height: 16px;
+      z-index: 20;
+      background: url("../../images/switch.png");
+      background-size: cover;
+      cursor: pointer;
+    }
+
+    .switch:hover {
+      background: url("../../images/switchh.png");
+      background-size: cover;
+    }
+  }
+
+  .content {
+    height: calc(100% - 36px);
+    color: #fff;
+    overflow: auto;
+    padding-right: 5px;
+
+    .content_header {
+      font-family: "alimamashuheiti";
+      font-size: 14px;
+      font-weight: 700;
+      margin-bottom: 10px;
+    }
+
+    .photograph {
+      height: 120px;
+      padding: 15px 15px 0 15px;
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    .btns {
+      margin: 10px 0;
+
+      .el-checkbox-group {
+        width: 100%;
+      }
+
+      .el-checkbox-button:last-child .el-checkbox-button__inner,
+      .el-checkbox-button:first-child .el-checkbox-button__inner {
+        border-radius: 5px;
+        box-shadow: none;
+      }
+
+      .el-checkbox-button.is-checked .el-checkbox-button__inner {
+        background: rgba(0, 255, 255, 0.2);
+        border: 1px solid rgba(0, 255, 255, 1);
+        color: rgba(0, 255, 255, 1);
+      }
+
+      .el-checkbox-button__inner {
+        background: rgba(0, 255, 255, 0.2);
+        color: rgba(0, 255, 255, 0.8);
+        border: 1px solid rgba(0, 255, 255, 0.5);
+        margin-right: 8px;
+        border-radius: 5px;
+        padding: 8px 15px;
+        box-shadow: none;
+      }
+    }
+
+    .climb,
+    .routeAltitude,
+    .routeSpeed {
+      margin-top: 15px;
+      padding: 15px 15px 0 15px;
+      background-color: rgba(0, 0, 0, 0.5);
+
+      .el-radio-group {
+        width: 100%;
+      }
+
+      .el-radio-button {
+        flex: 1;
+      }
+
+      .el-radio-button__inner {
+        padding: 8px 15px;
+        width: 100%;
+        background: rgba(0, 0, 0, 0.5);
+        border-color: rgba(0, 0, 0, 0);
+        color: #fff;
+      }
+
+      .el-radio-button__orig-radio:checked+.el-radio-button__inner {
+        box-shadow: none;
+        background: rgba(0, 255, 255, 0.2);
+        border: 1px solid rgba(0, 255, 255, 1);
+      }
+
+      .el-radio-button:first-child .el-radio-button__inner,
+      .el-radio-button:last-child .el-radio-button__inner {
+        border-radius: 0;
+      }
+
+      .left_img {
+        padding: 15px 0;
+      }
+    }
+
+    .routeSpeed {
+      padding-bottom: 5px;
+    }
+
+    .setting {
+      margin-top: 15px;
+      padding: 10px;
+      background-color: rgba(0, 0, 0, 0.5);
+      position: relative;
+      z-index: 10;
+
+      .el-select {
+        width: 100%;
+        margin: 10px 0;
+      }
+
+      .el-input__inner {
+        background-color: rgba(0, 0, 0, 0.5);
+        border-color: rgba(0, 255, 255, 0.5);
+        color: #fff;
+      }
+
+      .el-select .el-input__inner:focus {
+        border-color: rgba(0, 255, 255, 0.5);
+      }
+
+      // .el-select-dropdown__item.hover,
+      // .el-select-dropdown__item:hover,
+
+      .el-divider--horizontal {
+        margin: 10px 0;
+      }
+
+      .el-divider {
+        background: rgba(204, 204, 204, 0.2);
+      }
+
+      .el-collapse-item__header {
+        background-color: transparent !important;
+        font-family: "alimamashuheiti";
+        font-size: 14px;
+      }
+
+      .el-collapse-item__content {
+        color: #fff;
+        padding-bottom: 0;
+      }
+
+      .el-collapse-item__wrap {
+        border-bottom: none;
+      }
+    }
+  }
+
+  /* 修改垂直滚动条 */
+  .content::-webkit-scrollbar {
+    width: 8px;
+    /* 修改宽度 */
+  }
+
+  /* 修改滚动条轨道背景色 */
+  .content::-webkit-scrollbar-track {
+    background-color: rgba(0, 255, 255, 0.1);
+    border-radius: 10px;
+  }
+
+  /* 修改滚动条滑块颜色 */
+  .content::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 255, 255, 0.3);
+    border-radius: 10px;
+  }
+}
+
+.el-select-dropdown {
+  background-color: rgba(0, 0, 0, 1);
+  border-color: rgba(0, 255, 255, 0.5);
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  background-color: rgba(0, 255, 255, 0.5);
+}
+
+.el-select-dropdown__item {
+  color: #fff;
+}
+
+.el-select-dropdown__item.selected {
+  color: rgba(0, 255, 255, 1);
+}
+</style>
diff --git a/src/views/drone/components/airRoute/js/pointSetup.js b/src/views/drone/components/airRoute/js/pointSetup.js
new file mode 100644
index 0000000..2f2ac36
--- /dev/null
+++ b/src/views/drone/components/airRoute/js/pointSetup.js
@@ -0,0 +1,750 @@
+import { waypoint } from "@/api/air";
+export default {
+  data() {
+    return {
+      leftShow: false,
+      pzDisabled: false,
+      keywordShow: false,
+      setupShow: false,
+      selectId: null,
+      inputShow: false,
+      selectObj: {
+        label: "",
+        params: {},
+        type: "",
+      }, // 选中的动作
+      selectIndexF: null,
+      selectIndexS: null,
+      checkboxGroup1: ["visable", "ir"],
+      checkboxGroup2: ["wide", "ir", "zoom"],
+      startPoint: null,
+      pohoto: [
+        {
+          label: "可见光",
+          value: "visable",
+        },
+        {
+          label: "红外照片",
+          value: "ir",
+        },
+      ],
+      pohoto1: [
+        {
+          label: "广角照片",
+          value: "wide",
+        },
+        {
+          label: "红外照片",
+          value: "ir",
+        },
+        {
+          label: "变焦照片",
+          value: "zoom",
+        },
+      ],
+      dropdownList: [
+        {
+          label: "新增航点（前）",
+          value: 1,
+          type: "before",
+        },
+        {
+          label: "新增航点（后）",
+          value: 2,
+          type: "after",
+        },
+        {
+          label: "删除",
+          value: 3,
+        },
+      ],
+      controls: [
+        {
+          url: require("../../../images/control_start.png"),
+          label: "开始录像",
+          value: "startRecord",
+          svg: "start_record",
+          params: {
+            fileSuffix: "123456",
+            payloadPositionIndex: 0,
+            useGlobalPayloadLensIndex: 1, //是否使用全局 1为使用全局 0不使用全局
+            payloadLensIndex: "visable,ir",
+          },
+        },
+        {
+          url: require("../../../images/control_suspend.png"),
+          label: "停止录像",
+          value: "stopRecord",
+          svg: "stop_record",
+          params: {
+            payloadPositionIndex: 0,
+          },
+        },
+        // {
+        //   url: require("../../../images/control_Isochronous.png"),
+        //   label: "开始等时间隔拍照",
+        //   value: "takePhoto",
+        //   svg: "interval_time",
+        //   params: {
+        //     payloadPositionIndex: 0,
+        //     useGlobalPayloadLensIndex: 1,
+        //     payloadLensIndex: "visable,ir",
+        //   },
+        //   actionTrigger: {
+        //     actionTriggerType: "multipleTiming",
+        //     actionTriggerParam: 10,
+        //   },
+        // },
+        // {
+        //   url: require("../../../images/control_equidistant.png"),
+        //   label: "开始等距间隔拍照",
+        //   value: "takePhoto",
+        //   svg: "interval_distance",
+        //   params: {
+        //     payloadPositionIndex: 0,
+        //     useGlobalPayloadLensIndex: 1,
+        //     payloadLensIndex: "visable,ir",
+        //   },
+        //   actionTrigger: {
+        //     actionTriggerType: "multipleDistance",
+        //     actionTriggerParam: 10,
+        //   },
+        // },
+        // {
+        //   url: require("../../../images/control_interval.png"),
+        //   label: "结束间隔拍照",
+        //   value: "",
+        //   svg: "interval_stop",
+        // },
+        {
+          url: require("../../../images/control_hover.png"),
+          label: "悬停",
+          value: "hover",
+          svg: "hover",
+          params: {
+            hoverTime: 10,
+          },
+        },
+        {
+          url: require("../../../images/control_aircraft.png"),
+          label: "飞行器偏航角",
+          value: "rotateYaw",
+          svg: "drone_yaw",
+          params: {
+            aircraftHeading: 0,
+            aircraftPathMode: "counterClockwise",
+          },
+        },
+        // {
+        //   url: require("../../../images/control_yaw.png"),
+        //   label: "云台偏航角",
+        //   value: "gimbalRotate",
+        //   svg: "action_gimbal_pitch",
+        //   params: {
+        //     gimbalHeadingYawBase: "north",
+        //     gimbalRotateMode: "absoluteAngle",
+        //     gimbalPitchRotateEnable: 1,
+        //     gimbalPitchRotateAngle: 0,
+        //     gimbalRollRotateEnable: 0,
+        //     gimbalRollRotateAngle: 0,
+        //     gimbalYawRotateEnable: 0,
+        //     gimbalYawRotateAngle: 0,
+        //     gimbalRotateTimeEnable: 0,
+        //     gimbalRotateTime: 0,
+        //     payloadPositionIndex: 0,
+        //   },
+        // },
+        {
+          url: require("../../../images/control_pitch.png"),
+          label: "云台俯仰角",
+          value: "gimbalRotate",
+          svg: "action_gimbal_pitch",
+          params: {
+            gimbalHeadingYawBase: "north",
+            gimbalRotateMode: "absoluteAngle",
+            gimbalPitchRotateEnable: 1,
+            gimbalPitchRotateAngle: 0, // 变化的值
+            gimbalRollRotateEnable: 0,
+            gimbalRollRotateAngle: 0,
+            gimbalYawRotateEnable: 0,
+            gimbalYawRotateAngle: 0,
+            gimbalRotateTimeEnable: 0,
+            gimbalRotateTime: 0,
+            payloadPositionIndex: 0,
+          },
+        },
+        {
+          url: require("../../../images/control_photograph.png"),
+          label: "拍照",
+          value: "takePhoto",
+          svg: "take_photo",
+          params: {
+            payloadPositionIndex: 0,
+            useGlobalPayloadLensIndex: 1,
+            payloadLensIndex: "wide,zoom,ir",
+          },
+        },
+        {
+          url: require("../../../images/control_zoom.png"),
+          label: "相机变焦",
+          value: "zoom",
+          svg: "camera_zoom",
+          params: {
+            focalLength: 24,
+            isUseFocalFactor: 0,
+            payloadPositionIndex: 0,
+          },
+        },
+        {
+          url: require("../../../images/control_panorama.png"),
+          label: "全景拍照",
+          value: "panoShot",
+          svg: "pano_shot",
+          params: {
+            payloadPositionIndex: 0,
+            useGlobalPayloadLensIndex: 0,
+            payloadLensIndex: "visable,ir",
+            panoShotSubMode: "panoShot_360",
+          },
+        },
+      ],
+      points: [],
+      obj: {
+        type: 0, // 航线类型
+        imageFormat: "wide,zoom,ir,narrow_band,visable", // 拍照配置
+        estimateTime: "", // 预计执行时间  sdk
+        photoNum: 0, // 航点拍照数量  sdk
+        waylineLen: "", // 航线长度   sdk
+        flag: "",
+        //  0-91-1
+        droneInfo: {
+          // 无人机的型号及其子类型
+          droneEnumValue: "91",
+          droneSubEnumValue: "1",
+        },
+        // 3-2-0
+        payloadInfo: {
+          // 负载类型和子类型以及负载的位置
+          payloadEnumValue: "81",
+          payloadPositionIndex: "0",
+          payloadSubEnumValue: "0",
+        },
+        placemarkList: [], // 经纬度
+        globalHeight: 120, // 相对起飞点高度
+        autoFlightSpeed: 10, // 全局航线速度
+        globalShootHeight: 60,
+        // remark: undefined,
+        // imageFormat: '',
+        takeOffSecurityHeight: 100, //安全起飞高度
+        globalTransitionalSpeed: 10, //飞向首航点速度
+        takeOffRefPoint: {
+          lng: undefined,
+          lat: undefined,
+          alt: undefined,
+        },
+      },
+      networkState: {},
+      length: 0,
+      time: 0,
+      gensui: true,
+      inputDiv: false,
+    };
+  },
+  mounted() {
+    this.createTongBu();
+    // let points = JSON.parse(localStorage.getItem("routePoints"));
+    let pointsAndTakeOff = JSON.parse(this.routeLine.points);
+    console.log(
+      "pointsAndTakeOff",
+      this.routeLine,
+      this.routeLine.normalHeight
+    );
+
+    // console.log("points", points);
+    if (pointsAndTakeOff) {
+      this.points = pointsAndTakeOff.points;
+
+      console.log(".takeOffRefPoint", pointsAndTakeOff);
+      // return;
+      let takeOff = pointsAndTakeOff.takeOffRefPoint.split(",");
+      this.obj.takeOffRefPoint = {
+        lng: takeOff[1] - 0,
+        lat: takeOff[0] - 0,
+        alt: takeOff[2] - 0,
+      };
+      console.log("this.obj.takeOffRefPoint", this.obj.takeOffRefPoint);
+
+      if (!window.airLine) {
+        console.log("this.points", this.routeLine.normalHeight);
+        this.renderRouter(this.points);
+      }
+      if (!window.PointEntity) {
+        this.renderStart(this.obj.takeOffRefPoint);
+      }
+    } else {
+      this.drawStart();
+    }
+  },
+  computed: {
+    getPhotoNum() {
+      let photoNum = 0;
+      this.points.forEach((item) => {
+        if (item.actions.length > 0) {
+          item.actions.forEach((item1) => {
+            if (item1.type == "takePhoto" || item1.type == "panoShot") {
+              photoNum++;
+            }
+          });
+        }
+      });
+      return photoNum;
+    },
+  },
+  methods: {
+    // 创建地球
+    createTongBu() {
+      window.EarthTongbu = new YJ.YJEarth("tongbuEarth");
+      YJ.Global.setKeyboardEventActive(window.EarthTongbu, false);
+      const obj = {
+        compass: false, //罗盘
+        legend: false, //比例尺
+        info: false, //信息栏
+        frame: false, //刷新率
+      };
+      let viewer = window.EarthTongbu.viewer;
+      YJ.Global.CesiumContainer(window.EarthTongbu, obj);
+      viewer.terrainProvider = new Cesium.createWorldTerrain();
+      let imageryProvider = new Cesium.ArcGisMapServerImageryProvider({
+        url:
+          "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+      });
+      viewer.imageryLayers.addImageryProvider(imageryProvider);
+      viewer.scene.screenSpaceCameraController.enableRotate = false;
+      viewer.scene.screenSpaceCameraController.enableZoom = false;
+      viewer.scene.screenSpaceCameraController.enableTilt = false;
+    },
+    // 跟随航线
+    genliuhangxian() {
+      this.gensui = !this.gensui;
+      if (this.gensui) {
+        this.selectObj.params.useGlobalPayloadLensIndex = 1;
+      } else {
+        this.selectObj.params.useGlobalPayloadLensIndex = 0;
+      }
+    },
+    // genliuhangxian
+    genliuhangxian2() {
+      this.selectObj.params.useGlobalPayloadLensIndex = 1;
+    },
+    // 保存成功
+    saveSuucess() {
+      this.inputDiv = false;
+      this.$message.success("保存成功");
+    },
+    // 删除成功
+    deleteSuucess() {
+      this.$message.success("删除成功");
+      this.inputShow = false;
+      this.selectObj.params.fileSuffix = "";
+    },
+    changeGroup() {
+      this.selectObj.params.payloadLensIndex = this.checkboxGroup1.join();
+    },
+    changeGroup1() {
+      this.selectObj.params.payloadLensIndex = this.checkboxGroup2.join();
+    },
+    interval_distance(value) {
+      let svg = this.selectObj.svg;
+      if (svg == "interval_time" || svg == "interval_distance") {
+        this.selectObj.actionTrigger.actionTriggerParam = value;
+      }
+      if (svg == "hover") {
+        console.log("hoverTime", this.selectObj.params.hoverTime);
+        this.selectObj.params.hoverTime = value;
+      }
+    },
+    //
+    hpr(value) {
+      let svg = this.selectObj.svg;
+      if (svg == "drone_yaw") {
+        this.selectObj.params.aircraftHeading = value;
+        let h = value == 0 ? 0 : value;
+        window.airLine.frustum.updateFrustumHPR(
+          h,
+          window.airLine.frustum.pitch,
+          window.airLine.frustum.roll,
+          true,
+          "alone"
+        );
+      }
+      if (svg == "action_gimbal_pitch") {
+        function mapValue(x, a1, b1, a2, b2) {
+          // 线性映射公式
+          return a2 + ((x - a1) / (b1 - a1)) * (b2 - a2);
+        }
+
+        // 原始区间和目标区间
+        const range1 = [35, -90]; // 原始区间
+        const range2 = [60, 180]; // 目标区间
+        let mappedValue = mapValue(
+          value,
+          range1[0],
+          range1[1],
+          range2[0],
+          range2[1]
+        );
+        this.selectObj.params.gimbalPitchRotateAngle = value;
+        let p = mappedValue == 0 ? 90 : mappedValue;
+        // return;
+        let hh = Cesium.Math.toDegrees(window.airLine.frustum.hpr.heading);
+        window.airLine.frustum.updateFrustumHPR(hh, p, 0, true, "alone");
+      }
+      if (svg == "camera_zoom") {
+        this.selectObj.params.focalLength = value * 24;
+      }
+    },
+    closeSetup() {
+      this.setupShow = false;
+      this.selectIndexS = null;
+    },
+    beforeHandleDropMenu(dropId, airLine) {
+      return {
+        dropId: dropId,
+        airLine: airLine,
+      };
+    },
+    handleDropMenu(command) {
+      const { dropId, airLine } = command;
+      if (dropId == 1 || dropId == 2) {
+        let draw = new YJ.Draw.DrawPoint(window.Earth1);
+        draw.start((err, params) => {
+          if (params != undefined) {
+            let position = {
+              ...params,
+              actions: [],
+            };
+            if (dropId == 1) {
+              if (window.airLine) {
+                this.points.splice(this.selectId, 0, position);
+                window.airLine.addPoint(this.points);
+              }
+            }
+            if (dropId == 2) {
+              if (window.airLine) {
+                if (this.selectId == this.points.length - 1) {
+                  this.points.push(position);
+                } else {
+                  this.points.splice(this.selectId + 1, 0, position);
+                }
+                window.airLine.addPoint(this.points);
+              }
+            }
+          }
+        });
+      }
+      if (dropId == 3) {
+        const index = this.points.findIndex((obj) => obj.lng == airLine.lng);
+        this.points = this.points.filter((obj) => obj.lng !== airLine.lng);
+        if (window.airLine) {
+          window.airLine.delPosition(index, this);
+        }
+      }
+    },
+    // 新增航点
+    addPoint() {
+      let draw = new YJ.Draw.DrawPoint(window.Earth1);
+      draw.start((err, params) => {
+        if (params != undefined) {
+          let position = {
+            ...params,
+            actions: [],
+          };
+          this.points.push(position);
+          window.airLine.addPoint(this.points);
+          this.save(() => {}, false);
+        }
+      });
+    },
+    // 选中
+    select(index) {
+      this.selectId = index;
+      let item = this.points[index];
+      let obj = item.actions[0];
+
+      if (obj) {
+        this.openSet(index, 0, obj);
+      } else {
+        this.setupShow = false;
+        this.selectIndexS = null;
+      }
+      if (window.airLine) {
+        //判断动作组中有value为rotateYaw、gimbalRotate时就不执行window.airLine.updateFrustumPosition(index);
+        let flag = item.actions.some(
+          (obj) => obj.value == "rotateYaw" || obj.value == "gimbalRotate"
+        );
+        if (!flag) {
+          window.airLine.updateFrustumPosition(index);
+        }
+      }
+    },
+    add() {},
+    more() {
+      this.leftShow = !this.leftShow;
+    },
+    // 打开高级设置
+    senior() {
+      this.save(() => {
+        this.$emit("seniorSet");
+      });
+    },
+    // 返回
+    back() {
+      if (this.points.length > 0) {
+        this.save(() => {
+          if (airLine) {
+            window.airLine.remove();
+            window.airLine = null;
+          }
+          if (window.PointEntity) {
+            window.PointEntity.remove();
+            window.PointEntity = null;
+          }
+          this.$emit("back");
+        }, false);
+      } else {
+        this.$emit("back");
+      }
+      this.$changeComponentShow(".bottomTabs", true);
+    },
+    // 绘制航线
+    draw() {
+      let draw = new YJ.Draw.DrawPolyline(window.Earth1, {
+        tipText: "请选择航点（左键确定，右键结束）",
+      });
+      draw.start((err, positions) => {
+        if (positions.length == 0) {
+          return;
+        }
+        positions.forEach((el) => {
+          el.actions = [];
+          return el;
+        });
+        this.points = [...positions];
+        this.renderRouter(positions);
+      });
+    },
+    // 绘制起飞点
+    drawStart() {
+      let draw = new YJ.Draw.DrawTakeOff(window.Earth1, {
+        tipText: "选择参考起飞点（左键确定）",
+      });
+      draw.start((err, params, flag) => {
+        if (params != undefined) {
+          if (!flag) {
+            this.renderStart(params);
+            this.obj.takeOffRefPoint = window.PointEntity.options.positions;
+          } else {
+            this.obj.takeOffRefPoint = window.airportEntity.options.positions;
+          }
+          this.draw();
+        }
+      });
+    },
+    // 渲染参考起飞点
+    renderStart(positions) {
+      let option = {
+        positions,
+        label: {
+          text: "参考起飞点",
+          fontSize: 20,
+        },
+        billboard: {
+          image: "/static/sdk/img/start.png",
+        },
+      };
+      window.PointEntity = new YJ.Obj.BillboardObject(window.Earth1, option);
+      window.PointEntity.picking = false;
+      window.PointEntity.onClick = () => {
+        setTimeout(() => {
+          window.PointEntity.positionEditing = true;
+        }, 100);
+      };
+    },
+    // 渲染航线
+    renderRouter(positions) {
+      console.log("globalPointHeight", this.routeLine.globalPointHeight);
+
+      let airLine = new YJ.Obj.newAirLine(
+        {
+          positions,
+          image: "/static/img/定位.png",
+          saveFun: this.save,
+          selectFun: this.select,
+          normalHeight: this.routeLine.globalPointHeight,
+          airHeight: this.routeLine.height,
+        },
+        window.Earth1.viewer,
+        window.EarthTongbu.viewer
+      );
+      window.airLine = airLine;
+      window.airLine.flyTo();
+      this.length = airLine.countLength();
+      this.time = airLine.countTime();
+      // console.log("airLine", airLine);
+    },
+    // 添加动作到航点
+    onClick(item) {
+      console.log("item", item);
+      // 添加动作时，
+      // console.log("this.selectId, item", this.selectId, item);
+      if (this.selectId === null) {
+        this.$message.warning("请选择航点，再进行动作添加");
+        return;
+      }
+      let selectItem = this.points[this.selectId];
+      selectItem.actions.push({
+        label: item.label,
+        type: item.value,
+        params: item.params,
+        svg: item.svg,
+        actionTrigger: item.actionTrigger,
+      });
+      // 打开当前动作设置
+      // this.openSet(this.selectId, selectItem.actions.length - 1, item);
+      // console.log("this.points", this.points);
+    },
+    // 点击动作图标
+    openSet(indexF, indexS, item) {
+      this.selectIndexF = indexF;
+      this.selectIndexS = indexS;
+      this.selectObj = item;
+      console.log("this.selectObj", this.selectObj);
+      if (
+        this.selectObj.type == "takePhoto" ||
+        this.selectObj.type == "startRecord"
+      ) {
+        this.checkboxGroup2 = this.selectObj.params.payloadLensIndex.split(",");
+        if (this.selectObj.params.fileSuffix) {
+          this.inputDiv = false;
+          this.inputShow = true;
+        } else {
+          this.inputShow = false;
+          this.inputDiv = true;
+        }
+      }
+      this.setupShow = true;
+    },
+    // 删除动作
+    delAction() {
+      let curAction = this.points[this.selectIndexF];
+      curAction.actions.splice(this.selectIndexS, 1);
+      this.setupShow = false;
+      // console.log(
+      //   "curActioncurActioncurActioncurAction",
+      //   curAction,
+      //   this.selectIndexS
+      // );
+    },
+
+    // 在保存之前判断每个点中得动作组，如果前一个动作组中有开始录像，后面的动作组中有全景拍照的动作，就提示用户该航线因为全景拍照的动作处于录像过程中，无法执行，并返回当前有问题的航点的索引
+    saveBefore() {
+      let flag = true;
+      let indexf = null;
+      this.points.forEach((item, index) => {
+        if (item.actions.length > 0) {
+          let startRecord = item.actions.find(
+            (obj) => obj.type == "startRecord"
+          );
+          if (startRecord) {
+            let nextAction = this.points[index + 1];
+            if (nextAction) {
+              let panoShot = nextAction.actions.find(
+                (obj) => obj.type == "panoShot"
+              );
+              if (panoShot) {
+                flag = false;
+                indexf = index + 1;
+              }
+            }
+          }
+        }
+      });
+      return {
+        flag: !flag,
+        index: indexf,
+      };
+    },
+    // 保存操作
+    save(cb = null, flag = true) {
+      let before = this.saveBefore();
+      if (before.flag) {
+        this.$message.warning(
+          `${before.index +
+            1}#航点的全景拍照动作处于录像过程中，无法执行。请删除该动作后再保存`
+        );
+        return;
+      }
+      let positions = window.airLine.getNewPositions();
+      let newPoints = [];
+      this.points.forEach((item1, index1) => {
+        let obj = {
+          actions: item1.actions,
+        };
+        positions.forEach((item, index) => {
+          if (index == index1) {
+            obj.lng = item.lng;
+            obj.lat = item.lat;
+            obj.alt = item.alt - this.routeLine.globalPointHeight;
+            obj.longitude = item.lng;
+            obj.latitude = item.lat;
+            obj.altitude =
+              item.alt -
+              this.routeLine.height +
+              this.routeLine.globalPointHeight;
+          }
+        });
+        newPoints.push(obj);
+      });
+      this.points = newPoints;
+      this.obj.placemarkList = newPoints;
+      this.obj.id = this.routeLine.id;
+      if (typeof this.obj.takeOffRefPoint == "object") {
+        this.obj.takeOffRefPoint =
+          this.obj.takeOffRefPoint.lat +
+          "," +
+          this.obj.takeOffRefPoint.lng +
+          "," +
+          this.obj.takeOffRefPoint.alt;
+      } else {
+        this.obj.takeOffRefPoint = this.obj.takeOffRefPoint;
+      }
+
+      let obj = {
+        points: newPoints,
+        takeOffRefPoint: this.obj.takeOffRefPoint,
+      };
+      if (!obj.points[0].lng) {
+        this.obj.points = [];
+        this.takeOffRefPoint = "";
+        window.PointEntity.remove();
+        window.PointEntity = null;
+      }
+      this.obj.points = JSON.stringify(obj);
+      waypoint(this.obj).then((res) => {
+        if (flag) {
+          this.$message.success("操作成功");
+        }
+        if (typeof cb == "function") {
+          cb();
+        }
+      });
+    },
+    // 航线航点移动
+    towardsLeft() {},
+    up() {},
+    towardsRight() {},
+    left() {},
+    after() {},
+    right() {},
+  },
+};
diff --git a/src/views/drone/components/airRoute/list.vue b/src/views/drone/components/airRoute/list.vue
new file mode 100644
index 0000000..e4ab6e7
--- /dev/null
+++ b/src/views/drone/components/airRoute/list.vue
@@ -0,0 +1,627 @@
+<template>
+  <div class="air_list uav_box">
+    <div class="header">
+      <div class="logo">
+        <img class="title" src="../../images/airlist.png" alt="" />
+        <el-tooltip class="item" effect="dark" content="导入航线" placement="top">
+          <div class="importPath" @click="importPath"></div>
+        </el-tooltip>
+        <el-tooltip class="item" effect="dark" content="添加" placement="top">
+          <div class="add" @click="add"></div>
+        </el-tooltip>
+      </div>
+      <div class="search">
+        <el-row>
+          <el-col :span="17">
+            <el-input placeholder="请输入内容" v-model="queryParam.fileName">
+              <i slot="suffix" class="el-input__icon el-icon-search" @click="search"></i>
+            </el-input>
+          </el-col>
+          <el-col :span="7">
+            <div class="date flex">
+              <span style="margin-right: 5px">时间排序</span>
+              <div class="flex arrow">
+                <i class="el-icon-caret-top" @click="order(0)"></i>
+                <i class="el-icon-caret-bottom" @click="order(1)"></i>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+    <el-divider></el-divider>
+    <div class="content">
+      <div v-for="item in airList" :key="item.id" class="air_item">
+        <div class="top flex">
+          <el-tooltip effect="dark" :content="item.fileName" placement="top-start">
+            <div class="text">
+              {{ item.fileName }}
+            </div>
+          </el-tooltip>
+
+          <div class="flex" style="align-items: center">
+            <div v-if="item.isImport == 'false'" class="edit" @click="edit(item)"></div>
+            <el-dropdown @command="handleDropMenu">
+              <div class="more_icon"></div>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item :command="beforeHandleDropMenu(drop.value, item)" v-for="drop in dropdownList" :key="drop.value">{{
+                    drop.label
+                  }}</el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+        </div>
+        <div class="middle m10">
+          <img src="../../images/wurenji.png" alt="" />
+          <span>{{ item.deviceType }}</span>
+        </div>
+        <div class="bottom m10">
+          <span class="f14">更新时间：</span>
+          <span class="f12">{{ parseTime(item.updatedAt, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="pagination"></div>
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="1"
+      :pager-count="5"
+      :page-sizes="[10, 20, 30, 40]"
+      :page-size="10"
+      layout="total, sizes, prev, pager, next"
+      :total="total"
+    >
+    </el-pagination>
+    <myDialog ref="createHX" class="createHX" :title="title" @close="close">
+      <el-divider></el-divider>
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="航线名称" prop="value1" style="margin-top: 10px; margin-bottom: 20px">
+          <el-input placeholder="请输入名称" v-model.trim="form.value1" clearable></el-input>
+        </el-form-item>
+        <el-form-item v-if="globalPointHeightShow" label="全局航线高度" prop="value2" style="margin-top: 10px; margin-bottom: 20px">
+          <el-input placeholder="请输入全局航线高度(2~3000)" v-model.trim.number="form.value2" clearable></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="btns">
+        <el-button size="small" @click="submit">确定</el-button>
+        <el-button size="small" @click="cancel">取消</el-button>
+      </div>
+    </myDialog>
+    <input type="file" id="fileInput" style="display: none" accept=".kmz" @change="uploadFile" />
+  </div>
+</template>
+
+<script>
+import myDialog from '../component/dialog/index.vue';
+import { listPaths, routerAdd, routerRename, routerCopy, delPaths, listInfo, returnImport } from '@/api/air';
+import { useAirStore } from '@/store/modules/drone';
+import { parseTime } from '@/utils';
+export default {
+  name: 'airList',
+  components: {
+    myDialog
+  },
+  data() {
+    return {
+      value: '',
+      form: {
+        value1: '',
+        value2: ''
+      },
+      rules: {
+        value1: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        value2: [
+          { required: true, message: '请输入全局航线高度', trigger: 'blur', type: 'number' },
+          { min: 2, max: 3000, message: '请输入2~3000之间的数字', trigger: 'blur', type: 'number' }
+        ]
+      },
+      airList: [],
+      curId: '',
+      title: '创建新航线',
+      parseTime: parseTime,
+      queryParam: {
+        pageNum: 1,
+        pageSize: 10,
+        fileName: '',
+        order: 1
+      },
+      dropdownList: [
+        {
+          label: '重命名',
+          value: 1
+        },
+        {
+          label: '复制',
+          value: 2
+        },
+        {
+          label: '下载',
+          value: 3
+        },
+        {
+          label: '删除',
+          value: 4
+        }
+      ],
+      gateWay: useAirStore().gateWay,
+      info: {},
+      networkState: {},
+      total: 0,
+      height: 100,
+      globalPointHeightShow: true
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getAirRouteList();
+        this.getList();
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.getAirRouteList();
+    this.getList();
+    this.$recvChanel('websocketBus', (data) => {
+      if (data.businessType == 'osd3') {
+        this.networkState = { ...data.data };
+      }
+    });
+  },
+
+  methods: {
+    handleSizeChange(val) {
+      this.queryParam.pageSize = val;
+      this.getAirRouteList();
+    },
+    handleCurrentChange(val) {
+      this.queryParam.pageNum = val;
+      this.getAirRouteList();
+    },
+    uploadFile(event) {
+      let files = event.target.files;
+      if (files && files[0]) {
+        const file = files[0];
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('flag', this.gateWay.gateway);
+        returnImport(formData).then((res) => {
+          if (res.code == 200) {
+            this.$message.success('上传成功');
+            this.getAirRouteList();
+          }
+        });
+      }
+    },
+    // 导入航线
+    importPath() {
+      document.getElementById('fileInput').click();
+    },
+    // 判断是否有地形
+
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway,
+        type: '飞机'
+      }).then((res) => {
+        this.info = res.rows[0];
+        // console.log("this.info", this.info);
+      });
+    },
+    // 搜索
+    search() {
+      this.getAirRouteList();
+    },
+    // 获取航线列表数据
+    getAirRouteList() {
+      this.queryParam.flag = this.gateWay.gateway;
+      listPaths(this.queryParam).then((res) => {
+        let list = res.rows || [];
+        this.airList = list;
+        this.total = res.total;
+      });
+    },
+    beforeHandleDropMenu(dropId, airLine) {
+      return {
+        dropId: dropId,
+        airLine: airLine
+      };
+    },
+    handleDropMenu(command) {
+      // console.log("command", command);
+      const { dropId, airLine } = command;
+      if (dropId == 1) {
+        this.title = '重命名';
+        this.form.value1 = airLine.fileName;
+        this.curId = airLine.id;
+        this.globalPointHeightShow = false;
+        this.$refs.createHX.open();
+      }
+      if (dropId == 2) {
+        routerCopy(airLine.id).then((res) => {
+          if (res.code == 200) {
+            this.$message.success('复制成功');
+            this.getAirRouteList();
+          }
+        });
+      }
+      if (dropId == 3) {
+        if (airLine.fileUrl) {
+          let link = document.createElement('a');
+          link.style.display = 'none';
+          link.href = airLine.fileUrl;
+          // decodeURIComponent
+          link.setAttribute('download', airLine.fileName);
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link); //下载完成移除元素
+        } else {
+          this.$message.warning('请编辑后再下载');
+        }
+      }
+      if (dropId == 4) {
+        this.$confirm('此操作将永久删除航线数据，是否继续?', '提示', {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            delPaths(airLine.id).then(() => {
+              this.$message.success('删除成功');
+              if (window.airLine) {
+                window.airLine.remove();
+                window.airLine = null;
+              }
+              // 若当前项之前为选中状态清除
+              this.getAirRouteList();
+            });
+          })
+          .catch(() => {});
+      }
+    },
+    // 创建航线
+    add() {
+      this.title = '创建新航线';
+      this.globalPointHeightShow = true;
+      this.$refs.createHX.open();
+    },
+    // 升降序
+    order(order) {
+      this.queryParam.order = order;
+      this.getAirRouteList();
+    },
+    // 确认
+    submit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.title == '创建新航线') {
+            routerAdd({
+              filename: this.form.value1,
+              remark: this.info.remark,
+              flag: this.gateWay.gateway,
+              globalPointHeight: this.form.value2
+            }).then((res) => {
+              // console.log(res);
+              if (res.code == 200) {
+                this.$message.success('创建成功');
+                this.getAirRouteList();
+              }
+            });
+          }
+          if (this.title == '重命名') {
+            routerRename({
+              id: this.curId,
+              newFileName: this.form.value1
+            }).then((res) => {
+              if (res.code == 200) {
+                this.$message.success('重命名成功');
+                this.getAirRouteList();
+              }
+            });
+          }
+          this.form.value1 = '';
+          this.$refs.createHX.close();
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    close() {
+      this.form.value1 = '';
+      this.form.value2 = '';
+      // this.$refs.createHX.close();
+    },
+    // 取消
+    cancel() {
+      this.form.value1 = '';
+      this.form.value2 = '';
+      this.$refs.createHX.close();
+    },
+    hasTerrain() {
+      return window.Earth1.viewer.terrainProvider.availability;
+    },
+    // 编辑
+    edit(item) {
+      let hasTerrain = window.Earth1.viewer.terrainProvider.availability;
+      if (!hasTerrain) {
+        this.$message.warning('请先添加地形文件（.pnk）,再进行操作');
+        return;
+      }
+      this.$emit('routeEdit', item, this.networkState);
+    }
+  }
+};
+</script>
+<style lang="scss">
+.air_list {
+  left: 20px;
+
+  .el-pager li {
+    min-width: 18px;
+  }
+
+  .el-pager li.btn-quicknext,
+  .el-pager li.btn-quickprev {
+    color: #fff;
+  }
+
+  .header {
+    .logo {
+      position: relative;
+      text-align: center;
+
+      .title {
+        width: 380px;
+        height: 32px;
+      }
+
+      .add {
+        position: absolute;
+        top: 5px;
+        right: 10px;
+        width: 16px;
+        height: 16px;
+        z-index: 20;
+        background: url('../../images/add.png');
+        background-size: cover;
+        cursor: pointer;
+      }
+
+      .add:hover {
+        background: url('../../images/addh.png');
+        background-size: cover;
+      }
+
+      .importPath {
+        position: absolute;
+        top: 5px;
+        right: 40px;
+        width: 16px;
+        height: 16px;
+        z-index: 20;
+        background: url('../../images/importpath.png');
+        background-size: cover;
+        cursor: pointer;
+      }
+
+      .importPath:hover {
+        background: url('../../images/importpathh.png');
+        background-size: cover;
+      }
+    }
+
+    .search {
+      margin-top: 16px;
+
+      .el-input__inner {
+        background-color: rgba(0, 0, 0, 0.5);
+        height: 32px;
+        line-height: 32px;
+        border-color: rgba(0, 255, 255, 0.5);
+      }
+
+      .el-input__prefix,
+      .el-input__suffix {
+        top: -2px;
+      }
+
+      .date {
+        height: 32px;
+        color: #fff;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .arrow {
+        flex-direction: column;
+        font-size: 12px;
+
+        i {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 10px 0;
+  }
+
+  .el-divider {
+    background: rgba(204, 204, 204, 0.2);
+  }
+
+  .content {
+    height: calc(100% - 130px);
+    color: #fff;
+    overflow: auto;
+    padding-right: 5px;
+
+    .air_item {
+      background: rgba(0, 0, 0, 0.5);
+      height: 113px;
+      border-radius: 2px;
+      padding: 16px;
+      margin-bottom: 10px;
+
+      .top {
+        justify-content: space-between;
+
+        .text {
+          font-family: 'alimamashuheiti';
+          width: 200px;
+          overflow: hidden;
+          white-space: nowrap;
+          /* 确保文本在一行内显示，允许设置overflow属性 */
+          text-overflow: ellipsis;
+          /* 使用省略符号表示文本溢出 */
+        }
+      }
+
+      .middle {
+        img {
+          width: 14px;
+          height: 14px;
+        }
+      }
+
+      .more_icon {
+        height: 20px;
+        width: 20px;
+        margin: 0 6px 0 10px;
+        cursor: pointer;
+        background: url('../../images/more1.png');
+        background-size: cover;
+      }
+
+      .more_icon:hover {
+        background: url('../../images/more2.png');
+        background-size: cover;
+      }
+
+      .edit {
+        width: 18px;
+        height: 18px;
+        cursor: pointer;
+        background: url('../../images/edit.png');
+        background-size: cover;
+      }
+
+      .edit:hover {
+        background: url('../../images/edith.png');
+        background-size: cover;
+      }
+
+      .middle,
+      .bottom {
+        font-family: sans-serif;
+        color: rgba(230, 247, 255, 1);
+      }
+    }
+  }
+
+  .pagination {
+    .el-pager li {
+      width: 20px;
+    }
+  }
+
+  /* 修改垂直滚动条 */
+  .content::-webkit-scrollbar {
+    width: 8px;
+    /* 修改宽度 */
+  }
+
+  /* 修改滚动条轨道背景色 */
+  .content::-webkit-scrollbar-track {
+    background-color: rgba(0, 255, 255, 0.1);
+    border-radius: 10px;
+  }
+
+  /* 修改滚动条滑块颜色 */
+  .content::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 255, 255, 0.3);
+    border-radius: 10px;
+  }
+
+  .createHX {
+    .el-input__inner {
+      background-color: rgba(0, 0, 0, 0.5);
+      height: 32px;
+      border-color: rgba(0, 255, 255, 0.5);
+      width: 100%;
+      color: #fff;
+    }
+  }
+
+  .btns {
+    text-align: center;
+
+    .el-button {
+      background: rgba(0, 255, 255, 0.2);
+      color: #fff;
+      border-color: rgba(0, 255, 255, 0.5);
+    }
+
+    .el-button:focus,
+    .el-button:hover {
+      border-color: rgba(0, 255, 255, 1);
+    }
+  }
+}
+
+.el-dropdown-menu {
+  background: rgba(0, 0, 0, 1);
+  border: 1px solid rgba(0, 255, 255, 0.5);
+  color: #fff;
+
+  .el-dropdown-menu__item:focus,
+  .el-dropdown-menu__item:not(.is-disabled):hover {
+    color: rgba(0, 255, 255, 1);
+    background-color: transparent;
+  }
+
+  .el-dropdown-menu__item {
+    color: #fff;
+  }
+}
+
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+  display: none;
+}
+
+.el-message-box {
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.3);
+  border: none;
+
+  .el-message-box__content,
+  .el-message-box__title {
+    color: #fff;
+  }
+
+  .el-button {
+    border-radius: 4px;
+    background: rgba(0, 255, 255, 0.2);
+    color: #fff;
+    border: 1px solid rgba(0, 255, 255, 0.5);
+  }
+
+  .el-button:hover {
+    border-color: rgba(0, 255, 255, 1);
+  }
+}
+
+.el-form-item__label {
+  color: #fff;
+}
+</style>
diff --git a/src/views/drone/components/airRoute/pointSetup.vue b/src/views/drone/components/airRoute/pointSetup.vue
new file mode 100644
index 0000000..7acb896
--- /dev/null
+++ b/src/views/drone/components/airRoute/pointSetup.vue
@@ -0,0 +1,881 @@
+<template>
+  <div class="airPointSetup uav_box">
+    <div class="header">
+      <div class="logo">
+        <img class="title" src="../../images/airsetup.png" alt="" />
+        <div class="item">
+          <div class="back com" @click="back" title="返回"></div>
+        </div>
+        <div class="item">
+          <div class="save com" @click="save" title="保存"></div>
+        </div>
+        <div class="item">
+          <div class="switch com" @click="senior" title="高级设置"></div>
+        </div>
+        <!-- <el-tooltip class="item" effect="dark" content="返回" placement="top">
+        </el-tooltip>
+        <el-tooltip class="item" effect="dark" content="保存" placement="top">
+        </el-tooltip>
+        <el-tooltip class="item" effect="dark" content="高级设置" placement="top">
+        </el-tooltip> -->
+      </div>
+    </div>
+    <div class="title">
+      <img src="../../images/title.png" alt="" />
+      <span>航点列表</span>
+    </div>
+    <el-divider></el-divider>
+    <!-- 航线信息 -->
+    <div class="info">
+      <el-row>
+        <el-col :span="10">
+          <div class="info_item">
+            <div>航线长度</div>
+            <div>{{ length }} m</div>
+          </div>
+        </el-col>
+        <el-col :span="7">
+          <div class="info_item">
+            <div>航点</div>
+            <div>{{ points.length }}</div>
+          </div>
+        </el-col>
+        <el-col :span="7">
+          <div class="info_item">
+            <div>照片</div>
+            <div>{{ getPhotoNum }}</div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider></el-divider>
+    <!-- 航点列表 -->
+    <div class="content">
+      <div v-for="(item, index) in points" :key="index" @click="select(index, item)" class="point_item"
+        :class="{ active: selectId == index }">
+        <div class="left">
+          <img src="../../images/point.png" alt="" />
+          <span style="margin: 0 5px;">{{ index + 1 }}</span>
+        </div>
+        <div v-if="item.actions.length > 0" class="middle">
+          <div v-for="(item1, index1) in item.actions" :key="index1" @click.stop="openSet(index, index1, item1)"
+            style="display: inline-block;margin: 0 3px;cursor: pointer;">
+            <svg-icon :icon-class="item1.svg" style="width: 16px;height: 16px;" :style="selectIndexS == index1 && selectIndexF == index
+              ? 'fill:rgba(0, 255, 255, 1)'
+              : 'fill:#fff'
+              "></svg-icon>
+          </div>
+        </div>
+        <div class="right">
+          <el-dropdown @command="handleDropMenu" trigger="click">
+            <div class="more_icon"></div>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item :command="beforeHandleDropMenu(drop.value, item)" v-for="drop in dropdownList"
+                  :key="drop.value">{{ drop.label }}</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+        </div>
+      </div>
+    </div>
+    <!-- 操作仓 -->
+    <div v-show="keywordShow" class="keyword flex">
+      <div class="left mr20">
+        <div class="top">
+          <div class="flex space_between">
+            <div class="img_box">
+              <img src="../../images/left.png" alt="" />
+            </div>
+            <div class="img_box">
+              <img style="width: 16px;height: 20px;" src="../../images/top.png" alt="" />
+            </div>
+            <div class="img_box">
+              <img src="../../images/right.png" alt="" />
+            </div>
+          </div>
+          <div class="flex space_between ">
+            <div class="item_bottom" @mousedown="towardsLeft">Q</div>
+            <div class="item_bottom" @mousedown="up">W</div>
+            <div class="item_bottom" @mousedown="towardsRight">E</div>
+          </div>
+        </div>
+        <div class="bottom">
+          <div class="flex space_between ">
+            <div class="img_box">
+              <img src="../../images/left_f.png" alt="" />
+            </div>
+            <div class="img_box">
+              <img src="../../images/after_f.png" alt="" />
+            </div>
+            <div class="img_box">
+              <img src="../../images/right_f.png" alt="" />
+            </div>
+          </div>
+          <div class="flex space_between ">
+            <div class="item_bottom" @mousedown="left">A</div>
+            <div class="item_bottom" @mousedown="after">S</div>
+            <div class="item_bottom" @mousedown="right">D</div>
+          </div>
+        </div>
+      </div>
+      <div class="middle mr20">
+        <div class="middle_item">
+          <div class="titel">经度</div>
+          <div class="value">106.25467890 °</div>
+        </div>
+        <div class="middle_item">
+          <div class="titel">维度</div>
+          <div class="value">36.25467890 °</div>
+        </div>
+        <div class="middle_item">
+          <div class="titel">高度</div>
+          <div class="value">90 m</div>
+        </div>
+      </div>
+      <div class="right flex">
+        <img src="../../images/top_r.png" alt="" />
+        <div class="item_right">C</div>
+        <div class="alt flex space_between">
+          <div class="f30">96.3</div>
+          <div class="f14 text_algin_right">
+            <div>ALT</div>
+            <div>m</div>
+          </div>
+        </div>
+        <div class="f12 asl text_algin_right">581 ASL</div>
+        <img src="../../images/bottom_r.png" alt="" />
+        <div class="item_right">Z</div>
+      </div>
+    </div>
+    <!-- 动作 -->
+    <div class="control">
+      <div class="right">
+        <div v-if="points.length > 0" class="control_item" @click="addPoint">
+          <span>新增航点</span>
+          <img src="../../images/control_add.png" alt="" />
+        </div>
+        <div class="control_item" @click="more">
+          <span>更多</span>
+          <img src="../../images/control_more.png" alt="" />
+        </div>
+      </div>
+      <div v-show="leftShow" class="left">
+        <div class="control_item" v-for="item in controls" :key="item.label" @click="onClick(item)">
+          <span>{{ item.label }}</span>
+          <img :src="item.url" alt="" />
+        </div>
+      </div>
+    </div>
+    <!-- 动作设置 -->
+    <div v-show="setupShow" class="setup">
+      <div class="setup_header flex space_between">
+        <div class="setup_header_left">
+          <svg-icon icon-class="camera" style="width: 20px;height: 16px;vertical-align: middle;"></svg-icon>
+          <span class="f14 header_title">{{ selectObj.label }}</span>
+        </div>
+        <div class="setup_header_right flex ai_center">
+          <svg-icon icon-class="left" style="width: 18px;height: 10px;"></svg-icon>
+          {{ selectIndexF + 1 }}-{{ selectIndexS + 1 }}
+          <svg-icon icon-class="right" style="width: 18px;height: 10px;color: red;"></svg-icon>
+          <div class="del" @click="delAction"></div>
+        </div>
+        <div class="close" @click="closeSetup"></div>
+      </div>
+      <el-divider></el-divider>
+      <!-- 开始录像 -->
+      <div v-if="selectObj.svg == 'start_record'" class="setup_content">
+        <div class="flex space_between">
+          <div>DJI_YYYYMMDDhhmm_XXX_</div>
+          <div v-if="!selectObj.params.fileSuffix" class="edit" @click="inputShow = true, inputDiv = true"></div>
+        </div>
+        <div v-if="inputShow" class="flex wuyongBox">
+          <el-input v-if="inputDiv" v-model="selectObj.params.fileSuffix"></el-input>
+          <div style="flex: 1;" v-if="!inputDiv">{{ selectObj.params.fileSuffix }}</div>
+          <i class="el-icon-edit wuyong-icon" v-if="!inputDiv" @click="inputDiv = true"></i>
+          <i class="el-icon-check wuyong-icon" v-if="inputDiv" style="color: green;" @click="saveSuucess"></i>
+          <i class="el-icon-close wuyong-icon" v-if="inputDiv" style="color: red;" @click="deleteSuucess"></i>
+        </div>
+        <div class="flex mt15 space_between">
+          <div class="btns">
+            <el-checkbox-group :disabled="!selectObj.params.useGlobalPayloadLensIndex" v-model="checkboxGroup1" :min="1"
+              :max="2" @change="changeGroup">
+              <el-checkbox-button v-for="item in pohoto" :label="item.value" :key="item.value">{{ item.label
+                }}</el-checkbox-button>
+            </el-checkbox-group>
+          </div>
+          <el-button size="small" :class="{ bugen: selectObj.params.useGlobalPayloadLensIndex == 1 }"
+            @click="genliuhangxian">
+            <svg-icon icon-class="fly" style="width: 18px;height: 10px;"></svg-icon>跟随航线</el-button>
+        </div>
+      </div>
+      <!-- 停止录像 -->
+      <!-- 开始等时隔拍照 -->
+      <div v-if="selectObj.svg == 'interval_time'" class="setup_content">
+        <div class="flex space_between">
+          <div>间隔时间</div>
+        </div>
+        <div>
+          <plusReduce :defValue="selectObj.actionTrigger.actionTriggerParam" @value="interval_distance" :max="30"
+            :min="1">
+          </plusReduce>
+        </div>
+        <div class="flex mt15 space_between">
+          <div>
+            <el-button size="small" :disabled="pzDisabled">可见光</el-button>
+            <el-button size="small" :disabled="pzDisabled">红外照片</el-button>
+          </div>
+          <el-button size="small" :class="{ bugen: selectObj.params.useGlobalPayloadLensIndex == 1 }">
+            <svg-icon icon-class="fly" style="width: 18px;height: 10px;"></svg-icon>跟随航线</el-button>
+        </div>
+      </div>
+      <!-- 拍照 -->
+      <div v-if="selectObj.svg == 'take_photo'" class="setup_content">
+        <div class="flex space_between">
+          <div>DJI_YYYYMMDDhhmm_XXX_</div>
+          <div v-if="!selectObj.params.fileSuffix" class="edit" @click="inputShow = true, inputDiv = true"></div>
+        </div>
+        <div v-if="inputShow" class="flex wuyongBox">
+          <el-input v-if="inputDiv" v-model="selectObj.params.fileSuffix"></el-input>
+          <div style="flex: 1;" v-if="!inputDiv">{{ selectObj.params.fileSuffix }}</div>
+          <i class="el-icon-edit wuyong-icon" v-if="!inputDiv" @click="inputDiv = true"></i>
+          <i class="el-icon-check wuyong-icon" v-if="inputDiv" style="color: green;" @click="saveSuucess"></i>
+          <i class="el-icon-close wuyong-icon" v-if="inputDiv" style="color: red;" @click="deleteSuucess"></i>
+        </div>
+        <div class="flex mt15 space_between">
+          <div class="btnss">
+            <el-checkbox-group :disabled="!selectObj.params.useGlobalPayloadLensIndex" v-model="checkboxGroup2" :min="1"
+              @change="changeGroup1">
+              <el-checkbox-button v-for="item in pohoto1" :label="item.value" :key="item.value">{{ item.label
+                }}</el-checkbox-button>
+            </el-checkbox-group>
+            <!-- <el-button size="small" :disabled="pzDisabled">可见光</el-button>
+            <el-button size="small" :disabled="pzDisabled">红外照片</el-button> -->
+          </div>
+          <el-button size="small" :class="{ bugen: selectObj.params.useGlobalPayloadLensIndex == 1 }"
+            @click="genliuhangxian">
+            <svg-icon icon-class="fly" style="width: 18px;height: 10px;"></svg-icon>跟随航线</el-button>
+        </div>
+      </div>
+      <!-- 开始等距隔拍照 -->
+      <div v-if="selectObj.svg == 'interval_distance'" class="setup_content">
+        <div class="flex space_between">
+          <div>间隔时间</div>
+        </div>
+        <div>
+          <plusReduce @value="interval_distance" :defValue="selectObj.actionTrigger.actionTriggerParam" unit="m"
+            :max="100" :min="1"></plusReduce>
+        </div>
+        <div class="flex mt15 space_between">
+          <div>
+            <el-button size="small" :disabled="pzDisabled">可见光</el-button>
+            <el-button size="small" :disabled="pzDisabled">红外照片</el-button>
+          </div>
+          <el-button size="small" @click="pzDisabled = !pzDisabled">
+            <svg-icon icon-class="fly" style="width: 18px;height: 10px;"></svg-icon>跟随航线</el-button>
+        </div>
+      </div>
+      <!-- 悬停 -->
+      <div v-if="selectObj.svg == 'hover'" class="setup_content">
+        <div class="flex space_between">
+          <div>间隔时间</div>
+        </div>
+        <div>
+          <plusReduce @value="interval_distance" :defValue="Number(selectObj.params.hoverTime)" :max="1800" :min="1">
+          </plusReduce>
+        </div>
+      </div>
+      <!-- 飞行器偏航角 -->
+      <div v-if="selectObj.svg == 'drone_yaw'" class="setup_content">
+        <div class="flex space_between">
+          <div>飞行器偏航角</div>
+          <div class="lan">{{ selectObj.params.aircraftHeading }}°</div>
+        </div>
+        <div>
+          <myProgress :defValue="Number(selectObj.params.aircraftHeading)" @value="hpr" :sliderMax="180"
+            :sliderMin="-180">
+          </myProgress>
+        </div>
+        <div class="flex mt15 space_between"></div>
+      </div>
+      <!-- 云台俯仰角 -->
+      <div v-if="selectObj.svg == 'action_gimbal_pitch'" class="setup_content">
+        <div class="flex space_between">
+          <div>云台俯仰角</div>
+          <div class="lan">{{ selectObj.params.gimbalPitchRotateAngle }}°</div>
+        </div>
+        <div>
+          <myProgress :defValue="Number(selectObj.params.gimbalPitchRotateAngle)" @value="hpr" :sliderMax="30"
+            :sliderMin="-90"></myProgress>
+        </div>
+        <div class="flex mt15 space_between"></div>
+      </div>
+      <!-- 变焦 camera_zoom -->
+      <div v-if="selectObj.svg == 'camera_zoom'" class="setup_content">
+        <div class="flex space_between">
+          <div>变焦</div>
+          <div class="lan">
+            {{ Number(selectObj.params.focalLength) / 24 }}
+            <span style="font-size: 24px;color: #fff;">X</span>
+          </div>
+        </div>
+        <div>
+          <myProgress :defValue="Number(selectObj.params.focalLength) / 24" @value="hpr" :sliderMax="56" :sliderMin="1"
+            unit="X"></myProgress>
+        </div>
+        <div class="flex mt15 space_between"></div>
+      </div>
+    </div>
+    <div id="tongbuEarth"></div>
+  </div>
+</template>
+
+<script>
+import plusReduce from "../component/plusReduce/index.vue";
+import myProgress from "../component/progress/index.vue";
+import mixin from "./js/pointSetup";
+export default {
+  name: "airSetup",
+  components: { plusReduce, myProgress },
+  props: {
+    routeLine: {
+      type: Object,
+      default: () => { },
+    },
+  },
+  mixins: [mixin],
+};
+</script>
+<style lang="scss">
+.airPointSetup {
+  color: #fff;
+  left: 20px;
+
+  .header {
+    .logo {
+      position: relative;
+      text-align: center;
+
+      .title {
+        width: 380px;
+        height: 32px;
+      }
+
+      .com {
+        position: absolute;
+        top: 5px;
+        width: 16px;
+        height: 16px;
+        z-index: 20;
+
+        cursor: pointer;
+      }
+
+      .back {
+        right: 70px;
+        background: url("../../images/back.png");
+        background-size: cover;
+      }
+
+      .back:hover {
+        background: url("../../images/back_h.png");
+        background-size: cover;
+      }
+
+      .save {
+        right: 40px;
+        background: url("../../images/save.png");
+        background-size: cover;
+      }
+
+      .save:hover {
+        background: url("../../images/saveh.png");
+        background-size: cover;
+      }
+
+      .switch {
+        right: 10px;
+        background: url("../../images/switch.png");
+        background-size: cover;
+      }
+
+      .switch:hover {
+        background: url("../../images/switchh.png");
+        background-size: cover;
+      }
+    }
+
+    .search {
+      .el-input__inner {
+        background-color: rgba(0, 0, 0, 0.5);
+        height: 32px;
+        border-color: rgba(0, 255, 255, 0.5);
+      }
+
+      .date {
+        height: 32px;
+        color: #fff;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .arrow {
+        flex-direction: column;
+        font-size: 12px;
+      }
+    }
+  }
+
+  .title {
+    height: 24px;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+
+    img {
+      width: 20px;
+      height: 16px;
+      margin-right: 10px;
+    }
+  }
+
+  .info {
+    .info_item {
+      div {
+        text-align: center;
+        line-height: 24px;
+      }
+
+      div:last-child {
+        font-family: "ddin";
+      }
+    }
+  }
+
+  .content {
+    height: calc(100% - 154px);
+    color: #fff;
+    overflow: auto;
+    padding-right: 5px;
+
+    .point_item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      min-height: 40px;
+      // margin-bottom: 10px;
+      border-bottom: 1px solid rgba(204, 204, 204, 0.2);
+      background: transparent;
+
+      .left {
+        min-width: 50px;
+        margin-left: 15px;
+
+        img {
+          width: 12px;
+          height: 16px;
+        }
+      }
+
+      .middle {
+        flex: 1;
+        align-items: center;
+
+        img {
+          width: 12px;
+          height: 16px;
+          margin: 0 5px;
+        }
+      }
+
+      .right {
+        .more_icon {
+          height: 20px;
+          width: 20px;
+          margin: 0 6px 0 10px;
+          cursor: pointer;
+          background: url("../../images/more1.png");
+          background-size: cover;
+        }
+
+        .more_icon:hover {
+          background: url("../../images/more2.png");
+          background-size: cover;
+        }
+      }
+    }
+
+    .active {
+      background: linear-gradient(180deg,
+          rgba(0, 255, 255, 0) 0%,
+          rgba(0, 255, 255, 0.5) 100%);
+    }
+
+    .point_item:hover {
+      background: linear-gradient(180deg,
+          rgba(0, 255, 255, 0) 0%,
+          rgba(0, 255, 255, 0.5) 100%);
+    }
+  }
+
+  /* 修改垂直滚动条 */
+  .content::-webkit-scrollbar {
+    width: 8px;
+    /* 修改宽度 */
+  }
+
+  /* 修改滚动条轨道背景色 */
+  .content::-webkit-scrollbar-track {
+    background-color: rgba(0, 255, 255, 0.1);
+    border-radius: 10px;
+  }
+
+  /* 修改滚动条滑块颜色 */
+  .content::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 255, 255, 0.3);
+    border-radius: 10px;
+  }
+
+  .el-divider--horizontal {
+    margin: 10px 0;
+  }
+
+  .el-divider {
+    background: rgba(204, 204, 204, 0.2);
+  }
+
+  .text_align_center {
+    text-align: center;
+  }
+
+  .keyword {
+    position: fixed;
+    left: 50%;
+    bottom: 6%;
+    transform: translate(-50%, -8%);
+
+    .left {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+
+    .top,
+    .bottom {
+      width: 157px;
+      height: 80px;
+      background-color: rgba(0, 0, 0, 0.5);
+      border-radius: 8px;
+      padding: 10px;
+
+      .img_box {
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+
+        img {
+          width: 20px;
+          height: 18px;
+        }
+      }
+
+      .item_bottom {
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        border-radius: 2px;
+        background: rgba(60, 60, 60, 1);
+        text-align: center;
+      }
+    }
+
+    .bottom {
+      .img_box:nth-child(1) {
+        img {
+          width: 12px;
+          height: 18px;
+        }
+      }
+
+      .img_box:nth-child(2) {
+        img {
+          width: 18px;
+          height: 12px;
+        }
+      }
+
+      .img_box:nth-child(3) {
+        img {
+          width: 12px;
+          height: 18px;
+        }
+      }
+    }
+
+    .middle {
+      min-width: 145px;
+      border-radius: 8px;
+      padding: 16px;
+      background-color: rgba(0, 0, 0, 0.5);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      .middle_item {
+        .title {
+          font-size: 16px;
+          font-weight: 400;
+          color: rgba(230, 247, 255, 1);
+        }
+
+        .value {
+          font-family: "ddin";
+          font-size: 18px;
+          font-weight: 700;
+          color: rgba(255, 255, 255, 1);
+        }
+      }
+    }
+
+    .right {
+      min-width: 120px;
+      border-radius: 8px;
+      padding: 10px 16px;
+      background-color: rgba(0, 0, 0, 0.5);
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+
+      img {
+        width: 16px;
+        height: 20px;
+      }
+
+      .item_right {
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        border-radius: 2px;
+        background: rgba(60, 60, 60, 1);
+        text-align: center;
+      }
+
+      .alt,
+      .asl {
+        font-family: "ddin";
+      }
+
+      .alt {
+        color: rgba(0, 255, 255, 1);
+      }
+
+      .asl {
+        width: 100%;
+      }
+    }
+
+    .middle,
+    .right {
+      height: 200px;
+    }
+  }
+
+  .control {
+    position: fixed;
+    right: 2%;
+    top: 35%;
+
+    // background-color: transparent;
+    .control_item {
+      text-align: right;
+      margin-bottom: 20px;
+
+      span {
+        font-size: 14px;
+        font-weight: 700;
+        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
+          1px 1px 0 #000;
+        /* 文字阴影，模拟边框效果 */
+      }
+
+      img {
+        width: 30px;
+        height: 30px;
+        vertical-align: middle;
+      }
+    }
+
+    .left {
+      position: absolute;
+      right: 120px;
+      top: 0;
+      min-width: 200px;
+    }
+  }
+
+  // 设置
+  .setup {
+    position: fixed;
+    top: 10%;
+    right: 5%;
+    min-width: 400px;
+    min-height: 100px;
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 8px;
+    border: 1px solid rgba(0, 255, 255, 0.5);
+    padding: 30px 12px 12px 16px;
+
+    .close {
+      width: 15px;
+      height: 15px;
+      position: absolute;
+      top: 8px;
+      right: 12px;
+      cursor: pointer;
+      background: url("../../images/close1.png");
+      background-size: cover;
+    }
+
+    .setup_header_left {
+      .header_title {
+        font-weight: 500;
+        color: rgba(0, 255, 255, 1);
+      }
+    }
+
+    .setup_header_right {
+      .del {
+        width: 14px;
+        height: 14px;
+        background: url("../../images/del.png");
+        background-size: cover;
+        cursor: pointer;
+        margin: 0 0 0 8px;
+      }
+
+      .del:hover {
+        background: url("../../images/delh.png");
+        background-size: cover;
+      }
+    }
+
+    .setup_content {
+      margin: 10px 0;
+
+      .wuyongBox {
+        align-items: center;
+        margin-top: 10px;
+
+        .wuyong-icon {
+          font-weight: bold;
+          margin: 0 5px;
+          cursor: pointer;
+        }
+      }
+
+      .bugen {
+        // background: rgba(0, 255, 255, 0.2) !important;
+        // color: rgba(0, 255, 255, 0.8) !important;
+        // border: 1px solid rgba(0, 255, 255, 0.5) !important;
+        background: rgb(255 255 255 / 20%) !important;
+        color: rgb(255 255 255 / 80%) !important;
+        border: 1px solid rgb(107 107 107 / 50%) !important;
+      }
+
+      .el-checkbox-group {
+        width: 100%;
+      }
+
+      .el-checkbox-button:last-child .el-checkbox-button__inner,
+      .el-checkbox-button:first-child .el-checkbox-button__inner {
+        border-radius: 5px;
+        box-shadow: none;
+      }
+
+      .el-checkbox-button.is-checked .el-checkbox-button__inner {
+        background: rgba(0, 255, 255, 0.2);
+        border: 1px solid rgba(0, 255, 255, 1);
+        color: rgba(0, 255, 255, 1);
+
+      }
+
+      .el-checkbox-button__inner {
+        // background: rgba(0, 255, 255, 0.2);
+        // color: rgba(0, 255, 255, 0.8);
+        // border: 1px solid rgba(0, 255, 255, 0.5);
+        background: rgb(255 255 255 / 20%);
+        color: rgb(255 255 255 / 80%);
+        border: 1px solid rgb(107 107 107 / 50%);
+        margin-right: 8px;
+        border-radius: 5px;
+        padding: 8px 15px;
+        box-shadow: none;
+      }
+
+      .el-input__inner {
+        background-color: transparent;
+        border-color: aqua;
+        height: 30px;
+        line-height: 30px;
+        color: #fff;
+      }
+
+      .edit {
+        width: 14px;
+        height: 14px;
+        background: url("../../images/edit.png");
+        background-size: cover;
+        cursor: pointer;
+      }
+
+      .el-button.is-disabled,
+      .el-button.is-disabled:focus,
+      .el-button.is-disabled:hover {
+        background: rgba(0, 255, 255, 0.2);
+        border: 1px solid rgba(0, 255, 255, 0.5);
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      .el-button {
+        background: rgba(0, 255, 255, 0.2);
+        border: 1px solid rgba(0, 255, 255, 1);
+        color: rgba(0, 255, 255, 1);
+      }
+
+      .lan {
+        color: rgba(0, 255, 255, 1);
+        font-size: 30px;
+        font-family: "ddin";
+      }
+    }
+  }
+}
+
+.el-dropdown-menu {
+  background: rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(0, 255, 255, 0.5);
+  color: #fff;
+
+  .el-dropdown-menu__item:focus,
+  .el-dropdown-menu__item:not(.is-disabled):hover {
+    color: rgba(0, 255, 255, 1);
+    background-color: transparent;
+  }
+}
+
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+  display: none;
+}
+
+#tongbuEarth {
+  width: 300px;
+  height: 200px;
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  background: aqua;
+}
+</style>
diff --git a/src/views/drone/components/bottomTabs/index.vue b/src/views/drone/components/bottomTabs/index.vue
new file mode 100644
index 0000000..051e93a
--- /dev/null
+++ b/src/views/drone/components/bottomTabs/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="bottom_tabs flex ai_center center">
+    <div v-for="item in tabs" class="item " :class="{ active: item.id == selectId }" @click="select(item)">
+      <div class="text" :class="{ active: item.id == selectId }">
+        {{ item.label }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tabs: [
+        {
+          label: "无人机",
+          id: 1,
+        },
+        {
+          label: "航线库",
+          id: 2,
+        },
+        {
+          label: "计划库",
+          id: 3,
+        },
+        {
+          label: "媒体库",
+          id: 4,
+        },
+      ],
+      selectId: 1,
+    };
+  },
+  created() { },
+  mounted() { },
+  methods: {
+    select(item) {
+      let airGateway = JSON.parse(localStorage.getItem('airGateway'))
+      if (!airGateway) {
+        this.$message.warning("请先选择无人机");
+        return;
+      }
+      this.selectId = item.id;
+      this.$emit("select", item);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.bottom_tabs {
+  width: 50%;
+  height: 80px;
+  position: absolute;
+  z-index: 10;
+  left: 25%;
+  bottom: 2%;
+
+  // background: rgba(0, 0, 0, 0.5);
+  // border: 1px solid rgba(0, 255, 255, 0.5);
+  .item {
+    position: relative;
+    width: 136px;
+    height: 40px;
+    line-height: 45px;
+    background: url("../../images/tab.png");
+    background-size: cover;
+    font-family: "alimamashuheiti";
+    text-align: center;
+    color: aliceblue;
+    cursor: pointer;
+
+    .text {
+      background: linear-gradient(180deg,
+          #ffffff,
+          #efffff,
+          #00ffff);
+      /* 标准语法 */
+      -webkit-background-clip: text;
+      /* Chrome, Safari */
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      /* Chrome, Safari */
+      color: transparent;
+      /* 其他浏览器 */
+    }
+
+    .text:hover,
+    .active {
+      background: linear-gradient(180deg,
+          #ffffff,
+          #fff8eb,
+          #ffa600);
+      /* 标准语法 */
+      -webkit-background-clip: text;
+      /* Chrome, Safari */
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      /* Chrome, Safari */
+      color: transparent;
+      /* 其他浏览器 */
+    }
+  }
+
+  .item:hover,
+  .active {
+    background: url("../../images/tab_h.png");
+    background-size: cover;
+  }
+
+  .item::after {
+    // content: " 🔗";
+    position: absolute;
+    left: 50%;
+    bottom: -16px;
+    /* 初始设置为不可见 */
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    transform: translate(-50%);
+    content: "";
+    display: block;
+    width: 22px;
+    /* 设置图片宽度 */
+    height: 16px;
+    /* 设置图片高度 */
+    background-image: url("../../images/hover.png");
+    /* 设置图片路径 */
+    background-size: cover;
+    /* 背景图片覆盖整个元素 */
+    background-position: center;
+    /* 背景图片居中 */
+  }
+
+  .item:hover::after {
+    opacity: 1;
+  }
+
+  .active::after {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/src/views/drone/components/component/dialog/index.vue b/src/views/drone/components/component/dialog/index.vue
new file mode 100644
index 0000000..d4d80fc
--- /dev/null
+++ b/src/views/drone/components/component/dialog/index.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="dialog" id="my_dialog" v-if="dialogShow">
+    <div class="header" id="my_dialog_header">
+      <span class="title">{{ title }}</span>
+      <div class="close" @click="close">
+        <div class="sector"></div>
+        <img src="../../../images/close.png" alt="" />
+      </div>
+    </div>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import { setMove } from '@/utils/moveDiv.ts';
+export default {
+  name: 'dialog',
+  props: {
+    width: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: '默认'
+    }
+  },
+  data() {
+    return {
+      dialogShow: false
+    };
+  },
+
+  mounted() {},
+
+  methods: {
+    close() {
+      this.$emit('close', false);
+      this.dialogShow = false;
+    },
+    open() {
+      this.dialogShow = true;
+      this.$nextTick(() => {
+        setMove('my_dialog_header', 'my_dialog');
+      });
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.dialog::before {
+  content: '';
+  width: 100px;
+  height: 6px;
+  background: aqua;
+  position: absolute;
+  top: -6px;
+  left: -2px;
+  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
+}
+
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 100;
+  width: 515px;
+  transform: translate(-50%, -50%);
+  padding: 10px;
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
+  border: 1.5px solid rgba(0, 255, 255, 1);
+  color: #fff;
+
+  .header {
+    height: 40px;
+    padding: 10px;
+
+    .title {
+      font-family: 'alimamashuheiti';
+      font-size: 18px;
+      font-weight: 700;
+      text-shadow: 0px 0px 9px rgba(20, 118, 255, 1);
+    }
+
+    .close {
+      cursor: pointer;
+    }
+
+    .sector {
+      position: absolute;
+      top: -30px;
+      right: -30px;
+      width: 0;
+      height: 0;
+      border: 30px solid transparent;
+      /* 边框宽度和颜色可以调整 */
+      border-bottom-color: rgba(0, 255, 255, 0.5);
+      /* 底边的颜色 */
+      border-radius: 50%;
+      /* 将边框变为圆形 */
+      transform: rotate(45deg);
+      /* 旋转45度，可根据需要调整角度 */
+    }
+
+    img {
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      width: 14px;
+      height: 14px;
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/component/plusReduce/index.vue b/src/views/drone/components/component/plusReduce/index.vue
new file mode 100644
index 0000000..2214dd6
--- /dev/null
+++ b/src/views/drone/components/component/plusReduce/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="plusReduce flex" :class="{ flex_column: column }">
+    <div class="left flex" :class="{ flex_column: column }" @click="calculate">
+      <span :class="{ disabled: active }">-100</span>
+      <span :class="{ disabled: active }">-10</span>
+      <span v-show="!column" :class="{ disabled: active }">-1</span>
+    </div>
+    <div class="middle">{{ value }} {{ unit }}</div>
+    <div class="right flex" :class="{ flex_column: column }" @click="calculate">
+      <span v-show="!column">+1</span>
+      <span>+10</span>
+      <span>+100</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "plusReduce",
+  props: {
+    defValue: {
+      type: Number || String,
+      default: 0,
+    },
+    unit: {
+      type: String,
+      default: "s",
+    },
+    max: {
+      type: Number,
+      default: 10,
+    },
+    min: {
+      type: Number,
+      default: 1,
+    },
+    column: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      active: false,
+      value: 1,
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (newVal == this.min) {
+        this.active = true;
+      } else {
+        this.active = false;
+      }
+    },
+    defValue(newVal) {
+      this.value = newVal;
+    },
+  },
+  mounted() {
+    this.value = this.defValue;
+    console.log('this.value', this.value);
+  },
+
+  methods: {
+    calculate(e) {
+      console.log(e.target.innerHTML);
+      if (this.value >= 0 && e.target.innerHTML.length < 10) {
+        this.value += Number(e.target.innerText);
+        if (this.value <= this.min) {
+          this.value = this.min;
+        }
+        if (this.value >= this.max) {
+          this.value = this.max;
+        }
+      }
+      this.$emit("value", this.value);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.plusReduce {
+  align-items: center;
+  margin: 10px 0;
+
+  span {
+    display: inline-block;
+    padding: 6px 7px;
+    background: rgba(60, 60, 60, 1);
+    border-radius: 3px;
+    margin: 5px;
+    cursor: pointer;
+  }
+
+  .disabled {
+    background: rgba(60, 60, 60, 0.5);
+    color: rgba(255, 255, 255, 0.5);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  // :not(.disabled)
+  span:hover {
+    background: rgba(0, 255, 255, 0.5);
+  }
+
+  .middle {
+    flex: 1;
+    text-align: center;
+  }
+}
+
+.flex_column {
+  flex-direction: column;
+}
+
+.flex {
+  display: flex;
+}
+</style>
diff --git a/src/views/drone/components/component/progress/index.vue b/src/views/drone/components/component/progress/index.vue
new file mode 100644
index 0000000..d783813
--- /dev/null
+++ b/src/views/drone/components/component/progress/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="plusReduce flex">
+    <div class="left" @click="calculate(-1)">
+      <svg-icon icon-class="jian" style="width: 20px;height: 20px;cursor: pointer;"></svg-icon>
+    </div>
+    <div class="middle">
+      <el-slider v-if="progressType == 'progress'" style="width: 90%;" v-model="value" :max="sliderMax" :min="sliderMin"
+        :show-tooltip="false" @input="change"></el-slider>
+      <div v-if="progressType == 'num'">
+        <span class="num">{{ value2 }}</span>
+        m/s
+      </div>
+    </div>
+    <div class="right" @click="calculate(1)">
+      <svg-icon icon-class="jia" style="width: 20px;height: 20px;cursor: pointer;"></svg-icon>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "plusReduce",
+  props: {
+    defValue: {
+      type: Number,
+      default: 0,
+    },
+    unit: {
+      type: String,
+      default: "s",
+    },
+    sliderMax: {
+      type: Number,
+      default: 0,
+    },
+    sliderMin: {
+      type: Number,
+      default: 0,
+    },
+    max: {
+      type: Number,
+      default: 10,
+    },
+    min: {
+      type: Number,
+      default: 1,
+    },
+    progressType: {
+      type: String,
+      default: "progress",
+    },
+  },
+  data() {
+    return {
+      active: false,
+      value: 1,
+      value2: 10,
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (newVal == this.min) {
+        this.active = true;
+      } else {
+        this.active = false;
+      }
+    },
+    defValue(newVal) {
+      this.value = newVal;
+      this.value2 = newVal;
+    },
+  },
+  mounted() {
+    this.value = this.defValue;
+    this.value2 = this.defValue;
+  },
+
+  methods: {
+    calculate(num) {
+      if (this.progressType == "progress") {
+        if (this.value >= this.sliderMin || this.value < this.sliderMax) {
+          this.value += Number(num);
+          if (this.value < this.sliderMin) {
+            this.value = this.sliderMin;
+          }
+          if (this.value > this.sliderMax) {
+            this.value = this.sliderMax;
+          }
+        }
+        this.$emit("value", this.value);
+      } else {
+        if (this.value2 >= this.min || this.value2 < this.max) {
+          this.value2 += num;
+          if (this.value2 < this.min) {
+            this.value2 = this.min;
+          }
+          if (this.value2 > this.max) {
+            this.value2 = this.max;
+          }
+          this.$emit("value", this.value2);
+        }
+      }
+    },
+    change(value) {
+      this.$emit("value", value);
+    },
+  },
+};
+</script>
+<style lang="scss">
+.plusReduce {
+  align-items: center;
+  margin: 10px 0;
+
+  .middle {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+
+    .el-slider__bar {
+      background-color: rgba(0, 255, 255, 1);
+    }
+
+    .el-slider__button {
+      border: none;
+    }
+
+    .num {
+      font-family: "ddin";
+      font-size: 30px;
+      font-weight: 700;
+      color: rgba(0, 255, 255, 1);
+    }
+  }
+
+  .disabled {
+    background: rgba(60, 60, 60, 0.5);
+    color: rgba(255, 255, 255, 0.5);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/src/views/drone/components/flyer/1.jpg b/src/views/drone/components/flyer/1.jpg
new file mode 100644
index 0000000..503815c
Binary files /dev/null and b/src/views/drone/components/flyer/1.jpg differ
diff --git a/src/views/drone/components/flyer/index.vue b/src/views/drone/components/flyer/index.vue
new file mode 100644
index 0000000..10e32dc
--- /dev/null
+++ b/src/views/drone/components/flyer/index.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="flyerimg">
+    <img style="width: 100%;height: 100%;" src="./1.jpg" alt="" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'flyer',
+
+  data() {
+    return {
+
+    };
+  },
+
+  mounted() {
+
+  },
+
+  methods: {
+
+  },
+};
+</script>
+<style>
+.flyerimg {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 20;
+  transform: translate(-50%, -50%);
+  width: 80%;
+  height: 75%;
+  color: #fff;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/drone/components/home/components/AircraftInformationDetails/index.vue b/src/views/drone/components/home/components/AircraftInformationDetails/index.vue
new file mode 100644
index 0000000..d2c4556
--- /dev/null
+++ b/src/views/drone/components/home/components/AircraftInformationDetails/index.vue
@@ -0,0 +1,447 @@
+<template>
+  <div class="airport-information-wrapper">
+    <ModuleItem :title="'飞行器信息详情'" :subTitle="'Aircraft Information Details'">
+      <div class="airport-information-content">
+        <div class="airport-info-wrapper">
+          <div style="display: flex">
+            <div class="airport-left">
+              <img src="../../../../images/home/aircraft.png" alt="" />
+            </div>
+            <div class="airport-center">
+              <div>设备型号： {{ fxqinfo.deviceType || '----' }}</div>
+              <div>
+                设备项目呼号： {{ fxqinfo.businessName || '----' }}
+                <img @click="onview" src="../../../../images/home/local-point.png" alt="" />
+              </div>
+            </div>
+          </div>
+          <!-- 
+          <div class="airport-right">
+            {{ specialHandling("drone_in_dock")
+            }}{{ specialHandling("device_online_status") }}
+          </div> -->
+        </div>
+        <div class="airport-list-wrapper">
+          <div v-for="item in airportsList" :key="item.name" class="airport-list-item">
+            <div class="airport-list-top">
+              <img v-if="item.img" :src="item.img" alt="" />
+              <div>{{ item.data }}{{ item.unit }}</div>
+            </div>
+            <div class="airport-list-bottom">
+              <div>{{ item.name }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import ModuleItem from '../ModuleItem/index.vue';
+import { listInfo } from '@/api/air';
+import { debounce } from '@/utils/index';
+import satellite from '../../../../images/home/satellite.png';
+import paizhao from '../../../../images/home/paizhao.png';
+import pzsyl from '../../../../images/home/pzsyl.png';
+import { useAirStore } from '@/store/modules/drone';
+
+export default {
+  name: 'AirportInformationDetails',
+  components: { ModuleItem },
+  props: {},
+  data() {
+    return {
+      airportsList: [
+        {
+          name: 'RTK',
+          data: 0,
+          unit: '',
+          key: 'rtk_number',
+          img: satellite
+        },
+        {
+          name: '拍照状态',
+          data: '空闲',
+          unit: '',
+          key: 'photo_state',
+          img: paizhao
+        },
+        {
+          name: '拍照剩余数量',
+          data: '0',
+          unit: '张',
+          key: 'remain_photo_num',
+          img: pzsyl
+        },
+        {
+          name: '电池剩余总量',
+          data: '0',
+          unit: '%',
+          key: 'capacity_percent',
+          img: null
+        },
+        {
+          name: '剩余飞行时间',
+          data: '00:00:00',
+          key: 'remain_flight_time',
+          img: null
+        },
+        {
+          name: '返航所需电量',
+          data: '0',
+          unit: '%',
+          key: 'return_home_power',
+          img: null
+        },
+        {
+          name: '内存总容量',
+          data: '0',
+          unit: 'GB',
+          key: 'total',
+          img: null
+        },
+        {
+          name: '内存已使用容量',
+          data: '0',
+          unit: 'GB',
+          key: 'used',
+          img: null
+        },
+        {
+          name: '飞行高度',
+          data: '0',
+          unit: 'm',
+          key: 'elevation',
+          img: null
+        }
+      ],
+      osd4: null,
+      osd4Map: new Map(),
+      dataMap: new Map(),
+      dataAll: {},
+      info: {},
+      fxqinfo: {},
+      gateWay: useAirStore().gateWay,
+      flag: true,
+      timer: null,
+      time: ''
+    };
+  },
+  // computed: {
+  //   // 映射 Vuex 中的状态到当前组件的计算属性
+  //   ...mapState({
+  //     gateWay: (state) => state.gateWay,
+  //   }),
+  // },
+
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getList();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 机场位置
+    onview: debounce(function () {
+      this.$sendChanel('onViewUAV');
+    }, 500),
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway
+      }).then((res) => {
+        // console.log("list-------", res);
+        // 暂时写死
+        this.info = res.rows[0];
+        this.fxqinfo = res.rows[1];
+      });
+    },
+    dataTreat(info) {
+      // console.log(456);
+      if (info.businessType !== 'osd4') {
+        this[info.businessType] = info.data;
+        Object.assign(this.dataAll, info.data);
+        // this.osd3.
+      } else {
+        this.osd4 = info.data;
+        // console.log("this.dataAll--------", this.dataAll);
+      }
+      function flattenObjectToMap(obj, map = new Map()) {
+        for (const key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            const value = obj[key];
+            if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+              flattenObjectToMap(value, map);
+            } else {
+              map.set(key, value);
+            }
+          }
+        }
+        return map;
+      }
+      this.osd4Map = flattenObjectToMap(this.osd4, this.osd4Map);
+      this.dataMap = flattenObjectToMap(this.dataAll, this.dataMap);
+      // console.log("this.dataAll--------", this.dataAll);
+      // 需要特殊处理的字段
+      const spcial = ['remain_flight_time', 'photo_state', 'remain_photo_num', 'total', 'used'];
+      // 特殊处理
+      this.airportsList.forEach((item) => {
+        if (!spcial.includes(item.key)) {
+          item.data = this.osd4Map.get(item.key) || 0;
+        } else {
+          item.data = this.specialHandling(item.key);
+        }
+      });
+    },
+    specialHandling(key) {
+      function kbToGb(kb) {
+        return kb / (1024 * 1024);
+      }
+      switch (key) {
+        case 'remain_flight_time':
+          const val = this.osd4Map.get(key);
+          if (!this.osd4Map.get(key)) {
+            return 0 + '时' + 0 + '分' + 0 + '秒';
+          }
+          //返回分钟
+          let h = parseInt(val / 60 / 60);
+          let miu = parseInt(h % 60);
+          let s = val % 60;
+          return h + '时' + miu + '分' + s + '秒';
+        case 'photo_state':
+          if (!this.osd4Map.get('cameras')) {
+            return '空闲';
+          }
+          const photoState = this.osd4Map.get('cameras')[0][key] == 0 ? '空闲' : '拍照中';
+          return photoState ? photoState : '空闲';
+        case 'remain_photo_num':
+          if (!this.osd4Map.get('cameras')) {
+            return 0;
+          }
+          const remain_photo_num = this.osd4Map.get('cameras')[0][key];
+          return remain_photo_num ? remain_photo_num : 0;
+        case 'total':
+          if (!this.osd4Map.get(key)) {
+            return 0;
+          }
+          let b = kbToGb(this.osd4Map.get(key));
+          const total = b.toFixed(2);
+          return total ? total : 0;
+        case 'used':
+          if (!this.osd4Map.get(key)) {
+            return 0;
+          }
+          let a = kbToGb(this.osd4Map.get(key));
+          const used = a.toFixed(2);
+          return used ? used : 0;
+        case 'device_online_status':
+          return String(this.dataMap.get(key)) === '1' ? '开机' : '关机';
+        case 'drone_in_dock':
+          return String(this.dataMap.get(key)) === '1' ? '舱内' : '舱外';
+        default:
+          break;
+      }
+    },
+    restet() {
+      // console.log(123);
+      this.airportsList = [
+        {
+          name: 'RTK',
+          data: 0,
+          unit: '',
+          key: 'rtk_number',
+          img: satellite
+        },
+        {
+          name: '拍照状态',
+          data: '空闲',
+          unit: '',
+          key: 'photo_state',
+          img: paizhao
+        },
+        {
+          name: '拍照剩余数量',
+          data: '0',
+          unit: '张',
+          key: 'remain_photo_num',
+          img: pzsyl
+        },
+        {
+          name: '电池剩余总量',
+          data: '0',
+          unit: '%',
+          key: 'capacity_percent',
+          img: null
+        },
+        {
+          name: '剩余飞行时间',
+          data: '00:00:00',
+          key: 'remain_flight_time',
+          img: null
+        },
+        {
+          name: '返航所需电量',
+          data: '0',
+          unit: '%',
+          key: 'return_home_power',
+          img: null
+        },
+        {
+          name: '内存总容量',
+          data: '0',
+          unit: 'GB',
+          key: 'total',
+          img: null
+        },
+        {
+          name: '内存已使用容量',
+          data: '0',
+          unit: 'GB',
+          key: 'used',
+          img: null
+        },
+        {
+          name: '飞行高度',
+          data: '0',
+          unit: 'm',
+          key: 'elevation',
+          img: null
+        }
+      ];
+    },
+    onReset() {
+      let that = this;
+      that.timer = setInterval(() => {
+        const currentTimestamp = Date.now(); // 获取当前时间戳
+        const elapsed = currentTimestamp - that.time; // 计算差值
+        if (elapsed > 2000) {
+          that.restet(); // 如果大于2000毫秒，则执行方法
+        }
+      }, 2000);
+    }
+  },
+
+  // 定时器
+  created() {
+    this.$recvChanel('liveBus', (bool) => {
+      setTimeout(() => {
+        this.restet();
+      }, 2000);
+    });
+    this.$recvChanel('airInfoBus', (bool) => {
+      this.flag = bool;
+    });
+    this.$recvChanel('websocketBus', (airdata) => {
+      // if (airdata.businessType == 'osd3') {
+      //   this.dataTreat(airdata);
+      // }
+      if (airdata.businessType == 'osd4' && this.flag) {
+        this.dataTreat(airdata);
+        this.time = new Date().getTime();
+      }
+      if (airdata.businessType == 'osd4' && !this.flag) {
+        this.restet();
+      }
+    });
+  },
+
+  mounted() {
+    if (this.gateWay) {
+      this.getList();
+    }
+    this.onReset();
+  }
+};
+</script>
+<style lang="scss" scoped>
+.airport-information-wrapper {
+  width: 100%;
+  height: 40%;
+  position: relative;
+
+  .airport-information-content {
+    height: 100%;
+    width: 100%;
+
+    // background-color: blueviolet;
+    .airport-info-wrapper {
+      padding: 0 2%;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border: 1px solid rgba(0, 255, 255, 0.2);
+      background-color: rgba(0, 0, 0, 0.5);
+      margin: 5px 0;
+
+      .airport-left {
+        transform: translateY(5px);
+        margin-right: 10px;
+      }
+
+      .airport-center {
+        font-size: 12px;
+        color: rgba(207, 255, 255, 1);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        > div:nth-of-type(2) {
+          display: flex;
+          align-items: center;
+          margin-top: 5px;
+
+          img {
+            margin-left: 5px;
+            cursor: pointer;
+          }
+        }
+      }
+
+      .airport-right {
+        display: flex;
+        align-items: center;
+        color: rgba(241, 108, 85, 1);
+      }
+    }
+
+    .airport-list-wrapper {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      /* 创建3列，每列等宽 */
+      gap: 15px;
+      /* 设置列和行之间的间距 */
+      padding: 10px 0;
+
+      .airport-list-item {
+        font-size: 14px;
+
+        .airport-list-top {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 4px;
+
+          img {
+            width: 14px;
+            height: 14px;
+            margin-right: 4px;
+          }
+        }
+
+        .airport-list-bottom {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/home/components/AircraftMonitoringLiveBroadcast/index.vue b/src/views/drone/components/home/components/AircraftMonitoringLiveBroadcast/index.vue
new file mode 100644
index 0000000..ecbb9ff
--- /dev/null
+++ b/src/views/drone/components/home/components/AircraftMonitoringLiveBroadcast/index.vue
@@ -0,0 +1,1068 @@
+<template>
+  <div class="monitor-live-wrapper">
+    <ModuleItem :title="'飞行器监控直播'" :subTitle="'Aircraft Monitoring Live Broadcast'">
+      <div class="monitor-live-content">
+        <div class="monitor-live-content-wrapper">
+          <div
+            v-for="(item, index) in uavList"
+            :key="item.id"
+            :class="[item.isFull ? 'monitor-live-item-full' : 'monitor-live-item']"
+            :ref="'uavLiveVideo' + item.id"
+            :id="'monitor-live-video_' + item.id"
+          >
+            <div class="monitor-live-title">
+              <div class="monitor-live-title-left" :class="{ active: current === item.id && item.check }" @click="checkCurrent(item.id)">
+                <!-- <img :src="item.checkImg" alt="" /> -->
+                <!-- <el-tooltip :content="item.checkTips" placement="bottom">
+                  <span>负载控制</span>
+                </el-tooltip> -->
+              </div>
+              <div class="monitor-live-title-right">
+                <!-- <el-button v-show="videoShow" @click="videotoufang(item.id)" size="small">视频投放</el-button>
+                <el-button v-show="!videoShow" @click="stopVideo" size="small">关闭投放</el-button> -->
+                <!-- 视频录制 -->
+                <span v-if="calculagraph">{{ formattedTime }}</span>
+                <div class="bgd monitor-live-title-right-wrapper">
+                  <img :src="item.record.img" @click="changeBacklight(item.id, index)" :title="item.record.tips" />
+                </div>
+                <!-- 1222222222222 -->
+                <div class="monitor monitor-live-title-right-wrapper" :ref="'screenFull' + item.id">
+                  <!-- <el-tooltip :content="item.set.tips" placement="bottom"> -->
+                  <img :src="item.set.img" @click="showDropDown(item.id)" :title="item.set.tips" />
+                  <!-- </el-tooltip> -->
+                  <div v-show="item.set.show" class="monitor-live-dropdown-menu">
+                    <span
+                      v-for="itm in item.set.list"
+                      :key="itm.value"
+                      class="dropdown-item"
+                      :class="{ 'dropdown-active': itm.active }"
+                      @click="setCheck(item.id, itm)"
+                    >
+                      {{ itm.name }}
+                    </span>
+                  </div>
+                </div>
+                <div class="bgd monitor-live-title-right-wrapper">
+                  <!-- <el-tooltip :content="item.reset.tips" placement="bottom"> -->
+                  <img :src="item.reset.img" @click="handleReset(item.id)" :title="item.reset.tips" />
+                  <!-- </el-tooltip> -->
+                </div>
+                <div class="bgd monitor-live-title-right-wrapper">
+                  <!-- <el-tooltip :content="item.screen.tips" placement="bottom"> -->
+                  <img :src="item.screen.img" @click="handleScreen(item.id)" :title="item.screen.tips" />
+                  <!-- </el-tooltip> -->
+                </div>
+                <div class="bgd monitor-live-title-right-wrapper">
+                  <!-- <el-tooltip :content="item.switchs.tips" placement="bottom"> -->
+                  <img :src="item.switchs.img" @click="handleSwitch(item.id, index)" :title="item.switchs.tips" />
+                  <!-- </el-tooltip> -->
+                </div>
+              </div>
+            </div>
+            <div :class="[item.screen.isFull ? 'monitor-live-video-full' : 'monitor-live-video']">
+              <!-- <video :ref="'sourceVideo' + item.id" v-show="item.switchs.currentStatus && !item.switchs.loading"
+                class="monitor-live-video-item" :id="'video-webrtc_' + item.id" autoplay muted width="100%"
+                height="100%"></video> -->
+              <div :ref="'sourceVideo' + item.id" v-show="item.switchs.currentStatus && !item.switchs.loading" class="monitor-live-video-item">
+                <webrtc :ref="'video-webrtc_' + item.id + index" :id="'video-webrtc_' + item.id + index"></webrtc>
+              </div>
+              <div v-show="!item.switchs.currentStatus && !item.switchs.loading" class="live-stop">
+                <img src="../../../../images/home/live-stop.png" alt="" />
+                <span>飞行器已经停止直播</span>
+              </div>
+              <div v-show="item.switchs.loading" class="live-loading">
+                <img src="../../../../images/home/loading.png" alt="" />
+                <span>加载中，请稍侯</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="enter-cockpit" @click="onEnterCockpit">
+        <img src="../../../../images/home/jicang.png" alt="" />
+        <span>进入虚拟座舱</span>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import ModuleItem from '../ModuleItem/index.vue';
+import { listInfo, liveStart, liveStop, liveChangeQuality, drcModeEnte, noDataFlight } from '@/api/air';
+import webrtc from '@/components/webrtc';
+import _ from 'lodash';
+import axios from 'axios';
+import { getDockAir } from '@/utils/auth';
+import { getHost, getRtmpPort, getRtcPort } from '@/utils/auth';
+import { useAirStore } from '@/store/modules/drone';
+import uavSet from '../../../../images/home/uav-set.png';
+import uavReset from '../../../../images/home/uav-reset.png';
+import uavScreen from '../../../../images/home/uav-screen.png';
+import uavClose from '../../../../images/home/uav-close.png';
+import uavScreenEsc from '../../../../images/home/uav-screen-esc.png';
+import action from '../../../../images/home/action.png';
+import aircraftCamera from '../../../../images/home/aircraft-camera.png';
+import aircraftCameraActive from '../../../../images/home/aircraft-camera-active.png';
+import over from '../../../../images/home/over.png';
+export default {
+  name: 'MonitorLiveStreaming',
+  components: { ModuleItem, webrtc },
+  data() {
+    return {
+      current: 1,
+      uavList: [],
+      info: null,
+      fxqinfo: null,
+      dataList: [],
+      gateWay: useAirStore().gateWay,
+      time1: null,
+      time2: null,
+      timer: null, // 定时器的ID
+      seconds: 0, // 计时器的秒数
+      calculagraph: false,
+      progress: 0,
+      notify: null,
+      videotUrl: '', //flv地址
+      videoShow: true
+    };
+  },
+  computed: {
+    // 格式化时间为 "HH:MM:SS"
+    formattedTime() {
+      const hours = String(Math.floor(this.seconds / 3600)).padStart(2, '0');
+      const minutes = String(Math.floor((this.seconds % 3600) / 60)).padStart(2, '0');
+      const secs = String(this.seconds % 60).padStart(2, '0');
+      return `${hours}:${minutes}:${secs}`;
+    }
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getList();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 视频投放
+    videotoufang(id) {
+      const sourceVideo = this.$refs['video-webrtc_' + id][0].$el;
+      console.log('sourceVideo');
+      // const sourceVideo = document.getElementById('rtc_media_player')
+
+      if (!sourceVideo.videoHeight) {
+        this.$message.warning('请先打开直播');
+        return;
+      }
+      this.videoShow = false;
+      //地址 this.videotoufang
+      setTimeout(() => {
+        this.$sendChanel('VideoPlacement', {
+          url: this.videotUrl
+        });
+      }, 1000);
+    },
+    // 停止视频
+    stopVideo() {
+      if (window.VideoPlacement) {
+        window.VideoPlacement.remove();
+      }
+      this.videoShow = true;
+    },
+    // 开始录制
+    startRecording(id, index) {
+      this.isRecording = true;
+      this.recordedChunks = [];
+      // 获取 video 元素
+      const sourceVideo = document.querySelector('#video-webrtc_' + id + index);
+      if (!sourceVideo) {
+        this.$message.warning('请先打开直播');
+        return;
+      }
+      // 创建 canvas 并设置大小
+      this.canvas = document.createElement('canvas');
+      this.canvas.width = sourceVideo.videoWidth;
+      this.canvas.height = sourceVideo.videoHeight;
+      const ctx = this.canvas.getContext('2d');
+      // 定时将 video 内容绘制到 canvas
+      const drawToCanvas = () => {
+        if (!sourceVideo.paused && !sourceVideo.ended) {
+          ctx.drawImage(sourceVideo, 0, 0, this.canvas.width, this.canvas.height);
+          this.drawInterval = requestAnimationFrame(drawToCanvas);
+        }
+      };
+      drawToCanvas();
+      // 获取 canvas 的 MediaStream 并创建 MediaRecorder
+      this.canvasStream = this.canvas.captureStream();
+      this.mediaRecorder = new MediaRecorder(this.canvasStream, { mimeType: 'video/webm' });
+      // 处理录制的数据块
+      this.mediaRecorder.ondataavailable = (event) => {
+        if (event.data.size > 0) {
+          this.recordedChunks.push(event.data);
+        }
+      };
+      this.startTimer();
+      // 录制完成后生成下载链接
+      this.mediaRecorder.onstop = () => {
+        this.stopTimer();
+        this.uploadVideo();
+        // const url = URL.createObjectURL(blob);
+        // const downloadLink = document.createElement("a");
+        // downloadLink.href = url;
+        // downloadLink.download = String(new Date().getTime()) + ".webm";
+        // downloadLink.click();
+      };
+      // 开始录制
+      this.mediaRecorder.start();
+    },
+    // 上传视频
+    uploadVideo() {
+      const now = new Date();
+      const timestamp =
+        now.getFullYear() +
+        ('0' + (now.getMonth() + 1)).slice(-2) +
+        ('0' + now.getDate()).slice(-2) +
+        '_' +
+        ('0' + now.getHours()).slice(-2) +
+        ('0' + now.getMinutes()).slice(-2) +
+        ('0' + now.getSeconds()).slice(-2);
+      const fileName = `video_${timestamp}.mp4`; // MP4 文件名，添加时间戳
+      const file = new Blob(this.recordedChunks, { type: 'video/webm' });
+      const formd = new FormData();
+      formd.append('file', file, fileName);
+      formd.append('gateway', this.gateWay.gateway);
+      this.notify = this.$notify({
+        title: '上传进度',
+        message: '上传进度: ' + 0 + '%',
+        duration: 0
+      });
+      const config = {
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        },
+        onUploadProgress: (progressEvent) => {
+          if (progressEvent.lengthComputable) {
+            // 计算上传进度
+            const progress = Math.round((progressEvent.loaded / progressEvent.total) * 100);
+            this.notify.message = '上传进度: ' + progress + '%';
+          }
+        }
+      };
+      axios.post(getDockAir() + '/dj/video/record/upload', formd, config).then((res) => {
+        this.$message.success('录制成功');
+        this.notify.close();
+      });
+    },
+
+    startTimer() {
+      this.calculagraph = true;
+      if (this.timer) return; // 如果已经在计时中，防止重复启动
+      this.timer = setInterval(() => {
+        this.seconds++;
+      }, 1000);
+    },
+    // 停止计时
+    stopTimer() {
+      this.calculagraph = false;
+      if (this.timer) {
+        clearInterval(this.timer);
+        this.timer = null;
+        this.seconds = 0;
+      }
+    },
+    stopRecording() {
+      this.isRecording = false;
+      // 停止录制和绘制
+      if (this.mediaRecorder) {
+        this.mediaRecorder.stop();
+      }
+      if (this.drawInterval) {
+        cancelAnimationFrame(this.drawInterval);
+      }
+    },
+    // 进入虚拟座舱
+    onEnterCockpit() {
+      // 选择那个负载控制视频就查看对应视频
+      // if (this.current != 1) {
+      // this.dataList.map((item) => {
+      //   if (item.type == "飞机") {
+      //     item.cameraIndex = this.current;
+      //   }
+      //   return item;
+      // });
+      // 判断是否选择无人机
+      let airGateway = JSON.parse(localStorage.getItem('airGateway'));
+      if (!airGateway) {
+        this.$message.warning('请先选择无人机');
+        return;
+      }
+      // 判断飞机是否在线
+      let obj = this.dataList.filter((item) => item.gateway == airGateway.gateway)[0];
+      if (!obj) {
+        this.$message.warning('飞机不在线');
+        return;
+      }
+
+      this.$sendChanel('EnterCockpit', {
+        flag: true,
+        dataList: this.dataList
+      });
+      this.$changeComponentShow('.fly_heard', false);
+      this.$changeComponentShow('.bottomTabs', false);
+      this.$sendChanel('liveBus', true);
+      YJ.Global.MouseRightMenu(window.Earth1, false);
+      this.zhiling();
+      this.stopLives();
+      // } else {
+      // this.$message.warning("请选择负载控制，需要查看对应无人机视频");
+      // }
+    },
+    // 进入指令模式
+    zhiling() {
+      drcModeEnte({ gateway: this.gateWay.gateway }).then((res) => {
+        if (res.code == 200) {
+          this.$message.success('进入指令模式');
+          this.getControl();
+        }
+      });
+    },
+    // 抢夺控制权
+    getControl() {
+      let obj = {
+        gateway: this.gateWay.gateway,
+        method: 'flight_authority_grab'
+      };
+      noDataFlight(obj).then((res) => {});
+    },
+
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway
+      }).then((res) => {
+        // console.log("res.rows", res.rows);
+        // 暂时写死
+        this.dataList = res.rows;
+        res.rows.forEach((item) => {
+          if (item.type == '飞机') {
+            this.fxqinfo = item;
+          }
+        });
+        this.uavList = this.fxqinfo.cameraIndex.split(',').map((item) => {
+          return {
+            id: item,
+            check: false, //选择控制当前无人机
+            checkTips: '点击获取负载控制权',
+            checkImg: aircraftCamera,
+            //录制
+            record: {
+              light: false, // 是否开启
+              tips: '开始录制',
+              img: action
+            },
+            // 设置
+            set: {
+              img: uavSet,
+              tips: '设置清晰度',
+              list: [
+                { name: '自适应', active: true, index: 0 },
+                { name: '流畅', active: false, index: 1 },
+                { name: '标清', active: false, index: 2 },
+                { name: '高清', active: false, index: 3 },
+                { name: '超清', active: false, index: 4 }
+              ],
+              current: 0,
+              show: false
+            },
+            // 重置
+            reset: {
+              tips: '刷新',
+              img: uavReset
+            },
+            // 全屏切换
+            screen: {
+              tips: '全屏切换',
+              img: uavScreen,
+              isFull: false
+            },
+            //   开关
+            switchs: {
+              tips: '开启直播',
+              currentStatus: false,
+              loading: false,
+              img: uavClose
+            },
+            url: '',
+            flvPlayer: null
+          };
+        });
+      });
+    },
+    // 切换无人机
+    checkCurrent(id) {
+      this.current = id;
+      this.uavList.forEach((item) => {
+        if (item.id === id) {
+          if (!item.check) {
+            item.check = true;
+            item.checkTips = '点击取消负载控制权';
+            item.checkImg = aircraftCameraActive;
+          } else {
+            item.check = false;
+            item.checkTips = '点击获取负载控制权';
+            item.checkImg = aircraftCamera;
+          }
+        } else {
+          item.check = false;
+          item.checkTips = '点击获取负载控制权';
+          item.checkImg = aircraftCamera;
+        }
+      });
+    },
+    // 录制
+    changeBacklight(id, index) {
+      console.log('ididididididid', id);
+
+      // return;
+      this.current = id;
+      const uav = this.uavList.find((uav) => uav.id === id);
+      // if (!uav.check) return;
+      const sourceVideo = document.querySelector('#video-webrtc_' + id + index);
+      console.log(sourceVideo);
+      // return;
+      if (!sourceVideo.videoHeight) {
+        this.$message.warning('请先打开直播');
+        return;
+      }
+      if (uav) {
+        uav.record.light = !uav.record.light;
+        if (uav.record.light) {
+          uav.record.img = over;
+          uav.record.tips = '结束录制';
+          this.startRecording(id, index);
+        } else {
+          uav.record.img = action;
+          uav.record.tips = '开始录制';
+          this.stopRecording();
+        }
+      }
+      this.handleFullscreenChange();
+    },
+
+    // 设置
+    setCheck(id, data) {
+      this.current = id;
+      const uav = this.uavList.find((uav) => uav.id === id);
+      uav.set.current = data.index;
+      const { gateway, sn, videoIndex } = this.fxqinfo;
+      const params = {
+        gateway,
+        sn,
+        cameraIndex: id,
+        videoIndex,
+        videoQuality: uav.set.current
+      };
+      liveChangeQuality(params)
+        .then((res) => {
+          this.$message.success(res.msg);
+          this.handleFullscreenChange();
+          uav.set.list.forEach((item) => {
+            if (uav.set.current === item.index) {
+              item.active = true;
+            } else {
+              item.active = false;
+            }
+          });
+        })
+        .catch((err) => {
+          // console.log("Failed to", err);
+          this.handleFullscreenChange();
+        });
+    },
+    // 刷新
+    async handleReset(id) {
+      this.current = id;
+      const uav = this.uavList.find((uav) => uav.id === id);
+      // if (uav.switchs.currentStatus) {
+      uav.switchs.loading = true;
+      this.debouncehandleReset(id);
+      // }
+    },
+    debouncehandleReset: _.debounce(async function (id) {
+      const uav = this.uavList.find((uav) => uav.id === id);
+      if (uav.switchs.currentStatus) {
+        // await this.stopLive(id);
+        await this.startLive(id);
+        uav.switchs.currentStatus = true;
+        uav.switchs.loading = false;
+        this.$message.success('刷新成功');
+        this.handleFullscreenChange();
+      }
+    }, 600),
+    // 全屏
+    handleScreen(id) {
+      this.current = id;
+      const videoElement = document.getElementById(`monitor-live-video_${id}`);
+      // console.log("videoElement: ", videoElement);
+      const uav = this.uavList.find((uav) => uav.id === id);
+      if (!uav.screen.isFull) {
+        uav.screen.img = uavScreenEsc;
+        uav.screen.isFull = true;
+
+        // console.log(
+        //   "this.uavList.find((uav) => uav.id === id)",
+        //   this.uavList.find((uav) => uav.id === id)
+        // );
+
+        if (videoElement.requestFullscreen) {
+          videoElement.requestFullscreen();
+        } else if (videoElement.mozRequestFullScreen) {
+          // Firefox
+          videoElement.mozRequestFullScreen();
+        } else if (videoElement.webkitRequestFullscreen) {
+          // Chrome, Safari and Opera
+          videoElement.webkitRequestFullscreen();
+        } else if (videoElement.msRequestFullscreen) {
+          // IE/Edge
+          videoElement.msRequestFullscreen();
+        }
+      } else {
+        uav.screen.img = uavScreen;
+        if (document.fullscreenElement) {
+          document
+            .exitFullscreen()
+            .then(() => {
+              uav.screen.isFull = false;
+              clearInterval(this.time1);
+              // clearInterval(this.time2);
+            })
+            .catch((err) => {
+              console.error(`Failed to exit full screen: ${err}`);
+            });
+        }
+      }
+    },
+    // 关闭所有直播
+    stopLives() {
+      this.uavList.forEach((item, index) => {
+        if (item.flvPlayer) {
+          this.stopLive(item.id, index);
+        }
+      });
+    },
+    // 电源
+    handleSwitch(id, index) {
+      this.current = id;
+      const currentController = this.uavList.find((item) => item.id === id);
+      currentController.switchs.loading = true;
+      // 关闭就不显示加载动画
+      currentController.switchs.currentStatus && (currentController.switchs.loading = false);
+      this.debounceHandleOpen(id, index);
+    },
+    // 加个防抖不准频繁请求解决频繁请求关不了的问题
+    debounceHandleOpen: _.debounce(function (id, index) {
+      const uav = this.uavList.find((item) => item.id === id);
+      if (uav.switchs.currentStatus) {
+        this.stopLive(id, index)
+          .then((res) => {
+            uav.switchs.currentStatus = false;
+            uav.switchs.tips = '开启直播';
+            this.$message.success(res.msg);
+            uav.switchs.loading = false;
+            this.handleFullscreenChange();
+          })
+          .catch((err) => {
+            // console.log("err", err);
+            this.handleFullscreenChange();
+            uav.switchs.loading = false;
+          })
+          .finally(() => {
+            uav.switchs.loading = false;
+            this.handleFullscreenChange();
+          });
+      } else {
+        this.startLive(id, index)
+          .then((res) => {
+            // console.log("res", res);
+            uav.switchs.currentStatus = true;
+            uav.switchs.tips = '关闭直播';
+            this.$message.success(res.msg);
+            uav.switchs.loading = false;
+          })
+          .catch((err) => {
+            // console.log("err", err);
+            uav.switchs.loading = false;
+          })
+          .finally(() => {
+            // console.log("finally");
+            uav.switchs.loading = false;
+          });
+      }
+    }, 600),
+    // 开启直播
+    startLive(cameraIndex, index) {
+      return new Promise((resovle, reject) => {
+        if (this.fxqinfo) {
+          const { gateway, sn, videoIndex } = this.fxqinfo;
+          liveStart({
+            cameraIndex,
+            definition: 1,
+            gateway,
+            sn,
+            videoIndex,
+            host: getHost(),
+            rtmpPort: getRtmpPort(),
+            rtcPort: getRtcPort()
+          })
+            .then((res) => {
+              console.log('res', res);
+              // if (res.code == 200) {
+              // this.playFlv(
+              //   res.data.url,
+              //   "video-webrtc_" + cameraIndex,
+              //   cameraIndex
+              // );
+              // webrtc
+              this.videotUrl = res.data.url;
+              if (res.code == 200) {
+                // console.log('this.$refs', this.videotUrl);
+                // console.log('this.$refs', this.$refs['video-webrtc_' + cameraIndex + index]);
+                this.$refs['video-webrtc_' + cameraIndex + index][0].startPlay(res.data.url);
+                // }
+                resovle(res);
+                this.handleFullscreenChange();
+              }
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 关闭直播
+    stopLive(cameraIndex, index) {
+      return new Promise((resovle, reject) => {
+        if (this.fxqinfo) {
+          const { gateway, sn, videoIndex } = this.fxqinfo;
+          liveStop({
+            cameraIndex,
+            definition: 0,
+            gateway,
+            sn,
+            videoIndex
+          })
+            .then((res) => {
+              // this.flvDestroy(cameraIndex);
+              resovle(res);
+              this.handleFullscreenChange();
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 播放flv视频
+    playFlv(flv, videoId, id) {
+      if (flvjs.isSupported()) {
+        var videoElement = document.getElementById(videoId);
+        const uav = this.uavList.find((item) => item.id === id);
+        uav.flvPlayer = flvjs.createPlayer({
+          type: 'flv',
+          isLive: true,
+          hasAudio: false,
+          url: flv,
+          enableStashBuffer: true, //
+          enableWorker: true,
+          autoCleanupSourceBuffer: true //自动清除缓存
+        });
+        this.$nextTick(() => {
+          uav.flvPlayer.attachMediaElement(videoElement);
+          uav.flvPlayer.load();
+          uav.flvPlayer.play();
+        });
+      }
+    },
+    // 关闭flv
+    flvDestroy(cameraIndex) {
+      const uav = this.uavList.find((item) => item.id === cameraIndex);
+      try {
+        uav.flvPlayer.pause(); // 暂停播放数据流
+        uav.flvPlayer.unload(); // 取消数据流加载
+        uav.flvPlayer.destroy(); // 销毁播放实例
+        // flvPlayer.off("error"); // 移除错误处理程序
+        uav.flvPlayer.detachMediaElement(); // 将播放实例从节点中取出
+        uav.flvPlayer = null;
+      } catch (error) {}
+    },
+    // 显隐下拉框
+    showDropDown(id) {
+      this.current = id;
+      const uav = this.uavList.find((uav) => uav.id === id);
+      uav.set.show = !uav.set.show;
+    },
+    handleClickOutside(event) {
+      const uav = this.uavList.find((uav) => uav.id === this.current);
+      if (this.current && uav) {
+        const dropdown = this.$refs[`screenFull${this.current}`][0];
+        // console.log("dropdown", dropdown);
+        setTimeout(() => {
+          if (!dropdown.contains(event.target)) {
+            uav.set.show = false; // 点击外部区域时隐藏下拉框
+          }
+        }, 200);
+        // if (document.querySelector(".el-message")) {
+        //   console.log(
+        //     "this.$refs[`uavLiveVideo${this.current}`][0]",
+        //     this.$refs[`uavLiveVideo${this.current}`][0]
+        //   );
+        //   this.$refs[`uavLiveVideo${this.current}`][0].appendChild(
+        //     document.querySelectorAll(".el-message")[0]
+        //   );
+        // }
+      }
+    },
+    // 判断全屏添加消息提示
+    handleFullscreenChange() {
+      // console.log("全屏---------");
+      // 检查是否处于全屏模式
+      if (document.fullscreenElement) {
+        // console.log("进入全屏模式");
+        // 执行你的代码
+        if (document.querySelector('.el-message')) {
+          // console.log(
+          //   "this.$refs[`uavLiveVideo${this.current}`][0]",
+          //   this.$refs[`uavLiveVideo${this.current}`][0]
+          // );
+          this.$refs[`uavLiveVideo${this.current}`][0].appendChild(document.querySelectorAll('.el-message')[0]);
+        }
+      }
+    }
+  },
+  mounted() {
+    this.videoShow = window.visualViewport ? true : false;
+    if (this.gateWay) {
+      this.getList();
+    }
+    this.$recvChanel('liveBus', () => {
+      this.uavList.forEach((item) => {
+        item.switchs.currentStatus = false;
+        item.switchs.tips = '开启直播';
+      });
+    });
+    // this.$recvChanel("flyerChange", () => {
+    //   this.stopLives()
+    // });
+    //添加事件监听
+    document.addEventListener('click', this.handleClickOutside);
+    document.addEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        const uav = this.uavList.find((uav) => uav.id === this.current);
+        if (uav.screen.isFull) {
+          uav.screen.isFull = false;
+          uav.screen.img = uavScreen;
+        }
+      }
+    });
+  },
+  beforeDestroy() {
+    // 在组件销毁前移除事件监听
+    document.removeEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        const uav = this.uavList.find((uav) => uav.id === this.current);
+        if (uav.screen.isFull) {
+          uav.screen.isFull = false;
+          uav.screen.img = uavScreen;
+        }
+      }
+    });
+  }
+};
+</script>
+<style lang="scss">
+.monitor-live-wrapper {
+  width: 100%;
+  // height: 30%;
+  position: relative;
+
+  .monitor-live-content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    .monitor-live-content-wrapper {
+      background-color: rgba(0, 0, 0, 0.2);
+      border: 1.5px solid rgba(0, 255, 255, 0.5);
+      width: 100%;
+      max-height: 60vh;
+      overflow-y: auto;
+      clip-path: polygon(0 0, 97% 0, 100% 3%, 100% 100%, 3% 100%, 0 97%);
+      padding: 10px;
+
+      &::before {
+        content: '';
+        position: absolute;
+        top: -5px;
+        left: -5px;
+        width: 20px;
+        height: 20px;
+        background: url('../../../../images/home/border-lt.png') no-repeat;
+        background-size: 100% 100%;
+      }
+
+      &::after {
+        content: '';
+        position: absolute;
+        bottom: -5px;
+        right: -5px;
+        width: 20px;
+        height: 20px;
+        background: url('../../../../images/home/border-rb.png') no-repeat;
+        background-size: 100% 100%;
+      }
+
+      .monitor-live-title {
+        height: 24px;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        position: relative;
+        z-index: 10;
+
+        &-left {
+          font-size: 14px;
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+
+          img {
+            width: 16px;
+            height: 14px;
+            margin-right: 5px;
+          }
+        }
+
+        &-right {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          &-wrapper {
+            width: 16px;
+            height: 16px;
+            margin: 0 3px;
+            cursor: pointer;
+            position: relative;
+
+            img {
+              height: 100%;
+              width: 100%;
+            }
+          }
+
+          .monitor-live-dropdown-menu {
+            display: flex;
+            flex-direction: column;
+            background: rgba(0, 0, 0, 0.5);
+            border: 1.5px solid rgba(0, 255, 255, 1);
+            backdrop-filter: blur(2px);
+            border-radius: 5px;
+            margin: 0;
+            width: 60px;
+
+            .dropdown-item {
+              padding: 5px;
+              display: inline-block;
+              cursor: pointer;
+              width: 100%;
+              text-align: center;
+              line-height: 24px;
+              font-size: 12px;
+
+              &:hover {
+                background: rgba(0, 255, 255, 0.2);
+                color: rgba(0, 255, 255, 1);
+              }
+            }
+
+            .dropdown-active {
+              background: rgba(0, 255, 255, 0.2);
+              color: rgba(0, 255, 255, 1);
+            }
+          }
+        }
+      }
+
+      .monitor-live-video {
+        margin-top: 10px;
+        height: 20vh;
+        width: 100%;
+        position: relative;
+        z-index: 1;
+        // clip-path: polygon(0 0, 97% 0, 100% 7%, 100% 100%, 3% 100%, 0 93%);
+        border: 1px solid rgba(0, 255, 255, 1);
+
+        .monitor-live-video-item {
+          height: 100%;
+          width: 100%;
+          object-fit: fill;
+        }
+
+        .live-stop {
+          height: 100%;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background-color: #000;
+          flex-direction: column;
+          size: 12px;
+        }
+
+        .live-loading {
+          height: 100%;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          size: 12px;
+
+          > img {
+            height: 50px;
+            height: 50px;
+          }
+        }
+      }
+
+      // 全屏样式
+      .monitor-live-video-full {
+        // margin-top: 10px;
+        height: 100%;
+        width: 100%;
+        padding: 10px;
+
+        // position: relative;
+        // border: 1px solid rgba(0, 255, 255, 1);
+        .monitor-live-video-item {
+          height: 100%;
+          width: 100%;
+          object-fit: fill;
+        }
+
+        .live-stop {
+          height: 100%;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background-color: #000;
+          flex-direction: column;
+          size: 12px;
+        }
+
+        .live-loading {
+          height: 100%;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          size: 12px;
+
+          > img {
+            height: 50px;
+            height: 50px;
+          }
+        }
+      }
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      bottom: -3px;
+      left: -3px;
+      width: 20px;
+      height: 20px;
+      background: url('../../../../images/home/border-lb.png') no-repeat;
+      background-size: 100% 100%;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -3px;
+      right: -3px;
+      width: 20px;
+      height: 20px;
+      background: url('../../../../images/home/border-rt.png') no-repeat;
+      background-size: 100% 100%;
+    }
+  }
+
+  .enter-cockpit {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #00ffff33;
+    border: 1px solid #00ffff7f;
+    color: rgba(0, 255, 255, 1);
+    padding: 5px 0;
+    margin-bottom: 15px;
+    cursor: pointer;
+    margin-top: 10px;
+
+    img {
+      width: 16px;
+      height: 15px;
+      margin-right: 5px;
+    }
+  }
+}
+
+.active {
+  background: rgba(0, 255, 255, 0.2);
+  color: rgba(0, 255, 255, 1);
+}
+
+/* 整个滚动条 */
+::-webkit-scrollbar {
+  width: 8px;
+  /* 滚动条的宽度 */
+  height: 8px;
+  /* 滚动条的高度（横向滚动条） */
+}
+
+/* 滑块部分 */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 255, 255, 0.5);
+  /* 滑块的背景颜色 */
+  border-radius: 10px;
+  /* 滑块的圆角 */
+  border: none;
+  /* 滑块的边框 */
+  background-clip: content-box;
+  /* 背景裁剪 */
+}
+
+/* 滑块在悬停状态下的样式 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 255, 255, 0.7);
+  /* 悬停时滑块的颜色 */
+}
+
+/* 滚动条轨道 */
+::-webkit-scrollbar-track {
+  background-color: transparent;
+  /* 轨道的背景颜色 */
+  border-radius: 10px;
+  /* 轨道的圆角 */
+}
+</style>
diff --git a/src/views/drone/components/home/components/AirportInformationDetails/index.vue b/src/views/drone/components/home/components/AirportInformationDetails/index.vue
new file mode 100644
index 0000000..d521e7b
--- /dev/null
+++ b/src/views/drone/components/home/components/AirportInformationDetails/index.vue
@@ -0,0 +1,485 @@
+<template>
+  <div class="airport-information-wrapper">
+    <ModuleItem :title="'无人机机场信息详情'" :subTitle="'Airport Information Details'">
+      <div class="airport-information-content">
+        <div class="airport-info-wrapper">
+          <div style="display: flex">
+            <div class="airport-left">
+              <img src="../../../../images/home/cabin.png" alt="" />
+            </div>
+            <div class="airport-center">
+              <!-- {{ gateway.deviceType }} -->
+              <div>机舱型号：{{ info.deviceType || '----' }}</div>
+              <div>
+                <!-- {{ gateway.businessName }} -->
+                机舱项目呼号：{{ info.businessName || '----' }}
+                <!-- 防止重复点击,使用once修饰符 -->
+                <img @click="onview" src="../../../../images/home/local-point.png" alt="" />
+              </div>
+            </div>
+          </div>
+          <div class="airport-right">
+            {{ specialHandling('flighttask_step_code') }}
+          </div>
+        </div>
+        <div class="airport-list-wrapper">
+          <div v-for="item in airportsList" :key="item.name" class="airport-list-item">
+            <div class="airport-list-top">
+              <img v-if="item.img" :src="item.img" alt="" />
+              <div>{{ item.data }}{{ item.unit }}</div>
+            </div>
+            <div class="airport-list-bottom">
+              <div>{{ item.name }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import ModuleItem from '../ModuleItem/index.vue';
+import dayjs from 'dayjs';
+import { listInfo } from '@/api/air';
+import { debounce } from '@/utils/index';
+import satellite from '../../../../images/home/satellite.png';
+import calibration from '../../../../images/home/calibration.png';
+import recharge from '../../../../images/home/recharge.png';
+import file from '../../../../images/home/file.png';
+import uav from '../../../../images/home/uav.png';
+import uavLocal from '../../../../images/home/uav-local.png';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  name: 'AirportInformationDetails',
+  components: { ModuleItem },
+  data() {
+    return {
+      airportsList: [
+        {
+          name: '机场搜星',
+          key: 'gps_number',
+          data: 0,
+          unit: '',
+          img: satellite
+        },
+        {
+          name: '标定状态',
+          data: '已标定',
+          key: 'is_calibration',
+          unit: '',
+          img: calibration
+        },
+        {
+          name: '机场存储',
+          data: '0/0',
+          unit: 'GB',
+          key: 'storage',
+          img: null
+        },
+        {
+          name: '以太网网络',
+          data: '0',
+          unit: 'KB/s',
+          key: 'rate',
+          img: null
+        },
+        {
+          name: '风速',
+          data: '0',
+          unit: 'm/s',
+          key: 'wind_speed',
+          img: null
+        },
+        {
+          name: '降雨量',
+          data: '0',
+          unit: 'mm',
+          key: 'rainfall',
+          img: null
+        },
+        {
+          name: '充电状态',
+          data: '空闲',
+          unit: '',
+          key: 'state',
+          img: recharge
+        },
+        {
+          name: '待上传数',
+          data: '0',
+          unit: '',
+          img: file,
+          key: 'remain_upload'
+        },
+        {
+          name: '舱内温度',
+          data: '0',
+          unit: '℃',
+          key: 'temperature',
+          img: null
+        },
+        {
+          name: '舱外温度',
+          data: '0',
+          unit: '℃',
+          key: 'environment_temperature',
+          img: null
+        },
+        {
+          name: '舱内湿度',
+          data: '0',
+          unit: '%RH',
+          key: 'humidity',
+          img: null
+        },
+        {
+          name: '运行时长',
+          data: '0天0时0分',
+          unit: '',
+          key: 'acc_time',
+          img: null
+        },
+        {
+          name: '飞行器状态',
+          data: '关机',
+          unit: '',
+          key: 'device_online_status',
+          img: uav
+        },
+        {
+          name: '飞行器位置',
+          data: '舱内',
+          unit: '',
+          key: 'drone_in_dock',
+          img: uavLocal
+        }
+      ],
+      osd1: null,
+      osd2: null,
+      osd3: null,
+      dataMap: new Map(),
+      dataAll: {},
+      info: {},
+      gateway: useAirStore().gateWay
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateway = newValue;
+        this.getList();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    dataTreat(info) {
+      if (['osd1', 'osd2', 'osd3'].includes(info.businessType)) {
+        this[info.businessType] = info.data;
+        Object.assign(this.dataAll, info.data);
+      }
+      // console.log("osd1", this.osd1);
+      // console.log("osd2", this.osd2);
+      // console.log("osd3", this.osd3);
+      // console.log("数据", this.dataAll);
+      function flattenObjectToMap(obj, map = new Map()) {
+        for (const key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            const value = obj[key];
+            if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+              flattenObjectToMap(value, map);
+            } else {
+              map.set(key, value);
+            }
+          }
+        }
+        return map;
+      }
+      this.dataMap = flattenObjectToMap(this.dataAll, this.dataMap);
+      // console.log("dataMap", this.dataMap);
+      // 需要特殊处理的字段
+      const spcial = ['is_calibration', 'storage', 'rate', 'state', 'acc_time', 'device_online_status', 'drone_in_dock'];
+      // 特殊处理
+
+      this.airportsList.forEach((item) => {
+        if (!spcial.includes(item.key)) {
+          item.data = this.dataMap.get(item.key);
+        } else {
+          item.data = this.specialHandling(item.key);
+        }
+      });
+    },
+    specialHandling(key) {
+      switch (key) {
+        case 'flighttask_step_code':
+          const flighttaskObj = {
+            '0': '作业准备中',
+            '1': '飞行作业中',
+            '2': '作业后状态恢复',
+            '3': '自定义飞行区更新中',
+            '4': '地形障碍物更新中',
+            '5': '任务空闲',
+            '255': '飞行器异常',
+            '256': '未知状态'
+          };
+          return flighttaskObj[String(this.dataMap.get(key))];
+        case 'is_calibration':
+          return String(this.dataMap.get(key)) === '1' ? '已标定' : '未标定';
+        case 'storage':
+          function kbToGb(kb) {
+            return kb / (1024 * 1024);
+          }
+          let a = kbToGb(this.dataMap.get('used')) || 0;
+          let b = kbToGb(this.dataMap.get('total')) || 0;
+          const used = a.toFixed(2);
+          const total = b.toFixed(2);
+          return `${used}/${total}`;
+        case 'rate':
+          let c = this.dataMap.get(key) || 0;
+          return c.toFixed(2);
+        case 'state':
+          return String(this.dataMap.get(key)) === '1' ? '充电中' : '空闲';
+        case 'acc_time':
+          function formatTime(seconds) {
+            const days = Math.floor(seconds / (3600 * 24));
+            const hours = Math.floor((seconds % (3600 * 24)) / 3600);
+            const minutes = Math.floor((seconds % 3600) / 60);
+            return `${days}天${hours}时${minutes}分`;
+          }
+          const timeFormatter = formatTime(dayjs(this.dataMap.get(key)));
+          return timeFormatter;
+        case 'device_online_status':
+          return String(this.dataMap.get(key)) === '1' ? '开机' : '关机';
+        case 'drone_in_dock':
+          return String(this.dataMap.get(key)) === '1' ? '舱内' : '舱外';
+        default:
+          break;
+      }
+    },
+    // 获取设备列表
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateway.gateway
+      }).then((res) => {
+        this.number = res.rows.length;
+        this.info = res.rows[0];
+        console.log('this.infothis.infothis.infothis.info', this.info);
+      });
+    },
+    // 机场位置
+    // 使用防抖处理点击事件,避免短时间内重复触发
+    onview: debounce(function () {
+      this.$sendChanel('onView');
+    }, 500), // 500ms内只执行一次
+    restet() {
+      this.airportsList = [
+        {
+          name: '机场搜星',
+          key: 'gps_number',
+          data: 0,
+          unit: '',
+          img: satellite
+        },
+        {
+          name: '标定状态',
+          data: '已标定',
+          key: 'is_calibration',
+          unit: '',
+          img: calibration
+        },
+        {
+          name: '机场存储',
+          data: '0/0',
+          unit: 'GB',
+          key: 'storage',
+          img: null
+        },
+        {
+          name: '以太网网络',
+          data: '0',
+          unit: 'KB/s',
+          key: 'rate',
+          img: null
+        },
+        {
+          name: '风速',
+          data: '0',
+          unit: 'm/s',
+          key: 'wind_speed',
+          img: null
+        },
+        {
+          name: '降雨量',
+          data: '0',
+          unit: 'mm',
+          key: 'rainfall',
+          img: null
+        },
+        {
+          name: '充电状态',
+          data: '空闲',
+          unit: '',
+          key: 'state',
+          img: recharge
+        },
+        {
+          name: '待上传数',
+          data: '0',
+          unit: '',
+          img: file,
+          key: 'remain_upload'
+        },
+        {
+          name: '舱内温度',
+          data: '0',
+          unit: '℃',
+          key: 'temperature',
+          img: null
+        },
+        {
+          name: '舱外温度',
+          data: '0',
+          unit: '℃',
+          key: 'environment_temperature',
+          img: null
+        },
+        {
+          name: '舱内湿度',
+          data: '0',
+          unit: '%RH',
+          key: 'humidity',
+          img: null
+        },
+        {
+          name: '运行时长',
+          data: '0天0时0分',
+          unit: '',
+          key: 'acc_time',
+          img: null
+        },
+        {
+          name: '飞行器状态',
+          data: '关机',
+          unit: '',
+          key: 'device_online_status',
+          img: uav
+        },
+        {
+          name: '飞行器位置',
+          data: '舱内',
+          unit: '',
+          key: 'drone_in_dock',
+          img: uavLocal
+        }
+      ];
+    }
+  },
+
+  mounted() {
+    if (this.gateway) {
+      this.getList();
+    }
+    this.$recvChanel('liveBus', (bool) => {
+      this.restet();
+    });
+    this.$recvChanel('websocketBus', (data) => {
+      this.dataTreat(data);
+    });
+  }
+};
+</script>
+<style lang="scss" scoped>
+.airport-information-wrapper {
+  width: 100%;
+  height: 32%;
+  position: relative;
+  margin-bottom: 15px;
+
+  .airport-information-content {
+    height: 100%;
+    width: 100%;
+
+    // background-color: blueviolet;
+    .airport-info-wrapper {
+      padding: 0 2%;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border: 1px solid rgba(0, 255, 255, 0.2);
+      background-color: rgba(0, 0, 0, 0.5);
+      margin: 5px 0;
+
+      .airport-left {
+        margin-right: 10px;
+      }
+
+      .airport-center {
+        // transform: translateX(-40px);
+        font-size: 12px;
+        color: rgba(207, 255, 255, 1);
+        display: flex;
+        flex-direction: column;
+        // justify-content: space-between;
+        justify-content: center;
+
+        > div:nth-of-type(2) {
+          display: flex;
+          align-items: center;
+          margin-top: 5px;
+
+          img {
+            margin-left: 5px;
+            cursor: pointer;
+          }
+        }
+      }
+
+      .airport-right {
+        display: flex;
+        align-items: center;
+        color: rgba(27, 248, 195, 1);
+      }
+    }
+
+    .airport-list-wrapper {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      /* 创建4列，每列等宽 */
+      // gap: 6px; /* 设置列和行之间的间距 */
+      grid-gap: 10px 6px;
+
+      .airport-list-item {
+        font-size: 14px;
+
+        .airport-list-top {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-bottom: 4px;
+
+          img {
+            width: 14px;
+            height: 14px;
+            margin-right: 4px;
+          }
+
+          div:first-child {
+            font-family: 'ddin';
+          }
+        }
+
+        .airport-list-bottom {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/home/components/AirportRemoteDebugging/DebugItem.vue b/src/views/drone/components/home/components/AirportRemoteDebugging/DebugItem.vue
new file mode 100644
index 0000000..3c33559
--- /dev/null
+++ b/src/views/drone/components/home/components/AirportRemoteDebugging/DebugItem.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="airport-debug-list-item" :style="{ width: cusWidth ? cusWidth : '100%' }">
+    <div class="debug-top" :style="{ minHeight: showBottom ? '70%' : '100%' }">
+      <div class="debug-l">
+        <div class="debug-l-img">
+          <img :src="imgUrl" alt="" />
+        </div>
+        <div class="debug-l-text">
+          <div>{{ name }}</div>
+          <el-tooltip :content="status" placement="bottom">
+            <div class="debug-l-status">{{ status }}</div>
+          </el-tooltip>
+        </div>
+      </div>
+      <div class="debug-r">
+        <slot name="btn"></slot>
+      </div>
+    </div>
+    <div v-if="showBottom" class="debug-bottom">
+      <div class="debug-bottom-wrapper">
+        <slot name="progress"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DebugItem",
+  props: {
+    imgUrl: {
+      type: String,
+    },
+    status: {
+      type: String,
+    },
+    name: {
+      type: String,
+    },
+    cusWidth: {
+      type: String,
+      default: `100%`,
+    },
+    showBottom: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {};
+  },
+  methods: {},
+  created() { },
+  mounted() { },
+};
+</script>
+<style lang="scss" scoped>
+.airport-debug-list-item {
+  font-size: 14px;
+  border: 1px solid rgba(0, 255, 255, 0.2);
+  background-color: rgba(0, 0, 0, 0.5);
+  // height: 10vh;
+  padding: 20px 0;
+  width: 100%;
+
+  .debug-top {
+    padding: 0 3%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 100%;
+    min-height: 70%;
+
+    .debug-l {
+      display: flex;
+      align-items: center;
+      width: 70%;
+
+      .debug-l-img {
+        width: 24px;
+        height: 24px;
+        margin-right: 10px;
+
+        img {
+          width: 24px;
+          height: 24px;
+        }
+      }
+
+      .debug-l-text {
+        >div {
+          margin: 4px 0;
+        }
+
+        .debug-l-status {
+          width: 2.8vw;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+
+    .debug-r {
+      // width: 20%;
+    }
+  }
+
+  .debug-bottom {
+    padding: 0 2%;
+    transform: translateY(10px);
+    width: 100%;
+    display: flex;
+    align-items: center;
+
+    .debug-bottom-wrapper {
+      width: 100%;
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/home/components/AirportRemoteDebugging/index.vue b/src/views/drone/components/home/components/AirportRemoteDebugging/index.vue
new file mode 100644
index 0000000..4f86bac
--- /dev/null
+++ b/src/views/drone/components/home/components/AirportRemoteDebugging/index.vue
@@ -0,0 +1,811 @@
+<template>
+  <div class="airport-debug-wrapper">
+    <ModuleItem :title="'机场远程调试'" :subTitle="'Airport Remote Debugging'">
+      <template slot="titleOption">
+        <el-switch v-model="debugSwitch" active-color="#00FFFFFF" inactive-color="#CCCCCC33" @change="changeSwitch"> </el-switch>
+      </template>
+      <div class="airport-debug-content">
+        <div class="airport-debug-list-wrapper">
+          <div class="debug-item-box">
+            <DebugItem :name="jcxt.name" :imgUrl="jcxt.img" :status="jcxt.data" :showBottom="true">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(jcxt.key)" size="small">
+                    {{ jcxt.btnStatus }}
+                  </el-button>
+                </div>
+              </template>
+              <template slot="progress">
+                <el-progress :percentage="jcxt.progress" :show-text="false" :color="'#00FFFFFF'" :define-back-color="'#CCCCCC33'"></el-progress>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="cg.name" :imgUrl="cg.img" :status="cg.data" :showBottom="true">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(cg.key)" size="small">
+                    {{ specialHandling(cg.key) !== '打开' ? '打开' : '关闭' }}
+                  </el-button>
+                </div>
+              </template>
+              <template slot="progress">
+                <el-progress :percentage="cg.progress" :show-text="false" :color="'#00FFFFFF'" :define-back-color="'#CCCCCC33'"></el-progress>
+              </template>
+            </DebugItem>
+          </div>
+          <div v-if="number == 2" class="debug-item-box">
+            <DebugItem :name="tg.name" :imgUrl="tg.img" :status="tg.data" :showBottom="true">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(tg.key)" size="small">
+                    {{ specialHandling(tg.key) !== '打开' ? '打开' : '关闭' }}
+                  </el-button>
+                </div>
+              </template>
+              <template slot="progress">
+                <el-progress :percentage="tg.progress" :show-text="false" :color="'#00FFFFFF'" :define-back-color="'#CCCCCC33'"></el-progress>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="jyms.name" :imgUrl="jyms.img" :status="jyms.data">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(jyms.key)" size="small">
+                    {{ jyms.btnStatus }}
+                  </el-button>
+                </div>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="jccc.name" :imgUrl="jccc.img" :status="jccc.data">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(jccc.key)" size="small">
+                    {{ jccc.btnStatus }}
+                  </el-button>
+                </div>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="zqtc.name" :imgUrl="zqtc.img" :status="zqtc.data">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(zqtc.key)" size="small">
+                    {{ dataMap.get(zqtc.key) == 0 ? '开启' : '关闭' }}
+                  </el-button>
+                </div>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <!-- 我需要页面刚进来时，status显示开机或者关机，而不是开机中或者关机中，这个状态来自dataTreat -->
+            <DebugItem
+              :name="fxq.name"
+              :imgUrl="fxq.img"
+              :status="
+                fxqLoading ? (fxqMethod == 'drone_open' ? '开机中' : '关机中') : fxqMethod ? (fxqMethod == 'drone_open' ? '开机' : '关机') : fxq.data
+              "
+              :showBottom="true"
+            >
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(fxq.key)" size="small">
+                    <span v-show="!fxqLoading">{{ fxq.data == '开机' ? '关机' : '开机' }}</span>
+                    <img v-show="fxqLoading" class="myLoading" src="../../../../images/loading.png" alt="" />
+                  </el-button>
+                </div>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="kt.name" :imgUrl="kt.img" :status="kt.data" class="custom-width">
+              <template slot="btn">
+                <div class="debug-btn-groups">
+                  <el-button v-for="item in kt.btns" :key="item.id" @click="handleBtnClick(item.id, true)" size="mini">
+                    {{ item.name }}
+                  </el-button>
+                </div>
+              </template>
+            </DebugItem>
+          </div>
+          <div class="debug-item-box">
+            <DebugItem :name="cd.name" :imgUrl="cd.img" :status="cd.data">
+              <template slot="btn">
+                <div class="debug-btn-group">
+                  <el-button @click="handleBtnClick(cd.key)" size="small">
+                    {{ dataAll.drone_charge_state.state == 0 ? '开启' : '关闭' }}
+                  </el-button>
+                </div>
+              </template>
+              <template slot="progress">
+                <el-progress :percentage="cd.progress" :show-text="false" :color="'#00FFFFFF'" :define-back-color="'#CCCCCC33'"></el-progress>
+              </template>
+            </DebugItem>
+          </div>
+        </div>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import { useAirStore } from '@/store/modules/drone';
+import ModuleItem from '../ModuleItem/index.vue';
+import DebugItem from './DebugItem.vue';
+import { remoteDebug, listInfo, propertySet, sdrWorkmodeSwitch, airConditionerModeSwitch } from '@/api/air';
+import debugJcxt from '../../../../images/home/debug-jcxt.png';
+import debugCg from '../../../../images/home/debug-cg.png';
+import debugTg from '../../../../images/home/debug-tg.png';
+import debugJyms from '../../../../images/home/debug-jyms.png';
+import debugJccc from '../../../../images/home/debug-jccc.png';
+import debugZqtc from '../../../../images/home/debug-zqtc.png';
+import debugFxq from '../../../../images/home/debug-fxq.png';
+import debugKt from '../../../../images/home/debug-kt.png';
+
+export default {
+  name: 'AirportRemoteDebugging',
+  components: { ModuleItem, DebugItem },
+  data() {
+    return {
+      debugSwitch: false,
+      // 机场系统
+      jcxt: {
+        name: '机场系统',
+        data: '工作中',
+        img: debugJcxt,
+        key: 'flighttask_step_code',
+        btnStatus: '重启',
+        progress: 0,
+        progressMethod: ['device_reboot']
+      },
+      cg: {
+        name: '舱盖',
+        data: '关',
+        img: debugCg,
+        key: 'cover_state',
+        btnStatus: '开启',
+        progress: 0,
+        progressMethod: ['cover_open', 'cover_close']
+      },
+      tg: {
+        name: '推杆',
+        data: '闭合',
+        img: debugTg,
+        key: 'putter_state',
+        btnStatus: '关闭',
+        progress: 0,
+        progressMethod: ['putter_open', 'putter_close']
+      },
+      jyms: {
+        name: '静音模式',
+        data: '未开启',
+        img: debugJyms,
+        key: 'silent_mode',
+        btnStatus: '开启'
+      },
+      jccc: {
+        name: '机场存储',
+        data: '0/0 GB',
+        img: debugJccc,
+        key: 'storage',
+        btnStatus: '格式化'
+      },
+      zqtc: {
+        name: '增强图传',
+        data: '未开启',
+        img: debugZqtc,
+        key: 'link_workmode',
+        btnStatus: '开启'
+      },
+      fxq: {
+        name: '飞行器',
+        data: '关机',
+        img: debugFxq,
+        key: 'device_online_status',
+        progress: 0,
+        progressMethod: ['drone_close'],
+        btnStatus: '开启'
+      },
+      kt: {
+        name: '空调',
+        data: '空闲中',
+        img: debugKt,
+        key: 'air_conditioner_state',
+        btns: [
+          { name: '空闲', id: '0' },
+          { name: '制冷', id: '1' },
+          { name: '制热', id: '2' },
+          { name: '除湿', id: '3' }
+        ]
+      },
+      cd: {
+        name: '充电',
+        data: '未充电',
+        img: debugTg,
+        key: 'drone_charge_state',
+        btnStatus: '开启',
+        progress: 0,
+        progressMethod: ['charge_open', 'charge_close']
+      },
+      osd1: null,
+      osd2: null,
+      osd3: null,
+      osd4: null,
+      dataMap: new Map(),
+      dataAll: {
+        drone_charge_state: {
+          state: 0
+        }
+      },
+      info: {},
+      gateWay: useAirStore().gateWay,
+      number: 0,
+      fxqLoading: false,
+      fxqMethod: ''
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getDeviceNumber();
+        if (newValue) {
+          // 重置飞行器状态相关数据
+          this.fxqLoading = false;
+          this.fxqMethod = '';
+          this.fxq.data = '关机'; // 设置默认状态为关机
+
+          // 清空数据映射
+          this.dataMap = new Map();
+          this.dataAll = {
+            drone_charge_state: {
+              state: 0
+            }
+          };
+        }
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 获取设备列表
+    dataTreat(info) {
+      if (info.businessType !== 'osd4') {
+        if (['osd1', 'osd2', 'osd3'].includes(info.businessType)) {
+          this[info.businessType] = info.data;
+          Object.assign(this.dataAll, info.data);
+        } else {
+          // console.log("this[info.businessType]", info);
+          this.debuggingProgress(info.businessType, info.data);
+        }
+      } else {
+        this.osd4 = info.data;
+      }
+      //
+      if (this.dataMap.get('device_online_status') == '1' && this.fxqMethod == 'drone_open') {
+        this.fxqLoading = false;
+        this.fxqMethod = 'drone_open';
+      } else if (this.dataMap.get('device_online_status') == '0' && this.fxqMethod == 'drone_close') {
+        this.fxqLoading = false;
+        this.fxqMethod = 'drone_close';
+        if (window.airModel) {
+          window.airModel.remove();
+          window.airModel = null;
+          return;
+        }
+      } else if (this.dataMap.get('device_online_status') == '0') {
+        if (window.airModel) {
+          window.airModel.remove();
+          window.airModel = null;
+          return;
+        }
+      }
+      function flattenObjectToMap(obj, map = new Map()) {
+        for (const key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            const value = obj[key];
+            if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+              flattenObjectToMap(value, map);
+            } else {
+              map.set(key, value);
+            }
+          }
+        }
+        return map;
+      }
+      this.dataMap = flattenObjectToMap(this.dataAll, this.dataMap);
+      this.jcxt.data = this.specialHandling(this.jcxt.key);
+      this.cg.data = this.specialHandling(this.cg.key);
+      this.jyms.data = this.specialHandling(this.jyms.key);
+      this.tg.data = this.specialHandling(this.tg.key);
+      this.jccc.data = this.specialHandling(this.jccc.key);
+      this.zqtc.data = this.specialHandling(this.zqtc.key);
+      this.fxq.data = this.specialHandling(this.fxq.key);
+      this.kt.data = this.specialHandling(this.kt.key);
+      this.cd.data = this.dataAll.drone_charge_state.state == 0 ? '未充电' : '充电中';
+
+      // console.log("this.dataMap", this.dataMap);
+      // console.log("this.jccc.data", this.dataMap.get(this.jccc.key));
+      if (this.dataMap.get('mode_code') && this.dataMap.get('mode_code') === 2) {
+        this.debugSwitch = true;
+      } else {
+        this.debugSwitch = false;
+      }
+      // console.log("mode_code", this.dataMap.get("mode_code"));
+    },
+    specialHandling(key) {
+      switch (key) {
+        case 'flighttask_step_code':
+          const flighttaskObj = {
+            '0': '作业准备中',
+            '1': '飞行作业中',
+            '2': '作业后状态恢复',
+            '3': '自定义飞行区更新中',
+            '4': '地形障碍物更新中',
+            '5': '任务空闲',
+            '255': '飞行器异常',
+            '256': '未知状态'
+          };
+          // console.log("this.dataMap.get(key)", this.dataMap.get(key));
+          return flighttaskObj[String(this.dataMap.get(key))];
+        case 'storage':
+          function kbToGb(kb) {
+            return kb / (1024 * 1024);
+          }
+          let a = kbToGb(this.dataMap.get('used')) || 0;
+          let b = kbToGb(this.dataMap.get('total')) || 0;
+          const used = a.toFixed(2);
+          const total = b.toFixed(2);
+          return `${used}/${total}GB`;
+        case 'cover_state':
+          const coverStateObj = {
+            '0': '关闭',
+            '1': '打开',
+            '2': '半开',
+            '3': '舱盖状态异常'
+          };
+          return coverStateObj[String(this.dataMap.get(key))];
+        case 'silent_mode':
+          const silentModeObj = {
+            '0': '非静音模式',
+            '1': '静音模式'
+          };
+          return silentModeObj[String(this.dataMap.get(key))];
+        case 'putter_state':
+          const putterStateObj = {
+            '0': '关闭',
+            '1': '打开',
+            '2': '半开',
+            '3': '推杆状态异常'
+          };
+          return putterStateObj[String(this.dataMap.get(key))];
+        case 'link_workmode':
+          const linkWorkmodeObj = {
+            '0': 'SDR 模式',
+            '1': '4G 融合模式'
+          };
+          return linkWorkmodeObj[String(this.dataMap.get(key))];
+        case 'device_online_status':
+          const deviceOnlineObj = {
+            '0': '关机',
+            '1': '开机'
+          };
+          return deviceOnlineObj[String(this.dataMap.get(key))];
+        case 'air_conditioner_state':
+          const airConditionerObj = {
+            '0': '空闲模式',
+            '1': '制冷模式',
+            '2': '制热模式',
+            '3': '除湿模式',
+            '4': '制冷退出模式',
+            '5': '制热退出模式',
+            '6': '除湿退出模式',
+            '7': '制冷准备模式',
+            '8': '制热准备模式',
+            '9': '除湿准备模式'
+          };
+          return airConditionerObj[String(this.dataMap.get(key))];
+        case 'drone_charge_state':
+          const chargeObj = {
+            '0': '空闲',
+            '1': '充电中'
+          };
+          return chargeObj[String(this.dataMap.get(key).state)];
+        default:
+          break;
+      }
+    },
+    handleBtnClick(key, isAirConditioner = false) {
+      // console.log("key", key);
+      switch (key) {
+        case 'flighttask_step_code':
+          this.airportRestart();
+          break;
+        case 'cover_state':
+          this.hatch();
+          break;
+        case 'putter_state':
+          this.putterStateChange();
+          break;
+        case 'silent_mode':
+          this.silentModeChange();
+          break;
+        case 'storage':
+          this.storageFormat();
+          break;
+        case 'link_workmode':
+          this.linkWorkmodeChange();
+          break;
+        case 'device_online_status':
+          this.AircraftBoot();
+          break;
+        case 'drone_charge_state':
+          this.chargeState();
+          break;
+        default:
+          // 空调
+          if (isAirConditioner) {
+            this.airConditioner(key);
+          }
+          break;
+      }
+    },
+    // 远程调试开关
+    changeSwitch(status) {
+      let air = localStorage.getItem('airGateway');
+      if (!air) {
+        this.$message.error('请先选择机场');
+        this.debugSwitch = false;
+        return;
+      }
+      this.debugSwitch = status;
+      const { gateway } = this.gateWay;
+      const params = { gateway, method: '' };
+      if (this.debugSwitch) {
+        params.method = 'debug_mode_open';
+      } else {
+        params.method = 'debug_mode_close';
+      }
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+      // console.log("this.debugSwitch", this.debugSwitch);
+    },
+    // 机场重启
+    airportRestart() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const method = 'device_reboot';
+      const params = { gateway, method };
+      this.$sendChanel('liveBus', true);
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 飞行器开机
+    AircraftBoot() {
+      if (!this.debugSwitch) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const method = Number(this.dataMap.get('device_online_status')) === 0 ? 'drone_open' : 'drone_close';
+      const params = { gateway, method };
+      this.fxqLoading = true;
+      this.fxqMethod = method;
+      if (method == 'drone_close') {
+        this.$sendChanel('liveBus', false);
+      }
+      this.$sendChanel('airInfoBus', method == 'drone_open' ? true : false);
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 舱盖开关
+    hatch() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const method = Number(this.dataMap.get('cover_state')) === 0 ? 'cover_open' : 'cover_close';
+      const params = { gateway, method };
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 推杆开关
+    putterStateChange() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const method = Number(this.dataMap.get('putter_state')) === 0 ? 'putter_open' : 'putter_close';
+      const params = { gateway, method };
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 静音模式开关
+    silentModeChange() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const status = Number(this.dataMap.get('silent_mode')) === 0 ? 1 : 0;
+      if (status === 0) {
+        this.jyms.btnStatus = '开启';
+      } else {
+        this.jyms.btnStatus = '关闭';
+      }
+      const params = { gateway, params: { silent_mode: status } };
+      propertySet(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 增强图传
+    linkWorkmodeChange() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      // const method = "sdr_workmode_switch";
+      // const params = { gateway, method };
+      // remoteDebug(params).then((res) => {});
+      const action = this.dataMap.get('link_workmode') == 1 ? 0 : 1;
+      const params = { gateway, action };
+      sdrWorkmodeSwitch(params).then((res) => {
+        const { code, msg } = res;
+        if (code == 200) {
+          this.$message.success('操作成功');
+        } else {
+          this.$message.error(msg);
+        }
+      });
+    },
+    // 空调
+    airConditioner(key) {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const params = { gateway, action: key };
+      airConditionerModeSwitch(params).then((res) => {
+        // console.log("空调-----------", res);
+        this.$message.success(res.msg);
+      });
+    },
+    // 机场存储格式化
+    storageFormat() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const params = { gateway, method: 'device_format' };
+      this.$confirm('此操作将清除机场存储数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        customClass: 'customMessageBox',
+        confirmButtonClass: 'customConfirm',
+        cancelButtonClass: 'customCancel'
+      }).then(() => {
+        remoteDebug(params).then((res) => {
+          this.$message.success(res.msg);
+        });
+      });
+    },
+    chargeState() {
+      if (!this.gateWay) {
+        this.$message.error('机场已退出远程调试模式，无法执行当前操作');
+        return;
+      }
+      const { gateway } = this.gateWay;
+      const method = Number(this.dataAll.drone_charge_state.state) === 0 ? 'charge_open' : 'charge_close';
+      const params = { gateway, method };
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 调试进度
+    debuggingProgress(key, data) {
+      if (this.cg.progressMethod.includes(key)) {
+        this.cg.progress = data.output.progress.percent;
+      } else if (this.jcxt.progressMethod.includes(key)) {
+        this.jcxt.progress = data.output.progress.percent;
+      } else if (this.fxq.progressMethod.includes(key)) {
+        this.fxq.progress = data.output.progress.percent;
+      } else if (this.tg.progressMethod.includes(key)) {
+        this.tg.progress = data.output.progress.percent;
+      } else if (this.cd.progressMethod.includes(key)) {
+        this.cd.progress = data.output.progress.percent;
+      }
+    },
+    // 获取数量
+    getDeviceNumber() {
+      const gateway = this.gateWay.gateway;
+      // 获取首位数字
+      const firstDigit = parseInt(gateway.charAt(0));
+      // 判断是4还是7
+      if (firstDigit === 4) {
+        // 是4，返回4
+        this.number = 2;
+      } else {
+        this.number = 1;
+      }
+    }
+  },
+
+  created() {
+    this.$recvChanel('websocketBus', (data) => {
+      // console.log("收到的数据222", data);
+      this.dataTreat(data);
+    });
+    if (this.gateWay) {
+      this.getDeviceNumber();
+    }
+  },
+  mounted() {}
+};
+</script>
+<style lang="scss">
+@keyframes identifier {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.airport-debug-wrapper {
+  width: 100%;
+  height: 32%;
+  margin-bottom: 15px;
+  position: relative;
+
+  .airport-debug-content {
+    width: 100%;
+    height: 100%;
+    padding: 0 2%;
+
+    .airport-debug-list-wrapper {
+      width: 100%;
+      height: 100%;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      /* 创建2列，每列等宽 */
+      gap: 12px;
+      /* 设置列和行之间的间距 */
+      overflow-y: auto;
+
+      .debug-item-box {
+        .myLoading {
+          width: 10px;
+          height: 10px;
+          animation: identifier 1s linear infinite;
+        }
+
+        .custom-width {
+          // width: 130% !important;
+          // display: flex;
+          // justify-content: space-around;
+          // background-color: aquamarine;
+          .debug-l {
+            width: 50%;
+          }
+
+          .debug-r {
+            width: 50%;
+          }
+        }
+
+        .debug-btn-group {
+          display: flex;
+          justify-content: flex-end;
+
+          .el-button--mini {
+            padding: 5px !important;
+          }
+        }
+
+        .debug-btn-groups {
+          display: grid;
+          grid-template-columns: repeat(2, 1fr);
+          /* 创建2列，每列等宽 */
+          gap: 2px;
+
+          /* 设置列和行之间的间距 */
+          // padding: 2%;
+          .el-button--mini {
+            padding: 3px !important;
+          }
+        }
+
+        .el-button {
+          pointer-events: all;
+          background: rgba(0, 255, 255, 0.2);
+          border: 1px solid rgba(0, 255, 255, 0.5);
+          color: #fff;
+          margin: 0 !important;
+        }
+      }
+    }
+  }
+}
+
+.customMessageBox {
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
+  border: 1.5px solid rgba(0, 255, 255, 1);
+
+  .el-message-box__message,
+  .el-message-box__title,
+  .el-message-box__close {
+    color: #fff;
+
+    &:hover {
+      color: #fff;
+    }
+  }
+}
+
+.customConfirm,
+.customCancel {
+  border-radius: 4px !important;
+  background: rgba(0, 255, 255, 0.2) !important;
+  border: 1px solid rgba(0, 255, 255, 1) !important;
+  color: #fff;
+
+  &:hover {
+    color: #fff;
+  }
+}
+
+/* 整个滚动条 */
+::-webkit-scrollbar {
+  width: 8px;
+  /* 滚动条的宽度 */
+  height: 8px;
+  /* 滚动条的高度（横向滚动条） */
+}
+
+/* 滑块部分 */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 255, 255, 0.5);
+  /* 滑块的背景颜色 */
+  border-radius: 10px;
+  /* 滑块的圆角 */
+  border: none;
+  /* 滑块的边框 */
+  background-clip: content-box;
+  /* 背景裁剪 */
+}
+
+/* 滑块在悬停状态下的样式 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 255, 255, 0.7);
+  /* 悬停时滑块的颜色 */
+}
+
+/* 滚动条轨道 */
+::-webkit-scrollbar-track {
+  background-color: transparent;
+  /* 轨道的背景颜色 */
+  border-radius: 10px;
+  /* 轨道的圆角 */
+}
+</style>
diff --git a/src/views/drone/components/home/components/ModuleItem/index.vue b/src/views/drone/components/home/components/ModuleItem/index.vue
new file mode 100644
index 0000000..c4513c6
--- /dev/null
+++ b/src/views/drone/components/home/components/ModuleItem/index.vue
@@ -0,0 +1,80 @@
+<template>
+  <div class="module-item-container">
+    <div class="module-item-title">
+      <div class="module-item-title-left">
+        <div class="module-item-title-left-main">{{ title }}</div>
+        <div class="module-item-title-left-sub">{{ subTitle }}</div>
+      </div>
+      <div class="module-item-title-right">
+        <slot name="titleOption"></slot>
+      </div>
+    </div>
+    <div class="module-item-content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ModuleItem",
+  props: ["title", "subTitle"],
+
+  computed: {},
+  data() {
+    return {};
+  },
+  created() { },
+  mounted() { },
+};
+</script>
+<style lang="scss" scoped>
+.module-item-container {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+
+  .module-item-title {
+    height: 40px;
+    width: 100%;
+    margin-bottom: 15px;
+    background: url("../../../../images/home/module-item-title.png") no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    padding-left: 8%;
+    justify-content: space-between;
+    align-items: center;
+
+    .module-item-title-left {
+      display: flex;
+      align-items: flex-end;
+
+      &-main {
+        font-size: 18px;
+        font-weight: 700;
+        background: linear-gradient(180deg,
+            rgba(255, 255, 255, 1) 40%,
+            rgba(0, 255, 255, 1) 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        margin-right: 10px;
+        font-family: "alimamashuheiti";
+      }
+
+      &-sub {
+        font-size: 14px;
+        font-weight: 500;
+      }
+    }
+
+    .module-item-title-right {
+      //   background-color: aqua;
+    }
+  }
+
+  .module-item-content {
+    width: 100%;
+    height: calc(100% - 50px);
+  }
+}
+</style>
diff --git a/src/views/drone/components/home/components/MonitorLiveStreaming/index.vue b/src/views/drone/components/home/components/MonitorLiveStreaming/index.vue
new file mode 100644
index 0000000..2b3ff6a
--- /dev/null
+++ b/src/views/drone/components/home/components/MonitorLiveStreaming/index.vue
@@ -0,0 +1,755 @@
+<template>
+  <div class="cabin-live-wrapper">
+    <ModuleItem :title="'无人机机场监控直播'" :subTitle="'Monitor live streaming'">
+      <!-- <button @click="startRecording" :disabled="isRecording">开始录制</button>
+      <button @click="stopRecording" :disabled="!isRecording">停止录制</button>
+      <a ref="downloadLink" style="display: none;">下载视频</a> -->
+      <div
+        :id="'cabin-live-video_' + info.cameraIndex"
+        ref="monitorLiveVideo"
+        :class="[screen.currentStatus ? 'cabin-live-content-full' : 'cabin-live-content']"
+      >
+        <div class="cabin-live-title">
+          <div class="cabin-live-title-left">机舱SN:{{ info.sn || '----' }}</div>
+          <div class="cabin-live-title-right">
+            <!-- <el-tooltip :content="backlight.tips" placement="bottom"> -->
+            <div class="bgd cabin-live-title-right-wrapper">
+              <img :src="backlight.img" @click="changeBacklight" :title="backlight.tips" />
+            </div>
+            <!-- </el-tooltip> -->
+            <el-dropdown v-if="number == 1" size="mini" placement="bottom" trigger="click" :hide-on-click="false" @visible-change="visibleDropdown">
+              <!-- <el-tooltip :content="monitor.tips" placement="bottom"> -->
+              <div class="monitor cabin-live-title-right-wrapper">
+                <img :src="monitor.img" :title="monitor.tips" />
+              </div>
+              <!-- </el-tooltip> -->
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="item in monitor.list" :key="item.name" :class="{ active: monitor.current === item.index }">
+                  <span @click="monitorCheck(item)">{{ item.name }}</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <el-dropdown size="mini" trigger="click" placement="bottom" :hide-on-click="false" @visible-change="visibleDropdown">
+              <!-- <el-tooltip :content="set.tips"> -->
+              <div class="monitor cabin-live-title-right-wrapper">
+                <img :src="set.img" :title="set.tips" />
+              </div>
+              <!-- </el-tooltip> -->
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="item in set.list" :key="item.name" :class="{ active: set.current === item.index }">
+                  <span @click="setCheck(item)">{{ item.name }}</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <!-- <el-tooltip :content="reset.tips" placement="bottom"> -->
+            <div class="bgd cabin-live-title-right-wrapper">
+              <img :src="reset.img" @click="handleReset" :title="reset.tips" />
+            </div>
+            <!-- </el-tooltip> -->
+            <!-- <el-tooltip :content="screen.tips" placement="bottom"> -->
+            <div class="bgd cabin-live-title-right-wrapper">
+              <img :src="screen.img" @click="makeFullScreen(`cabin-live-video_${info.cameraIndex}`)" :title="screen.tips" />
+            </div>
+            <!-- </el-tooltip> -->
+            <!-- <el-tooltip :content="switchs.tips" placement="bottom"> -->
+            <div class="bgd cabin-live-title-right-wrapper">
+              <img :src="switchs.img" @click="handleOpen" :title="switchs.tips" />
+            </div>
+            <!-- </el-tooltip> -->
+          </div>
+        </div>
+        <div class="cabin-live-video">
+          <!-- <video ref="sourceVideo" v-show="switchs.currentStatus && !switchs.loading" class="cabin-live-video-item"
+            style="position: absolute;width: 100%;height: 100%;object-fit: fill;"
+            :id="'video-webrtc_' + info.cameraIndex" autoplay muted width="100%" height="100%"></video> -->
+          <div v-show="switchs.currentStatus && !switchs.loading" class="cabin-live-video-item">
+            <webrtc :ref="'video-webrtc_' + info.cameraIndex"></webrtc>
+          </div>
+          <div v-show="!switchs.currentStatus && !switchs.loading" class="live-stop">
+            <img src="../../../../images/home/live-stop.png" alt="" />
+            <span>机舱已经停止直播</span>
+          </div>
+          <div v-show="switchs.loading" class="live-loading">
+            <img src="../../../../images/home/loading.png" alt="" />
+            <span>加载中，请稍侯</span>
+          </div>
+        </div>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import ModuleItem from '../ModuleItem/index.vue';
+import { listInfo, liveStart, liveStop, remoteDebug, liveChangeQuality, cameraChange } from '@/api/air';
+import webrtc from '@/components/webrtc';
+import { useAirStore } from '@/store/modules/drone';
+import { getHost, getRtmpPort, getRtcPort } from '@/utils/auth';
+import uavBgd from '../../../../images/home/uav-bgd.png';
+import uavMonitor from '../../../../images/home/uav-monitor.png';
+import uavSet from '../../../../images/home/uav-set.png';
+import uavReset from '../../../../images/home/uav-reset.png';
+import uavScreen from '../../../../images/home/uav-screen.png';
+import uavClose from '../../../../images/home/uav-close.png';
+import uavBgdOpen from '../../../../images/home/uav-bgd-open.png';
+import uavScreenEsc from '../../../../images/home/uav-screen-esc.png';
+
+import _ from 'lodash';
+export default {
+  name: 'MonitorLiveStreaming',
+  components: { ModuleItem, webrtc },
+  data() {
+    return {
+      videoUrl: '',
+      flvPlayer: null,
+      info: {},
+      gateWay: useAirStore().gateWay,
+      time1: null,
+      time2: null,
+      //背光灯
+      backlight: {
+        light: false, // 是否开启
+        img: uavBgd,
+        tips: '打开背光灯',
+        key: 'supplement_light_open'
+      },
+      // 摄像头
+      monitor: {
+        img: uavMonitor,
+        list: [
+          { name: '舱内', active: true, index: 0 },
+          { name: '舱外', active: false, index: 1 }
+        ],
+        tips: '摄像头',
+        key: 'supplement_light_open',
+        current: null
+      },
+      // 设置
+      set: {
+        img: uavSet,
+        list: [
+          { name: '自适应', active: true, index: 0 },
+          { name: '流畅', active: false, index: 1 },
+          { name: '标清', active: false, index: 2 },
+          { name: '高清', active: false, index: 3 },
+          { name: '超清', active: false, index: 4 }
+        ],
+        tips: '设置',
+        current: null
+      },
+      // 重置
+      reset: {
+        img: uavReset,
+        tips: '刷新',
+        key: 'device_reboot'
+      },
+      // 全屏切换
+      screen: {
+        img: uavScreen,
+        tips: '全屏切换',
+        currentStatus: false
+      },
+      //开关
+      switchs: {
+        img: uavClose,
+        tips: '开启直播',
+        currentStatus: false,
+        loading: false
+      },
+      number: 0,
+
+      isRecording: false,
+      mediaRecorder: null,
+      recordedChunks: [],
+      canvas: null,
+      canvasStream: null,
+      drawInterval: null
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getList();
+        this.getDeviceNumber();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 背光灯
+    changeBacklight() {
+      this.backlight.light = !this.backlight.light;
+      if (this.backlight.light) {
+        this.backlight.img = uavBgdOpen;
+        this.backlight.key = 'supplement_light_open';
+        this.backlight.tips = '关闭背光灯';
+        this.backlight.msg = '已为你开启背光灯';
+      } else {
+        this.backlight.img = uavBgd;
+        this.backlight.key = 'supplement_light_close';
+        this.backlight.tips = '打开背光灯';
+        this.backlight.msg = '已为关闭背光灯';
+      }
+      const { gateway } = this.info;
+      let method = this.backlight.key;
+      const params = { gateway, method };
+      remoteDebug(params)
+        .then((res) => {
+          this.$message.success(this.backlight.msg);
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+    },
+    // 摄像头
+    monitorCheck(data) {
+      console.log('data', data);
+      this.monitor.current = data.index;
+      this.monitor.list.forEach((item) => {
+        if (this.monitor.current === item.index) {
+          item.active = true;
+        } else {
+          item.active = false;
+        }
+      });
+      const { gateway } = this.info;
+      const params = {
+        gateway,
+        cameraIndex: this.gateWay.cameraIndex,
+        cameraPosition: data.index,
+        sn: this.gateWay.sn,
+        videoIndex: this.gateWay.videoIndex
+      };
+      cameraChange(params)
+        .then((res) => {
+          this.$message.success(res.data.msg);
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+      console.log('this.monitor', this.monitor.list);
+    },
+    // // 开始录制
+    // startRecording() {
+    //   this.isRecording = true;
+    //   this.recordedChunks = [];
+    //   // 获取 video 元素
+    //   const sourceVideo = this.$refs.sourceVideo;
+    //   console.log('sourceVideo', sourceVideo);
+
+    //   // 创建 canvas 并设置大小
+    //   this.canvas = document.createElement("canvas");
+    //   this.canvas.width = sourceVideo.videoWidth;
+    //   this.canvas.height = sourceVideo.videoHeight;
+    //   const ctx = this.canvas.getContext("2d");
+    //   // 定时将 video 内容绘制到 canvas
+    //   const drawToCanvas = () => {
+    //     if (!sourceVideo.paused && !sourceVideo.ended) {
+    //       ctx.drawImage(sourceVideo, 0, 0, this.canvas.width, this.canvas.height);
+    //       this.drawInterval = requestAnimationFrame(drawToCanvas);
+    //     }
+    //   };
+    //   drawToCanvas();
+    //   // 获取 canvas 的 MediaStream 并创建 MediaRecorder
+    //   this.canvasStream = this.canvas.captureStream();
+    //   this.mediaRecorder = new MediaRecorder(this.canvasStream, { mimeType: "video/webm" });
+    //   // 处理录制的数据块
+    //   this.mediaRecorder.ondataavailable = (event) => {
+    //     if (event.data.size > 0) {
+    //       this.recordedChunks.push(event.data);
+    //     }
+    //   };
+    //   // 录制完成后生成下载链接
+    //   this.mediaRecorder.onstop = () => {
+    //     const blob = new Blob(this.recordedChunks, { type: "video/webm" });
+    //     console.log('blobblobblobblob', blob);
+    //     const url = URL.createObjectURL(blob);
+    //     const downloadLink = document.createElement("a");
+    //     downloadLink.href = url;
+    //     downloadLink.download = String(new Date().getTime()) + ".webm";
+    //     downloadLink.click();
+    //   };
+    //   // 开始录制
+    //   this.mediaRecorder.start();
+    // },
+    // stopRecording() {
+    //   this.isRecording = false;
+    //   // 停止录制和绘制
+    //   if (this.mediaRecorder) {
+    //     this.mediaRecorder.stop();
+    //   }
+    //   if (this.drawInterval) {
+    //     cancelAnimationFrame(this.drawInterval);
+    //   }
+    // },
+    // 设置
+    setCheck(data) {
+      console.log('data', data);
+      this.set.current = data.index;
+      const { gateway, sn, cameraIndex, videoIndex } = this.info;
+      const params = {
+        gateway,
+        sn,
+        cameraIndex,
+        videoIndex,
+        videoQuality: this.set.current
+      };
+      liveChangeQuality(params)
+        .then((res) => {
+          this.$message.success(res.data.msg);
+          this.set.list.forEach((item) => {
+            if (this.set.current === item.index) {
+              item.active = true;
+            } else {
+              item.active = false;
+            }
+          });
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+    },
+    // 刷新
+    handleReset() {
+      if (this.switchs.currentStatus) {
+        this.switchs.loading = true;
+        this.debouncehandleReset();
+      }
+    },
+    debouncehandleReset: _.debounce(async function () {
+      {
+        if (this.switchs.currentStatus) {
+          await this.stopLive();
+          const res = await this.startLive();
+          this.$message.success(res.msg);
+          this.switchs.currentStatus = true;
+          this.switchs.loading = false;
+          this.handleFullscreenChange();
+        }
+      }
+    }, 600),
+    // 电源
+    handleOpen() {
+      this.switchs.loading = true;
+      // 关闭就不显示加载动画
+      this.switchs.currentStatus && (this.switchs.loading = false);
+      this.debounceHandleOpen();
+    },
+    // 加个防抖不准频繁请求解决频繁请求关不了的问题
+    debounceHandleOpen: _.debounce(function () {
+      if (this.switchs.currentStatus) {
+        this.stopLive()
+          .then((res) => {
+            this.switchs.currentStatus = false;
+            this.switchs.tips = '开启直播';
+            this.$message.success(res.msg);
+            this.switchs.loading = false;
+          })
+          .catch((err) => {
+            console.log('err', err);
+            this.switchs.loading = false;
+          })
+          .finally(() => {
+            this.switchs.loading = false;
+            this.handleFullscreenChange();
+          });
+      } else {
+        this.startLive()
+          .then((res) => {
+            console.log('res', res);
+            this.switchs.currentStatus = true;
+            this.switchs.tips = '关闭直播';
+            this.$message.success(res.msg);
+            this.switchs.loading = false;
+          })
+          .catch((err) => {
+            console.log('err', err);
+            this.switchs.loading = false;
+          })
+          .finally(() => {
+            console.log('finally');
+            this.switchs.loading = false;
+            this.handleFullscreenChange();
+          });
+      }
+    }, 600),
+    makeFullScreen(id) {
+      const videoElement = document.getElementById(id);
+      if (!this.screen.currentStatus) {
+        this.screen.img = uavScreenEsc;
+        this.screen.currentStatus = true;
+        if (videoElement.requestFullscreen) {
+          videoElement.requestFullscreen();
+        } else if (videoElement.mozRequestFullScreen) {
+          // Firefox
+          videoElement.mozRequestFullScreen();
+        } else if (videoElement.webkitRequestFullscreen) {
+          // Chrome, Safari and Opera
+          videoElement.webkitRequestFullscreen();
+        } else if (videoElement.msRequestFullscreen) {
+          // IE/Edge
+          videoElement.msRequestFullscreen();
+        }
+      } else {
+        this.screen.img = uavScreen;
+        if (document.fullscreenElement) {
+          document
+            .exitFullscreen()
+            .then(() => {
+              this.screen.currentStatus = false;
+              clearInterval(this.time1);
+              clearInterval(this.time2);
+            })
+            .catch((err) => {
+              console.error(`Failed to exit full screen: ${err}`);
+            });
+        }
+      }
+    },
+    // 用于解决全屏下下拉菜单不显示的问题
+    visibleDropdown(flag) {
+      this.time1 = setTimeout(() => {
+        if (document.querySelector('.el-dropdown-menu')) {
+          this.$refs.monitorLiveVideo.appendChild(document.querySelectorAll('.el-dropdown-menu')[1]);
+          this.$refs.monitorLiveVideo.appendChild(document.querySelectorAll('.el-dropdown-menu')[0]);
+        }
+      }, 200);
+    },
+    // 获取设备列表
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway,
+        type: '机场'
+      }).then((res) => {
+        console.log('list-------', res);
+        this.info = res.rows[0];
+      });
+    },
+    // 开启直播
+    startLive() {
+      return new Promise((resovle, reject) => {
+        if (this.info) {
+          const { cameraIndex, gateway, sn, videoIndex } = this.info;
+          liveStart({
+            cameraIndex,
+            definition: 0,
+            gateway,
+            sn,
+            videoIndex,
+            host: getHost(),
+            rtmpPort: getRtmpPort(),
+            rtcPort: getRtcPort()
+          })
+            .then((res) => {
+              // this.playFlv(
+              //   this.videoUrl,
+              //   "video-webrtc_" + this.info.cameraIndex,
+              //   this.info.cameraIndex
+              // );
+              // webrtc
+              if (res.code == 200) {
+                this.videoUrl = res.data.url;
+                this.$refs['video-webrtc_' + cameraIndex].startPlay(res.data.url);
+                resovle(res);
+              }
+              resovle(res);
+              this.handleFullscreenChange();
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 关闭直播
+    stopLive() {
+      return new Promise((resovle, reject) => {
+        if (this.info) {
+          const { cameraIndex, gateway, sn, videoIndex } = this.info;
+          liveStop({
+            cameraIndex,
+            definition: 0,
+            gateway,
+            sn,
+            videoIndex
+          })
+            .then((res) => {
+              console.log('res-------', res);
+              this.flvDestroy();
+              resovle(res);
+              this.handleFullscreenChange();
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 播放flv视频
+    playFlv(flv, videoId) {
+      if (flvjs.isSupported()) {
+        var videoElement = document.getElementById(videoId);
+        this.flvPlayer = flvjs.createPlayer({
+          type: 'flv',
+          isLive: true,
+          hasAudio: false,
+          url: flv,
+          enableStashBuffer: true, //
+          enableWorker: true,
+          autoCleanupSourceBuffer: true //自动清除缓存
+        });
+        this.$nextTick(() => {
+          this.flvPlayer.attachMediaElement(videoElement);
+          this.flvPlayer.load();
+          this.flvPlayer.play();
+        });
+      }
+    },
+    // 关闭flv
+    flvDestroy() {
+      if (this.flvPlayer) {
+        try {
+          this.flvPlayer.pause(); // 暂停播放数据流
+          this.flvPlayer.unload(); // 取消数据流加载
+          this.flvPlayer.destroy(); // 销毁播放实例
+          // flvPlayer.off("error"); // 移除错误处理程序
+          this.flvPlayer.detachMediaElement(); // 将播放实例从节点中取出
+          this.flvPlayer = null;
+        } catch (error) {}
+      }
+    },
+    // 判断全屏添加消息提示
+    handleFullscreenChange() {
+      console.log('全屏---------');
+      // 检查是否处于全屏模式
+      if (document.fullscreenElement) {
+        console.log('进入全屏模式');
+        // 执行你的代码
+        if (document.querySelector('.el-message')) {
+          this.$refs.monitorLiveVideo.appendChild(document.querySelectorAll('.el-message')[0]);
+        }
+      }
+    },
+    // 我需要通过获取this.gateWay.gateway(7CTDM4S00B459L)中的首位数字来判断当前设备的数量
+    getDeviceNumber() {
+      const gateway = this.gateWay.gateway;
+      // 获取首位数字
+      const firstDigit = parseInt(gateway.charAt(0));
+      // 判断是4还是7
+      if (firstDigit === 4) {
+        // 是4，返回4
+        this.number = 2;
+      } else {
+        this.number = 1;
+      }
+    }
+  },
+  mounted() {
+    if (this.gateWay) {
+      this.getList();
+      this.getDeviceNumber();
+    }
+    this.$recvChanel('liveBus', (flag) => {
+      if (flag && this.switchs.currentStatus) {
+        this.switchs.currentStatus = false;
+        this.switchs.tips = '开启直播';
+      }
+    });
+
+    this.$nextTick(() => {
+      document.addEventListener('fullscreenchange', () => {
+        if (!document.fullscreenElement) {
+          this.screen.currentStatus = false;
+          this.screen.img = uavScreen;
+        }
+      });
+    });
+  },
+  beforeDestroy() {
+    // 在组件销毁前移除事件监听
+    document.removeEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        this.screen.currentStatus = false;
+        this.screen.img = uavScreen;
+      }
+    });
+  }
+};
+</script>
+<style lang="scss">
+.cabin-live-wrapper {
+  width: 100%;
+  height: 30%;
+  margin-bottom: 15px;
+  position: relative;
+
+  .cabin-live-content {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+    background: url('../../../../images/home/UAV-bg.png') no-repeat;
+    background-size: 100% 100%;
+
+    .cabin-live-title {
+      height: 24px;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      &-left {
+        font-size: 14px;
+      }
+
+      &-right {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &-wrapper {
+          width: 16px;
+          height: 16px;
+          margin: 0 3px;
+          cursor: pointer;
+
+          img {
+            height: 100%;
+            width: 100%;
+          }
+        }
+      }
+    }
+
+    .cabin-live-video {
+      margin-top: 10px;
+      height: calc(100% - 34px);
+      width: 100%;
+      position: relative;
+      clip-path: polygon(0 0, 97% 0, 100% 7%, 100% 100%, 3% 100%, 0 93%);
+      border: 1px solid rgba(0, 255, 255, 1);
+
+      .cabin-live-video-item {
+        height: 100%;
+        width: 100%;
+      }
+
+      .live-stop {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #000;
+        flex-direction: column;
+        size: 12px;
+      }
+
+      .live-loading {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        size: 12px;
+
+        > img {
+          height: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+
+  // 全屏
+  .cabin-live-content-full {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+
+    .cabin-live-title {
+      height: 24px;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      position: absolute;
+      top: 0;
+      left: 0;
+
+      &-left {
+        font-size: 14px;
+      }
+
+      &-right {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        right: 0;
+
+        &-wrapper {
+          width: 16px;
+          height: 16px;
+          margin: 0 3px;
+          cursor: pointer;
+
+          img {
+            height: 100%;
+            width: 100%;
+          }
+        }
+      }
+    }
+
+    .cabin-live-video {
+      margin-top: 10px;
+      height: calc(100% - 34px);
+      width: 100%;
+      position: relative;
+
+      .cabin-live-video-item {
+        height: 100%;
+        width: 100%;
+      }
+
+      .live-stop {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #000;
+        flex-direction: column;
+        size: 12px;
+      }
+
+      .live-loading {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        size: 12px;
+
+        > img {
+          height: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+
+.active {
+  background: rgba(0, 255, 255, 0.2);
+  color: rgba(0, 255, 255, 1);
+}
+</style>
diff --git a/src/views/drone/components/home/components/MonitorLiveStreaming/index1.vue b/src/views/drone/components/home/components/MonitorLiveStreaming/index1.vue
new file mode 100644
index 0000000..fa59d2c
--- /dev/null
+++ b/src/views/drone/components/home/components/MonitorLiveStreaming/index1.vue
@@ -0,0 +1,784 @@
+<template>
+  <div class="cabin-live-wrapper">
+    <ModuleItem :title="'无人机机场监控直播'" :subTitle="'Monitor live streaming'">
+      <div
+        :id="'cabin-live-video_' + info.cameraIndex"
+        ref="monitorLiveVideo"
+        :class="[screen.currentStatus ? 'cabin-live-content-full' : 'cabin-live-content']"
+      >
+        <div class="cabin-live-title">
+          <div class="cabin-live-title-left">机舱SN:{{ info.sn || '----' }}</div>
+          <div class="cabin-live-title-right">
+            <el-tooltip :content="backlight.tips" placement="bottom">
+              <div class="bgd cabin-live-title-right-wrapper">
+                <img :src="backlight.img" @click="changeBacklight" />
+              </div>
+            </el-tooltip>
+            <!--  -->
+            <el-dropdown v-if="number == 2" size="mini" trigger="click" :hide-on-click="false" @visible-change="visibleDropdown">
+              <el-tooltip :content="monitor.tips" placement="bottom">
+                <div class="monitor cabin-live-title-right-wrapper">
+                  <img :src="monitor.img" />
+                </div>
+              </el-tooltip>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="item in monitor.list" :key="item.name" :class="{ active: monitor.current === item.index }">
+                  <span @click="monitorCheck(item)">{{ item.name }}</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <el-dropdown size="mini" trigger="click" :hide-on-click="false" @visible-change="visibleDropdown">
+              <el-tooltip :content="set.tips" placement="bottom">
+                <div class="monitor cabin-live-title-right-wrapper">
+                  <img :src="set.img" />
+                </div>
+              </el-tooltip>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="item in set.list" :key="item.name" :class="{ active: set.current === item.index }">
+                  <span @click="setCheck(item)">{{ item.name }}</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <!-- <div class="monitor cabin-live-title-right-wrapper" :ref="'screenFull'">
+              <el-tooltip :content="set.tips" placement="bottom">
+                <img :src="set.img" @click="showDropDown()" />
+              </el-tooltip>
+              <div v-show="set.show" class="monitor-live-dropdown-menu">
+                <span v-for="itm in set.list" :key="itm.value" class="dropdown-item"
+                  :class="{ 'dropdown-active': itm.active }" @click="setCheck(itm)">
+                  {{ itm.name }}
+                </span>
+              </div>
+            </div> -->
+            <el-tooltip :content="reset.tips" placement="bottom">
+              <div class="bgd cabin-live-title-right-wrapper">
+                <img :src="reset.img" @click="handleReset" />
+              </div>
+            </el-tooltip>
+            <el-tooltip :content="screen.tips" placement="bottom">
+              <div class="bgd cabin-live-title-right-wrapper">
+                <img :src="screen.img" @click="makeFullScreen(`cabin-live-video_${info.cameraIndex}`)" />
+              </div>
+            </el-tooltip>
+            <el-tooltip :content="switchs.tips" placement="bottom">
+              <div class="bgd cabin-live-title-right-wrapper">
+                <img :src="switchs.img" @click="handleOpen" />
+              </div>
+            </el-tooltip>
+          </div>
+        </div>
+        <div class="cabin-live-video">
+          <video
+            v-show="switchs.currentStatus && !switchs.loading"
+            class="cabin-live-video-item"
+            style="position: absolute; width: 100%; height: 100%; object-fit: fill"
+            :id="'video-webrtc_' + info.cameraIndex"
+            autoplay
+            muted
+            width="100%"
+            height="100%"
+          ></video>
+          <div v-show="!switchs.currentStatus && !switchs.loading" class="live-stop">
+            <img :src="require('../../../../images/home/live-stop.png')" alt="" />
+            <span>机舱已经停止直播</span>
+          </div>
+          <div v-show="switchs.loading" class="live-loading">
+            <img :src="require('../../../../images/home/loading.png')" alt="" />
+            <span>加载中，请稍侯</span>
+          </div>
+        </div>
+      </div>
+    </ModuleItem>
+  </div>
+</template>
+
+<script>
+import ModuleItem from '../ModuleItem/index.vue';
+import { listInfo, liveStart, liveStop, remoteDebug, liveChangeQuality, cameraChange } from '@/api/air';
+import _ from 'lodash';
+import { getHost, getRtmpPort, getRtcPort } from '@/utils/auth';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  name: 'MonitorLiveStreaming',
+  components: { ModuleItem },
+  data() {
+    return {
+      videoUrl: '',
+      flvPlayer: null,
+      info: {},
+      gateWay: useAirStore().gateWay,
+      time1: null,
+      time2: null,
+      number: 0,
+      //背光灯
+      backlight: {
+        light: false, // 是否开启
+        img: require('../../../../images/home/uav-bgd.png'),
+        tips: '打开补光灯',
+        key: 'supplement_light_open',
+        msg: '补光灯已开启'
+      },
+      // 摄像头
+      monitor: {
+        img: require('../../../../images/home/uav-monitor.png'),
+        list: [
+          { name: '舱外', active: false, index: 1 },
+          { name: '舱内', active: true, index: 0 }
+        ],
+        tips: '摄像头',
+        key: 'supplement_light_open',
+        current: 0
+      },
+      // 设置
+      set: {
+        show: false,
+        img: require('../../../../images/home/uav-set.png'),
+        list: [
+          { name: '自适应', active: true, index: 0 },
+          { name: '流畅', active: false, index: 1 },
+          { name: '标清', active: false, index: 2 },
+          { name: '高清', active: false, index: 3 },
+          { name: '超清', active: false, index: 4 }
+        ],
+        tips: '设置',
+        current: 0
+      },
+      // 重置
+      reset: {
+        img: require('../../../../images/home/uav-reset.png'),
+        tips: '刷新',
+        key: 'device_reboot'
+      },
+      // 全屏切换
+      screen: {
+        img: require('../../../../images/home/uav-screen.png'),
+        tips: '全屏切换',
+        currentStatus: false
+      },
+      //开关
+      switchs: {
+        img: require('../../../../images/home/uav-close.png'),
+        tips: '开启直播',
+        currentStatus: false,
+        loading: false
+      }
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getList();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    showDropDown() {
+      this.set.show = true;
+    },
+    // 关闭直播
+    stopLives() {
+      if (this.flvPlayer) {
+        this.stopLive();
+      }
+    },
+    // 背光灯
+    changeBacklight() {
+      this.backlight.light = !this.backlight.light;
+      if (this.backlight.light) {
+        this.backlight.img = require('../../../../images/home/uav-bgd-open.png');
+        this.backlight.key = 'supplement_light_open';
+        this.backlight.tips = '关闭补光灯';
+        this.backlight.msg = '补光灯已开启';
+      } else {
+        this.backlight.img = require('../../../../images/home/uav-bgd.png');
+        this.backlight.key = 'supplement_light_close';
+        this.backlight.tips = '打开补光灯';
+        this.backlight.msg = '补光灯已关闭';
+      }
+      const { gateway } = this.info;
+      let method = this.backlight.key;
+      const params = { gateway, method };
+      remoteDebug(params)
+        .then((res) => {
+          console.log(res);
+          console.log(this.backlight.msg);
+          this.$message.success(this.backlight.msg);
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+    },
+    // 摄像头
+    monitorCheck(data) {
+      // console.log("data", data);
+      this.monitor.current = data.index;
+      this.monitor.list.forEach((item) => {
+        if (this.monitor.current === item.index) {
+          item.active = true;
+        } else {
+          item.active = false;
+        }
+      });
+      const { gateway } = this.info;
+      const params = {
+        gateway,
+        cameraIndex: this.gateWay.cameraIndex,
+        cameraPosition: data.index,
+        sn: this.gateWay.sn,
+        videoIndex: this.gateWay.videoIndex
+      };
+      cameraChange(params)
+        .then((res) => {
+          this.$message.success(res.msg);
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+      // console.log("this.monitor", this.monitor.list);
+    },
+    // 设置
+    setCheck(data) {
+      // console.log("data", data);
+      this.set.show = false;
+      this.set.current = data.index;
+      const { gateway, sn, cameraIndex, videoIndex } = this.info;
+      const params = {
+        gateway,
+        sn,
+        cameraIndex,
+        videoIndex,
+        videoQuality: this.set.current
+      };
+      liveChangeQuality(params)
+        .then((res) => {
+          this.set.list.forEach((item) => {
+            if (this.set.current === item.index) {
+              item.active = true;
+              this.$message.success(res.msg);
+            } else {
+              item.active = false;
+            }
+          });
+        })
+        .finally(() => {
+          this.handleFullscreenChange();
+        });
+    },
+    // 刷新
+    handleReset() {
+      // if (this.switchs.currentStatus) {
+      this.switchs.loading = true;
+      this.debouncehandleReset();
+      // }
+    },
+    debouncehandleReset: _.debounce(async function () {
+      {
+        if (this.switchs.currentStatus) {
+          // await this.stopLive();
+          const res = await this.startLive();
+          this.$message.success(res.msg);
+          this.switchs.currentStatus = true;
+          this.switchs.loading = false;
+          this.handleFullscreenChange();
+        }
+      }
+    }, 600),
+    // 电源
+    handleOpen() {
+      this.switchs.loading = true;
+      // 关闭就不显示加载动画
+      this.switchs.currentStatus && (this.switchs.loading = false);
+      this.debounceHandleOpen();
+    },
+    // 加个防抖不准频繁请求解决频繁请求关不了的问题
+    debounceHandleOpen: _.debounce(function () {
+      if (this.switchs.currentStatus) {
+        this.stopLive()
+          .then((res) => {
+            this.switchs.currentStatus = false;
+            this.switchs.tips = '开启直播';
+            this.$message.success(res.msg);
+            this.switchs.loading = false;
+          })
+          .catch((err) => {
+            // console.log("err", err);
+            this.switchs.loading = false;
+          })
+          .finally(() => {
+            this.switchs.loading = false;
+            this.handleFullscreenChange();
+          });
+      } else {
+        this.startLive()
+          .then((res) => {
+            // console.log("res", res);
+            this.switchs.currentStatus = true;
+            this.switchs.tips = '关闭直播';
+            this.$message.success(res.msg);
+            this.switchs.loading = false;
+          })
+          .catch((err) => {
+            // console.log("err", err);
+            this.switchs.loading = false;
+          })
+          .finally(() => {
+            // console.log("finally");
+            this.switchs.loading = false;
+            this.handleFullscreenChange();
+          });
+      }
+    }, 600),
+    makeFullScreen(id) {
+      this.$nextTick(() => {
+        const videoElement = document.getElementById(id);
+        if (!this.screen.currentStatus) {
+          this.screen.img = require('../../../../images/home/uav-screen-esc.png');
+          this.screen.currentStatus = true;
+          if (videoElement.requestFullscreen) {
+            videoElement.requestFullscreen();
+          } else if (videoElement.mozRequestFullScreen) {
+            // Firefox
+            videoElement.mozRequestFullScreen();
+          } else if (videoElement.webkitRequestFullscreen) {
+            // Chrome, Safari and Opera
+            videoElement.webkitRequestFullscreen();
+          } else if (videoElement.msRequestFullscreen) {
+            // IE/Edge
+            videoElement.msRequestFullscreen();
+          }
+        } else {
+          this.screen.img = require('../../../../images/home/uav-screen.png');
+          if (document.fullscreenElement) {
+            document
+              .exitFullscreen()
+              .then(() => {
+                this.screen.currentStatus = false;
+                clearInterval(this.time1);
+                clearInterval(this.time2);
+              })
+              .catch((err) => {
+                console.error(`Failed to exit full screen: ${err}`);
+              });
+          }
+        }
+      });
+    },
+    // 用于解决全屏下下拉菜单不显示的问题
+    visibleDropdown() {
+      // this.time1 = setTimeout(() => {
+      //   // console.log("有执行吗", this.$refs.monitorLiveVideo);
+      //   // console.log("el-dropdown", document.querySelector(".el-dropdown-menu"));
+      //   if (document.querySelector(".el-dropdown-menu")) {
+      //     this.$refs.monitorLiveVideo.appendChild(
+      //       document.querySelectorAll(".el-dropdown-menu")[0]
+      //     );
+      //     this.$refs.monitorLiveVideo.appendChild(
+      //       document.querySelectorAll(".el-dropdown-menu")[1]
+      //     );
+      //   }
+      // }, 200);
+    },
+    // 获取设备列表
+    getList() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway,
+        type: '机场'
+      }).then((res) => {
+        // console.log("list-------", res);
+        this.info = res.rows[0];
+      });
+    },
+    // 获取数量
+    getNumber() {
+      listInfo({
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateWay.gateway
+      }).then((res) => {
+        // console.log("list-------", res);
+        this.number = res.rows.length;
+      });
+    },
+    // 开启直播
+    startLive() {
+      return new Promise((resovle, reject) => {
+        if (this.info) {
+          const { cameraIndex, gateway, sn, videoIndex } = this.info;
+          liveStart({
+            cameraIndex,
+            definition: 0,
+            gateway,
+            sn,
+            videoIndex,
+            host: getHost(),
+            rtmpPort: getRtmpPort(),
+            rtcPort: getRtcPort()
+          })
+            .then((res) => {
+              this.videoUrl = res.data.url;
+              this.playFlv(this.videoUrl, 'video-webrtc_' + this.info.cameraIndex, this.info.cameraIndex);
+              resovle(res);
+              this.handleFullscreenChange();
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 关闭直播
+    stopLive() {
+      return new Promise((resovle, reject) => {
+        if (this.info) {
+          const { cameraIndex, gateway, sn, videoIndex } = this.info;
+          liveStop({
+            cameraIndex,
+            definition: 0,
+            gateway,
+            sn,
+            videoIndex
+          })
+            .then((res) => {
+              // console.log("res-------", res);
+              this.flvDestroy();
+              resovle(res);
+              this.handleFullscreenChange();
+            })
+            .catch((err) => {
+              reject(err);
+              this.handleFullscreenChange();
+            });
+        }
+      });
+    },
+    // 播放flv视频
+    playFlv(flv, videoId) {
+      if (flvjs.isSupported()) {
+        var videoElement = document.getElementById(videoId);
+        this.flvPlayer = flvjs.createPlayer({
+          type: 'flv',
+          isLive: true,
+          hasAudio: false,
+          url: flv,
+          enableStashBuffer: true, //
+          enableWorker: true,
+          autoCleanupSourceBuffer: true //自动清除缓存
+        });
+        this.$nextTick(() => {
+          this.flvPlayer.attachMediaElement(videoElement);
+          this.flvPlayer.load();
+          this.flvPlayer.play();
+        });
+      }
+    },
+    // 关闭flv
+    flvDestroy() {
+      if (this.flvPlayer) {
+        try {
+          this.flvPlayer.pause(); // 暂停播放数据流
+          this.flvPlayer.unload(); // 取消数据流加载
+          this.flvPlayer.destroy(); // 销毁播放实例
+          // flvPlayer.off("error"); // 移除错误处理程序
+          this.flvPlayer.detachMediaElement(); // 将播放实例从节点中取出
+          this.flvPlayer = null;
+        } catch (error) {}
+      }
+    },
+    // 判断全屏添加消息提示
+    handleFullscreenChange() {
+      // console.log("全屏---------");
+      // 检查是否处于全屏模式
+      if (document.fullscreenElement) {
+        // console.log("进入全屏模式");
+        // 执行你的代码
+        if (document.querySelector('.el-message')) {
+          this.$refs.monitorLiveVideo.appendChild(document.querySelectorAll('.el-message')[0]);
+        }
+      }
+    },
+    handleClickOutside(event) {
+      const dropdown = this.$refs.screenFull;
+      // console.log("dropdown", dropdown);
+      setTimeout(() => {
+        if (!dropdown.contains(event.target)) {
+          this.set.show = false; // 点击外部区域时隐藏下拉框
+        }
+      }, 200);
+    }
+  },
+  mounted() {
+    if (this.gateWay) {
+      this.getList();
+      this.getNumber();
+    }
+    this.$recvChanel('liveBus', (flag) => {
+      if (flag && this.switchs.currentStatus) {
+        this.switchs.currentStatus = false;
+        this.switchs.tips = '开启直播';
+      }
+    });
+    // this.$recvChanel("flyerChange", () => {
+    //   this.stopLives()
+    // });
+    // document.addEventListener("click", this.handleClickOutside);
+    document.addEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        this.screen.currentStatus = false;
+        this.screen.img = require('../../../../images/home/uav-screen.png');
+      }
+    });
+  },
+  beforeDestroy() {
+    // 在组件销毁前移除事件监听
+    document.removeEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        this.screen.currentStatus = false;
+        this.screen.img = require('../../../../images/home/uav-screen.png');
+      }
+    });
+  }
+};
+</script>
+<style lang="scss">
+.cabin-live-wrapper {
+  width: 100%;
+  height: 30%;
+  margin-bottom: 15px;
+  position: relative;
+
+  .cabin-live-content {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+    background: url('../../../../images/home/UAV-bg.png') no-repeat;
+    background-size: 100% 100%;
+
+    .cabin-live-title {
+      height: 24px;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      z-index: 10;
+
+      &-left {
+        font-size: 14px;
+      }
+
+      &-right {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &-wrapper {
+          width: 16px;
+          height: 16px;
+          margin: 0 3px;
+          cursor: pointer;
+          // position: relative;
+
+          img {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        .monitor-live-dropdown-menu {
+          display: flex;
+          flex-direction: column;
+          background: rgba(0, 0, 0, 0.5);
+          border: 1.5px solid rgba(0, 255, 255, 1);
+          backdrop-filter: blur(2px);
+          border-radius: 5px;
+          margin: 0;
+          width: 60px;
+
+          .dropdown-item {
+            padding: 5px;
+            display: inline-block;
+            cursor: pointer;
+            width: 100%;
+            text-align: center;
+            line-height: 24px;
+            font-size: 12px;
+
+            &:hover {
+              background: rgba(0, 255, 255, 0.2);
+              color: rgba(0, 255, 255, 1);
+            }
+          }
+
+          .dropdown-active {
+            background: rgba(0, 255, 255, 0.2);
+            color: rgba(0, 255, 255, 1);
+          }
+        }
+      }
+    }
+
+    .cabin-live-video {
+      margin-top: 10px;
+      height: calc(100% - 34px);
+      width: 100%;
+      position: relative;
+      // clip-path: polygon(0 0, 97% 0, 100% 7%, 100% 100%, 3% 100%, 0 93%);
+      border: 1px solid rgba(0, 255, 255, 1);
+
+      .cabin-live-video-item {
+        height: 100%;
+        width: 100%;
+      }
+
+      .live-stop {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #000;
+        flex-direction: column;
+        size: 12px;
+      }
+
+      .live-loading {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        size: 12px;
+
+        > img {
+          height: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+
+  // 全屏
+  .cabin-live-content-full {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+
+    .cabin-live-title {
+      height: 24px;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      position: absolute;
+      top: 0;
+      left: 0;
+
+      &-left {
+        font-size: 14px;
+      }
+
+      &-right {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        right: 0;
+
+        &-wrapper {
+          width: 16px;
+          height: 16px;
+          margin: 0 3px;
+          cursor: pointer;
+          position: relative;
+
+          img {
+            height: 100%;
+            width: 100%;
+          }
+        }
+
+        // .monitor-live-dropdown-menu {
+        //   display: flex;
+        //   flex-direction: column;
+        //   background: rgba(0, 0, 0, 0.5);
+        //   border: 1.5px solid rgba(0, 255, 255, 1);
+        //   backdrop-filter: blur(2px);
+        //   border-radius: 5px;
+        //   margin: 0;
+        //   width: 60px;
+
+        //   .dropdown-item {
+        //     padding: 5px;
+        //     display: inline-block;
+        //     cursor: pointer;
+        //     width: 100%;
+        //     text-align: center;
+        //     line-height: 24px;
+        //     font-size: 12px;
+
+        //     &:hover {
+        //       background: rgba(0, 255, 255, 0.2);
+        //       color: rgba(0, 255, 255, 1);
+        //     }
+        //   }
+
+        //   .dropdown-active {
+        //     background: rgba(0, 255, 255, 0.2);
+        //     color: rgba(0, 255, 255, 1);
+        //   }
+        // }
+      }
+    }
+
+    .cabin-live-video {
+      margin-top: 10px;
+      height: calc(100% - 34px);
+      width: 100%;
+      position: relative;
+
+      .cabin-live-video-item {
+        height: 100%;
+        width: 100%;
+      }
+
+      .live-stop {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #000;
+        flex-direction: column;
+        size: 12px;
+      }
+
+      .live-loading {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        size: 12px;
+
+        > img {
+          height: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+
+.active {
+  background: rgba(0, 255, 255, 0.2);
+  color: rgba(0, 255, 255, 1);
+}
+</style>
diff --git a/src/views/drone/components/home/homeLeft.vue b/src/views/drone/components/home/homeLeft.vue
new file mode 100644
index 0000000..0d86d7b
--- /dev/null
+++ b/src/views/drone/components/home/homeLeft.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="home_left uav_box">
+    <MonitorLiveStreaming></MonitorLiveStreaming>
+    <AirportInformationDetails></AirportInformationDetails>
+    <AirportRemoteDebugging></AirportRemoteDebugging>
+    <!-- <div v-for="(url, index) in urls" :key="index">
+      <webrtc :ref="`webrtc-${index}`"></webrtc>
+      <button @click="startPlay(url, index)">播放</button>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import MonitorLiveStreaming from './components/MonitorLiveStreaming/index.vue';
+import AirportInformationDetails from './components/AirportInformationDetails/index.vue';
+import AirportRemoteDebugging from './components/AirportRemoteDebugging/index.vue';
+// import webrtc from "@/components/webrtc";
+
+export default {
+  components: {
+    MonitorLiveStreaming,
+    AirportInformationDetails,
+    AirportRemoteDebugging
+    // webrtc,
+  },
+  data() {
+    return {
+      urls: [
+        'http://121.37.237.116:28453/rtc/v1/whep/?app=live&stream=4SEDL9C001X8GE4SEDL9C001X8GE165-0-7normal-0',
+        'http://121.37.237.116:28453/rtc/v1/whep/?app=live&stream=4SEDL9C001X8GE1581F5BMD238V00172JR39-0-7normal-0',
+        'http://121.37.237.116:28453/rtc/v1/whep/?app=live&stream=4SEDL9C001X8GE1581F5BMD238V00172JR53-0-0normal-0'
+      ]
+    };
+  },
+  methods: {
+    startPlay(url, index) {
+      // console.log(this.$refs[`webrtc-${index}`][0]);
+      this.$refs[`webrtc-${index}`][0].startPlay(url);
+    }
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+<style lang="scss" scoped>
+.home_left {
+  left: 20px;
+  width: 450px;
+  height: 100vh;
+  position: absolute;
+  z-index: 2;
+}
+</style>
diff --git a/src/views/drone/components/home/homeRight.vue b/src/views/drone/components/home/homeRight.vue
new file mode 100644
index 0000000..97dbe55
--- /dev/null
+++ b/src/views/drone/components/home/homeRight.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="home_right uav_box">
+    <!-- <el-button @click="chongdian">充电</el-button> -->
+    <AircraftMonitoringLiveBroadcast></AircraftMonitoringLiveBroadcast>
+    <AircraftInformationDetails></AircraftInformationDetails>
+  </div>
+</template>
+
+<script>
+import AircraftMonitoringLiveBroadcast from './components/AircraftMonitoringLiveBroadcast/index.vue';
+import AircraftInformationDetails from './components/AircraftInformationDetails/index.vue';
+import { useAirStore } from '@/store/modules/drone';
+// import { remoteDebug } from "@/api/air";
+export default {
+  components: {
+    AircraftMonitoringLiveBroadcast,
+    AircraftInformationDetails
+  },
+  data() {
+    return {
+      gateWay: useAirStore().gateWay
+    };
+  },
+  watch: {
+    // // 监听 Vuex 中的状态变化
+    // "useAirStore().gateWay": {
+    //   handler(newValue, oldVal) {
+    //     this.gateWay = newValue;
+    //   },
+    //   deep: true,
+    // },
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    // chongdian() {
+    //   let obj = {
+    //     gateway: this.gateWay.gateway,
+    //     method: "charge_open",
+    //   };
+    //   // this.$store.commit("UP_debugValue", val);
+    //   this.droneDebug(obj);
+    // },
+    // // 调试模式
+    // droneDebug(obj, val) {
+    //   remoteDebug(obj).then((res) => {
+    //     const { code, data, msg } = res;
+    //     if (code == 200) {
+    //       this.$message.success("操作成功");
+    //     } else {
+    //       this.$message.error(msg);
+    //       this[val] = !this[val];
+    //     }
+    //   });
+    // },
+  }
+};
+</script>
+<style lang="scss">
+.home_right {
+  position: absolute;
+  right: 20px;
+  width: 450px;
+  top: 0px;
+  z-index: 2;
+}
+</style>
diff --git a/src/views/drone/components/home/index.vue b/src/views/drone/components/home/index.vue
new file mode 100644
index 0000000..f29951b
--- /dev/null
+++ b/src/views/drone/components/home/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="home-container" ref="monitorLiveVideo">
+    <homeLeft></homeLeft>
+    <homeRight></homeRight>
+  </div>
+</template>
+
+<script>
+import homeLeft from "./homeLeft.vue";
+import homeRight from "./homeRight.vue";
+
+export default {
+  components: { homeLeft, homeRight },
+  data() {
+    return {};
+  },
+  methods: {},
+  created() { },
+  mounted() { },
+};
+</script>
+<style lang="scss" scoped>
+.home-container {
+  height: 100%;
+  width: 100%;
+}
+</style>
diff --git a/src/views/drone/components/medium/index.vue b/src/views/drone/components/medium/index.vue
new file mode 100644
index 0000000..65d0b81
--- /dev/null
+++ b/src/views/drone/components/medium/index.vue
@@ -0,0 +1,264 @@
+<template>
+  <div class="medium-container">
+    <div class="medium-wrapper">
+      <div class="medium-menu-container">
+        <div class="medium-title">媒体库</div>
+        <div class="medium-info">
+          <div class="medium-info-title">项目空间使用情况</div>
+          <div v-for="item in mediumInfoList" :key="item.name" class="medium-info-item">
+            <div class="medium-info-item-left">
+              <div class="medium-img-box">
+                <img :src="item.img" alt="" />
+              </div>
+              <div class="medium-num-box">
+                <div>{{ item.name }}</div>
+                <div>{{ item.count }} 文件</div>
+              </div>
+            </div>
+            <div class="medium-info-item-right">
+              {{ item.storage }}
+            </div>
+          </div>
+          <div v-for="item in aiInfoList" :key="item.name" class="medium-info-item">
+            <div class="medium-info-item-left">
+              <div class="medium-img-box">
+                <img :src="item.img" alt="" />
+              </div>
+              <div class="medium-num-box">
+                <div>{{ item.name }}</div>
+                <div>{{ item.count }} 文件</div>
+              </div>
+            </div>
+            <div class="medium-info-item-right">
+              {{ item.storage }}
+            </div>
+          </div>
+        </div>
+        <!-- <div class="medium-info medium-storage">
+          <div class="medium-info-item">
+            <div class="medium-info-item-left">
+              <div class="medium-img-box">
+                <img src="../../images/medium/medium-storage.png" alt="" />
+              </div>
+              <div class="medium-num-box">
+                剩余可用空间
+              </div>
+            </div>
+            <div class="medium-info-item-right">
+              50 G
+            </div>
+          </div>
+        </div> -->
+      </div>
+      <div class="medium-main-container">
+        <el-tabs class="myTABS" v-model="activeName">
+          <el-tab-pane label="无人机" name="first">
+            <MediumHome></MediumHome>
+          </el-tab-pane>
+          <el-tab-pane label="AI识别" name="second">
+            <mediumHomeAi></mediumHomeAi>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+    <Preview></Preview>
+  </div>
+</template>
+
+<script>
+import MediumHome from './mediumHome.vue';
+import mediumHomeAi from './mediumHomeAi.vue';
+import { getInfo } from '@/api/fileMangement';
+import { aiInfo } from '@/api/air';
+import Preview from './preview.vue';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  components: { MediumHome, Preview, mediumHomeAi },
+  data() {
+    return {
+      info: {},
+      gateway: {},
+      mediumHomeVisible: false,
+      previewVisible: false,
+      previewImage: '',
+      previewTitle: '',
+      activeName: 'first',
+      mediumInfoList: [
+        {
+          img: require('../../images/medium/medium-img.png'),
+          name: '照片',
+          count: 0,
+          storage: '0'
+        },
+        {
+          img: require('../../images/medium/medium-video.png'),
+          name: '视频',
+          count: 0,
+          storage: '0'
+        }
+      ],
+      aiInfoList: [
+        {
+          img: require('../../images/medium/medium-video.png'),
+          name: 'AI',
+          count: 0,
+          storage: '0'
+        }
+      ],
+      gateWay: useAirStore().gateWay
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getFileInfo();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    // 文件信息概况
+    async getFileInfo() {
+      const { gateway } = this.gateWay;
+      const res = await getInfo({ gateway });
+      // console.log("文件信息概况", res);
+      this.mediumInfoList[0].count = res.data.totalImageCount;
+      this.mediumInfoList[0].storage = res.data.totalImageSize;
+      this.mediumInfoList[1].count = res.data.totalVideoCount;
+      this.mediumInfoList[1].storage = res.data.totalVideoSize;
+    },
+    // ai信息
+    async getAiInfo() {
+      const { gateway } = this.gateWay;
+      const res = await aiInfo({ gateway });
+      this.aiInfoList[0].count = res.data.totalImageCount;
+      this.aiInfoList[0].storage = res.data.totalImageSize;
+    }
+  },
+  created() {},
+  mounted() {
+    this.getFileInfo();
+    this.getAiInfo();
+    this.$recvChanel('mediumDel', (bool) => {
+      this.getFileInfo();
+      this.getAiInfo();
+    });
+  }
+};
+</script>
+<style lang="scss">
+.medium-container {
+  // height: 100%;
+  // width: 100%;
+  color: #fff;
+  // background-color: rgb(224, 137, 22);
+  // position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .medium-wrapper {
+    position: absolute;
+    top: 15%;
+    margin: auto;
+    width: 80%;
+    height: 75%;
+    background-color: antiquewhite;
+    display: flex;
+    background: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(2px);
+
+    .medium-menu-container {
+      width: 20%;
+      height: 100%;
+
+      .medium-title {
+        font-size: 18px;
+        border-bottom: 1px solid rgba(204, 204, 204, 0.2);
+        line-height: 60px;
+        padding-left: 20px;
+      }
+
+      .medium-info {
+        padding: 0 20px;
+        border-bottom: 1px solid rgba(204, 204, 204, 0.2);
+
+        .medium-info-title {
+          line-height: 60px;
+          font-size: 16px;
+          font-weight: 400;
+          color: rgba(255, 255, 255, 1);
+        }
+
+        .medium-info-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 20px;
+
+          .medium-info-item-left {
+            display: flex;
+
+            .medium-img-box {
+              width: 40px;
+              height: 40px;
+              border-radius: 8px;
+              background: rgba(0, 0, 0, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              padding: 8px;
+              margin-right: 10px;
+
+              img {
+                width: 24px;
+                height: 20px;
+              }
+            }
+
+            .medium-num-box {
+              font-size: 12px;
+              display: flex;
+              flex-direction: column;
+              justify-content: space-around;
+            }
+          }
+
+          .medium-info-item-right {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+          }
+        }
+      }
+
+      .medium-storage {
+        border-bottom: none;
+        padding-top: 20px;
+
+        img {
+          width: 20px !important;
+          height: 20px;
+        }
+      }
+    }
+
+    .medium-main-container {
+      width: 80%;
+      height: 100%;
+      background-color: #f6f8fa;
+      overflow: hidden;
+
+      .el-tabs__item {
+        padding-left: 20px !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/medium/mediumHome.vue b/src/views/drone/components/medium/mediumHome.vue
new file mode 100644
index 0000000..05347d9
--- /dev/null
+++ b/src/views/drone/components/medium/mediumHome.vue
@@ -0,0 +1,620 @@
+<template>
+  <div class="medium-home-container">
+    <div class="medium-home-main">
+      <div class="medium-home-main-top">
+        <div class="medium-breadcrumb">
+          <div v-for="item in paths" :key="item" class="breadcrumb-item" @click="changePath(item)">
+            {{ item || '全部文件' }}
+          </div>
+        </div>
+      </div>
+      <div class="medium-home-top-btn">
+        <div>
+          <el-button size="small" @click="handleDelete(false)" type="danger"> 删除 </el-button>
+          <el-button size="small" @click="handleDownload(false)" type="success"> 下载 </el-button>
+        </div>
+        <div class="medium-check">
+          <div class="check-item">已选/全部：</div>
+          <div class="check-item">{{ selectNum }}/{{ fileList.length }}</div>
+        </div>
+      </div>
+      <div class="medium-home-main-table">
+        <el-table
+          ref="multipleTable"
+          :data="fileList"
+          tooltip-effect="dark"
+          :default-sort="{ prop: 'creatTime' }"
+          stripe
+          size="small"
+          height="600"
+          @selection-change="handleSelectionChange"
+          @sort-change="handleSortChange"
+        >
+          <el-table-column type="selection" width="55"> </el-table-column>
+          <el-table-column prop="fileName" label="文件名称">
+            <template slot-scope="scope">
+              <div
+                class="file-name-wrapper"
+                style="display: flex; align-items: center; cursor: pointer"
+                @click="handleSelectFile(scope.row.path, scope.row)"
+              >
+                <img :src="scope.row.img" alt="" style="width: 16px; height: 16px; transform: translateY(-1px); margin-right: 2px" />
+                <div class="file-name">{{ scope.row.name ? scope.row.name : scope.row.fileName }}</div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="size" label="大小" width="80" show-overflow-tooltip> </el-table-column>
+          <el-table-column prop="creatTime" label="创建时间" sortable="custom">
+            <template slot-scope="scope">{{ scope.row.creatTime }}</template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="120">
+            <template slot-scope="scope">
+              <div class="opration-btns">
+                <el-tooltip v-if="scope.row.size !== 'N/A'" class="item" content="下载" effect="dark">
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handleDownload(scope.row)">
+                    <img :src="require('../../images/medium/down-load.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip v-if="scope.row.size !== 'N/A'" class="item" content="预览" effect="dark">
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handlePreview(scope.row)">
+                    <img :src="require('../../images/medium/prview-icon.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip class="item" content="删除" effect="dark">
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handleDelete(scope.row)">
+                    <img :src="require('../../images/medium/delete.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="shade" v-if="loading">
+      <el-progress type="circle" :percentage="percentage" :format="percentageFun"></el-progress>
+      <!-- <div
+        style="white-space: pre-line;text-align: center;color: aqua;color: aqua; display: flex; flex-direction: column;position: relative;">
+        <img src="../../images/loadingdow.gif" alt="">
+        <span style="display: inline-block;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);">{{
+          this.text }}</span>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import JSZip from 'jszip';
+import { listInfo } from '@/api/air';
+import { getFiles, fileDownload, deleteFile, downloadBatch, getUrlList } from '@/api/fileMangement';
+import Preview from './preview.vue';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  components: { Preview },
+  data() {
+    return {
+      percentage: 0,
+      info: {},
+      paths: [''],
+      fileList: [],
+      totle: 0,
+      selectNum: 0,
+      length: 0,
+      sn: '',
+      currentPath: '',
+      searchName: '', // 搜索关键字
+      dateTime: [new Date(), new Date()], // 初始时间范围为今日至今日
+      typeOptions: [
+        {
+          value: '选项1',
+          label: '选项1'
+        },
+        {
+          value: '选项2',
+          label: '选项2'
+        }
+      ],
+      typeValue: '',
+      loadOptions: [
+        {
+          value: '选项1',
+          label: '选项1'
+        },
+        {
+          value: '选项2',
+          label: '选项2'
+        }
+      ],
+      loadValue: '',
+      selectList: [],
+      loading: false,
+      gateWay: useAirStore().gateWay,
+      text: ''
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getFileList(this.gateWay.gateway);
+      },
+      deep: true
+    }
+  },
+  methods: {
+    percentageFun(percentage) {
+      let text = '';
+      if (percentage == 99) {
+        text = `${percentage}%\n 正在打包中`;
+      } else {
+        text = `${percentage}%\n 下载中`;
+      }
+      return text;
+    },
+    handleSortChange({ column, prop, order }) {
+      this.fileList.sort((a, b) => {
+        if (a.excludeSort || b.excludeSort) {
+          // 如果有数据被标记为排除排序，则直接返回原始顺序
+          return 0;
+        }
+        if (order === 'ascending') {
+          return a[prop] > b[prop] ? 1 : -1;
+        } else if (order === 'descending') {
+          return a[prop] < b[prop] ? 1 : -1;
+        }
+        return 0;
+      });
+    },
+    handleSelectionChange(datas) {
+      // console.log("datas: ", datas);
+      this.selectList = datas;
+      this.selectNum = datas.length;
+    },
+    // 获取文件列表
+    async getFileList(gateway, path = '') {
+      this.fileList = [];
+      const list = await getFiles({ gateway, itemPath: path });
+      // console.log("文件列表1-------", list);
+
+      this.paths = [
+        '',
+        ...Object.keys(list)[0]
+          .split('/')
+          .filter((path) => path !== '')
+          .slice(0, -1)
+      ];
+
+      this.fileList = Object.keys(list).map((item) => {
+        const pathList = item.split('/').filter((path) => path !== '');
+        let img = require('../../images/medium/files-icon.png');
+        let type = 'file';
+        // 文件缩略图
+        if (list[item].size !== 'N/A') {
+          type = item.split('.')[1];
+          if (item.split('.')[1] !== 'mp4') {
+            img = list[item].download_url;
+          } else {
+            img = require('../../images/medium/video-icon.png');
+          }
+        }
+        return {
+          name: list[item].missionName,
+          fileName: pathList[pathList.length - 1],
+          size: list[item].size,
+          creatTime: list[item].creation_time,
+          path: item,
+          img,
+          type,
+          url: list[item].download_url,
+          fileLength: list[item].length,
+          excludeSort: pathList[pathList.length - 1] == '视频录制' ? true : false
+        };
+      });
+      console.log(this.fileList);
+
+      this.totle = this.fileList.length;
+      this.length = this.fileList.fileLength;
+    },
+    // 文件夹点击进入文件夹
+    handleSelectFile(path, data) {
+      console.log('path11111111111', path);
+      if (data && data.size !== 'N/A') {
+        // console.log("文件------------");
+      } else {
+        this.currentPath = path;
+        const { gateway } = this.gateWay;
+        this.getFileList(gateway, path);
+      }
+    },
+    // 路径变化
+    changePath(path) {
+      if (path) {
+        // console.log("currentPath", this.currentPath);
+        this.currentPath = this.currentPath.split(path)[0] + path;
+        // console.log("path", path);
+        // 跳转到该路径
+        this.handleSelectFile(this.currentPath);
+      } else {
+        this.handleSelectFile('');
+      }
+    },
+    // 删除
+    handleDelete(row) {
+      // console.log("删除---------", row);
+      let params = { itemPaths: [row.path], gateway: this.gateWay.gateway };
+      if (!row) {
+        if (this.selectList.length === 0) {
+          this.$message.warning('请先选择要删除的文件');
+          this.loading = false;
+          return;
+        }
+        const pathList = this.selectList.map((item) => item.path);
+        params = { itemPaths: pathList, gateway: this.gateWay.gateway };
+      }
+
+      this.$confirm('此操作将删除该文件, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        customClass: 'customMessageBox',
+        confirmButtonClass: 'customConfirm',
+        cancelButtonClass: 'customCancel'
+      }).then(() => {
+        deleteFile(params).then((res) => {
+          this.$message.success(res.msg);
+          this.$sendChanel('mediumDel');
+          // 过滤掉删除的文件
+          this.fileList = this.fileList.filter((file) => {
+            return !params.itemPaths.includes(file.path);
+          });
+          if (this.fileList.length === 0) {
+            // 如果列表为空跳转到根路径
+            this.handleSelectFile('');
+          }
+        });
+      });
+    },
+    // 下载
+    handleDownload(row) {
+      this.loading = true;
+      // console.log("下载---------", row);
+      let params = { itemPath: row.path, gateway: this.gateWay.gateway };
+      if (!row) {
+        if (this.selectList.length === 0) {
+          this.$message.warning('请先选择要下载的文件');
+          this.loading = false;
+          return;
+        }
+        let pathList = [];
+        // 定义是否是文件夹
+        let isFile = false;
+        // console.log("this.selectList", this.selectList);
+        this.selectList.forEach((item) => {
+          if (item.type === 'file') {
+            isFile = true;
+          }
+        });
+        if (isFile) {
+          const { gateway } = this.gateWay;
+
+          const promises = this.selectList.map((item) => {
+            const params = { gateway, itemPath: item.path };
+            return getUrlList(params).then((res) => {
+              console.log('res', res);
+              pathList.push(...res); // 将结果合并到 pathList
+            });
+          });
+
+          // 等待所有异步操作完成后，再执行下载操作
+          Promise.all(promises)
+            .then(() => {
+              // console.log("pathList1", pathList);
+              // 确保 pathList 有值后再调用下载方法
+              console.log('pathList', pathList);
+              this.downloadAndZipFiles(pathList);
+            })
+            .catch((error) => {
+              console.error('获取文件路径列表时出错:', error);
+            });
+        } else {
+          pathList = this.selectList.map((item) => item.url);
+          // console.log("pathList2", pathList);
+          // 并行下载文件并压缩为 zip
+          this.downloadAndZipFiles(pathList);
+        }
+      } else {
+        this.downloadAndZipFiles([row.url], row);
+      }
+    },
+    async downloadAndZipFiles(fileUrls, file) {
+      try {
+        const zip = new JSZip();
+        const fileSizeMap = new Map();
+        let fileTotal = 0;
+        if (file) {
+          fileTotal = file.fileLength;
+        } else {
+          this.selectList.forEach((item) => {
+            fileTotal += item.fileLength;
+          });
+        }
+        // console.log("file-----", fileTotal);
+        // 并行下载所有文件
+        const downloadPromises = fileUrls.map((url) =>
+          axios({
+            url: url,
+            method: 'get',
+            responseType: 'blob',
+            onDownloadProgress: (progressEvent) => {
+              const { loaded, total } = progressEvent;
+              fileSizeMap.set(url, loaded);
+              const totalFileSize = [...fileSizeMap.values()].reduce((acc, value) => acc + value, 0);
+              const progress = Math.round((totalFileSize / fileTotal) * 100); // 计算下载进度百分比
+              // console.log("progressEvent", progressEvent);
+              // console.log("overallProgress", progress);
+              this.percentage = progress;
+              if (progress == 100) {
+                this.percentage = progress * 0.99;
+              }
+              // if (progress == 100) {
+              //   this.text = `${99}%\n 正在打包中`;
+              // } else {
+              //   this.text = `${progress}%\n 下载中`
+              // }
+            }
+          }).then((response) => {
+            // console.log("Response:", response); // 在这里打印 response 对象
+            // console.log("url:", url); // 在这里打印 response 对象
+            const regex = /\/(DJI_[^\/]+\/DJI_[^\/]+\.[^\/?]+)(?=\?)/;
+            // 提取匹配的部分
+            const match = url.match(regex);
+            let extractedString = 'undefined';
+            if (match) {
+              extractedString = match[1]; // 捕获的字符串
+            }
+            // 打印文件名和文件数据
+            const fileName = file ? file.fileName : extractedString; // 获取文件名
+            const fileData = response.data; // 保存文件数据
+            // 获取文件大小：使用 Blob 的 size 属性
+            const fileSize = fileData.size; // 单位为字节（bytes）
+            // console.log("File size:", fileSize);
+            // 返回一个对象，继续后续操作
+            return { fileName, fileData };
+          })
+        );
+        // 等待所有文件下载完成
+        const downloadedFiles = await Promise.all(downloadPromises);
+        if (file) {
+          this.percentage = 100;
+          this.selectList = [];
+          // console.log("Downloading", downloadedFiles);
+          const url = window.URL.createObjectURL(downloadedFiles[0].fileData);
+          const link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', downloadedFiles[0].fileName); // 设置下载的文件名
+          document.body.appendChild(link);
+          link.click();
+          link.remove();
+          this.loading = false;
+          this.percentage = 0; // 下载完进度百分比清零
+          return;
+        }
+        // 将每个文件添加到 zip 中
+        downloadedFiles.forEach(({ fileName, fileData }) => {
+          // console.log("File Name:", fileName);
+          zip.file(fileName, fileData); // 添加文件到 zip
+        });
+        // 生成 zip 文件并触发下载
+        const zipBlob = await zip.generateAsync({ type: 'blob' });
+        const url = window.URL.createObjectURL(zipBlob);
+        const link = document.createElement('a');
+        link.href = url;
+        const temp = new Date().getTime();
+        link.setAttribute('download', `文件${temp}.zip`); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        this.loading = false;
+        this.percentage = 0; // 下载完进度百分比清零
+      } catch (error) {
+        // console.error("Error downloading or zipping files:", error);
+        this.loading = false;
+        this.percentage = 0; // 下载完进度百分比清零
+      }
+    },
+    // 预览
+    handlePreview(row) {
+      const list = this.fileList;
+      // console.log("预览---------", row);
+      // console.log("list---------", list);
+      const index = list.findIndex((item) => item === row);
+      const data = { list, detail: row, index };
+      this.$sendChanel('previewBus', data);
+    }
+  },
+  created() {},
+  mounted() {
+    this.getFileList(this.gateWay.gateway);
+  }
+};
+</script>
+<style lang="scss">
+.medium-home-container {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background-color: antiquewhite;
+
+  .medium-home-search-wrapper {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+
+    > .el-date-editor {
+      width: 38%;
+    }
+
+    > .el-select {
+      width: 18%;
+    }
+
+    > .el-input {
+      width: 18%;
+    }
+
+    > .el-button {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+
+  .medium-home-main {
+    height: calc(100%);
+    background: #fff;
+
+    .medium-home-main-top {
+      display: flex;
+      justify-content: space-between;
+      line-height: 40px;
+      padding: 0 16px;
+      font-size: 12px;
+      width: 100%;
+
+      .medium-breadcrumb {
+        display: flex;
+
+        .breadcrumb-item {
+          // margin-right: 20px;
+          color: #909399;
+          cursor: pointer;
+
+          &::after {
+            content: '/';
+            display: inline-block;
+            margin: 0 3px;
+          }
+        }
+
+        .breadcrumb-item:last-child {
+          color: #000;
+
+          &::after {
+            content: '';
+            display: inline-block;
+          }
+        }
+      }
+
+      .file-name-wrapper {
+        display: flex;
+
+        .file-img-wrapper {
+          height: 20px !important;
+          width: 20px !important;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+
+      .el-table {
+        .el-checkbox {
+          margin-left: 8px !important;
+        }
+      }
+    }
+
+    .medium-home-top-btn {
+      width: 100%;
+      height: 40px;
+      padding: 0 16px;
+      display: flex;
+      align-items: center;
+      font-size: 12px;
+      justify-content: space-between;
+
+      .medium-check {
+        display: flex;
+        align-items: center;
+        color: #000;
+      }
+    }
+
+    .medium-home-main-table {
+      overflow-y: auto;
+      height: calc(100% - 80px);
+      width: 100%;
+    }
+
+    .el-checkbox__input {
+      margin-left: 8px !important;
+    }
+  }
+
+  .shade {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .el-progress__text {
+      color: aqua !important;
+      white-space: pre-line;
+      line-height: 20px;
+    }
+  }
+
+  .el-picker-panel {
+    background: rgba(255, 255, 255, 1) !important;
+    color: #606266 !important;
+    filter: drop-shadow(2px 4px 6px black);
+  }
+
+  .opration-btns {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+
+    // background-color: #606266;
+    .opration-btn {
+      width: 16px;
+      height: 16px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 10px;
+      cursor: pointer;
+
+      img {
+        width: 12px;
+        height: 12px;
+      }
+
+      &:hover {
+        // background: #e6e6e6;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/medium/mediumHomeAi.vue b/src/views/drone/components/medium/mediumHomeAi.vue
new file mode 100644
index 0000000..27b4b27
--- /dev/null
+++ b/src/views/drone/components/medium/mediumHomeAi.vue
@@ -0,0 +1,609 @@
+<template>
+  <div class="medium-home-container">
+    <div class="medium-home-main">
+      <div class="medium-home-main-top">
+        <div class="medium-breadcrumb">
+          <div v-for="item in paths" :key="item" class="breadcrumb-item" @click="changePath(item)">
+            {{ item || '全部文件' }}
+          </div>
+        </div>
+      </div>
+      <div class="medium-home-top-btn">
+        <div>
+          <el-button size="small" @click="handleDelete(false)" type="danger"> 删除 </el-button>
+          <el-button size="small" @click="handleDownload(false)" type="success"> 下载 </el-button>
+        </div>
+        <div class="medium-check">
+          <div class="check-item">已选/全部：</div>
+          <div class="check-item">{{ selectNum }}/{{ totle }}</div>
+        </div>
+      </div>
+      <div class="medium-home-main-table">
+        <el-table
+          ref="multipleTable"
+          :data="fileList"
+          tooltip-effect="dark"
+          stripe
+          size="small"
+          height="600"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="55"> </el-table-column>
+          <el-table-column prop="fileName" label="文件名称">
+            <template slot-scope="scope">
+              <div
+                class="file-name-wrapper"
+                style="display: flex; align-items: center; cursor: pointer"
+                @click="handleSelectFile(scope.row.path, scope.row)"
+              >
+                <img :src="scope.row.img" alt="" style="width: 16px; height: 16px; transform: translateY(-1px); margin-right: 2px" />
+                <div class="file-name">{{ scope.row.name ? scope.row.name : scope.row.fileName }}</div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="size" label="大小" width="80" show-overflow-tooltip> </el-table-column>
+          <el-table-column prop="creatTime" label="创建时间">
+            <template slot-scope="scope">{{ scope.row.creatTime }}</template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="120">
+            <template slot-scope="scope">
+              <div class="opration-btns">
+                <el-tooltip v-if="scope.row.size !== 'N/A'" class="item" content="下载" effect="dark">
+                  <!-- v-if="scope.row.size !== 'N/A'" -->
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handleDownload(scope.row)">
+                    <img :src="require('../../images/medium/down-load.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip v-if="scope.row.size !== 'N/A'" class="item" content="预览" effect="dark">
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handlePreview(scope.row)">
+                    <img :src="require('../../images/medium/prview-icon.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip class="item" content="删除" effect="dark">
+                  <span class="opration-btn" style="display: inline-block; cursor: pointer" @click="handleDelete(scope.row)">
+                    <img :src="require('../../images/medium/delete.png')" srcset="" />
+                  </span>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="shade" v-if="loading">
+      <el-progress type="circle" :percentage="percentage"></el-progress>
+      <!-- <div
+        style="white-space: pre-line;text-align: center;color: aqua;color: aqua; display: flex; flex-direction: column;">
+        <img src="../../images/loadingdow.gif" alt="">
+        <span style="display: inline-block;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);">{{
+          this.text }}</span>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import JSZip from 'jszip';
+import { getAiFiles, deleteAiFile, getAiUrlList } from '@/api/fileMangement';
+import Preview from './preview.vue';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  components: { Preview },
+  data() {
+    return {
+      percentage: 0,
+      info: {},
+      paths: [''],
+      fileList: [
+        // {
+        //     fileName: item,
+        //     size: list[item].size,
+        //     creatTime: list[item].creation_time,
+        //     path:''
+        //     img: ''
+        // },
+      ],
+      totle: 0,
+      selectNum: 0,
+      length: 0,
+      sn: '',
+      currentPath: '',
+      searchName: '', // 搜索关键字
+      dateTime: [new Date(), new Date()], // 初始时间范围为今日至今日
+      typeOptions: [
+        {
+          value: '选项1',
+          label: '选项1'
+        },
+        {
+          value: '选项2',
+          label: '选项2'
+        }
+      ],
+      typeValue: '',
+      loadOptions: [
+        {
+          value: '选项1',
+          label: '选项1'
+        },
+        {
+          value: '选项2',
+          label: '选项2'
+        }
+      ],
+      loadValue: '',
+      selectList: [],
+      loading: false,
+      gateWay: useAirStore().gateWay,
+      text: ''
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+        this.getFileList(this.gateWay.gateway);
+      },
+      deep: true
+    }
+  },
+  methods: {
+    handleSelectionChange(datas) {
+      // console.log("datas: ", datas);
+      this.selectList = datas;
+      this.selectNum = datas.length;
+    },
+    isEmptyObject(obj) {
+      return Object.keys(obj).length === 0;
+    },
+    // 获取文件列表
+    async getFileList(gateway, path = '') {
+      this.fileList = [];
+      const list = await getAiFiles({ gateway, itemPath: path });
+      // console.log("文件列表1-------", list);
+      if (Object.keys(list).length === 0) {
+        return;
+      }
+      this.paths = [
+        '',
+        ...Object.keys(list)[0]
+          .split('/')
+          .filter((path) => path !== '')
+          .slice(0, -1)
+      ];
+      this.fileList = Object.keys(list).map((item) => {
+        const pathList = item.split('/').filter((path) => path !== '');
+        let img = require('../../images/medium/files-icon.png');
+        let type = 'file';
+        // console.log("item----------", item);
+        // console.log("list----------", list[item]);
+        // 文件缩略图
+        if (list[item].size !== 'N/A') {
+          type = item.split('.')[1];
+          if (item.split('.')[1] !== 'mp4') {
+            img = list[item].download_url;
+          } else {
+            img = require('../../images/medium/video-icon.png');
+          }
+        }
+        return {
+          name: list[item].missionName,
+          fileName: pathList[pathList.length - 1],
+          size: list[item].size,
+          creatTime: list[item].creation_time,
+          path: item,
+          img,
+          type,
+          url: list[item].download_url,
+          fileLength: list[item].length
+        };
+      });
+      this.totle = this.fileList.length;
+      this.length = this.fileList.fileLength;
+      // console.log("文件列表2-------", this.fileList);
+    },
+    // 文件夹点击进入文件夹
+    handleSelectFile(path, data) {
+      console.log('path11111111111', path);
+      if (data && data.size !== 'N/A') {
+        // console.log("文件------------");
+      } else {
+        this.currentPath = path;
+        const { gateway } = this.gateWay;
+        this.getFileList(gateway, path);
+      }
+    },
+    // 路径变化
+    changePath(path) {
+      if (path) {
+        // console.log("currentPath", this.currentPath);
+        this.currentPath = this.currentPath.split(path)[0] + path;
+        // console.log("path", path);
+        // 跳转到该路径
+        this.handleSelectFile(this.currentPath);
+      } else {
+        this.handleSelectFile('');
+      }
+    },
+    // 删除
+    handleDelete(row) {
+      // console.log("删除---------", row);
+      let params = { itemPaths: [row.path], gateway: this.gateWay.gateway };
+      if (!row) {
+        if (this.selectList.length === 0) {
+          this.$message.warning('请先选择要删除的文件');
+          this.loading = false;
+          return;
+        }
+        const pathList = this.selectList.map((item) => item.path);
+        params = { itemPaths: pathList, gateway: this.gateWay.gateway };
+      }
+
+      this.$confirm('此操作将删除该文件, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        customClass: 'customMessageBox',
+        confirmButtonClass: 'customConfirm',
+        cancelButtonClass: 'customCancel'
+      }).then(() => {
+        deleteAiFile(params).then((res) => {
+          this.$message.success(res.msg);
+          this.$sendChanel('mediumDel');
+          // 过滤掉删除的文件
+          this.fileList = this.fileList.filter((file) => {
+            return !params.itemPaths.includes(file.path);
+          });
+          if (this.fileList.length === 0) {
+            // 如果列表为空跳转到根路径
+            this.handleSelectFile('');
+          }
+        });
+      });
+    },
+    // 下载
+    handleDownload(row) {
+      this.loading = true;
+      // console.log("下载---------", row);
+      let params = { itemPath: row.path, gateway: this.gateWay.gateway };
+      if (!row) {
+        if (this.selectList.length === 0) {
+          this.$message.warning('请先选择要下载的文件');
+          this.loading = false;
+          return;
+        }
+        let pathList = [];
+        // 定义是否是文件夹
+        let isFile = false;
+        // console.log("this.selectList", this.selectList);
+        this.selectList.forEach((item) => {
+          if (item.type === 'file') {
+            isFile = true;
+          }
+        });
+        if (isFile) {
+          const { gateway } = this.gateWay;
+          // this.selectList.forEach((item) => {
+          //   const params = { gateway, itemPath: item.path };
+          //    getUrlList(params).then((res) => {
+          //     pathList.push(...res);
+          //   });
+          // });
+          // console.log("pathList1", pathList);
+          // // 并行下载文件并压缩为 zip
+          // this.downloadAndZipFiles(pathList);
+          const promises = this.selectList.map((item) => {
+            const params = { gateway, itemPath: item.path };
+            return getAiUrlList(params).then((res) => {
+              pathList.push(...res); // 将结果合并到 pathList
+            });
+          });
+
+          // 等待所有异步操作完成后，再执行下载操作
+          Promise.all(promises)
+            .then(() => {
+              // console.log("pathList1", pathList);
+              // 确保 pathList 有值后再调用下载方法
+              this.downloadAndZipFiles(pathList);
+            })
+            .catch((error) => {
+              console.error('获取文件路径列表时出错:', error);
+            });
+        } else {
+          pathList = this.selectList.map((item) => item.url);
+          // console.log("pathList2", pathList);
+          // 并行下载文件并压缩为 zip
+          this.downloadAndZipFiles(pathList);
+        }
+      } else {
+        this.downloadAndZipFiles([row.url], row);
+      }
+    },
+    async downloadAndZipFiles(fileUrls, file) {
+      try {
+        const zip = new JSZip();
+        const fileSizeMap = new Map();
+        let fileTotal = 0;
+        if (file) {
+          fileTotal = file.fileLength;
+        } else {
+          this.selectList.forEach((item) => {
+            fileTotal += item.fileLength;
+          });
+        }
+        // console.log("file-----", fileTotal);l
+        // 并行下载所有文件
+        const downloadPromises = fileUrls.map((url) =>
+          axios({
+            url: url,
+            method: 'get',
+            responseType: 'blob',
+            onDownloadProgress: (progressEvent) => {
+              const { loaded, total } = progressEvent;
+              fileSizeMap.set(url, loaded);
+              const totalFileSize = [...fileSizeMap.values()].reduce((acc, value) => acc + value, 0);
+              const progress = Math.round((totalFileSize / fileTotal) * 100); // 计算下载进度百分比
+              // console.log("progressEvent", progressEvent);
+              // console.log("overallProgress", progress);
+              // this.percentage = progress; // 更新进度百分比
+              if (progress == 100) {
+                this.text = `${99}%\n 正在打包中`;
+              } else {
+                this.text = `${progress}%\n 下载中`;
+              }
+            }
+          }).then((response) => {
+            console.log('Response:', response); // 在这里打印 response 对象
+            console.log('url:', url); // 在这里打印 response 对象
+            console.log('flie:', file); // 在这里打印 response 对象
+            const regex = /\/(DJI_[^\/]+\/DJI_[^\/]+\.[^\/?]+)(?=\?)/;
+            // 提取匹配的部分
+            const match = url.match(regex);
+            let extractedString = response.data.size + '.jpg';
+            if (match) {
+              extractedString = match[1]; // 捕获的字符串
+            }
+            // 打印文件名和文件数据
+            const fileName = file ? file.fileName : extractedString; // 获取文件名
+            const fileData = response.data; // 保存文件数据
+            // 获取文件大小：使用 Blob 的 size 属性
+            const fileSize = fileData.size; // 单位为字节（bytes）
+            // console.log("File size:", fileSize);
+            // 返回一个对象，继续后续操作
+            return { fileName, fileData };
+          })
+        );
+        // 等待所有文件下载完成
+        const downloadedFiles = await Promise.all(downloadPromises);
+        if (file) {
+          // console.log("Downloading", downloadedFiles);
+          const url = window.URL.createObjectURL(downloadedFiles[0].fileData);
+          const link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', downloadedFiles[0].fileName); // 设置下载的文件名
+          document.body.appendChild(link);
+          link.click();
+          link.remove();
+          this.loading = false;
+          this.percentage = 0; // 下载完进度百分比清零
+          return;
+        }
+        // 将每个文件添加到 zip 中
+        downloadedFiles.forEach(({ fileName, fileData }) => {
+          // console.log("File Name:", fileName);
+          zip.file(fileName, fileData); // 添加文件到 zip
+        });
+        // 生成 zip 文件并触发下载
+        const zipBlob = await zip.generateAsync({ type: 'blob' });
+        const url = window.URL.createObjectURL(zipBlob);
+        const link = document.createElement('a');
+        link.href = url;
+        const temp = new Date().getTime();
+        link.setAttribute('download', `文件${temp}.zip`); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        this.loading = false;
+        this.percentage = 0; // 下载完进度百分比清零
+      } catch (error) {
+        // console.error("Error downloading or zipping files:", error);
+        this.loading = false;
+        this.percentage = 0; // 下载完进度百分比清零
+      }
+    },
+    // 预览
+    handlePreview(row) {
+      const list = this.fileList;
+      // console.log("预览---------", row);
+      // console.log("list---------", list);
+      const index = list.findIndex((item) => item === row);
+      const data = { list, detail: row, index };
+      this.$sendChanel('previewBus', data);
+    }
+  },
+  created() {},
+  mounted() {
+    this.getFileList(this.gateWay.gateway);
+  }
+};
+</script>
+<style lang="scss">
+.medium-home-container {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background-color: antiquewhite;
+
+  .medium-home-search-wrapper {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+
+    > .el-date-editor {
+      width: 38%;
+    }
+
+    > .el-select {
+      width: 18%;
+    }
+
+    > .el-input {
+      width: 18%;
+    }
+
+    > .el-button {
+      width: 32px;
+      height: 32px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+
+  .medium-home-main {
+    height: calc(100%);
+    background: #fff;
+
+    .medium-home-main-top {
+      display: flex;
+      justify-content: space-between;
+      line-height: 40px;
+      padding: 0 16px;
+      font-size: 12px;
+      width: 100%;
+
+      .medium-breadcrumb {
+        display: flex;
+
+        .breadcrumb-item {
+          // margin-right: 20px;
+          color: #909399;
+          cursor: pointer;
+
+          &::after {
+            content: '/';
+            display: inline-block;
+            margin: 0 3px;
+          }
+        }
+
+        .breadcrumb-item:last-child {
+          color: #000;
+
+          &::after {
+            content: '';
+            display: inline-block;
+          }
+        }
+      }
+
+      .file-name-wrapper {
+        display: flex;
+
+        .file-img-wrapper {
+          height: 20px !important;
+          width: 20px !important;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+
+      .el-table {
+        .el-checkbox {
+          margin-left: 8px !important;
+        }
+      }
+    }
+
+    .medium-home-top-btn {
+      width: 100%;
+      height: 40px;
+      padding: 0 16px;
+      display: flex;
+      align-items: center;
+      font-size: 12px;
+      justify-content: space-between;
+
+      .medium-check {
+        display: flex;
+        align-items: center;
+        color: #000;
+      }
+    }
+
+    .medium-home-main-table {
+      overflow-y: auto;
+      height: calc(100% - 80px);
+      width: 100%;
+    }
+
+    .el-checkbox__input {
+      margin-left: 8px !important;
+    }
+  }
+
+  .shade {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .el-progress__text {
+      color: aqua !important;
+      white-space: pre-line;
+      line-height: 20px;
+    }
+  }
+
+  .el-picker-panel {
+    background: rgba(255, 255, 255, 1) !important;
+    color: #606266 !important;
+    filter: drop-shadow(2px 4px 6px black);
+  }
+
+  .opration-btns {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+
+    // background-color: #606266;
+    .opration-btn {
+      width: 16px;
+      height: 16px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 10px;
+      cursor: pointer;
+
+      img {
+        width: 12px;
+        height: 12px;
+      }
+
+      &:hover {
+        // background: #e6e6e6;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/medium/preview.vue b/src/views/drone/components/medium/preview.vue
new file mode 100644
index 0000000..ae4791a
--- /dev/null
+++ b/src/views/drone/components/medium/preview.vue
@@ -0,0 +1,272 @@
+<template>
+  <div v-if="show" class="preview-container">
+    <div class="preview-top">
+      <div class="preview-t-l">
+        <div class="preview-item-wrapper">
+          <img v-if="detail.type !== 'mp4'" :src="detail.url" alt="" class="preview-item" />
+          <video v-else :src="detail.url" controls crossorigin="anonymous" class="preview-item"></video>
+          <div class="arrows arrow-l" @click="check(current - 1)">
+            <img :src="require('../../images/medium/arrow.png')" />
+          </div>
+          <div class="arrows arrow-r" @click="check(current + 1)">
+            <img :src="require('../../images/medium/arrow.png')" />
+          </div>
+        </div>
+      </div>
+      <div class="preview-t-r">
+        <div class="preview-close" @click="show = false">
+          <img :src="require('../../images/medium/close.png')" />
+        </div>
+        <div class="preview-t-infos">
+          <div class="preview-t-info">
+            <span class="preview-t-info-text label">文件名</span>
+            <span class="preview-t-info-text">{{ detail.fileName }}</span>
+          </div>
+          <div class="preview-t-info">
+            <span class="preview-t-info-text label">文件大小</span>
+            <span class="preview-t-info-text">{{ detail.size }}</span>
+          </div>
+          <div class="preview-t-info">
+            <span class="preview-t-info-text label">创建时间</span>
+            <span class="preview-t-info-text">{{ detail.creatTime }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="preview-bottom">
+      <div class="preview-list-wrapper scroll-container">
+        <div v-for="(item, index) in list" :key="item.url" class="preview-list-item"
+          :class="{ active: current === index }" @click="check(index)">
+          <img :src="item.img" alt="" srcset="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      show: false,
+      list: [
+        {
+          fileName: "测试1",
+          size: "3M",
+          creatTime: "2024",
+          path: "ua/",
+          img: require("../../images/medium/medium-video.png"),
+          type: "mp4",
+          url:
+            "https://vdept3.bdstatic.com/mda-qh0g1z9fvz28wwe9/cae_h264/1722574521989748719/mda-qh0g1z9fvz28wwe9.mp4?v_from_s=hkapp-haokan-hbf&auth_key=1726726486-0-0-bdef95510c480bcaa1f3c311508a59de&bcevod_channel=searchbox_feed&pd=1&cr=0&cd=0&pt=3&logid=0886315216&vid=10817113278196649776&klogid=0886315216&abtest=",
+        },
+        {
+          fileName: "测试2",
+          size: "3M",
+          creatTime: "2024",
+          path: "ua/",
+          img: require("../../images/medium/medium-img.png"),
+          url:
+            "//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg",
+          type: "img",
+        },
+      ],
+      detail: {
+        fileName: "测试1",
+        size: "3M",
+        creatTime: "2024",
+        path: "ua/",
+        img: require("../../images/medium/medium-video.png"),
+        type: "mp4",
+        url:
+          "https://vdept3.bdstatic.com/mda-qh0g1z9fvz28wwe9/cae_h264/1722574521989748719/mda-qh0g1z9fvz28wwe9.mp4?v_from_s=hkapp-haokan-hbf&auth_key=1726726486-0-0-bdef95510c480bcaa1f3c311508a59de&bcevod_channel=searchbox_feed&pd=1&cr=0&cd=0&pt=3&logid=0886315216&vid=10817113278196649776&klogid=0886315216&abtest=",
+      },
+      current: 0,
+    };
+  },
+  methods: {
+    check(idx) {
+      //   const index = this.list.findIndex((item) => item.url === this.detail.url);
+      //   console.log("index", index);
+      // console.log("list", this.list);
+      if (idx < 0) {
+        this.detail = this.list[this.list.length - 1];
+        this.current = this.list.length - 1;
+      } else if (idx > this.list.length - 1) {
+        this.detail = this.list[0];
+        this.current = 0;
+      } else {
+        this.detail = this.list[idx];
+        this.current = idx;
+      }
+    },
+  },
+  created() {
+    this.$recvChanel("previewBus", (data) => {
+      // console.log("收到的数据222", data);
+      this.list = data.list;
+      this.detail = data.detail;
+      this.current = data.index;
+      this.show = true;
+    });
+  },
+  mounted() {
+    // this.detail = this.list[0];
+    // const container = document.querySelector(".scroll-container");
+    // container.addEventListener("wheel", (event) => {
+    //   event.preventDefault(); // 阻止默认纵向滚动
+    //   // 横向滚动父容器中的内容
+    //   container.scrollLeft += event.deltaY;
+    // });
+  },
+};
+</script>
+<style lang="scss">
+.preview-container {
+  height: 100vh;
+  width: 100vw;
+  position: fixed;
+  //   top: -20%;
+  //   left: -12%;
+  top: 0;
+  left: 0;
+  z-index: 111;
+  background-color: rgba($color: #000000, $alpha: 0.5);
+
+  .preview-top {
+    width: 100%;
+    height: 85%;
+    display: flex;
+    background-color: rgba(240, 248, 255, 0.281);
+
+    .preview-t-l {
+      width: 80%;
+      height: 100%;
+      background-color: #000000;
+
+      .preview-item-wrapper {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .arrows {
+          position: absolute;
+          top: 50%;
+          width: 50px;
+          height: 50px;
+          background-color: rgba(0, 0, 0, 0.4);
+          cursor: pointer;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          img {
+            width: 30px;
+            height: 30px;
+          }
+        }
+
+        .arrow-l {
+          left: 40px;
+        }
+
+        .arrow-r {
+          right: 40px;
+          transform: rotate(180deg);
+        }
+
+        .preview-item {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+
+    .preview-t-r {
+      width: 20%;
+      height: 100%;
+      background-color: #1c1c1c;
+      position: relative;
+
+      .preview-close {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+
+        >img {
+          height: 20px;
+          width: 20px;
+          cursor: pointer;
+        }
+      }
+
+      .preview-t-infos {
+        height: 100%;
+        width: 100%;
+        padding: 15% 0 0 5%;
+        font-size: 12px;
+
+        .preview-t-info {
+          width: 100%;
+          display: flex;
+
+          //   &:nth-child(1) {
+          //     width: 25%;
+          //     text-align: justify;
+          //     background-color: aqua;
+          //   }
+          .preview-t-info-text {
+            margin-right: 15px;
+            margin-bottom: 15px;
+          }
+
+          .label {
+            width: 18%;
+            text-align: justify;
+          }
+        }
+      }
+    }
+  }
+
+  .preview-bottom {
+    width: 100%;
+    height: 15%;
+    background-color: #000000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+
+    .preview-list-wrapper {
+      height: 80px;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      white-space: nowrap;
+      overflow-x: auto;
+
+      .preview-list-item {
+        display: inline-block;
+        height: 60px;
+        width: 100px;
+        border: 2px solid rgb(255, 255, 255);
+        margin: 0 5px;
+        cursor: pointer;
+
+        img {
+          height: 100%;
+          width: 100%;
+        }
+      }
+
+      .active {
+        border: 2px solid rgb(0, 140, 255);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/planLank/histroy.vue b/src/views/drone/components/planLank/histroy.vue
new file mode 100644
index 0000000..b175071
--- /dev/null
+++ b/src/views/drone/components/planLank/histroy.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="flyHistroy">
+    <span class="flyHistroy_name" @click="back">返回</span>
+    <span class="flyHistroy_name">{{ data.missionName }}</span>
+    <div class="flyHistroy_bottom">
+      <div class="bottom_item">
+        <div class="title">飞行器</div>
+        <div class="content">M3TD-庆福广场</div>
+      </div>
+      <div class="bottom_item">
+        <div class="title">任务开始时间</div>
+        <div class="content">{{ data.createdAt }}</div>
+      </div>
+      <div class="bottom_item">
+        <div class="title">任务结束时间</div>
+        <div class="content">
+          {{ parseTime(data.lastTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
+        </div>
+      </div>
+      <div class="bottom_item">
+        <div class="title">轨迹最后更新时间</div>
+        <div class="content">
+          {{ parseTime(data.lastTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
+        </div>
+      </div>
+      <div class="bottom_item">
+        <div class="title">实际飞行距离</div>
+        <div class="content">{{ length }}m</div>
+      </div>
+      <div class="bottom_item">
+        <div class="title">实际飞行时长</div>
+        <div class="content">{{ time }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { parseTime } from '@/utils/index.ts';
+export default {
+  name: 'flyHistroy',
+  props: {
+    data: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      points: [],
+      length: '',
+      time: ''
+    };
+  },
+  // 监听data
+  // watch: {
+  //   data: function handle(newVal, oldVal) {
+  //     let pointss = JSON.parse(newVal);
+  //     this.renderRouter(pointss.points);
+  //   }
+  // },
+  mounted() {
+    let pointss = JSON.parse(this.data.points);
+    this.renderRouter(pointss.points);
+  },
+
+  methods: {
+    parseTime(val) {
+      return parseTime(val);
+    },
+    renderRouter(positions) {
+      let airLine = new YJ.Obj.newAirLine(
+        {
+          positions,
+          frustumShow: false,
+          keyboard: false
+        },
+        window.Earth1.viewer
+      );
+      window.airLine = airLine;
+      this.length = airLine.countLength();
+      this.time = airLine.countTime();
+      window.airLine.flyTo();
+      // console.log("airLine", airLine);
+    },
+    // 返回计划库
+    back() {
+      this.$emit('back');
+    }
+  }
+};
+</script>
+<style lang="scss">
+.flyHistroy {
+  position: absolute;
+  top: 8%;
+  left: 20px;
+  z-index: 20;
+  color: #fff;
+
+  &_name {
+    border-radius: 8px;
+    padding: 8px 16px;
+    background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(2px);
+  }
+
+  &_bottom {
+    position: fixed;
+    bottom: 10%;
+    left: 30px;
+    height: 80px;
+    width: 60%;
+    display: flex;
+    justify-content: space-between;
+
+    .title {
+      font-size: 16px;
+      margin-bottom: 10px;
+      font-weight: 400;
+    }
+
+    .content {
+      font-size: 18px;
+      color: rgba(0, 255, 255, 1);
+      font-weight: 600;
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/planLank/index.vue b/src/views/drone/components/planLank/index.vue
new file mode 100644
index 0000000..79fb5da
--- /dev/null
+++ b/src/views/drone/components/planLank/index.vue
@@ -0,0 +1,837 @@
+<template>
+  <div class="planLank flex">
+    <div class="planLank_left">
+      <div class="header flex space_between ai_center">
+        <span class="text">计划库</span>
+        <div class="add" @click="add">
+          <img src="../../images/add_plan.png" alt="" />
+          <span class="f16">新建</span>
+        </div>
+      </div>
+      <div class="content">
+        <div class="title">
+          <span>{{ gateway.deviceType }}</span> ——
+          <span>{{ gateway.businessName }}</span>
+        </div>
+        <div class="card">
+          <div class="card_top flex">
+            <div class="card_top_left flex ai_center">
+              <div>
+                <img src="../../images/time.png" alt="" />
+                <span>待执行</span>
+              </div>
+              <div>
+                {{ listObj.timer ? listObj.timer : '' }}
+              </div>
+            </div>
+            <div class="card_top_right flex">
+              <span>{{ listObj.missionName ? listObj.missionName : '暂无' }}</span>
+            </div>
+          </div>
+          <div class="card_bottom flex">
+            <!-- <div class="card_bottom_top">
+              <span>{{ gateway.deviceType }}</span> ——
+              <span>{{ gateway.businessName }}</span>
+            </div> -->
+            <div class="card_bottom_bottom">
+              <div class="flex ai_center mr10 mb10">
+                <img src="../../images/eq.png" alt="" />
+                <span class="status">设备{{ filterModeCode(mode.flighttask_step_code) }}</span>
+              </div>
+              <div class="flex ai_center mb10">
+                <img src="../../images/air.png" alt="" />
+                <span
+                  >{{ filterDroneInDock(networkState.drone_in_dock) }}
+                  {{ filterDeviceOnlineStatus(networkState.sub_device.device_online_status) }}</span
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="planLank_right">
+      <div class="header_form">
+        <el-form :inline="true" size="small" class="demo-form-inline">
+          <el-form-item>
+            <el-date-picker
+              v-model="time"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              type="datetimerange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              @change="changeTime"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-select v-model="tableForm.type" @change="getQuestRecordList" placeholder="所有类型">
+              <el-option v-for="item in options" :label="item.label" :value="item.value"></el-option>
+            </el-select>
+            <template #label></template>
+          </el-form-item>
+          <el-form-item>
+            <el-select v-model="tableForm.state" @change="getQuestRecordList" placeholder="全部状态">
+              <el-option v-for="item in states" :label="item" :value="item"></el-option>
+            </el-select>
+            <template #label></template>
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model.trim="tableForm.name" @change="getQuestRecordList" clearable placeholder="按航线或者计划名称搜索">
+              <i style="cursor: pointer" slot="suffix" class="el-input__icon el-icon-search" @click="search"></i>
+            </el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="refresh" icon="el-icon-refresh-right"></el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="table">
+        <el-table :data="tableData.data" style="width: 100%">
+          <el-table-column prop="createdAt" label="创建时间" width="180" align="center"> </el-table-column>
+          <el-table-column prop="state" label="执行状态" width="180" align="center"> </el-table-column>
+          <el-table-column prop="type" label="类型" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.type == 0 ? '立即' : '定时' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="missionName" label="计划名称" align="center"> </el-table-column>
+          <el-table-column prop="fileName" label="航线名称" align="center"> </el-table-column>
+          <!-- <el-table-column prop="realPhotoNum" label="实际上传" align="center">
+          </el-table-column> -->
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <div>
+                <el-tooltip v-if="['执行中', '暂停'].includes(scope.row.state)" class="item" content="航线暂停" effect="dark">
+                  <span style="display: inline-block; cursor: pointer" @click="handlerClick(1, scope.row)">
+                    <img src="../../images/zanting.png" alt="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip v-if="['执行中', '暂停'].includes(scope.row.state)" class="item" content="航线恢复" effect="dark">
+                  <span style="display: inline-block; cursor: pointer" @click="handlerClick(2, scope.row)">
+                    <img src="../../images/huifu.png" alt="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip v-if="['执行中', '暂停'].includes(scope.row.state)" class="item" content="一键返航" effect="dark">
+                  <span style="display: inline-block; cursor: pointer" @click="handlerClick(3, scope.row)">
+                    <img src="../../images/fanhang.png" alt="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip v-if="['执行成功'].includes(scope.row.state)" class="item" content="飞行记录" effect="dark">
+                  <span style="display: inline-block; cursor: pointer" @click="handlerClick(4, scope.row)">
+                    <img src="../../images/flyh.png" alt="" />
+                  </span>
+                </el-tooltip>
+                <el-tooltip class="item" content="删除" effect="dark">
+                  <span style="display: inline-block; cursor: pointer" @click="handlerClick(5, scope.row)">
+                    <img src="../../images/shanchu.png" alt="" />
+                  </span>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="progress">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="tableForm.pageNum"
+          :page-sizes="[10, 20, 30, 40]"
+          :page-size="tableForm.pageSize"
+          layout="prev, pager, next,sizes"
+          :total="tableData.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+    <myDialog ref="createPL" class="createPL" :title="title">
+      <div class="form">
+        <el-form :model="form" :rules="rules" ref="ruleForm" label-width="110px" class="demo-ruleForm">
+          <el-form-item label="计划名称" prop="missionName">
+            <el-input v-model="form.missionName" placeholder="请输入计划名称" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="执行航线" prop="fileId">
+            <el-select style="width: 100%" v-model="form.fileId" filterable placeholder="请选择活动区域">
+              <el-option v-for="item in airList" :label="item.fileName" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="任务精度" prop="waylinePrecisionType">
+            <el-radio-group style="width: 100%" v-model="form.waylinePrecisionType">
+              <el-radio-button v-for="dict in waylinePrecisionTypeOptions" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="任务策略" prop="type">
+            <el-radio-group style="width: 100%" v-model="form.type">
+              <el-radio-button :label="0">立即</el-radio-button>
+              <el-radio-button :label="1">单次定时</el-radio-button>
+              <!-- <el-radio-button :label="2">重复定时</el-radio-button> -->
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="返航高度模式" prop="returnAltitudeMode">
+            <el-radio-group style="width: 50%" v-model="form.returnAltitudeMode">
+              <el-radio-button v-for="dict in rthModeOptions" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="form.type == 1" label="执行时间" prop="timer">
+            <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="form.timer" type="datetime" placeholder="选择日期时间"> </el-date-picker>
+          </el-form-item>
+          <el-form-item v-if="form.type == 2" label="执行时间" prop="execTime">
+            <el-date-picker v-model="form.execTime" type="datetime" placeholder="选择日期时间"> </el-date-picker>
+          </el-form-item>
+          <el-form-item label="航线飞行中失联" prop="outOfControlAction">
+            <el-radio-group style="width: 100%" v-model="form.outOfControlAction">
+              <el-radio-button v-for="dict in exitWaylineOptions" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <div>
+            <div>返航高度(相对机场返航高度)</div>
+            <div style="display: flex; justify-content: center">
+              <plusReduce :defValue="form.returnAltitude" @value="height" style="width: 80%" :max="1500" :min="20" unit="m"> </plusReduce>
+            </div>
+          </div>
+          <el-form-item label="失联动作" prop="flightControlAction">
+            <!-- 失控动作类型 -->
+            <el-radio-group style="width: 100%" v-model="form.flightControlAction">
+              <el-radio-button v-for="dict in outOfControlOptions" :label="dict.value">{{ dict.label }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="btns">
+        <el-button size="small" @click="submit">确定</el-button>
+        <el-button size="small" @click="cancel">取消</el-button>
+      </div>
+    </myDialog>
+  </div>
+</template>
+
+<script>
+import myDialog from '../component/dialog/index.vue';
+import plusReduce from '../component/plusReduce/index.vue';
+import {
+  listPaths,
+  taskList,
+  taskAdd,
+  getLatest,
+  flightTaskPauseNew,
+  flightTaskRecoveryNew,
+  flightTaskUndoNew,
+  delMissionsNew,
+  returnHomeNew
+} from '@/api/air';
+import { getLocal, parseTime } from '@/utils/';
+import { exitWaylineOptions, waylinePrecisionTypeOptions, outOfControlOptions, rthModeOptions } from '../../utils/options.js';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  name: 'planLank',
+  components: {
+    myDialog,
+    plusReduce
+  },
+  data() {
+    return {
+      parseTime: parseTime,
+      rthModeOptions: rthModeOptions,
+      outOfControlOptions: outOfControlOptions,
+      exitWaylineOptions: exitWaylineOptions,
+      waylinePrecisionTypeOptions: waylinePrecisionTypeOptions,
+      rules: {
+        missionName: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
+        fileId: [{ required: true, message: '请选择任务航线', trigger: 'blur' }],
+        timer: [{ required: true, message: '请选择时间', trigger: 'blur' }]
+      },
+      formInline: {
+        region: '',
+        value: '',
+        user: ''
+      },
+      options: [
+        {
+          label: '全部',
+          value: ''
+        },
+        {
+          label: '立即',
+          value: 0
+        },
+        {
+          label: '定时',
+          value: 1
+        }
+      ],
+      time: [],
+      states: ['全部', '取消或终止', '失败', '执行中', '定时待执行', '执行成功', '部分完成', '暂停', '拒绝', '已下发', '超时'],
+      form: {
+        missionName: '',
+        // executionTime: "",
+        timer: null,
+        type: 0,
+        fileId: '',
+        returnAltitude: 100,
+        returnAltitudeMode: 0,
+        outOfControlAction: 1,
+        flightControlAction: 0,
+        waylinePrecisionType: 1,
+        gateway: '',
+        timeStamp: ''
+      },
+      value1: '',
+      value2: '',
+      title: '新建计划',
+      queryParam: {
+        pageNum: 1,
+        pageSize: 10000000,
+        fileName: '',
+        order: 1,
+        gateway: ''
+      },
+      tableForm: {
+        pageNum: 1,
+        pageSize: 20,
+        gateway: ''
+      },
+      airList: [],
+      networkState: {
+        mode_code: 0,
+        drone_in_dock: 1,
+        sub_device: {
+          device_online_status: 0
+        }
+      },
+      mode: {},
+      gateway: useAirStore().gateWay,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      time: [],
+      listObj: {}
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateway = newValue;
+        console.log('newValue', newValue);
+        this.getQuestRecordList();
+        this.getNewestTimer();
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.allApi();
+    this.$recvChanel('websocketBus', (data) => {
+      if (data.businessType == 'osd3') {
+        this.networkState = { ...data.data };
+        // console.log(this.networkState);
+      }
+      if (data.businessType == 'osd2') {
+        this.mode = { ...data.data };
+      }
+    });
+    this.form.gateway = this.gateway.gateway;
+    this.queryParam.flag = this.gateway.gateway;
+  },
+
+  methods: {
+    allApi() {
+      this.getAirRouteList();
+      this.getQuestRecordList();
+      this.getNewestTimer();
+    },
+    search() {
+      if (this.time.length > 0) {
+        this.tableForm.startTime = this.time[0];
+        this.tableForm.endTime = this.time[1];
+      }
+      this.getQuestRecordList();
+    },
+    changeTime(value) {
+      this.tableForm.startTime = value[0];
+      this.tableForm.endTime = value[1];
+      this.getQuestRecordList();
+    },
+    handlerClick(num, item) {
+      console.log(num, item);
+      if (num == 1) {
+        this.pauseAirLine(item);
+      }
+      if (num == 2) {
+        this.recoverAirLine(item);
+      }
+      if (num == 3) {
+        this.onBackHome(item);
+      }
+      if (num == 4) {
+        this.$emit('openHistroy', item);
+      }
+      if (num == 5) {
+        this.onDelQuest(item);
+      }
+    },
+    // delMissions
+    // 航线暂停
+    pauseAirLine(row) {
+      let obj = { gateway: this.gateway.gateway, taskId: row.id };
+      flightTaskPauseNew(obj).then((res) => {
+        this.$message.success('暂停成功');
+        this.getQuestRecordList();
+      });
+    },
+    // 航线恢复
+    recoverAirLine(row) {
+      let obj = { gateway: this.gateway.gateway, taskId: row.id };
+      flightTaskRecoveryNew(obj).then((res) => {
+        this.$message.success('恢复成功');
+        this.getQuestRecordList();
+      });
+    },
+    // 一键航航
+    onBackHome(row) {
+      let obj = { gateway: this.gateway.gateway, taskId: row.id };
+      returnHomeNew(obj).then((res) => {
+        this.$message.success('返航成功');
+        this.getQuestRecordList();
+      });
+    },
+    // 删除  delMissions
+    onDelQuest(row) {
+      this.$confirm('确认删除该任务信息?', '温馨提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        delMissionsNew(row.id).then((res) => {
+          if (res.code == 200) {
+            this.$message.success('删除成功');
+            this.getQuestRecordList();
+            this.getNewestTimer();
+          }
+        });
+      });
+    },
+    refresh() {
+      this.tableForm = {
+        pageNum: 1,
+        pageSize: 10,
+        gateway: this.gateway.gateway
+      };
+      this.getQuestRecordList();
+    },
+    // 获取任务历史记录数据
+    getQuestRecordList(flag = false) {
+      this.loading = true;
+      this.tableForm.gateway = this.gateway.gateway;
+      taskList(this.tableForm).then((res) => {
+        this.loading = false;
+        if (res.code == 200) {
+          console.log(res.rows);
+          let list = res.rows || [];
+          this.tableData.data = list;
+          this.tableData.total = res.total;
+          if (flag) {
+            this.$sendChanel('TaskIssuedSuccessfully', list[0].flightId);
+          }
+        }
+      });
+    },
+    // 最新的定时任务
+    getNewestTimer() {
+      let obj = { gateway: this.gateway.gateway };
+      getLatest(obj).then((res) => {
+        if (res.code == 200) {
+          this.listObj = res.data || {};
+        }
+      });
+    },
+    getAirRouteList() {
+      listPaths(this.queryParam).then((res) => {
+        let list = res.rows || [];
+        this.airList = list;
+      });
+    },
+    filterDeviceOnlineStatus(val) {
+      let obj = { '0': '关机', '1': '开机' };
+      return obj[val];
+    },
+    filterDroneInDock(val) {
+      let obj = { '0': '舱外', '1': '舱内' };
+      return obj[val];
+    },
+    filterModeCode(val) {
+      let obj = {
+        '0': '作业准备中',
+        '1': '飞行作业中',
+        '2': '作业后状态恢复',
+        '3': '自定义飞行区更新中',
+        '4': '地形障碍物更新中',
+        '5': '任务空闲',
+        '255': '飞行器异常',
+        '256': '未知状态'
+      };
+      return obj[val];
+    },
+    height(value) {
+      this.form.height = value;
+    },
+    add() {
+      this.$refs.createPL.open();
+    },
+    submit() {
+      // console.log("this.form", this.form);
+      this.form.timeStamp = Date.now();
+      const { mode_code } = this.networkState;
+      if (mode_code == 2) {
+        this.$message.warning('请退出调试模式');
+        return;
+      }
+      // 判断returnAltitude是否有值
+      if (this.form.returnAltitude == '') {
+        return this.$message.warning('请设置返航高度');
+      }
+      // 判断this.mode.flighttask_step_code是否为2
+      if (this.mode.flighttask_step_code !== 5) {
+        let text = this.filterModeCode(this.mode.flighttask_step_code);
+        this.$message.warning(text);
+        return;
+      }
+      this.$refs['ruleForm'].validate((valid) => {
+        if (valid) {
+          taskAdd(this.form).then((res) => {
+            // console.log(res);
+            if (res.code == 200) {
+              this.$message.success('新建成功');
+              this.getQuestRecordList(true);
+              this.getNewestTimer();
+              this.cancel();
+              this.reset();
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+    cancel() {
+      this.$refs.createPL.close();
+      this.reset();
+    },
+    handleSizeChange(val) {
+      this.tableForm.pageSize = val;
+      this.getQuestRecordList();
+    },
+    handleCurrentChange(val) {
+      this.tableForm.pageNum = val;
+      this.getQuestRecordList();
+    },
+    reset() {
+      this.form = {
+        missionName: '',
+        timer: null,
+        type: 0,
+        fileId: '',
+        returnAltitude: 100,
+        returnAltitudeMode: 0,
+        outOfControlAction: 1,
+        flightControlAction: 0,
+        waylinePrecisionType: 0,
+        gateway: this.gateway.gateway,
+        timeStamp: ''
+      };
+    }
+  }
+};
+</script>
+<style lang="scss">
+.planLank {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 20;
+  transform: translate(-50%, -50%);
+  width: 80%;
+  height: 75%;
+  color: #fff;
+
+  &_left {
+    width: 320px;
+    background-color: rgba(0, 0, 0, 0.6);
+
+    .header {
+      box-sizing: border-box;
+      height: 60px;
+      padding: 0 20px;
+      border-bottom: 1px solid rgba(204, 204, 204, 0.2);
+
+      .text {
+        font-size: 18px;
+        font-family: 'alimamashuheiti';
+      }
+
+      .add {
+        cursor: pointer;
+
+        img {
+          width: 13px;
+          height: 12px;
+        }
+      }
+    }
+
+    .content {
+      padding: 0 20px;
+
+      .title {
+        margin: 20px 0;
+        font-weight: 400;
+      }
+
+      .card {
+        border: 1px solid rgb(0, 255, 255, 0.5);
+        border-radius: 4px;
+
+        &_top {
+          border-bottom: 1px solid rgba(204, 204, 204, 0.2);
+          margin-bottom: 15px;
+
+          &_left {
+            flex-direction: column;
+            justify-content: space-evenly;
+            align-items: center;
+            font-size: 12px;
+            height: 44px;
+            background-color: rgba(0, 255, 255, 0.5);
+            padding: 0 5px;
+
+            img {
+              width: 12px;
+              height: 12px;
+            }
+          }
+
+          &_right {
+            padding: 0 20px;
+            align-items: center;
+            font-family: 'alimamashuheiti';
+          }
+        }
+
+        &_bottom {
+          flex-direction: column;
+          padding: 0 15px;
+
+          &_top {
+            margin-bottom: 15px;
+          }
+
+          &_bottom {
+            color: #1bf8c3;
+          }
+
+          img {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+          }
+        }
+      }
+    }
+  }
+
+  &_right {
+    flex: 1;
+    padding: 10px;
+    background-color: #f7f9fa;
+    overflow: hidden;
+
+    .table {
+      height: 650px;
+      overflow-y: auto;
+      background-color: #fff;
+      padding: 10px;
+      width: 100%;
+
+      .el-form-item--mini.el-form-item,
+      .el-form-item--small.el-form-item {
+        margin-bottom: 10px;
+      }
+
+      .el-table__header-wrapper table,
+      .el-table__body-wrapper table {
+        width: 100% !important;
+      }
+
+      .el-table__body,
+      .el-table__footer,
+      .el-table__header {
+        table-layout: auto;
+      }
+
+      .el-table__empty-block,
+      .el-table__body {
+        width: 100% !important;
+      }
+
+      .el-pagination .btn-next,
+      .el-pagination .btn-prev {
+        background: center center no-repeat #fff !important;
+        background-size: 16px !important;
+        cursor: pointer;
+        margin: 0;
+        color: #303133;
+      }
+
+      .el-pagination .el-pagination__total,
+      .el-pagination .el-pagination__jump,
+      .el-pagination .number {
+        color: #000 !important;
+      }
+
+      .el-pagination .el-pager li.active {
+        color: #409eff !important;
+      }
+
+      img {
+        width: 14px;
+        height: 14px;
+        vertical-align: middle;
+      }
+    }
+
+    .progress {
+      padding-top: 5px;
+      text-align: right;
+      background-color: #fff;
+
+      .el-pagination .el-pagination__total,
+      .el-pagination .el-pagination__jump,
+      .el-pagination .number {
+        color: #606266 !important;
+      }
+
+      .el-pagination .el-pager li.active {
+        color: #267aff !important;
+      }
+    }
+  }
+
+  .createPL {
+    .el-input__inner {
+      background-color: rgba(0, 0, 0, 0.5);
+      border-color: rgba(0, 255, 255, 0.5);
+      width: 100%;
+      color: #fff;
+    }
+
+    .el-form-item__label {
+      color: #fff;
+    }
+
+    .el-row {
+      line-height: 40px;
+      margin: 10px 0;
+    }
+
+    .el-radio-group {
+      display: flex;
+
+      .el-radio-button {
+        flex: 1;
+
+        .el-radio-button__inner {
+          width: 100%;
+          background: rgba(0, 0, 0, 0.5);
+          color: #fff;
+          border-color: rgba(0, 255, 255, 0.5);
+          -webkit-box-shadow: -1px 0 0 0 rgba(0, 255, 255, 0.5);
+          box-shadow: -1px 0 0 0 rgba(0, 255, 255, 0.5);
+        }
+
+        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+          color: rgba(0, 255, 255, 1);
+          border-color: rgba(0, 255, 255, 1);
+        }
+      }
+    }
+  }
+
+  .btns {
+    text-align: center;
+
+    .el-button {
+      background: rgba(0, 255, 255, 0.2);
+      color: #fff;
+      border-color: rgba(0, 255, 255, 0.5);
+    }
+
+    .el-button:focus,
+    .el-button:hover {
+      border-color: rgba(0, 255, 255, 1);
+    }
+  }
+}
+
+.el-picker-panel {
+  background: #fff !important;
+  color: #606266 !important;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  filter: none;
+
+  .el-picker-panel__footer .el-button--default {
+    color: #606266 !important;
+  }
+
+  .el-button {
+    display: inline-block;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    background: #fff !important;
+    color: #606266 !important;
+    font-size: 14px;
+    border-radius: 4px;
+  }
+
+  .el-button.is-plain:focus,
+  .el-button.is-plain:hover {
+    background: #fff !important;
+    border-color: #409eff !important;
+    color: #409eff !important;
+  }
+
+  .el-button.is-disabled,
+  .el-button.is-disabled:focus,
+  .el-button.is-disabled:hover {
+    color: #c0c4cc !important;
+    cursor: not-allowed;
+    background-image: none;
+    background-color: #fff !important;
+    border-color: #ebeef5 !important;
+  }
+}
+
+.el-message-box {
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.3);
+  border: none;
+
+  .el-message-box__content,
+  .el-message-box__title {
+    color: #fff;
+  }
+
+  .el-button {
+    border-radius: 4px;
+    background: rgba(0, 255, 255, 0.2);
+    color: #fff;
+    border: 1px solid rgba(0, 255, 255, 0.5);
+  }
+
+  .el-button:hover {
+    border-color: rgba(0, 255, 255, 1);
+  }
+}
+</style>
diff --git a/src/views/drone/components/selcet/index.vue b/src/views/drone/components/selcet/index.vue
new file mode 100644
index 0000000..dc4b6fd
--- /dev/null
+++ b/src/views/drone/components/selcet/index.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="uavselect">
+    <el-select v-model="value" @change="onChange" placeholder="请选择" size="mini">
+      <el-option v-for="item in options" :key="item.gateway" :label="item.businessName || item.gateway" :value="item.gateway"> </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listInfo } from '@/api/air';
+import { setLocal, getLocal } from '@/utils';
+import { gatewaysRemove, gatewaysAdd } from '@/api/air';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  data() {
+    return {
+      options: [],
+      value: '无人机',
+      parma: {
+        pageNum: 1,
+        pageSize: 100,
+        type: '机场'
+      }
+    };
+  },
+  watch: {
+    value: {
+      handler(newV, oldV) {
+        if (newV) {
+          this.$emit('showAirListAndAttr');
+        }
+      }
+    }
+  },
+  mounted() {
+    this.getDrone();
+    this.value = JSON.parse(getLocal('airGateway')).gateway;
+  },
+  methods: {
+    // 保存sn gateway
+    onChange(value) {
+      // console.log("valuevalue", value);
+      let obj = this.options.filter((item) => item.gateway == value)[0];
+      setLocal('airGateway', JSON.stringify(obj));
+      useAirStore().SET_GATEWAY(obj);
+      this.$emit('showAirListAndAttr');
+    },
+    // 获取机场列表
+    getDrone() {
+      listInfo(this.parma).then((res) => {
+        if (res.code == 200) {
+          let list = res.rows || [];
+          this.options = list;
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.uavselect {
+  position: fixed;
+  top: 5%;
+  left: 1%;
+  z-index: 1999;
+
+  .el-input__inner {
+    background-color: transparent;
+    border-color: rgba(0, 255, 255, 0.5);
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/api/index.js b/src/views/drone/components/virtualWarehouse/api/index.js
new file mode 100644
index 0000000..c732baa
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/api/index.js
@@ -0,0 +1,26 @@
+import { request } from "@/utils/requset2";
+
+//进入指令飞行控制模式
+export function drcModeEnter(data) {
+  return request({
+    url: "/dj/cmdFly/drcModeEnter",
+    method: "post",
+    data,
+  });
+}
+//有参数的指令飞行
+export function hasDataFlight(data) {
+  return request({
+    url: "/dj/cmdFly/hasDataFlight",
+    method: "post",
+    data,
+  });
+}
+//无参数的指令飞行
+export function noDataFlight(data) {
+  return request({
+    url: "/dj/cmdFly/noDataFlight",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/FlightTime.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/FlightTime.svg
new file mode 100644
index 0000000..8efb632
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/FlightTime.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="15.52001953125" viewBox="0 0 16 15.52001953125" fill="none">
+<path d="M15.9466 14.3674L11.9464 9.45645C11.8964 9.40634 11.8464 9.35623 11.7964 9.35623C11.7464 9.35623 11.6964 9.30611 11.6964 9.30611L10.4964 9.40634C10.5464 9.10566 10.5464 8.75488 10.4464 8.4041C10.2464 7.85286 9.89637 7.45197 9.39637 7.20141L10.1464 0.386176C10.1964 -0.014721 9.64637 -0.165056 9.49637 0.23584L7.19632 6.14906C7.14632 6.19917 7.14632 6.24928 7.14632 6.3495C7.14632 6.39962 7.14632 6.44973 7.19632 6.44973L7.69633 7.20141C6.84632 7.6023 6.34631 8.50432 6.54631 9.40634L0.196191 12.2126C-0.153816 12.3629 -0.00381303 12.9142 0.396195 12.8641L6.69631 11.8618C6.74632 11.8618 6.79632 11.8117 6.84632 11.8117C6.89632 11.8117 6.89632 11.7616 6.94632 11.7115L7.44633 10.7092C7.94634 11.0099 8.54635 11.1101 9.14636 10.9097C9.34636 10.8596 9.49637 10.7594 9.64637 10.6591L15.3965 14.8685C15.7465 15.1191 16.1466 14.7182 15.9466 14.3674ZM9.44637 9.45645C9.29636 9.70701 9.04636 9.95757 8.74635 10.0077L8.54635 10.0077C8.29634 10.0077 8.09634 9.90746 7.89634 9.80723C7.64633 9.60678 7.54633 9.35623 7.54633 9.00544C7.54633 8.55443 7.89634 8.15354 8.29634 8.05331C8.39635 8.0032 8.44635 8.0032 8.54635 8.0032C8.84635 8.0032 9.09636 8.15354 9.29636 8.35398C9.44637 8.50432 9.54637 8.75488 9.54637 9.00544C9.54637 9.20589 9.49637 9.35623 9.44637 9.45645ZM13.4964 8.50432C13.4964 9.10566 13.3964 9.70701 13.1964 10.2582L14.2465 11.5612C14.6965 10.609 14.9465 9.60678 14.9465 8.50432C14.9465 5.4976 13.0964 2.992 10.4464 1.93965L10.3464 3.49312C12.1964 4.39514 13.4964 6.29939 13.4964 8.50432ZM2.89624 10.5088C2.64624 9.85734 2.49623 9.20589 2.49623 8.50432C2.49623 7.6023 2.74624 6.70029 3.09625 5.94861L1.69622 5.34726C1.24621 6.29939 0.996206 7.40186 0.996206 8.50432C0.996206 9.40634 1.19621 10.3084 1.49622 11.1101L2.89624 10.5088ZM7.89634 2.992L8.49635 1.48864L8.04634 1.48864C6.84632 1.48864 5.7463 1.78931 4.79628 2.29043L4.84628 3.99424C5.6963 3.3929 6.74632 3.04211 7.89634 2.992ZM7.99634 14.0166C6.64631 14.0166 5.44629 13.5155 4.49627 12.7137L2.64624 13.0144C3.94626 14.5178 5.8463 15.52 7.99634 15.52C9.84637 15.52 11.5464 14.7683 12.7964 13.5656L11.5464 12.6636C10.5964 13.5155 9.34636 14.0166 7.99634 14.0166ZM4.19627 1.93965L0.996206 4.49536L4.49627 5.99872L4.19627 1.93965Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/Remaining.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/Remaining.svg
new file mode 100644
index 0000000..5a54e59
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/Remaining.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M12.16 11.52L12.568 11.112L12.568 15.432C12.568 15.7481 12.8279 16 13.144 16C13.4601 16 13.712 15.7481 13.712 15.432L13.712 11.112L14.128 11.52C14.3512 11.7432 14.7128 11.7432 14.936 11.52C15.0485 11.4075 15.104 11.2664 15.104 11.12C15.104 10.9736 15.0485 10.8227 14.936 10.712L13.544 9.328L13.528 9.304L13.52 9.296L13.504 9.288L13.488 9.28L13.48 9.272L13.464 9.264L13.456 9.256L13.44 9.248L13.432 9.24L13.416 9.232L13.408 9.224L13.392 9.216L13.384 9.216L13.368 9.208L13.36 9.2L13.344 9.2L13.328 9.192L13.32 9.192L13.304 9.184L13.296 9.184L13.28 9.176L13.264 9.176L13.248 9.168L13.24 9.168L13.224 9.168L13.216 9.168L13.192 9.16L13.184 9.16L13.168 9.16L13.112 9.16L13.096 9.16L13.08 9.16L13.064 9.168L13.048 9.168L13.032 9.168L13.024 9.168L13.008 9.176L13 9.176L12.984 9.184L12.968 9.184L12.952 9.192L12.944 9.192L12.928 9.2L12.92 9.2L12.904 9.208L12.888 9.216L12.88 9.216L12.864 9.224L12.856 9.232L12.84 9.24L12.832 9.248L12.816 9.256L12.808 9.264L12.792 9.272L12.784 9.28L12.768 9.288L12.76 9.296L12.752 9.304L12.728 9.328L11.344 10.712C11.1208 10.9352 11.1208 11.2968 11.344 11.52C11.5744 11.7414 11.9368 11.7432 12.16 11.52ZM10.304 3.432C10.304 3.11593 10.0521 2.856 9.736 2.856L2.888 2.856C2.57193 2.856 2.32 3.11593 2.32 3.432C2.32 3.74807 2.57193 4 2.888 4L9.736 4C10.0503 4 10.304 3.74807 10.304 3.432ZM10.304 6.864C10.304 6.54793 10.0521 6.288 9.736 6.288L2.888 6.288C2.57193 6.288 2.32 6.54793 2.32 6.864C2.32 7.18007 2.57193 7.432 2.888 7.432L9.736 7.432C10.0503 7.432 10.304 7.18007 10.304 6.864ZM2.888 9.72C2.57193 9.72 2.32 9.97193 2.32 10.288C2.32 10.6041 2.57193 10.864 2.888 10.864L6.312 10.864C6.62807 10.864 6.88 10.6041 6.88 10.288C6.88 9.97193 6.62807 9.72 6.312 9.72L2.888 9.72ZM8.584 13.16L2.32 13.16C2.00571 13.16 1.64 12.9081 1.64 12.592L1.64 2.176C1.64 1.85993 1.89371 1.6 2.208 1.6L10.4 1.6C10.7143 1.6 10.968 1.85993 10.968 2.176L10.968 7.432C10.968 7.74807 11.6857 8 12 8C12.3143 8 12.6 7.74807 12.6 7.432L12.6 1.144C12.6 0.511857 12.0864 0 11.456 0L1.144 0C0.513643 0 0 0.513643 0 1.144L0 13.72C0 14.3521 0.513643 14.864 1.144 14.864L8.584 14.864C8.89829 14.864 9.136 14.3321 9.136 14.016C9.136 13.7017 8.90007 13.16 8.584 13.16ZM10.856 13.44C10.5399 13.44 10.288 13.6999 10.288 14.016L10.288 15.152C10.288 15.4681 10.5399 15.728 10.856 15.728C11.1721 15.728 11.432 15.4681 11.432 15.152L11.432 14.016C11.432 13.6999 11.1721 13.44 10.856 13.44ZM9.712 10.856C10.0281 10.856 10.28 10.5961 10.28 10.28L10.28 9.712C10.28 9.39593 10.0281 9.144 9.712 9.144C9.39593 9.144 9.136 9.39593 9.136 9.712L9.136 10.28C9.136 10.5961 9.39771 10.856 9.712 10.856ZM14.856 13.16L14.856 14.304C14.856 14.6201 15.1159 14.872 15.432 14.872C15.7481 14.872 16 14.6201 16 14.304L16 13.16C16 12.8439 15.7481 12.584 15.432 12.584C15.1159 12.584 14.856 12.8439 14.856 13.16Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/battery.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/battery.svg
new file mode 100644
index 0000000..55770e1
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/battery.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.919921875" height="16" viewBox="0 0 11.919921875 16" fill="none">
+<path d="M10.0857 16L1.83434 16C1.80432 16 1.77432 15.9992 1.74433 15.9978C1.71434 15.9964 1.68442 15.9942 1.65454 15.9913C1.62466 15.9883 1.59488 15.9845 1.56519 15.9802C1.5355 15.9758 1.50592 15.9706 1.47648 15.9648C1.44704 15.9589 1.41775 15.9523 1.38863 15.945C1.35951 15.9377 1.33058 15.9297 1.30186 15.9211C1.27313 15.9123 1.24464 15.903 1.21637 15.8928C1.1881 15.8827 1.1601 15.8719 1.13236 15.8605C1.10463 15.8491 1.07719 15.8369 1.05006 15.8241C1.02292 15.8111 0.996113 15.7977 0.969639 15.7836C0.943165 15.7694 0.917049 15.7547 0.891294 15.7392C0.865549 15.7238 0.840196 15.7078 0.815232 15.6911C0.790269 15.6744 0.765733 15.6572 0.741625 15.6392C0.717516 15.6214 0.693857 15.6029 0.670644 15.5839C0.647442 15.5648 0.624721 15.5452 0.602477 15.5251C0.580234 15.505 0.558497 15.4843 0.537266 15.4631C0.516034 15.4418 0.495339 15.4201 0.475181 15.3979C0.455023 15.3757 0.435422 15.353 0.416379 15.3298C0.397336 15.3066 0.378872 15.2829 0.360986 15.2588C0.3431 15.2347 0.325819 15.2102 0.309142 15.1853C0.292465 15.1603 0.276408 15.135 0.260972 15.1093C0.245536 15.0835 0.230746 15.0574 0.216601 15.031C0.202447 15.0045 0.188954 14.9777 0.176123 14.9506C0.163283 14.9235 0.151118 14.896 0.139632 14.8683C0.128146 14.8406 0.117342 14.8126 0.107222 14.7844C0.0971115 14.7561 0.0876995 14.7276 0.0789859 14.6989C0.0702721 14.6702 0.0622673 14.6413 0.0549711 14.6122C0.0476751 14.5831 0.0410981 14.5538 0.0352404 14.5244C0.0293826 14.495 0.0242545 14.4654 0.0198559 14.4358C0.0154469 14.4061 0.0117728 14.3763 0.00883355 14.3465C0.00589421 14.3166 0.00368463 14.2867 0.00220446 14.2567C0.000734897 14.2268 0 14.1968 0 14.1668L0 3.45761C0 3.42761 0.000734897 3.39762 0.00220446 3.36766C0.00368463 3.33769 0.00589421 3.30778 0.00883355 3.27792C0.0117728 3.24806 0.0154469 3.2183 0.0198559 3.18863C0.0242545 3.15895 0.0293826 3.12939 0.0352404 3.09997C0.0410981 3.07055 0.0476751 3.04128 0.0549711 3.01217C0.0622673 2.98306 0.0702721 2.95416 0.0789859 2.92545C0.0876995 2.89675 0.0971115 2.86827 0.107222 2.84002C0.117342 2.81177 0.128146 2.78378 0.139632 2.75606C0.151118 2.72834 0.163283 2.70092 0.176123 2.67381C0.188954 2.64669 0.202447 2.61989 0.216601 2.59344C0.230746 2.56698 0.245536 2.54087 0.260972 2.51514C0.276408 2.48941 0.292465 2.46408 0.309142 2.43913C0.325819 2.41417 0.3431 2.38966 0.360986 2.36556C0.378872 2.34147 0.397336 2.31783 0.416379 2.29463C0.435422 2.27144 0.455023 2.24873 0.475181 2.2265C0.495339 2.20427 0.516034 2.18255 0.537266 2.16133C0.558497 2.14011 0.580234 2.11942 0.602477 2.09928C0.624721 2.07914 0.647442 2.05955 0.670644 2.04052C0.693857 2.02148 0.717516 2.00303 0.741625 1.98516C0.765733 1.96728 0.790269 1.95002 0.815232 1.93334C0.840196 1.91667 0.865549 1.90062 0.891294 1.8852C0.917049 1.86978 0.943165 1.855 0.969639 1.84086C0.996113 1.82672 1.02292 1.81322 1.05006 1.80039C1.07719 1.78756 1.10463 1.77542 1.13236 1.76394C1.1601 1.75245 1.1881 1.74166 1.21637 1.73155C1.24464 1.72144 1.27313 1.71203 1.30186 1.70333C1.33058 1.69463 1.35951 1.68663 1.38863 1.67933C1.41775 1.67203 1.44704 1.66547 1.47648 1.65961C1.50592 1.65375 1.5355 1.64863 1.56519 1.64423C1.59488 1.63983 1.62466 1.63616 1.65454 1.63322C1.68442 1.63028 1.71434 1.62808 1.74433 1.62659C1.77432 1.62513 1.80432 1.62439 1.83434 1.62439L10.0857 1.62439C10.1157 1.62439 10.1457 1.62513 10.1757 1.62659C10.2057 1.62808 10.2356 1.63028 10.2655 1.63322C10.2953 1.63616 10.3251 1.63983 10.3548 1.64423C10.3845 1.64863 10.4141 1.65375 10.4435 1.65961C10.473 1.66547 10.5022 1.67203 10.5314 1.67933C10.5605 1.68663 10.5894 1.69463 10.6181 1.70333C10.6469 1.71203 10.6754 1.72144 10.7036 1.73155C10.7319 1.74166 10.7599 1.75245 10.7876 1.76394C10.8154 1.77542 10.8428 1.78756 10.87 1.80039C10.8971 1.81322 10.9239 1.82672 10.9504 1.84086C10.9768 1.855 11.003 1.86978 11.0287 1.8852C11.0545 1.90062 11.0798 1.91667 11.1048 1.93334C11.1297 1.95002 11.1543 1.96728 11.1784 1.98516C11.2025 2.00303 11.2262 2.02148 11.2494 2.04052C11.2726 2.05955 11.2953 2.07914 11.3175 2.09928C11.3398 2.11942 11.3615 2.14011 11.3827 2.16133C11.404 2.18253 11.4247 2.20427 11.4448 2.2265C11.465 2.24873 11.4846 2.27144 11.5036 2.29463C11.5227 2.31781 11.5411 2.34145 11.559 2.36556C11.5769 2.38966 11.5942 2.41417 11.6109 2.43913C11.6275 2.46408 11.6436 2.48941 11.659 2.51514C11.6745 2.54087 11.6893 2.56698 11.7034 2.59344C11.7176 2.61989 11.7311 2.64669 11.7439 2.67381C11.7567 2.70092 11.7689 2.72834 11.7804 2.75606C11.7919 2.78378 11.8027 2.81177 11.8128 2.84002C11.8229 2.86827 11.8323 2.89675 11.841 2.92545C11.8497 2.95416 11.8577 2.98306 11.865 3.01217C11.8723 3.04128 11.8789 3.07055 11.8848 3.09997C11.8906 3.12939 11.8958 3.15895 11.9001 3.18863C11.9046 3.2183 11.9082 3.24806 11.9112 3.27792C11.9141 3.30778 11.9163 3.33769 11.9178 3.36766C11.9193 3.39762 11.92 3.42761 11.92 3.45761L11.92 14.1668C11.92 14.1968 11.9193 14.2268 11.9178 14.2567C11.9163 14.2867 11.9141 14.3166 11.9112 14.3465C11.9082 14.3763 11.9046 14.4061 11.9001 14.4358C11.8958 14.4654 11.8906 14.495 11.8848 14.5244C11.8789 14.5538 11.8723 14.5831 11.865 14.6122C11.8577 14.6413 11.8497 14.6702 11.841 14.6989C11.8323 14.7276 11.8229 14.7561 11.8128 14.7844C11.8027 14.8126 11.7919 14.8406 11.7804 14.8683C11.7689 14.896 11.7567 14.9235 11.7439 14.9506C11.7311 14.9777 11.7176 15.0045 11.7034 15.031C11.6893 15.0574 11.6745 15.0835 11.659 15.1093C11.6436 15.135 11.6275 15.1603 11.6109 15.1853C11.5942 15.2102 11.5769 15.2347 11.559 15.2588C11.5411 15.2829 11.5227 15.3066 11.5036 15.3298C11.4846 15.353 11.465 15.3757 11.4448 15.3979C11.4247 15.4201 11.404 15.4418 11.3827 15.4631C11.3615 15.4843 11.3398 15.505 11.3175 15.5251C11.2953 15.5452 11.2726 15.5648 11.2494 15.5839C11.2262 15.6029 11.2025 15.6214 11.1784 15.6392C11.1543 15.6572 11.1297 15.6744 11.1048 15.6911C11.0798 15.7078 11.0545 15.7238 11.0287 15.7392C11.003 15.7547 10.9768 15.7694 10.9504 15.7836C10.9239 15.7977 10.8971 15.8111 10.87 15.8241C10.8428 15.8369 10.8154 15.8491 10.7876 15.8605C10.7599 15.8719 10.7319 15.8827 10.7036 15.8928C10.6754 15.903 10.6469 15.9123 10.6181 15.9211C10.5894 15.9297 10.5605 15.9377 10.5314 15.945C10.5022 15.9523 10.473 15.9589 10.4435 15.9648C10.4141 15.9706 10.3845 15.9758 10.3548 15.9802C10.3251 15.9845 10.2953 15.9883 10.2655 15.9913C10.2356 15.9942 10.2057 15.9964 10.1757 15.9978C10.1457 15.9992 10.1157 16 10.0857 16ZM1.83434 2.98894C1.82666 2.98895 1.819 2.98916 1.81136 2.98955C1.8037 2.98994 1.79605 2.9905 1.78842 2.99127C1.78079 2.99203 1.77319 2.99298 1.76561 2.99412C1.75803 2.99527 1.75048 2.99658 1.74296 2.99808C1.73544 2.99959 1.72796 3.00128 1.72054 3.00316C1.71311 3.00502 1.70571 3.00708 1.69838 3.00931C1.69105 3.01155 1.68378 3.01395 1.67656 3.01655C1.66935 3.01914 1.6622 3.02191 1.65512 3.02484C1.64804 3.02778 1.64103 3.03089 1.63411 3.03419C1.62718 3.03747 1.62035 3.04092 1.6136 3.04453C1.60683 3.04816 1.60017 3.05194 1.5936 3.05589C1.58702 3.05984 1.58054 3.06394 1.57418 3.0682C1.56782 3.07247 1.56155 3.07687 1.5554 3.08145C1.54924 3.08603 1.5432 3.09075 1.53728 3.09561C1.53136 3.10047 1.52557 3.10548 1.5199 3.11063C1.51422 3.11578 1.50867 3.12106 1.50325 3.12648C1.49784 3.13191 1.49256 3.13747 1.48741 3.14314C1.48227 3.14883 1.47727 3.15464 1.47242 3.16056C1.46755 3.16648 1.46284 3.17253 1.45828 3.17869C1.45372 3.18484 1.44931 3.19111 1.44505 3.19748C1.44079 3.20384 1.43669 3.21033 1.43277 3.21691C1.42883 3.22348 1.42505 3.23014 1.42143 3.23689C1.41782 3.24366 1.41438 3.2505 1.41111 3.25742C1.40784 3.26434 1.40474 3.27136 1.40181 3.27844C1.39887 3.28552 1.39611 3.29267 1.39354 3.29988C1.39095 3.30709 1.38855 3.31437 1.38633 3.3217C1.38411 3.32903 1.38207 3.33642 1.3802 3.34384C1.37835 3.35128 1.37667 3.35875 1.37517 3.36627C1.37368 3.37378 1.37237 3.38133 1.37124 3.38891C1.37012 3.39648 1.36918 3.40409 1.36843 3.41172C1.36768 3.41934 1.36712 3.42698 1.36674 3.43464C1.36637 3.44228 1.36618 3.44994 1.36618 3.45761L1.36618 14.1668C1.36618 14.1744 1.36637 14.1821 1.36674 14.1897C1.36712 14.1974 1.36768 14.205 1.36843 14.2126C1.36918 14.2203 1.37012 14.2279 1.37124 14.2354C1.37237 14.243 1.37368 14.2505 1.37518 14.2581C1.37667 14.2656 1.37835 14.273 1.38022 14.2805C1.38207 14.2879 1.38412 14.2953 1.38635 14.3026C1.38857 14.3099 1.39097 14.3172 1.39355 14.3244C1.39613 14.3316 1.39889 14.3387 1.40183 14.3458C1.40475 14.3529 1.40786 14.3599 1.41113 14.3668C1.4144 14.3737 1.41785 14.3806 1.42146 14.3873C1.42507 14.3941 1.42884 14.4008 1.43278 14.4073C1.43672 14.4139 1.44082 14.4203 1.44509 14.4267C1.44934 14.4331 1.45375 14.4393 1.45831 14.4455C1.46288 14.4516 1.46759 14.4577 1.47245 14.4636C1.4773 14.4695 1.48231 14.4753 1.48746 14.481C1.4926 14.4867 1.49789 14.4922 1.50331 14.4976C1.50872 14.503 1.51426 14.5083 1.51994 14.5135C1.52562 14.5186 1.53142 14.5236 1.53735 14.5285C1.54327 14.5333 1.5493 14.538 1.55545 14.5426C1.56161 14.5471 1.56788 14.5515 1.57424 14.5558C1.58061 14.56 1.58708 14.5641 1.59366 14.5681C1.60023 14.572 1.60689 14.5758 1.61366 14.5794C1.62041 14.583 1.62724 14.5865 1.63417 14.5897C1.6411 14.593 1.6481 14.5961 1.65518 14.599C1.66227 14.602 1.66941 14.6047 1.67662 14.6073C1.68383 14.6099 1.69111 14.6123 1.69844 14.6145C1.70578 14.6167 1.71316 14.6188 1.72058 14.6206C1.72801 14.6225 1.73548 14.6242 1.743 14.6257C1.75052 14.6272 1.75806 14.6285 1.76564 14.6296C1.77322 14.6307 1.78082 14.6316 1.78845 14.6324C1.79607 14.6332 1.80371 14.6337 1.81137 14.6341C1.81902 14.6345 1.82668 14.6347 1.83434 14.6347L10.0857 14.6347C10.0933 14.6347 10.101 14.6345 10.1086 14.6341C10.1163 14.6337 10.1239 14.6332 10.1315 14.6324C10.1392 14.6316 10.1468 14.6307 10.1544 14.6296C10.1619 14.6285 10.1695 14.6272 10.177 14.6257C10.1845 14.6242 10.192 14.6225 10.1994 14.6206C10.2068 14.6188 10.2142 14.6167 10.2216 14.6145C10.2289 14.6123 10.2362 14.6099 10.2434 14.6073C10.2506 14.6047 10.2577 14.602 10.2648 14.599C10.2719 14.5961 10.2789 14.593 10.2858 14.5897C10.2928 14.5865 10.2996 14.583 10.3064 14.5794C10.3131 14.5758 10.3198 14.572 10.3263 14.5681C10.3329 14.5642 10.3394 14.5601 10.3458 14.5558C10.3521 14.5515 10.3584 14.5471 10.3646 14.5426C10.3707 14.538 10.3767 14.5333 10.3827 14.5285C10.3886 14.5236 10.3944 14.5186 10.4001 14.5135C10.4057 14.5083 10.4113 14.503 10.4167 14.4976C10.4221 14.4922 10.4274 14.4867 10.4325 14.481C10.4377 14.4753 10.4427 14.4695 10.4476 14.4636C10.4524 14.4577 10.4571 14.4516 10.4617 14.4455C10.4663 14.4393 10.4707 14.4331 10.4749 14.4267C10.4792 14.4204 10.4833 14.4139 10.4872 14.4073C10.4912 14.4008 10.4949 14.3941 10.4985 14.3873C10.5021 14.3806 10.5056 14.3737 10.5089 14.3668C10.5121 14.3599 10.5153 14.3529 10.5182 14.3458C10.5211 14.3387 10.5239 14.3316 10.5265 14.3244C10.529 14.3172 10.5314 14.3099 10.5337 14.3026C10.5359 14.2953 10.5379 14.2879 10.5398 14.2805C10.5417 14.273 10.5433 14.2656 10.5448 14.2581C10.5463 14.2505 10.5476 14.243 10.5488 14.2354C10.5499 14.2279 10.5508 14.2203 10.5516 14.2126C10.5523 14.205 10.5529 14.1974 10.5533 14.1897C10.5536 14.1821 10.5538 14.1744 10.5538 14.1668L10.5538 3.45761C10.5538 3.44994 10.5536 3.44228 10.5533 3.43464C10.5529 3.42698 10.5523 3.41934 10.5516 3.41172C10.5508 3.40409 10.5499 3.39648 10.5488 3.38891C10.5476 3.38133 10.5463 3.37378 10.5448 3.36627C10.5433 3.35875 10.5417 3.35128 10.5398 3.34384C10.5379 3.33642 10.5359 3.32903 10.5337 3.3217C10.5314 3.31437 10.529 3.30709 10.5265 3.29988C10.5239 3.29267 10.5211 3.28552 10.5182 3.27844C10.5153 3.27136 10.5122 3.26436 10.5089 3.25742C10.5056 3.2505 10.5022 3.24366 10.4986 3.23691C10.495 3.23014 10.4912 3.22348 10.4872 3.21691C10.4833 3.21033 10.4792 3.20384 10.4749 3.19748C10.4707 3.19111 10.4663 3.18484 10.4617 3.17869C10.4572 3.17253 10.4525 3.16648 10.4476 3.16056C10.4427 3.15464 10.4377 3.14883 10.4326 3.14314C10.4274 3.13747 10.4222 3.13191 10.4168 3.12648C10.4113 3.12106 10.4058 3.11578 10.4001 3.11063C10.3944 3.10548 10.3886 3.10047 10.3827 3.09561C10.3768 3.09075 10.3708 3.08603 10.3646 3.08145C10.3585 3.07687 10.3522 3.07247 10.3458 3.0682C10.3395 3.06394 10.333 3.05984 10.3264 3.05589C10.3198 3.05194 10.3132 3.04816 10.3064 3.04453C10.2997 3.04092 10.2928 3.03747 10.2859 3.03419C10.279 3.03089 10.272 3.02778 10.2649 3.02484C10.2578 3.02191 10.2507 3.01914 10.2434 3.01655C10.2362 3.01395 10.229 3.01155 10.2216 3.00931C10.2143 3.00708 10.2069 3.00502 10.1995 3.00316C10.192 3.00128 10.1846 2.99959 10.177 2.99808C10.1695 2.99658 10.162 2.99527 10.1544 2.99412C10.1468 2.99298 10.1392 2.99203 10.1316 2.99127C10.124 2.9905 10.1163 2.98994 10.1086 2.98955C10.101 2.98916 10.0933 2.98895 10.0857 2.98894L1.83434 2.98894ZM8.70673 1.36535L3.21328 1.36535C3.20235 1.36497 3.19142 1.36434 3.18052 1.36344C3.16962 1.36254 3.15874 1.36139 3.14789 1.35997C3.13704 1.35855 3.12622 1.35687 3.11545 1.35493C3.10468 1.35299 3.09397 1.35079 3.08331 1.34834C3.07264 1.34589 3.06204 1.34318 3.0515 1.34022C3.04098 1.33726 3.03052 1.33404 3.02014 1.33058C3.00976 1.32712 2.99947 1.3234 2.98928 1.31945C2.97907 1.31549 2.96897 1.31129 2.95898 1.30685C2.94897 1.3024 2.93909 1.29773 2.92932 1.29281C2.91955 1.28789 2.90989 1.28274 2.90037 1.27736C2.89084 1.27198 2.88145 1.26638 2.87219 1.26055C2.86294 1.25472 2.85382 1.24867 2.84485 1.2424C2.83589 1.23613 2.82707 1.22965 2.81842 1.22296C2.80976 1.21627 2.80127 1.20937 2.79296 1.20227C2.78462 1.19518 2.77648 1.18788 2.7685 1.18039C2.76053 1.1729 2.75274 1.16522 2.74515 1.15736C2.73753 1.1495 2.73012 1.14145 2.72291 1.13323C2.71569 1.12502 2.70867 1.11663 2.70185 1.10807C2.69505 1.09952 2.68844 1.0908 2.68204 1.08193C2.67565 1.07305 2.66946 1.06403 2.6635 1.05486C2.65755 1.04569 2.65181 1.03638 2.64629 1.02694C2.64077 1.01749 2.63548 1.00792 2.63043 0.998223C2.62539 0.988525 2.62055 0.978709 2.61597 0.96878C2.61139 0.95885 2.60706 0.948816 2.60295 0.938677C2.59885 0.928537 2.59499 0.918306 2.59138 0.907983C2.58777 0.897659 2.58442 0.887255 2.58131 0.876769C2.5782 0.866284 2.57534 0.855731 2.57274 0.845108C2.57013 0.834486 2.56779 0.823808 2.56571 0.813073C2.56361 0.802339 2.56178 0.791561 2.56022 0.780738C2.55864 0.769914 2.55733 0.759061 2.55628 0.748175C2.55523 0.737289 2.55445 0.726386 2.55392 0.715463C2.5534 0.704539 2.55314 0.693609 2.55314 0.682673C2.55314 0.671737 2.5534 0.660809 2.55392 0.649886C2.55445 0.638963 2.55523 0.628059 2.55628 0.617173C2.55733 0.606287 2.55864 0.595434 2.56022 0.584611C2.56178 0.573788 2.56361 0.563009 2.56571 0.552275C2.56779 0.541541 2.57013 0.530863 2.57274 0.520241C2.57534 0.509617 2.5782 0.499064 2.58131 0.48858C2.58442 0.478094 2.58777 0.467689 2.59138 0.457366C2.59499 0.447042 2.59885 0.436811 2.60295 0.426672C2.60705 0.416533 2.61139 0.406498 2.61597 0.396569C2.62055 0.386639 2.62539 0.376823 2.63043 0.367125C2.63548 0.357427 2.64077 0.347853 2.64629 0.338408C2.65181 0.328963 2.65755 0.319656 2.6635 0.310486C2.66946 0.301316 2.67565 0.292294 2.68204 0.28342C2.68844 0.274547 2.69504 0.265833 2.70185 0.257277C2.70867 0.24872 2.71569 0.240333 2.72291 0.232114C2.73012 0.223894 2.73753 0.215853 2.74515 0.207989C2.75274 0.200125 2.76053 0.192448 2.7685 0.184958C2.77648 0.177469 2.78462 0.170173 2.79296 0.163075C2.80127 0.155976 2.80976 0.149082 2.81842 0.14239C2.82707 0.135699 2.83589 0.129219 2.84485 0.122951C2.85382 0.116683 2.86294 0.110633 2.87219 0.104802C2.88145 0.0989711 2.89084 0.0933655 2.90037 0.0879853C2.90989 0.0826052 2.91955 0.0774567 2.92932 0.0725397C2.93909 0.0676227 2.94897 0.062943 2.95898 0.0585006C2.96897 0.0540583 2.97907 0.0498584 2.98928 0.0459008C2.99947 0.0419431 3.00976 0.0382325 3.02014 0.0347687C3.03052 0.0313052 3.04098 0.0280923 3.0515 0.0251306C3.06204 0.0221689 3.07264 0.0194614 3.08331 0.0170083C3.09397 0.0145553 3.10468 0.0123594 3.11545 0.0104207C3.12622 0.00848208 3.13704 0.00680284 3.14789 0.00538302C3.15874 0.0039632 3.16962 0.00280445 3.18052 0.00190677C3.19142 0.00100908 3.20235 0.000373491 3.21328 0L8.70673 0C8.71765 0.000373489 8.72858 0.00100908 8.73948 0.00190677C8.75039 0.00280445 8.76127 0.0039632 8.77212 0.00538302C8.78298 0.00680283 8.79378 0.00848206 8.80455 0.0104207C8.81532 0.0123594 8.82603 0.0145553 8.83669 0.0170083C8.84736 0.0194614 8.85796 0.0221689 8.8685 0.0251306C8.87902 0.0280923 8.88948 0.0313052 8.89986 0.0347687C8.91024 0.0382325 8.92053 0.0419431 8.93074 0.0459008C8.94093 0.0498583 8.95103 0.0540583 8.96104 0.0585006C8.97103 0.062943 8.98092 0.0676227 8.99069 0.0725397C9.00047 0.0774567 9.01011 0.0826052 9.01964 0.0879853C9.02916 0.0933655 9.03855 0.0989711 9.04782 0.104802C9.05708 0.110633 9.06619 0.116683 9.07515 0.122951C9.08411 0.129219 9.09293 0.135699 9.10159 0.14239C9.11024 0.149082 9.11873 0.155976 9.12706 0.163075C9.13538 0.170173 9.14352 0.177469 9.1515 0.184958C9.15947 0.192447 9.16726 0.200125 9.17487 0.207989C9.18247 0.215853 9.18988 0.223894 9.1971 0.232112C9.20431 0.240333 9.21133 0.24872 9.21815 0.257277C9.22496 0.265833 9.23156 0.274547 9.23796 0.28342C9.24435 0.292294 9.25054 0.301316 9.2565 0.310486C9.26245 0.319656 9.26819 0.328963 9.27371 0.338408C9.27923 0.347853 9.28452 0.357427 9.28957 0.367125C9.29462 0.376823 9.29945 0.386639 9.30403 0.396569C9.30861 0.406498 9.31295 0.416533 9.31705 0.426672C9.32116 0.436811 9.32501 0.447042 9.32862 0.457366C9.33223 0.467689 9.33558 0.478094 9.33869 0.48858C9.3418 0.499064 9.34466 0.509617 9.34726 0.520241C9.34987 0.530863 9.35221 0.541541 9.35429 0.552275C9.35639 0.563009 9.35822 0.573788 9.3598 0.584611C9.36136 0.595434 9.36267 0.606287 9.36372 0.617173C9.36477 0.628059 9.36557 0.638963 9.36608 0.649886C9.3666 0.660809 9.36686 0.671737 9.36686 0.682673C9.36686 0.693609 9.3666 0.704539 9.36608 0.715463C9.36557 0.726386 9.36477 0.737289 9.36372 0.748175C9.36267 0.759061 9.36136 0.769914 9.3598 0.780738C9.35822 0.791561 9.35639 0.802339 9.35429 0.813073C9.35221 0.823808 9.34987 0.834486 9.34726 0.845108C9.34466 0.855731 9.3418 0.866284 9.33869 0.876769C9.33558 0.887255 9.33223 0.897659 9.32862 0.907983C9.32501 0.918306 9.32116 0.928537 9.31705 0.938677C9.31295 0.948816 9.30861 0.95885 9.30403 0.96878C9.29945 0.978709 9.29462 0.988525 9.28957 0.998223C9.28452 1.00792 9.27923 1.0175 9.27371 1.02694C9.26819 1.03639 9.26245 1.04569 9.2565 1.05486C9.25054 1.06403 9.24435 1.07305 9.23796 1.08193C9.23156 1.0908 9.22496 1.09952 9.21815 1.10807C9.21133 1.11663 9.20431 1.12502 9.1971 1.13323C9.18988 1.14145 9.18247 1.1495 9.17487 1.15736C9.16726 1.16522 9.15947 1.1729 9.1515 1.18039C9.14352 1.18788 9.13538 1.19518 9.12706 1.20227C9.11873 1.20937 9.11024 1.21627 9.10159 1.22296C9.09293 1.22965 9.08411 1.23613 9.07515 1.2424C9.06619 1.24867 9.05708 1.25472 9.04782 1.26055C9.03855 1.26638 9.02916 1.27198 9.01964 1.27736C9.01011 1.28274 9.00047 1.28789 8.99069 1.29281C8.98092 1.29773 8.97103 1.3024 8.96104 1.30685C8.95103 1.31129 8.94093 1.31549 8.93074 1.31945C8.92053 1.3234 8.91024 1.32712 8.89986 1.33058C8.88948 1.33404 8.87902 1.33726 8.8685 1.34022C8.85796 1.34318 8.84736 1.34589 8.83669 1.34834C8.82603 1.35079 8.81532 1.35299 8.80455 1.35493C8.79378 1.35687 8.78298 1.35855 8.77212 1.35997C8.76127 1.36139 8.75039 1.36254 8.73948 1.36344C8.72858 1.36434 8.71765 1.36497 8.70673 1.36535ZM2.26182 11.7358L9.70604 11.7358C9.86182 11.7358 9.93971 11.8136 9.93971 11.9693L9.93971 13.4869C9.93971 13.6426 9.86182 13.7204 9.70604 13.7204L2.26182 13.7204C2.10604 13.7204 2.02815 13.6426 2.02815 13.4869L2.02815 11.9693C2.02815 11.8136 2.10604 11.7358 2.26182 11.7358ZM2.26182 9.12544L9.70604 9.12544C9.86182 9.12544 9.93971 9.20328 9.93971 9.35897L9.93971 10.8766C9.93971 11.0323 9.86182 11.1101 9.70604 11.1101L2.26182 11.1101C2.10604 11.1101 2.02815 11.0323 2.02815 10.8766L2.02815 9.35897C2.02815 9.20328 2.10604 9.12544 2.26182 9.12544ZM2.26182 6.5143L9.70604 6.5143C9.86182 6.5143 9.93971 6.59214 9.93971 6.74783L9.93971 8.26542C9.93971 8.42111 9.86182 8.49895 9.70604 8.49895L2.26182 8.49895C2.10604 8.49895 2.02815 8.42111 2.02815 8.26542L2.02815 6.74783C2.02815 6.59214 2.10604 6.5143 2.26182 6.5143Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/big.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/big.svg
new file mode 100644
index 0000000..1d558e2
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/big.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.919921875" height="16" viewBox="0 0 15.919921875 16" fill="none">
+<path d="M15.1112 6.9457C14.7718 6.9457 14.4865 6.71375 14.4053 6.39967L14.4042 6.39988C14.363 6.23191 14.3153 6.06583 14.2609 5.90166C14.2065 5.73748 14.1458 5.57572 14.0786 5.41639C13.7466 4.6337 13.2723 3.93128 12.6703 3.32739C12.0666 2.7235 11.3643 2.24916 10.5817 1.91892C10.3134 1.80506 10.0378 1.71088 9.75837 1.63459C9.39315 1.59066 9.11 1.27987 9.11 0.902734C9.11 0.495495 9.44008 0.165363 9.84724 0.165363C9.95397 0.165363 10.0553 0.188238 10.1469 0.229059C12.9246 0.987503 15.1006 3.19988 15.8076 5.99827C15.8185 6.03353 15.8268 6.06944 15.8324 6.10597C15.838 6.14248 15.8407 6.17922 15.8407 6.21617C15.8408 6.61908 15.5141 6.9457 15.1112 6.9457ZM0 7.97245C0 12.4058 3.59352 16 8.02615 16C11.9404 16 15.1997 13.1977 15.9083 9.49084L15.906 9.49002C15.915 9.43909 15.92 9.38673 15.92 9.33319C15.92 8.87028 15.5633 8.49098 15.11 8.45452L15.1103 8.44802L8.00791 7.99434L8.00791 0.962189C8.0103 0.935711 8.01172 0.908938 8.01172 0.881822C8.01172 0.394809 7.61697 0 7.13004 0C7.0789 5.78452e-05 7.02814 0.00452013 6.97776 0.0133868C3.04116 0.526739 0 3.89402 0 7.97245ZM1.97552 10.5285C1.63259 9.72027 1.45929 8.85913 1.45929 7.97245C1.45929 7.08577 1.63259 6.22828 1.9737 5.42006C2.30387 4.63919 2.77631 3.93678 3.37827 3.33289C3.98023 2.73083 4.6807 2.25647 5.46143 1.92442C5.81349 1.773 6.1783 1.65623 6.54861 1.57048L6.54861 8.45897L6.54961 8.45963L6.55082 8.6708C6.55075 8.6748 6.55052 8.67873 6.55052 8.68273C6.55052 9.08825 6.87784 9.4172 7.28264 9.41997L7.28252 9.42023L7.42858 9.42094L7.42858 9.42091L7.91486 9.45208L14.3175 9.86075C13.9892 10.9591 13.3762 11.957 12.5226 12.7598C11.3005 13.9074 9.70435 14.5405 8.02615 14.5405C7.13962 14.5405 6.27863 14.3671 5.47238 14.026C4.68983 13.6957 3.98753 13.2214 3.38374 12.6175C2.77995 12.0136 2.30569 11.3112 1.97552 10.5285Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/memory.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/memory.svg
new file mode 100644
index 0000000..8ba233b
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/memory.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.3203125" height="16" viewBox="0 0 14.3203125 16" fill="none">
+<path d="M13.9947 3.10876L10.0045 0.103786C9.91533 0.0362046 9.80931 0 9.69847 0L0.402396 0.00241378C0.197584 0.00241378 0 0.144818 0 0.407905L0 15.3435C0 15.679 0.289147 16 0.657809 16L13.9634 16C14.1754 16 14.32 15.8962 14.32 15.6573L14.32 3.5046C14.3176 3.34289 14.1248 3.20531 13.9947 3.10876ZM10.1563 1.75713L10.1563 4.76211C10.1563 4.88037 10.0985 4.98416 9.96834 4.98416L3.6553 4.98416C3.48181 4.98416 3.45772 4.89244 3.45772 4.75487L3.45772 1.25268L9.44306 1.25268L10.1563 1.75713ZM13.1032 14.3298C13.1032 14.588 12.9466 14.7642 12.696 14.7642L1.5879 14.7642C1.39272 14.7666 1.26261 14.6242 1.26261 14.4142L1.26261 1.53266C1.26261 1.36129 1.42164 1.25509 1.63127 1.25509C1.81199 1.25509 2.0409 1.25509 2.29872 1.25509L2.30113 5.85066C2.30113 6.0172 2.40474 6.09443 2.56136 6.09443L10.9008 6.09202C11.0647 6.09443 11.1587 5.97134 11.1538 5.78549L11.1563 2.52225L13.1032 3.98009L13.1032 14.3298ZM2.66738 10.5307L7.21422 10.5307C7.37566 10.5307 7.48409 10.4269 7.48409 10.2797C7.48409 10.1542 7.48409 9.79454 7.48409 9.65938C7.48409 9.50008 7.31542 9.3987 7.16602 9.3987L2.63365 9.3987C2.4457 9.3987 2.35173 9.51697 2.35173 9.65938C2.35173 9.81385 2.35173 10.1831 2.35173 10.2724C2.35173 10.4173 2.46498 10.5307 2.66738 10.5307ZM10.8189 9.3987L8.52983 9.3987C8.33225 9.3987 8.19009 9.51214 8.19009 9.67144C8.19009 9.78488 8.19009 10.13 8.19009 10.2459C8.19009 10.4414 8.34189 10.5331 8.51779 10.5331L10.79 10.5331C10.9924 10.5331 11.1563 10.3907 11.1563 10.2145C11.1563 10.0649 11.1563 9.9297 11.1563 9.75833C11.1587 9.56524 11.0261 9.3987 10.8189 9.3987ZM5.28175 12.3964L2.6722 12.3964C2.47221 12.3964 2.34932 12.5002 2.34932 12.7175C2.34932 12.8623 2.34932 13.0119 2.34932 13.135C2.34932 13.3498 2.47943 13.4826 2.67943 13.4826L5.22392 13.4826C5.41428 13.4826 5.58776 13.3547 5.58776 13.1447C5.58776 12.983 5.58776 12.8647 5.58776 12.7512C5.58776 12.5533 5.42632 12.3964 5.28175 12.3964ZM10.7996 12.3964L6.57086 12.3964C6.35641 12.3964 6.22871 12.5533 6.22871 12.7368C6.22871 12.843 6.22871 13.0385 6.22871 13.1543C6.22871 13.304 6.36364 13.4826 6.57809 13.4826L10.7707 13.4826C10.9852 13.4826 11.1563 13.3305 11.1563 13.1109C11.1563 13.0119 11.1563 12.9009 11.1563 12.7512C11.1587 12.5485 11.031 12.3964 10.7996 12.3964ZM8.83344 4.23593C9.00934 4.23593 9.1515 4.0887 9.1515 3.96078L9.1515 2.23261C9.1515 2.05401 9.05271 1.95505 8.90332 1.95505C8.78043 1.95505 8.30334 1.95505 8.19732 1.95505C8.04792 1.95505 7.97564 2.06366 7.97564 2.2302L7.97564 3.96561C7.97564 4.12008 8.12744 4.23835 8.26237 4.23835C8.37803 4.23593 8.70332 4.23593 8.83344 4.23593Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/picture.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/picture.svg
new file mode 100644
index 0000000..f173d29
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/picture.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="12.6400146484375" viewBox="0 0 16 12.6400146484375" fill="none">
+<path d="M13.52 12.64L2.48 12.64C1.12 12.64 0 11.52 0 10.16L0 2.48C0 1.12001 1.12 0 2.48 0L13.52 0C14.88 0 16 1.12001 16 2.48L16 10.16C16 11.52 14.88 12.64 13.52 12.64ZM2.8 1.6C2.16 1.6 1.6 2.16001 1.6 2.8L1.68 9.92C1.68 10.56 2.24 11.12 2.88 11.12L13.2 11.12C13.84 11.12 14.4 10.56 14.4 9.92L14.32 2.8C14.32 2.16001 13.76 1.6 13.12 1.6L2.8 1.6ZM6.4 9.84C4.48 9.84 2.88 8.24 2.88 6.32C2.88 4.4 4.48 2.8 6.4 2.8C8.32 2.8 9.92 4.4 9.92 6.32C10 8.24 8.39999 9.84 6.4 9.84ZM6.4 4C5.11999 4 4.08 5.04 4.08 6.32C4.08 7.6 5.11999 8.64 6.4 8.64C7.67999 8.64 8.72 7.6 8.72 6.32C8.72 5.04 7.67999 4 6.4 4ZM13.04 3.6L11.76 3.6C11.52 3.6 11.28 3.36 11.28 3.12L11.28 2.96C11.28 2.72 11.52 2.48 11.76 2.48L13.04 2.48C13.28 2.48 13.52 2.72 13.52 2.96L13.52 3.12C13.52 3.36 13.28 3.6 13.04 3.6Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/plane.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/plane.svg
new file mode 100644
index 0000000..9ec2886
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/plane.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="13.44000244140625" viewBox="0 0 16 13.44000244140625" fill="none">
+<path d="M8 9.15064C12.4183 9.15064 16 10.1108 16 11.2953C16 12.4798 12.4183 13.44 8 13.44C3.58171 13.44 0 12.4798 0 11.2953C0 10.1108 3.58171 9.15064 8 9.15064ZM8 10.1515C5.93164 10.1515 4.00154 10.3703 2.60188 10.7456L2.56289 10.7561L2.52427 10.7667L2.48602 10.7773L2.42934 10.7934L2.39202 10.8042L2.35507 10.8151L2.3185 10.826L2.28232 10.8369L2.24652 10.8479L2.21109 10.8589L2.17607 10.87L2.14143 10.8812L2.09868 10.8952L2.05654 10.9092L2.0068 10.9261L1.96604 10.9403L1.92591 10.9546L1.91002 10.9603L1.87859 10.9717L1.84755 10.9832L1.81693 10.9947L1.78671 11.0063L1.75693 11.0178L1.72755 11.0294L1.71304 11.0352L1.67718 11.0498L1.642 11.0644L1.61432 11.0761L1.58707 11.0878L1.56027 11.0995L1.53389 11.1112L1.50795 11.123L1.48245 11.1348L1.46987 11.1407L1.44504 11.1525L1.42064 11.1643L1.39671 11.1761L1.37321 11.1879L1.35018 11.1997L1.33882 11.2056L1.31646 11.2175C1.30539 11.2234 1.2945 11.2293 1.28379 11.2352L1.25734 11.25L1.23162 11.2648C1.21811 11.2727 1.20489 11.2806 1.19198 11.2885L1.18087 11.2953L1.18237 11.2963C1.20148 11.3081 1.2213 11.3199 1.24184 11.3318L1.26257 11.3436C1.27307 11.3495 1.28373 11.3554 1.29457 11.3614L1.31648 11.3732L1.33884 11.385L1.36741 11.3998L1.39673 11.4146L1.42066 11.4264L1.45123 11.4412L1.48248 11.4559L1.52091 11.4735L1.5603 11.4912L1.58712 11.5029C1.59162 11.5049 1.59614 11.5068 1.6007 11.5088L1.62814 11.5205L1.65604 11.5321L1.69868 11.5496L1.73493 11.5641L1.77186 11.5786C1.78179 11.5825 1.79179 11.5863 1.80186 11.5902L1.83995 11.6046L1.87868 11.6189L1.89436 11.6247L1.926 11.6361L1.95807 11.6475L1.99054 11.6589L2.00691 11.6645L2.03998 11.6758C2.05105 11.6796 2.06221 11.6833 2.07345 11.6871L2.1073 11.6983L2.14155 11.7095L2.1762 11.7206L2.22891 11.7373L2.28248 11.7538L2.31866 11.7647L2.35523 11.7756L2.3922 11.7865L2.42952 11.7973L2.46721 11.808L2.50529 11.8187L2.54373 11.8293L2.58254 11.8399L2.60188 11.8451C4.00154 12.2203 5.93164 12.4391 8 12.4391C10.0684 12.4391 11.9985 12.2203 13.3981 11.8451L13.4371 11.8345L13.4757 11.8239L13.514 11.8133L13.5707 11.7972L13.608 11.7864L13.6449 11.7756L13.6815 11.7647L13.7177 11.7537L13.7535 11.7427L13.7889 11.7317L13.8239 11.7206L13.8586 11.7095L13.9013 11.6955L13.9435 11.6814L13.9932 11.6645L14.034 11.6503L14.0741 11.6361L14.09 11.6304L14.1214 11.6189L14.1524 11.6074L14.1831 11.5959L14.2133 11.5844L14.2431 11.5728L14.2724 11.5612L14.287 11.5554L14.3228 11.5408L14.358 11.5263L14.3857 11.5146L14.4129 11.5029L14.4397 11.4911L14.4661 11.4794L14.4921 11.4676L14.5176 11.4559L14.5301 11.45L14.555 11.4382L14.5794 11.4264L14.6033 11.4146L14.6268 11.4028L14.6498 11.3909L14.6612 11.385L14.6835 11.3732C14.6946 11.3673 14.7055 11.3613 14.7162 11.3554L14.7427 11.3406L14.7684 11.3258C14.7819 11.318 14.7951 11.3101 14.808 11.3022L14.8191 11.2953L14.8176 11.2944C14.7985 11.2826 14.7787 11.2707 14.7582 11.2589L14.7374 11.247C14.7268 11.2411 14.7161 11.2351 14.7054 11.2293L14.6835 11.2174L14.6612 11.2056L14.6326 11.1908L14.6033 11.1761L14.5793 11.1642L14.5488 11.1495L14.5175 11.1348L14.4791 11.1171L14.4397 11.0995L14.4129 11.0877C14.4084 11.0858 14.4039 11.0838 14.3993 11.0819L14.3719 11.0702L14.344 11.0585L14.3013 11.041L14.2651 11.0265L14.2281 11.012C14.2182 11.0082 14.2082 11.0043 14.1981 11.0005L14.1601 10.9861L14.1213 10.9717L14.1056 10.966L14.074 10.9545L14.0419 10.9431L14.0095 10.9318L13.9931 10.9261L13.96 10.9148C13.9489 10.911 13.9378 10.9073 13.9266 10.9035L13.8927 10.8923L13.8584 10.8811L13.8238 10.87L13.7711 10.8534L13.7175 10.8369L13.6813 10.8259L13.6448 10.815L13.6078 10.8042L13.5705 10.7934L13.5328 10.7827L13.4947 10.772L13.4563 10.7613L13.4175 10.7508L13.3981 10.7456C11.9985 10.3703 10.0684 10.1515 8 10.1515ZM8 10.7055C9.21305 10.7055 10.1964 10.9696 10.1964 11.2953C10.1964 11.621 9.21305 11.8851 8 11.8851C6.78695 11.8851 5.80357 11.621 5.80357 11.2953C5.80357 10.9696 6.78695 10.7055 8 10.7055ZM4.85714 0C4.85948 0 4.86182 5.94509e-05 4.86416 0.000178625C4.8665 0.000286074 4.86882 0.000458699 4.87114 0.000697048C4.87348 0.000923398 4.8758 0.00120947 4.87811 0.00155499C4.88041 0.00188852 4.88271 0.00228777 4.88502 0.00275247C4.8873 0.00320517 4.88959 0.00371732 4.89186 0.00428945C4.89412 0.00484934 4.89638 0.00546894 4.89861 0.00614798C4.90084 0.00682731 4.90307 0.00756608 4.90527 0.00836429C4.90746 0.00915051 4.90964 0.00999075 4.9118 0.0108841C4.91396 0.0117778 4.91611 0.0127252 4.91821 0.013726C4.92034 0.0147269 4.92243 0.0157812 4.92448 0.0168895C4.92654 0.0179855 4.92857 0.0191352 4.93059 0.0203387C4.93259 0.0215422 4.93457 0.0227931 4.93652 0.0240921C4.93846 0.0253907 4.94037 0.026737 4.94225 0.0281312C4.94413 0.0295249 4.94596 0.0309669 4.94777 0.032456C4.94957 0.0339337 4.95134 0.0354585 4.95307 0.0370317C4.9548 0.0386043 4.9565 0.0402188 4.95816 0.0418749C4.95982 0.0435311 4.96143 0.045229 4.963 0.0469687C4.96455 0.0486962 4.96609 0.0504656 4.96757 0.0522766C4.96905 0.0540878 4.9705 0.0559285 4.97189 0.057799C4.97329 0.0596818 4.97463 0.061594 4.97593 0.063536C4.97723 0.0654903 4.97848 0.0674679 4.97968 0.0694696C4.98088 0.0714833 4.98204 0.0735207 4.98312 0.0755821C4.98423 0.0776433 4.98529 0.0797344 4.98629 0.0818553C4.98729 0.0839643 4.98823 0.086103 4.98912 0.0882715C4.99002 0.090428 4.99086 0.0926086 4.99164 0.0948126C4.99245 0.097017 4.99318 0.0992392 4.99386 0.101479C4.99454 0.103719 4.99516 0.105971 4.99571 0.108235C4.99629 0.110511 4.9968 0.112792 4.99725 0.11508C4.99771 0.11738 4.99811 0.119685 4.99845 0.121997C4.99879 0.124308 4.99907 0.126631 4.9993 0.128967C4.99954 0.13129 4.99971 0.13362 4.99982 0.135955C4.99995 0.138302 5 0.140644 5 0.142979L5 0.714894C5 0.71723 4.99995 0.719571 4.99982 0.721917C4.99971 0.724253 4.99955 0.726582 4.99932 0.728905C4.99909 0.731241 4.99879 0.733565 4.99845 0.735876C4.99811 0.738187 4.99771 0.740492 4.99725 0.742792C4.9968 0.74508 4.99629 0.747362 4.99571 0.749637C4.99516 0.751902 4.99454 0.754154 4.99386 0.756393C4.99318 0.758633 4.99245 0.760856 4.99164 0.76306C4.99086 0.765263 4.99002 0.767444 4.98912 0.769601C4.98823 0.771769 4.98729 0.773908 4.98629 0.776017C4.98529 0.778138 4.98423 0.78023 4.98312 0.78229C4.98204 0.784351 4.98088 0.786388 4.97968 0.788403C4.97848 0.790404 4.97723 0.792383 4.97593 0.794336C4.97463 0.796279 4.97329 0.798191 4.97189 0.800073C4.9705 0.801944 4.96905 0.803785 4.96757 0.805596C4.96609 0.807406 4.96455 0.809176 4.963 0.810904C4.96143 0.812643 4.95982 0.814341 4.95816 0.815997C4.9565 0.817654 4.9548 0.819268 4.95307 0.820841C4.95134 0.822401 4.94957 0.823927 4.94777 0.825416C4.94596 0.826905 4.94413 0.828347 4.94225 0.829741C4.94037 0.831135 4.93846 0.832481 4.93652 0.83378C4.93457 0.83508 4.93259 0.836331 4.93059 0.837534C4.92857 0.838736 4.92654 0.839887 4.92448 0.840983C4.92243 0.842091 4.92034 0.843146 4.91821 0.844146C4.91611 0.845147 4.91396 0.846094 4.9118 0.846988C4.90964 0.847882 4.90746 0.848722 4.90527 0.849508C4.90307 0.850307 4.90084 0.851045 4.89861 0.851724C4.89638 0.852403 4.89412 0.853024 4.89186 0.853583C4.88959 0.854155 4.8873 0.854668 4.88502 0.85512C4.88271 0.855585 4.88041 0.855983 4.87811 0.856317C4.8758 0.856662 4.87348 0.856948 4.87114 0.857175C4.86882 0.857413 4.8665 0.857586 4.86416 0.857694C4.86182 0.857813 4.85948 0.857872 4.85714 0.857872L2.78571 0.857872L2.78573 1.9365C2.99604 2.05827 3.13855 2.28426 3.14277 2.54393L3.14286 2.55574L5.5 2.55574L5.5 1.93021C5.5 1.2985 6.01168 0.786383 6.64286 0.786383L9.35714 0.786383C9.98832 0.786383 10.5 1.2985 10.5 1.93021L10.5 2.55574L12.8571 2.55574C12.8571 2.29113 13.0008 2.06009 13.2143 1.93649L13.2143 0.857872L11.1429 0.857872C11.1405 0.857872 11.1382 0.857813 11.1359 0.857694C11.1335 0.857586 11.1312 0.857413 11.1289 0.857175C11.1265 0.856948 11.1242 0.856662 11.1219 0.856317C11.1196 0.855983 11.1173 0.855585 11.115 0.85512C11.1127 0.854668 11.1104 0.854155 11.1081 0.853583C11.1059 0.853024 11.1036 0.852403 11.1014 0.851724C11.0992 0.851045 11.0969 0.850307 11.0947 0.849508C11.0925 0.848722 11.0903 0.847882 11.0882 0.846988C11.086 0.846094 11.0839 0.845147 11.0818 0.844146C11.0797 0.843146 11.0776 0.842091 11.0755 0.840983C11.0735 0.839887 11.0714 0.838736 11.0694 0.837534C11.0674 0.836331 11.0654 0.83508 11.0635 0.83378C11.0615 0.832481 11.0596 0.831135 11.0577 0.829741C11.0559 0.828347 11.054 0.826905 11.0522 0.825416C11.0504 0.823927 11.0486 0.822401 11.0469 0.820841C11.0452 0.819268 11.0435 0.817654 11.0418 0.815997C11.0402 0.814341 11.0386 0.812643 11.037 0.810904C11.0354 0.809176 11.0339 0.807406 11.0324 0.805596C11.0309 0.803785 11.0295 0.801944 11.0281 0.800073C11.0267 0.798191 11.0254 0.796279 11.0241 0.794336C11.0228 0.792383 11.0215 0.790404 11.0203 0.788403C11.0191 0.786388 11.018 0.784351 11.0169 0.78229C11.0158 0.78023 11.0147 0.778138 11.0137 0.776017C11.0127 0.773908 11.0118 0.771769 11.0109 0.769601C11.01 0.767444 11.0091 0.765263 11.0084 0.76306C11.0076 0.760856 11.0068 0.758633 11.0061 0.756393C11.0055 0.754154 11.0048 0.751902 11.0043 0.749637C11.0037 0.747362 11.0032 0.74508 11.0028 0.742792C11.0023 0.740492 11.0019 0.738187 11.0016 0.735876C11.0012 0.733565 11.0009 0.731241 11.0007 0.728905C11.0005 0.726582 11.0003 0.724253 11.0002 0.721917C11.0001 0.719571 11 0.71723 11 0.714894L11 0.142979C11 0.140644 11.0001 0.138302 11.0002 0.135955C11.0003 0.13362 11.0005 0.13129 11.0007 0.128967C11.0009 0.126631 11.0012 0.124308 11.0016 0.121997C11.0019 0.119685 11.0023 0.11738 11.0028 0.11508C11.0032 0.112792 11.0037 0.110511 11.0043 0.108235C11.0048 0.105971 11.0055 0.103719 11.0061 0.101479C11.0068 0.0992392 11.0076 0.097017 11.0084 0.0948126C11.0091 0.0926086 11.01 0.090428 11.0109 0.0882715C11.0118 0.086103 11.0127 0.0839643 11.0137 0.0818553C11.0147 0.0797344 11.0158 0.0776433 11.0169 0.0755821C11.018 0.0735207 11.0191 0.0714833 11.0203 0.0694696C11.0215 0.0674679 11.0228 0.0654903 11.0241 0.063536C11.0254 0.061594 11.0267 0.0596818 11.0281 0.057799C11.0295 0.0559285 11.0309 0.0540878 11.0324 0.0522766C11.0339 0.0504656 11.0354 0.0486962 11.037 0.0469687C11.0386 0.045229 11.0402 0.0435311 11.0418 0.0418749C11.0435 0.0402188 11.0452 0.0386043 11.0469 0.0370317C11.0487 0.0354585 11.0504 0.0339337 11.0522 0.032456C11.054 0.0309669 11.0559 0.0295249 11.0577 0.0281312C11.0596 0.026737 11.0615 0.0253907 11.0635 0.0240921C11.0654 0.0227931 11.0674 0.0215422 11.0694 0.0203387C11.0714 0.0191352 11.0735 0.0179855 11.0755 0.0168895C11.0776 0.0157812 11.0797 0.0147269 11.0818 0.013726C11.0839 0.0127252 11.086 0.0117778 11.0882 0.0108841C11.0904 0.00999075 11.0925 0.00915051 11.0947 0.00836429C11.0969 0.00756608 11.0992 0.00682731 11.1014 0.00614798C11.1036 0.00546894 11.1059 0.00484934 11.1081 0.00428945C11.1104 0.00371732 11.1127 0.00320517 11.115 0.00275247C11.1173 0.00228777 11.1196 0.00188852 11.1219 0.00155499C11.1242 0.00120947 11.1265 0.000923398 11.1289 0.000697048C11.1312 0.000458699 11.1335 0.000286074 11.1358 0.000178625C11.1382 5.94509e-05 11.1405 0 11.1429 0L15.8571 0C15.8595 0 15.8618 5.94509e-05 15.8642 0.000178625C15.8665 0.000286074 15.8688 0.000458699 15.8711 0.000697048C15.8735 0.000923398 15.8758 0.00120947 15.8781 0.00155499C15.8804 0.00188852 15.8827 0.00228777 15.885 0.00275247C15.8873 0.00320517 15.8896 0.00371732 15.8919 0.00428945C15.8941 0.00484934 15.8964 0.00546894 15.8986 0.00614798C15.9008 0.00682731 15.9031 0.00756608 15.9053 0.00836429C15.9075 0.00915051 15.9096 0.00999075 15.9118 0.0108841C15.914 0.0117778 15.9161 0.0127252 15.9182 0.013726C15.9203 0.0147269 15.9224 0.0157812 15.9245 0.0168895C15.9265 0.0179855 15.9286 0.0191352 15.9306 0.0203387C15.9326 0.0215422 15.9346 0.0227931 15.9365 0.0240921C15.9384 0.0253907 15.9404 0.026737 15.9423 0.0281312C15.9441 0.0295249 15.946 0.0309669 15.9478 0.032456C15.9496 0.0339337 15.9513 0.0354585 15.9531 0.0370317C15.9548 0.0386043 15.9565 0.0402188 15.9582 0.0418749C15.9598 0.0435311 15.9614 0.045229 15.963 0.0469687C15.9646 0.0486962 15.9661 0.0504656 15.9676 0.0522766C15.9691 0.0540878 15.9705 0.0559285 15.9719 0.057799C15.9733 0.0596818 15.9746 0.061594 15.9759 0.063536C15.9772 0.0654903 15.9785 0.0674679 15.9797 0.0694696C15.9809 0.0714833 15.982 0.0735207 15.9831 0.0755821C15.9842 0.0776433 15.9853 0.0797344 15.9863 0.0818553C15.9873 0.0839643 15.9882 0.086103 15.9891 0.0882715C15.99 0.090428 15.9909 0.0926086 15.9916 0.0948126C15.9924 0.097017 15.9932 0.0992392 15.9938 0.101479C15.9945 0.103719 15.9951 0.105971 15.9957 0.108235C15.9963 0.110511 15.9968 0.112792 15.9972 0.11508C15.9977 0.11738 15.9981 0.119685 15.9984 0.121997C15.9988 0.124308 15.9991 0.126631 15.9993 0.128967C15.9995 0.13129 15.9997 0.13362 15.9998 0.135955C15.9999 0.138302 16 0.140644 16 0.142979L16 0.714894C16 0.71723 15.9999 0.719571 15.9998 0.721917C15.9997 0.724253 15.9995 0.726582 15.9993 0.728905C15.9991 0.731241 15.9988 0.733565 15.9984 0.735876C15.9981 0.738187 15.9977 0.740492 15.9972 0.742792C15.9968 0.74508 15.9963 0.747362 15.9957 0.749637C15.9951 0.751902 15.9945 0.754154 15.9938 0.756393C15.9932 0.758633 15.9924 0.760856 15.9916 0.76306C15.9909 0.765263 15.99 0.767444 15.9891 0.769601C15.9882 0.771769 15.9873 0.773908 15.9863 0.776017C15.9853 0.778138 15.9842 0.78023 15.9831 0.78229C15.982 0.784351 15.9809 0.786388 15.9797 0.788403C15.9785 0.790404 15.9772 0.792383 15.9759 0.794336C15.9746 0.796279 15.9733 0.798191 15.9719 0.800073C15.9705 0.801944 15.9691 0.803785 15.9676 0.805596C15.9661 0.807406 15.9646 0.809176 15.963 0.810904C15.9614 0.812643 15.9598 0.814341 15.9582 0.815997C15.9565 0.817654 15.9548 0.819268 15.9531 0.820841C15.9513 0.822401 15.9496 0.823927 15.9478 0.825416C15.946 0.826905 15.9441 0.828347 15.9422 0.829741C15.9404 0.831135 15.9384 0.832481 15.9365 0.83378C15.9346 0.83508 15.9326 0.836331 15.9306 0.837534C15.9286 0.838736 15.9265 0.839887 15.9245 0.840983C15.9224 0.842091 15.9203 0.843146 15.9182 0.844146C15.9161 0.845147 15.914 0.846094 15.9118 0.846988C15.9096 0.847882 15.9075 0.848722 15.9053 0.849508C15.9031 0.850307 15.9008 0.851045 15.8986 0.851724C15.8964 0.852403 15.8941 0.853024 15.8919 0.853583C15.8896 0.854155 15.8873 0.854668 15.885 0.85512C15.8827 0.855585 15.8804 0.855983 15.8781 0.856317C15.8758 0.856662 15.8735 0.856948 15.8711 0.857175C15.8688 0.857413 15.8665 0.857586 15.8642 0.857694C15.8618 0.857813 15.8595 0.857872 15.8571 0.857872L13.9286 0.857872L13.9286 1.9365C14.1389 2.05827 14.2814 2.28426 14.2856 2.54393L14.2857 2.55574L15.1429 2.55574C15.3796 2.55574 15.5714 2.74778 15.5714 2.98468L15.5714 4.59602C15.5714 4.81729 15.4032 5.00225 15.1831 5.02304L11.4138 5.37893L13.6436 8.53311C13.9032 8.9003 13.3864 9.31308 13.0863 8.97831L10.4942 6.08753C10.406 7.38928 9.32304 8.41787 8 8.41787C6.6752 8.41787 5.59107 7.38651 5.50545 6.08226L2.90866 8.97831C2.61148 9.30974 2.10205 8.90849 2.34375 8.54414L2.3513 8.53311L4.58145 5.3785L0.816893 5.02306C0.596768 5.00229 0.428571 4.81731 0.428571 4.59602L0.428571 2.98468C0.428571 2.74778 0.620446 2.55574 0.857143 2.55574L1.71429 2.55574C1.71429 2.29113 1.85793 2.06009 2.07143 1.93649L2.07143 0.857872L0.142857 0.857872C0.140519 0.857872 0.138183 0.857813 0.135848 0.857694C0.133512 0.857586 0.131182 0.857413 0.128855 0.857175C0.126528 0.856948 0.124208 0.856662 0.121895 0.856317C0.119583 0.855983 0.11728 0.855585 0.114988 0.85512C0.112695 0.854668 0.110414 0.854155 0.108146 0.853583C0.105877 0.853024 0.103624 0.852403 0.101388 0.851724C0.0991507 0.851045 0.0969316 0.850307 0.0947304 0.849508C0.0925291 0.848722 0.0903482 0.847882 0.0881875 0.846988C0.086028 0.846094 0.0838911 0.845147 0.0817768 0.844146C0.0796637 0.843146 0.0775762 0.842091 0.0755143 0.840983C0.0734523 0.839887 0.0714191 0.838736 0.0694143 0.837534C0.0674082 0.836331 0.0654334 0.83508 0.0634893 0.83378C0.0615452 0.832481 0.0596345 0.831135 0.0577571 0.829741C0.0558796 0.828347 0.0540375 0.826905 0.0522304 0.825416C0.050422 0.823927 0.0486518 0.822401 0.0469196 0.820841C0.0451875 0.819268 0.0434946 0.817654 0.0418411 0.815997C0.0401886 0.814341 0.0385773 0.812643 0.0370071 0.810904C0.035437 0.809176 0.03391 0.807406 0.0324268 0.805596C0.0309434 0.803785 0.0295054 0.801944 0.0281125 0.800073C0.0267196 0.798191 0.0253739 0.796279 0.024075 0.794336C0.0227762 0.792383 0.0215262 0.790404 0.020325 0.788403C0.0191227 0.786388 0.0179702 0.784351 0.0168679 0.78229C0.0157667 0.78023 0.014716 0.778138 0.013716 0.776017C0.012716 0.773908 0.011769 0.771769 0.010875 0.769601C0.00997979 0.767444 0.00913811 0.765263 0.00834996 0.76306C0.00756305 0.760856 0.00683036 0.758633 0.00615175 0.756393C0.00547327 0.754154 0.00484943 0.751902 0.00428036 0.749637C0.00371252 0.747362 0.00320054 0.74508 0.00274468 0.742792C0.00228868 0.740492 0.00188923 0.738187 0.00154645 0.735876C0.00120354 0.733565 0.000917298 0.731241 0.000687463 0.728905C0.000458989 0.726582 0.00028692 0.724253 0.000171389 0.721917C5.70843e-05 0.719571 0 0.71723 0 0.714894L0 0.142979C0 0.140644 5.70843e-05 0.138302 0.000171389 0.135955C0.00028692 0.13362 0.000458989 0.13129 0.000687463 0.128967C0.000917298 0.126631 0.00120354 0.124308 0.00154645 0.121997C0.00188923 0.119685 0.00228868 0.11738 0.00274468 0.11508C0.00320054 0.112792 0.00371252 0.110511 0.00428036 0.108235C0.00484943 0.105971 0.00547327 0.103719 0.00615175 0.101479C0.00683036 0.0992392 0.00756373 0.097017 0.00835173 0.0948126C0.00913866 0.0926086 0.00997979 0.090428 0.010875 0.0882715C0.011769 0.086103 0.012716 0.0839643 0.013716 0.0818553C0.014716 0.0797344 0.0157667 0.0776433 0.0168679 0.0755821C0.0179702 0.0735207 0.0191227 0.0714833 0.020325 0.0694696C0.0215262 0.0674679 0.0227762 0.0654903 0.024075 0.063536C0.0253739 0.061594 0.0267196 0.0596818 0.0281125 0.057799C0.0295054 0.0559285 0.0309434 0.0540878 0.0324268 0.0522766C0.03391 0.0504656 0.035437 0.0486962 0.0370071 0.0469687C0.0385773 0.045229 0.0401886 0.0435311 0.0418411 0.0418749C0.0434946 0.0402188 0.0451875 0.0386043 0.0469196 0.0370317C0.0486518 0.0354585 0.050422 0.0339337 0.0522304 0.032456C0.0540375 0.0309669 0.0558796 0.0295249 0.0577571 0.0281312C0.0596357 0.026737 0.0615464 0.0253907 0.0634893 0.0240921C0.0654334 0.0227931 0.0674082 0.0215422 0.0694143 0.0203387C0.0714191 0.0191352 0.0734523 0.0179855 0.0755143 0.0168895C0.0775762 0.0157812 0.0796643 0.0147269 0.0817786 0.013726C0.0838918 0.0127252 0.086028 0.0117778 0.0881875 0.0108841C0.0903482 0.00999075 0.0925291 0.00915051 0.0947304 0.00836429C0.0969316 0.00756608 0.0991507 0.00682731 0.101388 0.00614798C0.103626 0.00546894 0.105879 0.00484934 0.108146 0.00428945C0.110414 0.00371732 0.112695 0.00320517 0.114988 0.00275247C0.11728 0.00228777 0.119583 0.00188852 0.121896 0.00155499C0.124208 0.00120947 0.126528 0.000923398 0.128855 0.000697048C0.131182 0.000458699 0.133512 0.000286074 0.135848 0.000178625C0.138183 5.94509e-05 0.140519 0 0.142857 0L4.85714 0ZM8 5.12936C7.56607 5.12936 7.21429 5.48145 7.21429 5.91574C7.21429 6.35004 7.56607 6.70213 8 6.70213C8.43393 6.70213 8.78571 6.35004 8.78571 5.91574C8.78571 5.48145 8.43393 5.12936 8 5.12936Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/quantity.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/quantity.svg
new file mode 100644
index 0000000..2a8f088
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/quantity.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M8 0C12.4185 0 16 3.58149 16 8C16 8.01227 16 8.02777 16 8.04C16 8.05227 16 8.0598 16 8.072C16 8.0842 15.992 8.09987 15.992 8.112C15.992 8.12413 15.984 8.13198 15.984 8.144C15.984 8.15602 15.976 8.17212 15.976 8.184C15.976 8.1959 15.968 8.20428 15.968 8.216C15.968 8.22774 15.952 8.24447 15.952 8.256C15.952 8.26755 15.944 8.27668 15.944 8.288C15.944 8.29934 15.928 8.30893 15.928 8.32C15.928 8.33109 15.912 8.34121 15.912 8.352C15.912 8.36283 15.896 8.37349 15.896 8.384C15.896 8.39451 15.872 8.4058 15.872 8.416C15.872 8.4262 15.856 8.43816 15.856 8.448C15.856 8.45784 15.832 8.46253 15.832 8.472C15.832 8.48147 15.8162 8.49493 15.808 8.504C15.7998 8.51309 15.7847 8.51935 15.776 8.528C15.7673 8.53668 15.7611 8.54377 15.752 8.552C15.7429 8.56023 15.7375 8.576 15.728 8.576C15.7185 8.576 15.7058 8.6 15.696 8.6C15.6861 8.6 15.6742 8.624 15.664 8.624C15.6538 8.624 15.6425 8.64 15.632 8.64C15.6215 8.64 15.6108 8.664 15.6 8.664C15.5892 8.664 15.5791 8.68 15.568 8.68C15.5569 8.68 15.5473 8.688 15.536 8.688C15.5247 8.688 15.5155 8.704 15.504 8.704C15.4925 8.704 15.4757 8.72 15.464 8.72C15.4523 8.72 15.4439 8.728 15.432 8.728C15.4201 8.728 15.412 8.736 15.4 8.736C15.388 8.736 15.3721 8.744 15.36 8.744C15.3479 8.744 15.3322 8.744 15.32 8.744C15.3078 8.744 15.3003 8.752 15.288 8.752C15.2757 8.752 15.2603 8.752 15.248 8.752C15.2357 8.752 15.2282 8.752 15.216 8.752C15.2037 8.752 15.1882 8.744 15.176 8.744C15.1638 8.744 15.1561 8.744 15.144 8.744C15.1319 8.744 15.116 8.736 15.104 8.736C15.092 8.736 15.0759 8.728 15.064 8.728C15.0521 8.728 15.0437 8.72 15.032 8.72C15.0203 8.72 15.0115 8.704 15 8.704C14.9884 8.704 14.9713 8.688 14.96 8.688C14.9487 8.688 14.9391 8.68 14.928 8.68C14.9169 8.68 14.9068 8.664 14.896 8.664C14.8852 8.664 14.8745 8.64 14.864 8.64C14.8535 8.64 14.8422 8.624 14.832 8.624C14.8218 8.624 14.8098 8.6 14.8 8.6C14.7901 8.6 14.7855 8.576 14.776 8.576C14.7665 8.576 14.7531 8.56024 14.744 8.552C14.7349 8.54377 14.7287 8.53667 14.72 8.528C14.7113 8.51933 14.7042 8.51309 14.696 8.504C14.6877 8.49493 14.672 8.48147 14.672 8.472C14.672 8.46253 14.648 8.45784 14.648 8.448C14.648 8.43816 14.624 8.4262 14.624 8.416C14.624 8.4058 14.608 8.39451 14.608 8.384C14.608 8.37349 14.592 8.36283 14.592 8.352C14.592 8.34121 14.576 8.33109 14.576 8.32C14.576 8.30893 14.56 8.29934 14.56 8.288C14.56 8.27668 14.544 8.26755 14.544 8.256C14.544 8.24447 14.536 8.22774 14.536 8.216C14.536 8.20428 14.52 8.1959 14.52 8.184C14.52 8.17212 14.512 8.15602 14.512 8.144C14.512 8.13198 14.512 8.12413 14.512 8.112C14.512 8.09987 14.504 8.0842 14.504 8.072C14.504 8.0598 14.504 8.05227 14.504 8.04C14.504 8.02777 14.504 8.01227 14.504 8C14.504 4.41 11.59 1.6 8 1.6C4.41 1.6 1.504 4.41 1.504 8C1.504 11.59 4.41 14.504 8 14.504C8.01227 14.504 8.02773 14.504 8.04 14.504C8.05225 14.504 8.05978 14.504 8.072 14.504C8.08422 14.504 8.09985 14.512 8.112 14.512C8.12413 14.512 8.13196 14.512 8.144 14.512C8.15602 14.512 8.17208 14.52 8.184 14.52C8.1959 14.52 8.20424 14.536 8.216 14.536C8.22774 14.536 8.24443 14.544 8.256 14.544C8.26755 14.544 8.27664 14.56 8.288 14.56C8.29934 14.56 8.30889 14.576 8.32 14.576C8.33107 14.576 8.34117 14.592 8.352 14.592C8.36283 14.592 8.37347 14.608 8.384 14.608C8.39453 14.608 8.40579 14.624 8.416 14.624C8.4262 14.624 8.43812 14.648 8.448 14.648C8.45784 14.648 8.46251 14.672 8.472 14.672C8.48147 14.672 8.49489 14.6878 8.504 14.696C8.51309 14.7043 8.51932 14.7113 8.528 14.72C8.53668 14.7287 8.54376 14.7349 8.552 14.744C8.56024 14.7531 8.576 14.7665 8.576 14.776C8.576 14.7855 8.6 14.7901 8.6 14.8C8.6 14.8099 8.624 14.8218 8.624 14.832C8.624 14.8422 8.64 14.8535 8.64 14.864C8.64 14.8745 8.664 14.8852 8.664 14.896C8.664 14.9068 8.68 14.9169 8.68 14.928C8.68 14.9391 8.696 14.9487 8.696 14.96C8.696 14.9714 8.704 14.9885 8.704 15C8.704 15.0116 8.72 15.0203 8.72 15.032C8.72 15.0437 8.728 15.0521 8.728 15.064C8.728 15.0759 8.736 15.092 8.736 15.104C8.736 15.116 8.744 15.1239 8.744 15.136C8.744 15.1481 8.744 15.1638 8.744 15.176C8.744 15.1882 8.752 15.2037 8.752 15.216C8.752 15.2283 8.752 15.2357 8.752 15.248C8.752 15.2603 8.752 15.2757 8.752 15.288C8.752 15.3003 8.744 15.3078 8.744 15.32C8.744 15.3322 8.744 15.3479 8.744 15.36C8.744 15.3721 8.736 15.388 8.736 15.4C8.736 15.412 8.728 15.4201 8.728 15.432C8.728 15.4439 8.72 15.4523 8.72 15.464C8.72 15.4757 8.704 15.4925 8.704 15.504C8.704 15.5156 8.696 15.5247 8.696 15.536C8.696 15.5474 8.68 15.5569 8.68 15.568C8.68 15.5791 8.664 15.5892 8.664 15.6C8.664 15.6108 8.64 15.6215 8.64 15.632C8.64 15.6425 8.624 15.6538 8.624 15.664C8.624 15.6742 8.6 15.6861 8.6 15.696C8.6 15.7059 8.576 15.7185 8.576 15.728C8.576 15.7375 8.56024 15.7429 8.552 15.752C8.54376 15.7611 8.53668 15.7753 8.528 15.784C8.51932 15.7927 8.51309 15.7998 8.504 15.808C8.49489 15.8162 8.48147 15.832 8.472 15.832C8.46251 15.832 8.45784 15.856 8.448 15.856C8.43812 15.856 8.4262 15.872 8.416 15.872C8.40579 15.872 8.39453 15.896 8.384 15.896C8.37347 15.896 8.36283 15.912 8.352 15.912C8.34117 15.912 8.33107 15.928 8.32 15.928C8.30889 15.928 8.29934 15.944 8.288 15.944C8.27664 15.944 8.26755 15.96 8.256 15.96C8.24443 15.96 8.22774 15.968 8.216 15.968C8.20424 15.968 8.1959 15.976 8.184 15.976C8.17208 15.976 8.15602 15.984 8.144 15.984C8.13196 15.984 8.12413 15.992 8.112 15.992C8.09985 15.992 8.08422 16 8.072 16C8.05978 16 8.05225 16 8.04 16C8.02773 16 8.01227 16 8 16C3.58151 16 0 12.4185 0 8C0 3.58149 3.58151 0 8 0ZM8.24 3.344L4.48 8.24C4.48 8.24 4.456 8.25595 4.456 8.264C4.456 8.27209 4.44 8.27967 4.44 8.288C4.44 8.29633 4.432 8.31142 4.432 8.32C4.432 8.3286 4.416 8.33521 4.416 8.344C4.416 8.35281 4.4 8.359 4.4 8.368C4.4 8.377 4.392 8.39082 4.392 8.4C4.392 8.40921 4.384 8.41467 4.384 8.424C4.384 8.43335 4.376 8.44653 4.376 8.456C4.376 8.46549 4.368 8.4704 4.368 8.48C4.368 8.48962 4.36 8.50233 4.36 8.512C4.36 8.5217 4.36 8.53424 4.36 8.544C4.36 8.55376 4.352 8.55821 4.352 8.568C4.352 8.57781 4.352 8.59019 4.352 8.6C4.352 8.60981 4.352 8.62219 4.352 8.632C4.352 8.64183 4.352 8.64623 4.352 8.656C4.352 8.66579 4.36 8.67826 4.36 8.688C4.36 8.69774 4.36 8.71035 4.36 8.72C4.36 8.72967 4.368 8.73444 4.368 8.744C4.368 8.75358 4.376 8.76656 4.376 8.776C4.376 8.78546 4.384 8.7907 4.384 8.8C4.384 8.80932 4.392 8.82288 4.392 8.832C4.392 8.84114 4.408 8.84705 4.408 8.856C4.408 8.86495 4.416 8.87126 4.416 8.88C4.416 8.88875 4.432 8.90349 4.432 8.912C4.432 8.92051 4.448 8.92774 4.448 8.936C4.448 8.94426 4.464 8.96 4.464 8.96L4.48 8.984L4.504 9.008L4.52 9.024L4.544 9.048L4.568 9.064L4.584 9.088L4.64 9.12C4.65165 9.12 4.66789 9.144 4.68 9.144C4.69209 9.144 4.69948 9.16 4.712 9.16C4.7245 9.16 4.73915 9.176 4.752 9.176C4.76483 9.176 4.77887 9.184 4.792 9.184C4.80511 9.184 4.81864 9.2 4.832 9.2C4.84534 9.2 4.8585 9.2 4.872 9.2C4.8855 9.2 4.89839 9.208 4.912 9.208C4.92561 9.208 4.93836 9.208 4.952 9.208L6.848 9.208L6 12.68C6 12.6883 5.992 12.6957 5.992 12.704C5.992 12.7123 5.992 12.7196 5.992 12.728C5.992 12.7364 5.992 12.7516 5.992 12.76C5.992 12.7684 5.984 12.7755 5.984 12.784C5.984 12.7925 5.984 12.7995 5.984 12.808C5.984 12.8165 5.984 12.8235 5.984 12.832C5.984 12.8405 5.984 12.8475 5.984 12.856C5.984 12.8645 5.984 12.8716 5.984 12.88C5.984 12.8885 5.992 12.9036 5.992 12.912C5.992 12.9204 5.992 12.9277 5.992 12.936C5.992 12.9443 6 12.9517 6 12.96C6 12.9683 6.008 12.9758 6.008 12.984C6.008 12.9922 6.016 12.9999 6.016 13.008C6.016 13.0161 6.024 13.032 6.024 13.032L6.032 13.056L6.04 13.08L6.056 13.104L6.064 13.128L6.08 13.144L6.096 13.168L6.104 13.192L6.12 13.208L6.136 13.224L6.16 13.248L6.176 13.264L6.192 13.28L6.216 13.296L6.232 13.312L6.256 13.328L6.28 13.336L6.296 13.352L6.32 13.36L6.344 13.376L6.368 13.384C6.368 13.384 6.38395 13.392 6.392 13.392C6.40003 13.392 6.40784 13.4 6.416 13.4C6.42416 13.4 6.43174 13.408 6.44 13.408C6.44824 13.408 6.45567 13.416 6.464 13.416C6.47231 13.416 6.4796 13.416 6.488 13.416C6.4964 13.416 6.51156 13.424 6.52 13.424C6.52844 13.424 6.53553 13.424 6.544 13.424C6.55247 13.424 6.55951 13.424 6.568 13.424C6.57649 13.424 6.58351 13.424 6.592 13.424C6.60049 13.424 6.60751 13.424 6.616 13.424C6.62447 13.424 6.63155 13.424 6.64 13.424C6.64846 13.424 6.6636 13.416 6.672 13.416C6.6804 13.416 6.68763 13.416 6.696 13.416C6.70433 13.416 6.7117 13.408 6.72 13.408C6.72826 13.408 6.73581 13.4 6.744 13.4C6.75219 13.4 6.75991 13.392 6.768 13.392C6.77609 13.392 6.792 13.384 6.792 13.384L6.816 13.376L6.84 13.368L6.864 13.36L6.888 13.344L6.904 13.328L6.928 13.32L6.952 13.304L6.968 13.288L6.984 13.272L7.008 13.248L7.024 13.232L7.04 13.216L7.056 13.192L11.016 8.144C11.016 8.144 11.032 8.12802 11.032 8.12C11.032 8.11198 11.048 8.10428 11.048 8.096C11.048 8.08772 11.064 8.08053 11.064 8.072C11.064 8.06347 11.08 8.05675 11.08 8.048C11.08 8.03925 11.096 8.02497 11.096 8.016C11.096 8.00704 11.104 8.00114 11.104 7.992C11.104 7.98286 11.112 7.96932 11.112 7.96C11.112 7.95068 11.12 7.94546 11.12 7.936C11.12 7.92656 11.128 7.91358 11.128 7.904C11.128 7.89444 11.136 7.88967 11.136 7.88C11.136 7.87033 11.136 7.85774 11.136 7.848C11.136 7.83826 11.144 7.82579 11.144 7.816C11.144 7.80623 11.144 7.80181 11.144 7.792C11.144 7.78219 11.144 7.76981 11.144 7.76C11.144 7.75019 11.144 7.73779 11.144 7.728C11.144 7.71821 11.144 7.71374 11.144 7.704C11.144 7.69426 11.136 7.68169 11.136 7.672C11.136 7.66233 11.128 7.6576 11.128 7.648C11.128 7.63844 11.12 7.62547 11.12 7.616C11.12 7.60654 11.112 7.59333 11.112 7.584C11.112 7.57468 11.104 7.56918 11.104 7.56C11.104 7.55084 11.096 7.54498 11.096 7.536C11.096 7.52702 11.08 7.51279 11.08 7.504C11.08 7.49523 11.064 7.48856 11.064 7.48C11.064 7.47146 11.056 7.4643 11.056 7.456C11.056 7.4477 11.032 7.44005 11.032 7.432C11.032 7.42397 11.016 7.408 11.016 7.408L11 7.384L10.984 7.36L10.96 7.344L10.936 7.32L10.912 7.304L10.856 7.264C10.8442 7.264 10.8363 7.24 10.824 7.24C10.8117 7.24 10.7967 7.224 10.784 7.224C10.7713 7.224 10.765 7.208 10.752 7.208C10.739 7.208 10.7253 7.2 10.712 7.2C10.6987 7.2 10.6855 7.184 10.672 7.184C10.6584 7.184 10.6377 7.176 10.624 7.176C10.6103 7.176 10.5978 7.176 10.584 7.176C10.5702 7.176 10.5579 7.176 10.544 7.176L8.4 7.176L9.296 3.864C9.296 3.8557 9.304 3.84838 9.304 3.84C9.304 3.83162 9.304 3.82446 9.304 3.816C9.304 3.80754 9.312 3.80051 9.312 3.792C9.312 3.78349 9.312 3.77656 9.312 3.768C9.312 3.75946 9.312 3.7446 9.312 3.736C9.312 3.72742 9.312 3.7206 9.312 3.712C9.312 3.70342 9.312 3.69658 9.312 3.688C9.312 3.67942 9.312 3.67258 9.312 3.664C9.312 3.65546 9.312 3.64854 9.312 3.64C9.312 3.63149 9.304 3.61647 9.304 3.608C9.304 3.59953 9.304 3.5924 9.304 3.584C9.304 3.5756 9.296 3.56833 9.296 3.56C9.296 3.55169 9.288 3.54423 9.288 3.536C9.288 3.52779 9.28 3.5201 9.28 3.512C9.28 3.50391 9.272 3.488 9.272 3.488L9.264 3.464L9.248 3.44L9.24 3.416L9.224 3.392L9.208 3.376L9.2 3.352L9.184 3.336L9.16 3.312L9.144 3.296L9.128 3.28L9.112 3.256L9.088 3.24L9.072 3.224L9.048 3.216L9.024 3.2L9 3.184L8.984 3.176L8.96 3.16L8.936 3.152C8.936 3.152 8.92012 3.144 8.912 3.144C8.90388 3.144 8.89623 3.136 8.888 3.136C8.87976 3.136 8.86433 3.128 8.856 3.128C8.84767 3.128 8.8404 3.12 8.832 3.12C8.82358 3.12 8.81647 3.12 8.808 3.12C8.79951 3.12 8.79253 3.112 8.784 3.112C8.77546 3.112 8.76856 3.112 8.76 3.112C8.75142 3.112 8.74458 3.112 8.736 3.112C8.72742 3.112 8.71258 3.112 8.704 3.112C8.6954 3.112 8.68858 3.112 8.68 3.112C8.67142 3.112 8.66454 3.112 8.656 3.112C8.64746 3.112 8.64051 3.12 8.632 3.12C8.62349 3.12 8.61644 3.12 8.608 3.12C8.59956 3.12 8.58437 3.128 8.576 3.128C8.56763 3.128 8.56028 3.136 8.552 3.136C8.54372 3.136 8.53616 3.144 8.528 3.144C8.51983 3.144 8.51205 3.152 8.504 3.152C8.49595 3.152 8.48 3.16 8.48 3.16L8.456 3.168L8.432 3.184L8.408 3.192L8.392 3.208L8.368 3.224L8.344 3.24L8.328 3.256L8.312 3.272L8.288 3.288L8.272 3.304L8.256 3.328L8.24 3.344ZM7.8 5.552L7.304 7.416C7.304 7.44145 7.288 7.4699 7.288 7.496C7.288 7.52212 7.28 7.54967 7.28 7.576L7.28 7.632C7.28 7.64114 7.288 7.65493 7.288 7.664C7.288 7.67309 7.288 7.679 7.288 7.688C7.288 7.69702 7.296 7.71111 7.296 7.72C7.296 7.72893 7.304 7.73519 7.304 7.744C7.304 7.75281 7.312 7.75932 7.312 7.768C7.312 7.77668 7.32 7.78347 7.32 7.792C7.32 7.80054 7.336 7.81563 7.336 7.824C7.336 7.83237 7.344 7.83983 7.344 7.848C7.344 7.85619 7.36 7.872 7.36 7.872L7.376 7.896L7.384 7.92L7.4 7.936L7.424 7.96L7.44 7.984L7.456 8L7.48 8.024L7.496 8.04L7.52 8.056L7.544 8.072L7.568 8.088C7.568 8.088 7.58395 8.096 7.592 8.096C7.60003 8.096 7.60777 8.112 7.616 8.112C7.62423 8.112 7.6316 8.128 7.64 8.128C7.6484 8.128 7.65542 8.136 7.664 8.136C7.67256 8.136 7.67928 8.144 7.688 8.144C7.6967 8.144 7.71116 8.152 7.72 8.152C7.72882 8.152 7.73505 8.16 7.744 8.16C7.75293 8.16 7.75897 8.168 7.768 8.168C7.77702 8.168 7.79089 8.168 7.8 8.168C7.80909 8.168 7.81486 8.168 7.824 8.168C7.83314 8.168 7.84682 8.176 7.856 8.176C7.86518 8.176 7.87082 8.176 7.88 8.176L9.72 8.176L7.416 11.12L7.944 8.952L7.952 8.88C7.952 8.862 7.96 8.844 7.96 8.808L7.96 8.744C7.96 8.73488 7.952 8.72909 7.952 8.72C7.952 8.71093 7.944 8.705 7.944 8.696C7.944 8.687 7.944 8.67293 7.944 8.664C7.944 8.65509 7.936 8.64881 7.936 8.64C7.936 8.63119 7.928 8.62468 7.928 8.616C7.928 8.60733 7.92 8.60054 7.92 8.592C7.92 8.58346 7.904 8.56837 7.904 8.56C7.904 8.55163 7.896 8.54419 7.896 8.536C7.896 8.52783 7.88 8.512 7.88 8.512L7.864 8.488L7.856 8.464L7.832 8.448L7.816 8.424L7.8 8.4L7.784 8.384L7.76 8.36L7.744 8.344L7.72 8.328L7.696 8.312L7.672 8.296C7.672 8.296 7.65602 8.288 7.648 8.288C7.63997 8.288 7.63223 8.272 7.624 8.272C7.61577 8.272 7.6084 8.256 7.6 8.256C7.59158 8.256 7.58456 8.248 7.576 8.248C7.56744 8.248 7.5607 8.24 7.552 8.24C7.54328 8.24 7.52882 8.232 7.52 8.232C7.51116 8.232 7.50493 8.224 7.496 8.224C7.48705 8.224 7.48102 8.216 7.472 8.216C7.46297 8.216 7.44907 8.216 7.44 8.216C7.43089 8.216 7.42514 8.208 7.416 8.208C7.40686 8.208 7.39316 8.208 7.384 8.208C7.37482 8.208 7.36918 8.208 7.36 8.208L5.768 8.208L7.8 5.552ZM15.032 10.248C15.0443 10.248 15.0597 10.248 15.072 10.248C15.0843 10.248 15.0918 10.256 15.104 10.256C15.1162 10.256 15.1319 10.256 15.144 10.256C15.1561 10.256 15.164 10.264 15.176 10.264C15.188 10.264 15.2041 10.272 15.216 10.272C15.2279 10.272 15.2363 10.28 15.248 10.28C15.2597 10.28 15.2764 10.296 15.288 10.296C15.2996 10.296 15.3087 10.304 15.32 10.304C15.3313 10.304 15.3409 10.32 15.352 10.32C15.3631 10.32 15.3732 10.336 15.384 10.336C15.3948 10.336 15.4055 10.36 15.416 10.36C15.4265 10.36 15.4378 10.376 15.448 10.376C15.4582 10.376 15.4701 10.4 15.48 10.4C15.4898 10.4 15.4945 10.424 15.504 10.424C15.5135 10.424 15.5269 10.4398 15.536 10.448C15.5451 10.4563 15.5513 10.4633 15.56 10.472C15.5687 10.4807 15.5758 10.4869 15.584 10.496C15.5922 10.5051 15.608 10.5185 15.608 10.528C15.608 10.5375 15.632 10.5422 15.632 10.552C15.632 10.5619 15.656 10.5738 15.656 10.584C15.656 10.5942 15.672 10.6055 15.672 10.616C15.672 10.6265 15.696 10.6372 15.696 10.648C15.696 10.6588 15.712 10.6689 15.712 10.68C15.712 10.6911 15.728 10.7007 15.728 10.712C15.728 10.7233 15.736 10.7325 15.736 10.744C15.736 10.7556 15.752 10.7723 15.752 10.784C15.752 10.7957 15.76 10.8041 15.76 10.816C15.76 10.8279 15.768 10.844 15.768 10.856C15.768 10.868 15.776 10.8759 15.776 10.888C15.776 10.9001 15.776 10.9158 15.776 10.928C15.776 10.9402 15.784 10.9477 15.784 10.96C15.784 10.9723 15.784 10.9877 15.784 11C15.784 11.0123 15.784 11.0277 15.784 11.04C15.784 11.0523 15.776 11.0598 15.776 11.072C15.776 11.0842 15.776 11.0999 15.776 11.112C15.776 11.1241 15.768 11.132 15.768 11.144C15.768 11.1561 15.76 11.1721 15.76 11.184C15.76 11.1959 15.752 11.2043 15.752 11.216C15.752 11.2277 15.736 11.2445 15.736 11.256C15.736 11.2676 15.728 11.2767 15.728 11.288C15.728 11.2994 15.712 11.3089 15.712 11.32C15.712 11.3311 15.696 11.3412 15.696 11.352C15.696 11.3628 15.672 11.3735 15.672 11.384C15.672 11.3945 15.656 11.4058 15.656 11.416C15.656 11.4262 15.632 11.4382 15.632 11.448C15.632 11.4579 15.608 11.4625 15.608 11.472C15.608 11.4815 15.5922 11.4949 15.584 11.504C15.5758 11.5131 15.5687 11.5193 15.56 11.528C15.5513 11.5367 15.5451 11.5438 15.536 11.552C15.5269 11.5603 15.5135 11.576 15.504 11.576C15.4945 11.576 15.4898 11.6 15.48 11.6C15.4701 11.6 15.4582 11.624 15.448 11.624C15.4378 11.624 15.4265 11.64 15.416 11.64C15.4055 11.64 15.3948 11.664 15.384 11.664C15.3732 11.664 15.3631 11.68 15.352 11.68C15.3409 11.68 15.3313 11.696 15.32 11.696C15.3087 11.696 15.2996 11.704 15.288 11.704C15.2764 11.704 15.2597 11.72 15.248 11.72C15.2363 11.72 15.2279 11.728 15.216 11.728C15.2041 11.728 15.188 11.736 15.176 11.736C15.164 11.736 15.1561 11.744 15.144 11.744C15.1319 11.744 15.1162 11.744 15.104 11.744C15.0918 11.744 15.0843 11.752 15.072 11.752C15.0597 11.752 15.0443 11.752 15.032 11.752L11.968 11.752C11.9557 11.752 11.9403 11.752 11.928 11.752C11.9157 11.752 11.9082 11.744 11.896 11.744C11.8838 11.744 11.8681 11.744 11.856 11.744C11.8439 11.744 11.836 11.736 11.824 11.736C11.812 11.736 11.7959 11.728 11.784 11.728C11.7721 11.728 11.7637 11.72 11.752 11.72C11.7403 11.72 11.7235 11.704 11.712 11.704C11.7004 11.704 11.6913 11.696 11.68 11.696C11.6686 11.696 11.6591 11.68 11.648 11.68C11.6369 11.68 11.6268 11.664 11.616 11.664C11.6052 11.664 11.5945 11.64 11.584 11.64C11.5735 11.64 11.5622 11.624 11.552 11.624C11.5418 11.624 11.5298 11.6 11.52 11.6C11.5101 11.6 11.5055 11.576 11.496 11.576C11.4865 11.576 11.4731 11.5603 11.464 11.552C11.4549 11.5438 11.4487 11.5367 11.44 11.528C11.4313 11.5193 11.4242 11.5131 11.416 11.504C11.4077 11.4949 11.392 11.4815 11.392 11.472C11.392 11.4625 11.368 11.4579 11.368 11.448C11.368 11.4382 11.344 11.4262 11.344 11.416C11.344 11.4058 11.328 11.3945 11.328 11.384C11.328 11.3735 11.304 11.3628 11.304 11.352C11.304 11.3412 11.288 11.3311 11.288 11.32C11.288 11.3089 11.272 11.2994 11.272 11.288C11.272 11.2767 11.264 11.2676 11.264 11.256C11.264 11.2445 11.248 11.2277 11.248 11.216C11.248 11.2043 11.24 11.1959 11.24 11.184C11.24 11.1721 11.232 11.1561 11.232 11.144C11.232 11.132 11.224 11.1241 11.224 11.112C11.224 11.0999 11.224 11.0842 11.224 11.072C11.224 11.0598 11.216 11.0523 11.216 11.04C11.216 11.0277 11.216 11.0123 11.216 11C11.216 10.9877 11.216 10.9723 11.216 10.96C11.216 10.9477 11.224 10.9402 11.224 10.928C11.224 10.9158 11.224 10.9001 11.224 10.888C11.224 10.8759 11.232 10.868 11.232 10.856C11.232 10.844 11.24 10.8279 11.24 10.816C11.24 10.8041 11.248 10.7957 11.248 10.784C11.248 10.7723 11.264 10.7556 11.264 10.744C11.264 10.7325 11.272 10.7233 11.272 10.712C11.272 10.7007 11.288 10.6911 11.288 10.68C11.288 10.6689 11.304 10.6588 11.304 10.648C11.304 10.6372 11.328 10.6265 11.328 10.616C11.328 10.6055 11.344 10.5942 11.344 10.584C11.344 10.5738 11.368 10.5619 11.368 10.552C11.368 10.5422 11.392 10.5375 11.392 10.528C11.392 10.5185 11.4077 10.5051 11.416 10.496C11.4242 10.4869 11.4313 10.4807 11.44 10.472C11.4487 10.4633 11.4549 10.4563 11.464 10.448C11.4731 10.4398 11.4865 10.424 11.496 10.424C11.5055 10.424 11.5101 10.4 11.52 10.4C11.5298 10.4 11.5418 10.376 11.552 10.376C11.5622 10.376 11.5735 10.36 11.584 10.36C11.5945 10.36 11.6052 10.336 11.616 10.336C11.6268 10.336 11.6369 10.32 11.648 10.32C11.6591 10.32 11.6686 10.304 11.68 10.304C11.6913 10.304 11.7004 10.296 11.712 10.296C11.7235 10.296 11.7403 10.28 11.752 10.28C11.7637 10.28 11.7721 10.272 11.784 10.272C11.7959 10.272 11.812 10.264 11.824 10.264C11.836 10.264 11.8439 10.256 11.856 10.256C11.8681 10.256 11.8838 10.256 11.896 10.256C11.9082 10.256 11.9157 10.248 11.928 10.248C11.9403 10.248 11.9557 10.248 11.968 10.248L15.032 10.248ZM15.024 12.752C15.0363 12.752 15.0437 12.752 15.056 12.752C15.0683 12.752 15.0838 12.752 15.096 12.752C15.1082 12.752 15.1239 12.76 15.136 12.76C15.1481 12.76 15.156 12.768 15.168 12.768C15.18 12.768 15.1961 12.776 15.208 12.776C15.2199 12.776 15.2283 12.784 15.24 12.784C15.2517 12.784 15.2604 12.792 15.272 12.792C15.2835 12.792 15.3006 12.808 15.312 12.808C15.3233 12.808 15.3329 12.824 15.344 12.824C15.3551 12.824 15.3652 12.84 15.376 12.84C15.3868 12.84 15.3975 12.856 15.408 12.856C15.4185 12.856 15.4298 12.88 15.44 12.88C15.4502 12.88 15.4621 12.896 15.472 12.896C15.4818 12.896 15.4865 12.92 15.496 12.92C15.5055 12.92 15.5189 12.9358 15.528 12.944C15.5371 12.9522 15.5433 12.9593 15.552 12.968C15.5607 12.9767 15.5678 12.9909 15.576 13C15.5842 13.0091 15.6 13.0145 15.6 13.024C15.6 13.0335 15.624 13.0462 15.624 13.056C15.624 13.0659 15.648 13.0698 15.648 13.08C15.648 13.0902 15.664 13.1015 15.664 13.112C15.664 13.1225 15.68 13.1332 15.68 13.144C15.68 13.1548 15.704 13.1649 15.704 13.176C15.704 13.1871 15.712 13.2047 15.712 13.216C15.712 13.2274 15.728 13.2365 15.728 13.248C15.728 13.2596 15.744 13.2683 15.744 13.28C15.744 13.2917 15.752 13.3081 15.752 13.32C15.752 13.3319 15.76 13.34 15.76 13.352C15.76 13.364 15.768 13.3799 15.768 13.392C15.768 13.4041 15.768 13.4118 15.768 13.424C15.768 13.4362 15.768 13.4517 15.768 13.464C15.768 13.4763 15.776 13.4837 15.776 13.496C15.776 13.5083 15.768 13.5237 15.768 13.536C15.768 13.5483 15.768 13.5638 15.768 13.576C15.768 13.5882 15.768 13.5959 15.768 13.608C15.768 13.6201 15.76 13.636 15.76 13.648C15.76 13.6601 15.752 13.6681 15.752 13.68C15.752 13.6919 15.744 13.7083 15.744 13.72C15.744 13.7317 15.728 13.7404 15.728 13.752C15.728 13.7636 15.712 13.7727 15.712 13.784C15.712 13.7954 15.704 13.8129 15.704 13.824C15.704 13.8351 15.68 13.8452 15.68 13.856C15.68 13.8668 15.664 13.8775 15.664 13.888C15.664 13.8985 15.648 13.9098 15.648 13.92C15.648 13.9302 15.624 13.9342 15.624 13.944C15.624 13.9539 15.6 13.9665 15.6 13.976C15.6 13.9855 15.5842 13.9909 15.576 14C15.5678 14.0091 15.5607 14.0233 15.552 14.032C15.5433 14.0407 15.5371 14.0478 15.528 14.056C15.5189 14.0642 15.5055 14.08 15.496 14.08C15.4865 14.08 15.4818 14.104 15.472 14.104C15.4621 14.104 15.4502 14.12 15.44 14.12C15.4298 14.12 15.4185 14.144 15.408 14.144C15.3975 14.144 15.3868 14.16 15.376 14.16C15.3652 14.16 15.3551 14.176 15.344 14.176C15.3329 14.176 15.3233 14.192 15.312 14.192C15.3006 14.192 15.2835 14.208 15.272 14.208C15.2604 14.208 15.2517 14.216 15.24 14.216C15.2283 14.216 15.2199 14.224 15.208 14.224C15.1961 14.224 15.18 14.232 15.168 14.232C15.156 14.232 15.1481 14.24 15.136 14.24C15.1239 14.24 15.1082 14.248 15.096 14.248C15.0838 14.248 15.0683 14.248 15.056 14.248C15.0437 14.248 15.0363 14.248 15.024 14.248L12.752 14.248L10.48 14.248C10.4677 14.248 10.4523 14.248 10.44 14.248C10.4277 14.248 10.4122 14.248 10.4 14.248C10.3878 14.248 10.3801 14.24 10.368 14.24C10.3559 14.24 10.34 14.232 10.328 14.232C10.3159 14.232 10.3079 14.224 10.296 14.224C10.2841 14.224 10.2677 14.216 10.256 14.216C10.2443 14.216 10.2356 14.208 10.224 14.208C10.2124 14.208 10.2033 14.192 10.192 14.192C10.1806 14.192 10.1711 14.176 10.16 14.176C10.1489 14.176 10.1308 14.16 10.12 14.16C10.1092 14.16 10.0985 14.144 10.088 14.144C10.0775 14.144 10.0742 14.12 10.064 14.12C10.0538 14.12 10.0418 14.104 10.032 14.104C10.0221 14.104 10.0095 14.08 10 14.08C9.99051 14.08 9.98509 14.0642 9.976 14.056C9.96689 14.0478 9.95267 14.0407 9.944 14.032C9.93532 14.0233 9.92823 14.0091 9.92 14C9.91174 13.9909 9.896 13.9855 9.896 13.976C9.896 13.9665 9.872 13.9539 9.872 13.944C9.872 13.9342 9.856 13.9302 9.856 13.92C9.856 13.9098 9.832 13.8985 9.832 13.888C9.832 13.8775 9.816 13.8668 9.816 13.856C9.816 13.8452 9.8 13.8351 9.8 13.824C9.8 13.8129 9.784 13.7953 9.784 13.784C9.784 13.7727 9.768 13.7636 9.768 13.752C9.768 13.7404 9.76 13.7317 9.76 13.72C9.76 13.7083 9.752 13.6919 9.752 13.68C9.752 13.6681 9.744 13.6601 9.744 13.648C9.744 13.636 9.736 13.6201 9.736 13.608C9.736 13.5959 9.728 13.5882 9.728 13.576C9.728 13.5638 9.728 13.5483 9.728 13.536C9.728 13.5237 9.728 13.5083 9.728 13.496C9.728 13.4837 9.728 13.4763 9.728 13.464C9.728 13.4517 9.728 13.4362 9.728 13.424C9.728 13.4118 9.736 13.4041 9.736 13.392C9.736 13.3799 9.744 13.364 9.744 13.352C9.744 13.34 9.752 13.3319 9.752 13.32C9.752 13.3081 9.76 13.2917 9.76 13.28C9.76 13.2683 9.768 13.2596 9.768 13.248C9.768 13.2365 9.784 13.2274 9.784 13.216C9.784 13.2047 9.8 13.1871 9.8 13.176C9.8 13.1649 9.816 13.1548 9.816 13.144C9.816 13.1332 9.832 13.1225 9.832 13.112C9.832 13.1015 9.856 13.0902 9.856 13.08C9.856 13.0698 9.872 13.0659 9.872 13.056C9.872 13.0462 9.896 13.0335 9.896 13.024C9.896 13.0145 9.91174 13.0091 9.92 13C9.92823 12.9909 9.93532 12.9767 9.944 12.968C9.95267 12.9593 9.96689 12.9522 9.976 12.944C9.98509 12.9358 9.99051 12.92 10 12.92C10.0095 12.92 10.0221 12.896 10.032 12.896C10.0418 12.896 10.0538 12.88 10.064 12.88C10.0742 12.88 10.0775 12.856 10.088 12.856C10.0985 12.856 10.1092 12.84 10.12 12.84C10.1308 12.84 10.1489 12.824 10.16 12.824C10.1711 12.824 10.1806 12.808 10.192 12.808C10.2033 12.808 10.2124 12.792 10.224 12.792C10.2356 12.792 10.2443 12.784 10.256 12.784C10.2677 12.784 10.2841 12.776 10.296 12.776C10.3079 12.776 10.3159 12.768 10.328 12.768C10.34 12.768 10.3559 12.76 10.368 12.76C10.3801 12.76 10.3878 12.752 10.4 12.752C10.4122 12.752 10.4277 12.752 10.44 12.752C10.4523 12.752 10.4677 12.752 10.48 12.752L15.024 12.752Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/satellite.svg b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/satellite.svg
new file mode 100644
index 0000000..9238fc3
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/icons/satellite.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="none">
+<path d="M16.2138 16.2121C16.1243 16.3016 16.0327 16.3888 15.939 16.4738C15.8452 16.5588 15.7494 16.6415 15.6517 16.7219C15.5539 16.8023 15.4542 16.8802 15.3527 16.9557C15.2512 17.0313 15.1478 17.1043 15.0427 17.1748C14.9376 17.2453 14.8309 17.3132 14.7225 17.3785C14.6141 17.4438 14.5042 17.5065 14.3927 17.5665C14.2813 17.6264 14.1685 17.6837 14.0542 17.7382C13.94 17.7927 13.8245 17.8444 13.7078 17.8933C13.5911 17.9421 13.4732 17.9882 13.3542 18.0313C13.2353 18.0745 13.1154 18.1148 12.9944 18.152C12.8735 18.1895 12.7517 18.2239 12.6291 18.2553C12.5065 18.2868 12.3833 18.3152 12.2593 18.3404C12.1353 18.366 12.0108 18.3884 11.8857 18.4077C11.7607 18.4271 11.6352 18.4436 11.5094 18.4568C11.3835 18.4701 11.2574 18.4804 11.131 18.4874C11.0047 18.4947 10.8782 18.4987 10.7517 18.4997C10.6251 18.5008 10.4986 18.4988 10.3722 18.4935C10.2457 18.4886 10.1195 18.4804 9.9934 18.4691C9.86735 18.4578 9.74164 18.4436 9.61629 18.4261C9.49093 18.4089 9.36605 18.3884 9.24169 18.365C9.11733 18.3416 8.9936 18.3152 8.8705 18.2857C8.74742 18.2563 8.62512 18.2239 8.5036 18.1885C8.38209 18.1532 8.26152 18.1148 8.14186 18.0736C8.02221 18.0324 7.90363 17.9883 7.78611 17.9412C7.6686 17.8943 7.55231 17.8444 7.43722 17.7918C7.32214 17.7392 7.20839 17.6838 7.09598 17.6256C6.98359 17.5674 6.87268 17.5066 6.76323 17.443C6.65379 17.3795 6.54595 17.3133 6.43972 17.2445C6.3335 17.1757 6.22901 17.1044 6.12623 17.0305C6.02347 16.9566 5.92257 16.8803 5.82352 16.8016C5.72446 16.7228 5.62738 16.6417 5.53226 16.5582C5.43715 16.4747 5.34411 16.389 5.25315 16.3009L5.8155 15.7386C5.89725 15.8173 5.98089 15.8939 6.06636 15.9686C6.15184 16.0432 6.23907 16.1157 6.32807 16.1861C6.41706 16.2564 6.50772 16.3246 6.60002 16.3906C6.69233 16.4566 6.78617 16.5203 6.88156 16.5818C6.97697 16.6432 7.07378 16.7023 7.17203 16.7591C7.27029 16.8158 7.36987 16.8701 7.47076 16.9221C7.57166 16.974 7.67375 17.0234 7.77704 17.0704C7.88033 17.1174 7.9847 17.1618 8.09014 17.2037C8.19559 17.2456 8.30198 17.2849 8.40934 17.3217C8.5167 17.3584 8.62487 17.3925 8.73387 17.424C8.84289 17.4555 8.95259 17.4844 9.063 17.5106C9.17342 17.5367 9.28438 17.5602 9.39592 17.581C9.50747 17.6018 9.61946 17.6199 9.73188 17.6353C9.8443 17.6506 9.95702 17.6633 10.0701 17.6732C10.1831 17.6831 10.2963 17.6902 10.4097 17.6946C10.5231 17.699 10.6365 17.7007 10.75 17.6996C10.8634 17.6985 10.9768 17.6947 11.0901 17.6881C11.2033 17.6815 11.3164 17.6722 11.4292 17.6601C11.542 17.648 11.6545 17.6332 11.7666 17.6157C11.8787 17.5982 11.9903 17.5779 12.1015 17.555C12.2126 17.5321 12.3231 17.5064 12.433 17.4781C12.5428 17.4498 12.652 17.4189 12.7604 17.3853C12.8687 17.3517 12.9762 17.3155 13.0829 17.2767C13.1895 17.2379 13.2951 17.1965 13.3997 17.1526C13.5044 17.1087 13.6078 17.0623 13.7102 17.0133C13.8126 16.9644 13.9137 16.913 14.0136 16.8591C14.1135 16.8053 14.212 16.7491 14.3091 16.6904C14.4063 16.6318 14.5019 16.5708 14.5961 16.5076C14.6903 16.4443 14.7829 16.3788 14.874 16.3111C14.965 16.2433 15.0543 16.1734 15.1419 16.1013C15.2296 16.0292 15.3154 15.955 15.3994 15.8788C15.4834 15.8025 15.5656 15.7243 15.6458 15.6441C15.726 15.5638 15.8043 15.4817 15.8805 15.3977C15.9568 15.3136 16.0309 15.2278 16.103 15.1402C16.1751 15.0526 16.245 14.9632 16.3128 14.8722C16.3805 14.7812 16.4461 14.6886 16.5093 14.5944C16.5726 14.5002 16.6335 14.4045 16.6922 14.3074C16.7508 14.2102 16.807 14.1117 16.8609 14.0119C16.9147 13.912 16.9661 13.8109 17.0151 13.7085C17.064 13.6061 17.1104 13.5026 17.1544 13.398C17.1983 13.2934 17.2397 13.1878 17.2785 13.0811C17.3173 12.9745 17.3535 12.867 17.3871 12.7586C17.4206 12.6503 17.4516 12.5411 17.4799 12.4312C17.5082 12.3214 17.5338 12.2109 17.5567 12.0997C17.5797 11.9886 17.5999 11.877 17.6174 11.7649C17.635 11.6528 17.6498 11.5403 17.6618 11.4275C17.6739 11.3147 17.6832 11.2016 17.6898 11.0883C17.6964 10.9751 17.7002 10.8617 17.7013 10.7482C17.7024 10.6348 17.7008 10.5214 17.6964 10.408C17.692 10.2946 17.6848 10.1814 17.6749 10.0683C17.665 9.95531 17.6524 9.84259 17.637 9.73016C17.6216 9.61774 17.6036 9.50575 17.5828 9.39421C17.562 9.28267 17.5385 9.17169 17.5123 9.06129C17.4861 8.95088 17.4573 8.84116 17.4258 8.73216C17.3943 8.62316 17.3602 8.51497 17.3234 8.40763C17.2867 8.30027 17.2473 8.19387 17.2054 8.08842C17.1635 7.98298 17.1191 7.87862 17.0721 7.77533C17.0252 7.67204 16.9757 7.56995 16.9238 7.46905C16.8719 7.36815 16.8175 7.26858 16.7608 7.17032C16.7041 7.07207 16.645 6.97524 16.5835 6.87985C16.5221 6.78447 16.4584 6.69061 16.3924 6.59831C16.3264 6.50601 16.2582 6.41535 16.1878 6.32636C16.1174 6.23736 16.0449 6.15013 15.9703 6.06466C15.8957 5.97916 15.819 5.89555 15.7403 5.81379L16.2989 5.25145C16.3869 5.34237 16.4727 5.43537 16.5562 5.53045C16.6397 5.62554 16.7209 5.72259 16.7997 5.82161C16.8785 5.92064 16.9549 6.02152 17.0288 6.12425C17.1027 6.22699 17.1741 6.33146 17.2429 6.43765C17.3117 6.54387 17.3779 6.65167 17.4415 6.76109C17.5051 6.87051 17.566 6.9814 17.6242 7.09377C17.6824 7.20616 17.7379 7.31988 17.7906 7.43494C17.8433 7.55002 17.8931 7.6663 17.9402 7.7838C17.9872 7.90129 18.0314 8.01985 18.0726 8.1395C18.1139 8.25912 18.1522 8.3797 18.1876 8.5012C18.2231 8.62269 18.2555 8.74498 18.285 8.86806C18.3146 8.99114 18.341 9.11485 18.3644 9.23921C18.388 9.36359 18.4084 9.48845 18.4257 9.61381C18.4433 9.73916 18.4575 9.86487 18.4688 9.9909C18.4801 10.117 18.4884 10.2432 18.4934 10.3697C18.4987 10.4961 18.5007 10.6226 18.4997 10.7492C18.4987 10.8757 18.4947 11.0022 18.4876 11.1285C18.4805 11.2549 18.4703 11.381 18.4571 11.5069C18.4438 11.6327 18.4275 11.7582 18.4081 11.8833C18.3888 12.0083 18.3666 12.1329 18.341 12.2569C18.3158 12.3808 18.2874 12.5041 18.2558 12.6267C18.2246 12.7493 18.1902 12.8711 18.1529 12.992C18.1155 13.113 18.0753 13.2329 18.0322 13.3519C17.9891 13.4709 17.9431 13.5888 17.8942 13.7055C17.8454 13.8223 17.7937 13.9378 17.7393 14.052C17.6848 14.1663 17.6276 14.2791 17.5676 14.3906C17.5077 14.502 17.4451 14.612 17.3798 14.7204C17.3145 14.8288 17.2466 14.9356 17.1762 15.0407C17.1057 15.1458 17.0327 15.2492 16.9572 15.3507C16.8817 15.4523 16.8038 15.552 16.7235 15.6498C16.6431 15.7476 16.5605 15.8434 16.4755 15.9371C16.3905 16.0309 16.3033 16.1226 16.2138 16.2121ZM8.99697 4.31083L11.8095 1.5L14.6203 4.31083L11.8095 7.12336L8.99697 4.31083ZM14.4286 7.12506C14.4872 7.18508 14.5442 7.24648 14.5997 7.30925C14.6553 7.37205 14.7092 7.43616 14.7616 7.50157C14.8141 7.56701 14.8649 7.63365 14.914 7.70155C14.9632 7.76944 15.0107 7.83849 15.0565 7.90871C15.1023 7.97891 15.1463 8.05019 15.1886 8.12255C15.231 8.19489 15.2715 8.26822 15.3103 8.34256C15.349 8.41689 15.386 8.49211 15.4211 8.56823C15.4562 8.64436 15.4894 8.7213 15.5207 8.79904C15.5521 8.87679 15.5815 8.95524 15.609 9.03443C15.6366 9.11361 15.6621 9.19341 15.6858 9.27382C15.7094 9.35424 15.7311 9.4352 15.7508 9.51667C15.7705 9.59815 15.7882 9.68007 15.8039 9.76241C15.8196 9.84474 15.8333 9.92743 15.845 10.0104C15.8567 10.0934 15.8663 10.1767 15.8739 10.2601C15.8816 10.3436 15.8872 10.4272 15.8907 10.511C15.8943 10.5947 15.8958 10.6785 15.8952 10.7624C15.8947 10.8462 15.8922 10.9299 15.8875 11.0136C15.8829 11.0973 15.8763 11.1809 15.8676 11.2642C15.859 11.3476 15.8482 11.4307 15.8355 11.5136C15.8228 11.5964 15.8081 11.6789 15.7913 11.7611C15.7746 11.8432 15.7559 11.9249 15.7351 12.0061C15.7144 12.0873 15.6918 12.168 15.6671 12.2481C15.6425 12.3282 15.6159 12.4077 15.5874 12.4865C15.5588 12.5654 15.5284 12.6435 15.4961 12.7208C15.4638 12.7981 15.4296 12.8747 15.3936 12.9503C15.3575 13.026 15.3196 13.1008 15.28 13.1746C15.2403 13.2484 15.1988 13.3213 15.1556 13.3931C15.1123 13.4649 15.0674 13.5356 15.0207 13.6052C14.974 13.6749 14.9257 13.7433 14.8757 13.8106C14.8257 13.8779 14.774 13.9439 14.7208 14.0086C14.6676 14.0734 14.6128 14.1368 14.5565 14.1989C14.5002 14.261 14.4424 14.3217 14.3831 14.381C14.3238 14.4402 14.2632 14.498 14.2011 14.5543C14.139 14.6107 14.0756 14.6654 14.0108 14.7187C13.946 14.7719 13.88 14.8235 13.8128 14.8736C13.7455 14.9236 13.6771 14.9719 13.6074 15.0186C13.5378 15.0653 13.4671 15.1102 13.3953 15.1535C13.3235 15.1967 13.2507 15.2382 13.1768 15.2779C13.103 15.3176 13.0282 15.3554 12.9525 15.3915C12.8769 15.4275 12.8004 15.4617 12.723 15.494C12.6457 15.5264 12.5676 15.5568 12.4888 15.5853C12.41 15.6138 12.3305 15.6404 12.2504 15.6651C12.1702 15.6897 12.0896 15.7124 12.0083 15.7331C11.9271 15.7539 11.8454 15.7726 11.7633 15.7893C11.6812 15.8061 11.5987 15.8208 11.5158 15.8335C11.433 15.8463 11.3499 15.857 11.2665 15.8657C11.1831 15.8743 11.0996 15.881 11.0159 15.8856C10.9322 15.8902 10.8484 15.8928 10.7646 15.8933C10.6808 15.8938 10.597 15.8923 10.5132 15.8888C10.4295 15.8852 10.3459 15.8796 10.2624 15.872C10.1789 15.8644 10.0957 15.8547 10.0126 15.8431C9.92964 15.8314 9.84697 15.8177 9.76462 15.802C9.68228 15.7863 9.60038 15.7686 9.51889 15.7489C9.43741 15.7292 9.35646 15.7075 9.27603 15.6839C9.19562 15.6603 9.11582 15.6347 9.03662 15.6072C8.95746 15.5797 8.87899 15.5502 8.80125 15.5189C8.72351 15.4875 8.64657 15.4543 8.57043 15.4192C8.49432 15.3842 8.41909 15.3472 8.34475 15.3085C8.27043 15.2697 8.19708 15.2292 8.12472 15.1869C8.05236 15.1445 7.98108 15.1005 7.91088 15.0547C7.84068 15.0089 7.77163 14.9614 7.70372 14.9122C7.63583 14.8631 7.56917 14.8123 7.50373 14.7599C7.43831 14.7075 7.37421 14.6535 7.31141 14.598C7.24862 14.5425 7.18722 14.4854 7.1272 14.4269L7.68952 13.8646C7.7405 13.9131 7.79262 13.9604 7.84588 14.0064C7.89914 14.0524 7.95347 14.0972 8.00889 14.1406C8.06432 14.184 8.12075 14.226 8.1782 14.2667C8.23567 14.3073 8.29406 14.3466 8.3534 14.3844C8.41276 14.4223 8.473 14.4587 8.5341 14.4936C8.59522 14.5285 8.65713 14.562 8.71984 14.5939C8.78257 14.6258 8.84605 14.6563 8.91024 14.6851C8.97442 14.714 9.03928 14.7413 9.1048 14.7671C9.17031 14.7928 9.23641 14.8169 9.30309 14.8395C9.36977 14.862 9.43697 14.8829 9.50466 14.9022C9.57235 14.9215 9.64048 14.9392 9.70902 14.9552C9.77757 14.9712 9.84646 14.9855 9.9157 14.9982C9.98493 15.0109 10.0545 15.0219 10.1242 15.0312C10.194 15.0405 10.2639 15.0481 10.3341 15.054C10.4042 15.06 10.4745 15.0642 10.5448 15.0668C10.6152 15.0693 10.6855 15.0701 10.7559 15.0693C10.8263 15.0684 10.8966 15.0658 10.9669 15.0616C11.0371 15.0573 11.1073 15.0514 11.1772 15.0437C11.2472 15.036 11.3169 15.0267 11.3865 15.0157C11.456 15.0047 11.5252 14.992 11.5941 14.9776C11.663 14.9632 11.7315 14.9472 11.7997 14.9295C11.8678 14.9118 11.9355 14.8925 12.0027 14.8716C12.0699 14.8506 12.1365 14.828 12.2026 14.8039C12.2687 14.7797 12.3342 14.7539 12.3991 14.7266C12.4639 14.6992 12.5281 14.6704 12.5916 14.6399C12.6551 14.6095 12.7177 14.5775 12.7797 14.5441C12.8416 14.5106 12.9027 14.4756 12.9629 14.4392C13.0231 14.4028 13.0824 14.3649 13.1408 14.3256C13.1993 14.2863 13.2567 14.2457 13.3131 14.2036C13.3696 14.1615 13.4249 14.1181 13.4793 14.0734C13.5336 14.0286 13.5868 13.9826 13.6389 13.9353C13.6911 13.888 13.742 13.8394 13.7918 13.7896C13.8415 13.7398 13.8901 13.6889 13.9374 13.6368C13.9847 13.5847 14.0307 13.5314 14.0754 13.4771C14.1201 13.4227 14.1636 13.3673 14.2056 13.3109C14.2476 13.2544 14.2883 13.197 14.3276 13.1386C14.3669 13.0802 14.4047 13.0208 14.4411 12.9606C14.4775 12.9003 14.5125 12.8393 14.5459 12.7773C14.5794 12.7154 14.6113 12.6527 14.6417 12.5892C14.6722 12.5257 14.701 12.4616 14.7284 12.3967C14.7557 12.3318 14.7814 12.2663 14.8056 12.2002C14.8297 12.1341 14.8523 12.0674 14.8732 12.0002C14.8941 11.933 14.9134 11.8654 14.9311 11.7972C14.9488 11.7291 14.9648 11.6606 14.9791 11.5917C14.9935 11.5227 15.0062 11.4535 15.0172 11.384C15.0282 11.3145 15.0375 11.2447 15.0451 11.1748C15.0528 11.1048 15.0587 11.0347 15.0629 10.9644C15.0672 10.8941 15.0697 10.8238 15.0706 10.7534C15.0714 10.683 15.0706 10.6127 15.068 10.5423C15.0654 10.472 15.0612 10.4017 15.0552 10.3316C15.0493 10.2615 15.0416 10.1915 15.0323 10.1218C15.023 10.052 15.012 9.98247 14.9993 9.91325C14.9866 9.84401 14.9722 9.77513 14.9562 9.70657C14.9402 9.63803 14.9225 9.56992 14.9032 9.50223C14.8839 9.43454 14.8629 9.36736 14.8404 9.30068C14.8178 9.23402 14.7937 9.16792 14.7679 9.1024C14.7422 9.0369 14.7148 8.97205 14.6859 8.90786C14.657 8.84369 14.6266 8.78023 14.5946 8.71751C14.5627 8.6548 14.5292 8.59289 14.4943 8.53179C14.4593 8.47069 14.4229 8.41047 14.3851 8.35113C14.3472 8.29178 14.3079 8.23339 14.2672 8.17596C14.2266 8.11853 14.1845 8.06209 14.1411 8.00669C14.0977 7.95128 14.053 7.89695 14.0069 7.84371C13.9609 7.79046 13.9136 7.73834 13.865 7.68738L14.4286 7.12506ZM10.1229 5.43465L10.6853 5.99698L10.1229 6.55932L12.5584 8.99483L11.0593 10.494L11.6216 11.0563L11.0593 11.6186L10.4961 11.0563L8.99697 12.5567L3.3719 6.93378L6.93421 3.37148L9.55761 5.99485L10.1216 5.43465L10.1229 5.43465ZM5.71518 10.4013L5.43295 10.1191L5.99528 9.55674L6.55763 10.1191L5.99528 10.6814L7.11783 11.8057L4.31253 14.6182L1.5 11.8074L2.22981 11.075L4.30786 8.99695L5.71433 10.3996L5.71518 10.4013Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/DataPresentation/index.vue b/src/views/drone/components/virtualWarehouse/components/DataPresentation/index.vue
new file mode 100644
index 0000000..53493f7
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DataPresentation/index.vue
@@ -0,0 +1,199 @@
+<template>
+  <div class="left_detail">
+    <div>
+      <el-tooltip class="item" effect="dark" content="搜星数量" placement="top-start">
+        <div>
+          <img src="./icons/satellite.svg" alt="" />
+          <span>{{ info.position_state.rtk_number }}RTK</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="电池剩余电量" placement="top-start">
+        <div>
+          <img src="./icons/battery.svg" alt="" />
+          <span>{{ info.battery.capacity_percent }}%</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="返航所需电量" placement="top-start">
+        <div>
+          <img src="./icons/quantity.svg" alt="" />
+          <span>{{ info.battery.return_home_power }}%</span>
+        </div>
+      </el-tooltip>
+    </div>
+    <div>
+      <el-tooltip class="item" effect="dark" content="内存总容量" placement="top-start">
+        <div>
+          <img src="./icons/memory.svg" alt="" />
+          <span>{{ (info.storage.total / (1024 * 1024)).toFixed(2) }}GB</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="内存已使用容量" placement="top-start">
+        <div>
+          <img src="./icons/big.svg" alt="" />
+          <span>{{ (info.storage.used / (1024 * 1024)).toFixed(2) }}GB</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="飞行高度" placement="top-start">
+        <div>
+          <img src="./icons/plane.svg" alt="" />
+          <span>{{ info.elevation.toFixed(2) }}m</span>
+        </div>
+      </el-tooltip>
+    </div>
+    <div>
+      <el-tooltip class="item" effect="dark" content="拍照状态" placement="top-start">
+        <div>
+          <img src="./icons/picture.svg" alt="" />
+          <span>{{
+            info.cameras && info.cameras[0]
+              ? (info.cameras[0].photo_state == 0 ? "空闲" : "拍照中")
+              : "-"
+          }}</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="拍照剩余数量" placement="top-start">
+        <div>
+          <img src="./icons/Remaining.svg" alt="" />
+          <span>{{ info.cameras && info.cameras[0] ? info.cameras[0].remain_photo_num : "-" }}</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="剩余飞行时间" placement="top-start">
+        <div>
+          <img src="./icons/FlightTime.svg" alt="" />
+          <span>{{ filterTime(info.battery.remain_flight_time) }}</span>
+        </div>
+      </el-tooltip>
+    </div>
+    <div>
+      <el-tooltip class="item" effect="dark" content="垂直速度" placement="top-start">
+        <div>
+          <span>VS {{ info.vertical_speed.toFixed(2) }}</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="相对起飞点高度" placement="top-start">
+        <div>
+          <span>ALT {{ Number(info.elevation).toFixed(2) }}</span>
+        </div>
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="海拔高度" placement="top-start">
+        <div>
+          <span>ASL {{ (Number(info.elevation) + Number(info.height)).toFixed(2) }}</span>
+        </div>
+      </el-tooltip>
+    </div>
+    <div>
+      <el-tooltip class="item" effect="dark" content="水平速度" placement="top-start">
+        <div>
+          <span>HS {{ info.horizontal_speed.toFixed(2) }}</span>
+        </div>
+      </el-tooltip>
+      <div>&nbsp;</div>
+      <div>&nbsp;</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      info: {
+        //飞行器数据信息
+        cameras: [{ remain_photo_num: 0, photo_state: 0 }],
+        horizontal_speed: 0,
+        position_state: { rtk_number: 0 },
+        vertical_speed: 0,
+        horizontal_speed: 0,
+        elevation: 0,
+        height: 0,
+        wind_direction: "0",
+        battery: {
+          capacity_percent: 0,
+          remain_flight_time: 0,
+          return_home_power: 0,
+        },
+        wind_speed: 0,
+        storage: { total: 0, used: 0 },
+      },
+    };
+  },
+  created() { },
+  mounted() {
+    this.$recvChanel("websocketBus", (res) => {
+      if (res.businessType == "osd4") {
+        this.info = res.data || {}
+        this.time = new Date().getTime()
+      }
+    });
+    this.onReset()
+  },
+  methods: {
+    restet() {
+      this.info = {
+        cameras: [{ remain_photo_num: 0, photo_state: 0 }],
+        horizontal_speed: 0,
+        position_state: { rtk_number: 0 },
+        vertical_speed: 0,
+        horizontal_speed: 0,
+        elevation: 0,
+        height: 0,
+        wind_direction: "0",
+        battery: {
+          capacity_percent: 0,
+          remain_flight_time: 0,
+          return_home_power: 0,
+        },
+        wind_speed: 0,
+        storage: { total: 0, used: 0 },
+      };
+    },
+    onReset() {
+      let that = this
+      that.timer = setInterval(() => {
+        const currentTimestamp = Date.now();  // 获取当前时间戳
+        const elapsed = currentTimestamp - that.time;  // 计算差值
+        if (elapsed > 2000) {
+          that.restet();
+        }
+      }, 2000);
+    },
+    filterTime(val) {
+      //返回分钟
+      let miu = parseInt(val / 60);
+      let s = val % 60;
+      return miu + "分" + s + "秒";
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.left_detail {
+  display: flex;
+  align-items: center;
+  padding: 20px 30px 0 80px;
+  justify-content: space-between;
+  height: 100%;
+
+  >div {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    height: 100%;
+    font-size: 14px;
+
+    >div {
+      display: flex;
+      // height: 100%;
+      align-items: center;
+      color: #fff;
+      font-weight: 600;
+
+      >img {
+        width: 20px;
+        margin-right: 6px;
+        height: 20px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/DroneVideo/index.vue b/src/views/drone/components/virtualWarehouse/components/DroneVideo/index.vue
new file mode 100644
index 0000000..3d5ca4a
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/DroneVideo/index.vue
@@ -0,0 +1,282 @@
+<template>
+  <div class="drone_video_box" id="drone_video_box" @wheel="debouncedWheel" @dblclick="onDetailPost">
+    <div class="shutter" :id="'shutter' + type"></div>
+    <!-- <video :class="{ video_drone: true }" :id="'drone_video-webrtc_' + droneObj.cameraIndex" autoplay muted width="100%"
+      height="100%"></video> -->
+    <div :id="'drone_video-webrtc_' + droneObj.cameraIndex" :class="{ video_drone: true }" style="width: 100%; height: 100%">
+      <webrtc :ref="'drone_video-webrtc_' + droneObj.cameraIndex" width="100%" height="100%"></webrtc>
+    </div>
+    <myLoading ref="myLoadingRef"></myLoading>
+  </div>
+</template>
+
+<script>
+// 加载中
+import myLoading from '../myLoading/index.vue';
+import { hasDataFlight } from '@/api/air';
+import webrtc from '@/components/webrtc';
+import { getDockAir } from '@/utils/auth';
+export default {
+  components: {
+    myLoading,
+    webrtc
+  },
+  props: {
+    type: {
+      type: Number,
+      default: 1 //1、无人机 2、机场
+    },
+    typeLabel: {
+      type: String,
+      default: '广角' //1、无人机 2、机场
+    }
+  },
+  data() {
+    return {
+      droneObj: {},
+      videoShow: false,
+      flvPlayer: null,
+      camera_type: 'wide',
+      videoUrl: '',
+      aiUrl: ''
+    };
+  },
+  mounted() {
+    this.$recvChanel('camera_type', (type) => {
+      this.camera_type = type;
+    });
+    this.$recvChanel('video_width', (height) => {
+      this.getInfo(this.droneObj);
+      let div = document.getElementById('drone_video_box');
+      div.style.height = height + 'px';
+      let div2 = document.getElementById('drone_video-webrtc_' + this.droneObj.cameraIndex);
+      div2.style.height = height + 'px';
+    });
+  },
+  beforeDestroy() {
+    this.getVideoEnd(this.droneObj);
+  },
+  methods: {
+    debouncedWheel(event) {
+      // 滚轮滚动
+      // 如果是机场视频和广角类型 不需要滚动
+      if (!(this.type == 2 || this.typeLabel == '广角')) {
+        this.$emit('wheelScale', event);
+      }
+    },
+    // 拍照效果
+    setShutter() {
+      const shutter = document.getElementById('shutter' + this.type);
+      shutter.classList.add('active');
+      // 动画结束后移除类，以便可以重新触发动画
+      setTimeout(() => {
+        shutter.classList.remove('active');
+      }, 300); // 动画时长
+    },
+    onDetailPost(e) {
+      if (this.type == 2) {
+        // 机场视频不需要点击
+        return;
+      }
+      // 获取坐标
+      let div = document.getElementById('drone_video_box');
+      // let div = document.getElementById("drone_video-webrtc_" + this.droneObj.cameraIndex);
+      let rect = div.getBoundingClientRect();
+      let width = rect.width;
+      let height = rect.height;
+      let x, y;
+      if (width && height && e.offsetX && e.offsetY) {
+        x = Number(e.offsetX / width);
+        y = Number(e.offsetY / height);
+        let obj = {
+          gateway: this.droneObj.gateway,
+          method: 'camera_aim',
+          params: {
+            camera_type: this.camera_type,
+            locked: true,
+            payload_index: this.droneObj.cameraIndex,
+            x,
+            y
+          }
+        };
+        hasDataFlight(obj).then((res) => {
+          if (res.code == 200) {
+            this.$message.success('操作成功');
+          }
+        });
+      }
+    },
+    // 数据获取并播放
+    getInfo(data) {
+      this.$refs.myLoadingRef.statusLoading(true);
+      this.droneObj = data;
+      console.log('this.droneObj', this.droneObj);
+      this.$nextTick(() => {
+        this.getVideo(data);
+      });
+    },
+    // 视频结束
+    getVideoEnd(data, cb) {
+      if (this.flvPlayer) {
+        axios({
+          // url: process.env.DOCKAIR + "/dj/live/stop",
+          url: getDockAir() + '/dj/live/stop',
+          method: 'post',
+          data
+        }).then((res) => {
+          if (res.data.code !== 200) {
+            this.$message.error(res.data.msg);
+          } else {
+            this.videoShow = false;
+            try {
+              this.destroyVideo();
+              if (cb) cb();
+            } catch (error) {}
+          }
+        });
+      } else {
+        if (cb) cb();
+      }
+    },
+    // 销毁
+    destroyVideo() {
+      this.flvPlayer.pause(); // 暂停播放数据流
+      this.flvPlayer.unload(); // 取消数据流加载
+      this.flvPlayer.destroy(); // 销毁播放实例
+      this.flvPlayer.detachMediaElement(); // 将播放实例从节点中取出
+      this.flvPlayer = null;
+    },
+    // 开始视频调用
+    getVideo(data1) {
+      if (this.flvPlayer) {
+        this.destroyVideo();
+      }
+      axios({
+        // url: process.env.DOCKAIR + "/dj/live/start",
+        url: getDockAir() + '/dj/live/start',
+        method: 'post',
+        data: data1
+      }).then((res) => {
+        const { code, data, msg } = res.data;
+        if (code == 200) {
+          // this.playFlv(data.url, "drone_video-webrtc_" + data1.cameraIndex, data1.cameraIndex)
+          setTimeout(() => {
+            this.$refs['drone_video-webrtc_' + data1.cameraIndex].startPlay(data.url);
+            this.videoUrl = data.url;
+            this.aiUrl = data.aiUrl;
+          }, 1000);
+          this.$refs.myLoadingRef.statusLoading(false);
+        } else {
+          this.$refs.myLoadingRef.statusLoading(false);
+          this.$message.error(msg);
+        }
+      });
+    },
+    // 播放flv视频
+    playFlv(flv, videoId) {
+      if (flvjs.isSupported()) {
+        var videoElement = document.getElementById(videoId);
+        this.flvPlayer = flvjs.createPlayer({
+          type: 'flv',
+          isLive: true,
+          hasAudio: false,
+          url: flv,
+          enableStashBuffer: true,
+          enableWorker: true,
+          autoCleanupSourceBuffer: true //自动清除缓存
+        });
+        this.$nextTick(() => {
+          this.flvPlayer.attachMediaElement(videoElement);
+          this.flvPlayer.load();
+          this.flvPlayer.play();
+          this.$refs.myLoadingRef.statusLoading(false);
+          // this.handleDelay(this.flvPlayer);
+        });
+        this.flvPlayer.on('error', () => {
+          console.log('播放错误');
+        });
+        // videoElement.addEventListener("error", () => {
+        //   console.log("播放错误");
+        //   // 重新播放
+        //   // flvPlayer.attachMediaElement(videoElement);
+        //   // flvPlayer.load();
+        //   // flvPlayer.play();
+        // });
+      }
+    },
+    // 重新播放加载
+    onPlay() {
+      if (this.flvPlayer) {
+        this.flvPlayer.load();
+        this.flvPlayer.play();
+      }
+    },
+    // 处理延迟
+    handleDelay(flvPlayer) {
+      let timer = setInterval(() => {
+        if (!flvPlayer) return;
+        if (flvPlayer.buffered.length) {
+          let end = flvPlayer.buffered.end(0); //获取当前buffered值
+          let diff = end - flvPlayer.currentTime; //获取buffered与currentTime的差值
+          if (diff >= 2) {
+            //如果差值大于等于0.5 手动跳帧 这里可根据自身需求来定
+            flvPlayer.currentTime = flvPlayer.buffered.end(0) - 1.5; //手动跳帧
+          }
+        }
+      }, 1000); //1000毫秒执行一次
+      return timer;
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.drone_video_box {
+  width: 960px;
+  height: 720px;
+  position: relative;
+  overflow: hidden;
+
+  .shutter {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.3);
+    transform: translateY(-100%);
+    opacity: 0;
+    transition:
+      transform 0.3s ease,
+      opacity 0.3s ease;
+  }
+
+  .shutter.active {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  @keyframes shutterAnimation {
+    0% {
+      transform: translateY(-100%);
+      opacity: 0;
+    }
+
+    50% {
+      transform: translateY(0);
+      opacity: 1;
+    }
+
+    100% {
+      transform: translateY(-100%);
+      opacity: 0;
+    }
+  }
+
+  .video_drone {
+    // width: 100%;
+    background-color: rgba(0, 0, 0, 1);
+    // object-fit: fill;
+    // height: 100%;
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon1.svg b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon1.svg
new file mode 100644
index 0000000..00024d3
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.939453125" height="12" viewBox="0 0 11.939453125 12" fill="none">
+<path d="M3.96489 9.48244C3.9694 9.5104 3.97318 9.53845 3.97623 9.56661C3.97927 9.59476 3.98157 9.62298 3.98313 9.65125C3.9847 9.67953 3.98553 9.70783 3.98561 9.73616C3.98569 9.76447 3.98504 9.79277 3.98363 9.82106C3.98224 9.84935 3.9801 9.87758 3.97722 9.90575C3.97434 9.93392 3.97074 9.962 3.96638 9.98998C3.96204 10.018 3.95696 10.0458 3.95116 10.0735C3.94535 10.1012 3.93883 10.1288 3.93158 10.1562C3.92434 10.1835 3.91638 10.2107 3.90769 10.2377C3.89903 10.2646 3.88966 10.2913 3.87958 10.3178C3.86952 10.3442 3.85876 10.3704 3.84732 10.3963C3.83589 10.4222 3.82377 10.4478 3.81099 10.4731C3.79821 10.4983 3.78479 10.5233 3.7707 10.5478C3.75661 10.5724 3.7419 10.5965 3.72655 10.6203C3.71119 10.6441 3.69523 10.6675 3.67866 10.6904C3.66209 10.7134 3.64493 10.7359 3.62716 10.7579C3.60942 10.78 3.59111 10.8015 3.57222 10.8226C3.55334 10.8437 3.53393 10.8643 3.51396 10.8843C3.494 10.9044 3.47353 10.9239 3.45255 10.9429C3.43158 10.9619 3.41011 10.9803 3.38816 10.9982C3.36622 11.0161 3.34382 11.0333 3.32096 11.05C3.29812 11.0667 3.27484 11.0828 3.25115 11.0983C3.22747 11.1137 3.20338 11.1285 3.1789 11.1427C3.15444 11.1569 3.12962 11.1705 3.10443 11.1834C3.07925 11.1963 3.05375 11.2085 3.02793 11.2201C3.00212 11.2316 2.97602 11.2425 2.94962 11.2527C2.92324 11.2629 2.8966 11.2724 2.86971 11.2812C2.84283 11.2899 2.81574 11.298 2.78842 11.3054C2.76112 11.3127 2.73364 11.3194 2.70598 11.3253C2.67832 11.3312 2.65053 11.3364 2.62259 11.3409C2.59467 11.3454 2.56665 11.3491 2.53852 11.3521C2.5104 11.3551 2.48222 11.3573 2.45397 11.3588C2.42574 11.3603 2.39748 11.3611 2.36919 11.3611C2.34092 11.3612 2.31266 11.3605 2.2844 11.359C2.25615 11.3575 2.22797 11.3553 2.19984 11.3524C2.17171 11.3495 2.14368 11.3458 2.11574 11.3414C2.08781 11.337 2.06 11.3319 2.03234 11.326C2.00467 11.3201 1.97717 11.3135 1.94984 11.3062C1.92253 11.2989 1.89541 11.2909 1.86851 11.2821C1.84162 11.2734 1.81496 11.264 1.78854 11.2538C1.76214 11.2437 1.73601 11.2329 1.71017 11.2214C1.68433 11.2099 1.65881 11.1977 1.6336 11.1848C1.60839 11.172 1.58355 11.1585 1.55904 11.1443C1.53455 11.1302 1.51044 11.1154 1.48672 11.1C1.46299 11.0846 1.43969 11.0685 1.4168 11.0519C1.39392 11.0353 1.37149 11.018 1.3495 11.0002C1.32752 10.9824 1.30602 10.964 1.28501 10.9451C1.26399 10.9261 1.24348 10.9066 1.22348 10.8866C1.20348 10.8666 1.18402 10.846 1.1651 10.825C1.14618 10.8039 1.12782 10.7824 1.11003 10.7604C1.09223 10.7384 1.07502 10.7159 1.0584 10.693C1.04179 10.6701 1.02578 10.6468 1.01038 10.623C0.994982 10.5992 0.980218 10.5751 0.966084 10.5506C0.951952 10.526 0.93847 10.5012 0.92564 10.4759C0.912811 10.4507 0.90065 10.4251 0.889159 10.3993C0.877668 10.3734 0.866862 10.3472 0.85674 10.3208C0.846618 10.2943 0.837196 10.2676 0.828473 10.2407C0.819748 10.2137 0.811737 10.1866 0.804434 10.1592C0.797133 10.1319 0.790551 10.1044 0.784691 10.0767C0.778832 10.049 0.7737 10.0211 0.769299 9.99313C0.764896 9.96515 0.761228 9.93708 0.758297 9.90892C0.755364 9.88075 0.753171 9.85252 0.751718 9.82425C0.750263 9.79596 0.74955 9.76766 0.749577 9.73934C0.749605 9.71102 0.750374 9.68272 0.751884 9.65444C0.753393 9.62615 0.755643 9.59793 0.75863 9.56979C0.761618 9.54161 0.76534 9.51355 0.769797 9.48559C0.774255 9.45763 0.77944 9.4298 0.785355 9.4021C0.79127 9.3744 0.797905 9.34689 0.805262 9.31955C0.812617 9.29219 0.820684 9.26507 0.829459 9.23815C0.838235 9.21122 0.847711 9.18455 0.857885 9.15812C0.868058 9.1317 0.878916 9.10555 0.890458 9.0797C0.902001 9.05385 0.914211 9.02831 0.92709 9.00311C0.939969 8.97789 0.9535 8.95303 0.967681 8.92853C0.981861 8.90403 0.996673 8.87991 1.01212 8.85619C1.02756 8.83246 1.04362 8.80915 1.06028 8.78628C1.07694 8.76339 1.0942 8.74096 1.11203 8.719C1.12987 8.69702 1.14828 8.67552 1.16724 8.65451C1.1862 8.6335 1.20571 8.613 1.22574 8.59302C1.24578 8.57303 1.26633 8.55359 1.28738 8.53469C1.30844 8.51577 1.32997 8.49742 1.35198 8.47966C1.37401 8.46188 1.39648 8.44469 1.41939 8.4281C1.4423 8.4115 1.46564 8.39552 1.48938 8.38015C1.51314 8.36478 1.53728 8.35004 1.5618 8.33594C1.58633 8.32183 1.61121 8.30839 1.63644 8.29559C1.66167 8.28278 1.68722 8.27066 1.71308 8.25921C1.73895 8.24775 1.76509 8.23698 1.79152 8.2269C1.81795 8.21682 1.84462 8.20743 1.87154 8.19875C1.89846 8.19007 1.92558 8.1821 1.95292 8.17484C1.98026 8.16758 2.00777 8.16105 2.03545 8.15524C2.06314 8.14943 2.09095 8.14434 2.11889 8.13998C2.14684 8.13562 2.17488 8.13201 2.20301 8.12913C2.23115 8.12625 2.25934 8.12411 2.28759 8.12271C2.31584 8.1213 2.3441 8.12064 2.37238 8.12074C2.40066 8.12082 2.42892 8.12164 2.45715 8.12321C2.4854 8.12478 2.51358 8.12709 2.54169 8.13014C2.56981 8.13318 2.59783 8.13696 2.62574 8.14148C2.79967 7.95459 2.95802 7.77389 3.09863 7.60175C3.07382 7.59327 3.04887 7.58522 3.02378 7.5776C2.99869 7.56998 2.97348 7.56281 2.94814 7.55609C2.92281 7.54935 2.89735 7.54306 2.87179 7.53722C2.84623 7.53136 2.82058 7.52596 2.79484 7.52101C2.7691 7.51606 2.74328 7.51156 2.71737 7.5075C2.69148 7.50345 2.66551 7.49985 2.63948 7.49671C2.61345 7.49356 2.58738 7.49086 2.56126 7.48862C2.53514 7.48637 2.50899 7.48459 2.4828 7.48327C2.45662 7.48193 2.43042 7.48106 2.40421 7.48065C2.378 7.48023 2.35179 7.48028 2.32558 7.48078C2.29936 7.48128 2.27317 7.48224 2.24699 7.48364C2.22082 7.48505 2.19468 7.48692 2.16856 7.48924C2.14245 7.49156 2.11639 7.49434 2.09036 7.49758C2.06434 7.5008 2.03839 7.50448 2.0125 7.50863C1.98661 7.51275 1.96081 7.51733 1.93508 7.52237C1.90935 7.52741 1.88371 7.5329 1.85818 7.53883C1.83264 7.54474 1.80721 7.55111 1.78189 7.55793C1.75657 7.56475 1.73138 7.572 1.70631 7.57969C1.68125 7.58738 1.65633 7.59551 1.63154 7.60407C1.60676 7.61263 1.58214 7.62162 1.55766 7.63104C1.5332 7.64046 1.50889 7.6503 1.48476 7.66057C1.46063 7.67084 1.43669 7.68151 1.41293 7.69262C1.38917 7.70371 1.36563 7.71521 1.34227 7.72714C1.31891 7.73906 1.29577 7.75139 1.27284 7.76412C1.24991 7.77684 1.22721 7.78997 1.20474 7.80349C1.18227 7.817 1.16003 7.83091 1.13804 7.84521C1.11605 7.85949 1.09432 7.87417 1.07284 7.88923C1.05136 7.90427 1.03015 7.91968 1.00921 7.93548C0.988263 7.95128 0.967601 7.96742 0.947219 7.98393C0.926836 8.00043 0.906747 8.0173 0.886952 8.03451C0.867155 8.05172 0.847664 8.06927 0.828479 8.08716C0.809292 8.10505 0.790422 8.12327 0.77187 8.14182C-0.108282 9.02316 -0.108282 10.4573 0.77187 11.3388C1.65202 12.2203 3.0844 12.2203 3.96472 11.3388C3.98324 11.3202 4.00142 11.3014 4.01928 11.2822C4.03714 11.2629 4.05466 11.2434 4.07184 11.2236C4.08902 11.2038 4.10585 11.1837 4.12232 11.1633C4.13881 11.1429 4.15494 11.1222 4.17069 11.1012C4.18647 11.0803 4.20186 11.059 4.21688 11.0375C4.23191 11.016 4.24655 10.9943 4.26082 10.9723C4.27509 10.9503 4.28897 10.928 4.30247 10.9055C4.31597 10.883 4.32907 10.8603 4.34177 10.8374C4.35448 10.8144 4.36678 10.7912 4.37869 10.7679C4.39059 10.7445 4.40208 10.7209 4.41316 10.6971C4.42426 10.6733 4.43492 10.6494 4.44516 10.6252C4.45541 10.6011 4.46524 10.5767 4.47465 10.5523C4.48406 10.5278 4.49303 10.5031 4.50158 10.4783C4.51012 10.4535 4.51824 10.4285 4.52592 10.4035C4.53361 10.3784 4.54085 10.3532 4.54765 10.3278C4.55446 10.3025 4.56082 10.277 4.56674 10.2515C4.57266 10.2259 4.57814 10.2002 4.58317 10.1745C4.5882 10.1487 4.59279 10.1229 4.59691 10.097C4.60105 10.0711 4.60473 10.0451 4.60796 10.0191C4.61119 9.99301 4.61397 9.96691 4.61629 9.94078C4.61862 9.91464 4.62049 9.88848 4.62189 9.86227C4.62331 9.83606 4.62427 9.80983 4.62477 9.7836C4.62528 9.75737 4.62532 9.73113 4.62491 9.70489C4.6245 9.67865 4.62364 9.65243 4.62232 9.62622C4.621 9.60001 4.61923 9.57383 4.617 9.54768C4.61478 9.52154 4.61209 9.49544 4.60895 9.46939C4.60581 9.44333 4.60223 9.41734 4.59818 9.39142C4.59416 9.36548 4.58966 9.33963 4.58473 9.31386C4.57979 9.28809 4.5744 9.26242 4.56858 9.23684C4.56275 9.21124 4.55648 9.18577 4.54976 9.16041C4.54305 9.13504 4.5359 9.10979 4.52831 9.08468C4.52072 9.05956 4.51269 9.03458 4.50423 9.00975C4.33198 9.15021 4.15119 9.30845 3.96489 9.48244ZM8.92876 7.51978C9.06703 7.69377 9.2232 7.87514 9.39461 8.06253C9.42253 8.05808 9.45053 8.05435 9.47862 8.05136C9.50673 8.04836 9.53488 8.04611 9.5631 8.04461C9.59133 8.04309 9.61957 8.04232 9.64782 8.04229C9.67608 8.04226 9.70432 8.04297 9.73253 8.04443C9.76076 8.04588 9.78892 8.04806 9.81703 8.05099C9.84513 8.05392 9.87314 8.05758 9.90105 8.06198C9.92897 8.06638 9.95676 8.0715 9.9844 8.07736C10.0121 8.08322 10.0395 8.08979 10.0668 8.09709C10.0941 8.10438 10.1212 8.11238 10.1481 8.1211C10.175 8.12982 10.2016 8.13923 10.228 8.14936C10.2544 8.15947 10.2805 8.17027 10.3063 8.18176C10.3322 8.19324 10.3577 8.20539 10.3829 8.21821C10.4081 8.23103 10.4329 8.24451 10.4574 8.25864C10.4819 8.27277 10.506 8.28752 10.5297 8.30292C10.5534 8.3183 10.5767 8.3343 10.5996 8.35092C10.6225 8.36752 10.6449 8.38472 10.6669 8.40251C10.6888 8.4203 10.7103 8.43865 10.7313 8.45758C10.7524 8.47649 10.7729 8.49595 10.7929 8.51594C10.8129 8.53593 10.8323 8.55643 10.8513 8.57745C10.8702 8.59845 10.8885 8.61994 10.9063 8.64193C10.9242 8.66391 10.9414 8.68634 10.958 8.70921C10.9746 8.73209 10.9906 8.7554 11.006 8.77912C11.0214 8.80284 11.0362 8.82694 11.0504 8.85143C11.0645 8.87592 11.078 8.90078 11.0909 8.92599C11.1037 8.95118 11.1159 8.9767 11.1274 9.00256C11.1389 9.0284 11.1497 9.05452 11.1599 9.08093C11.17 9.10734 11.1795 9.134 11.1882 9.16091C11.197 9.18782 11.205 9.21493 11.2124 9.24226C11.2197 9.26958 11.2263 9.29708 11.2322 9.32476C11.2381 9.35243 11.2433 9.38024 11.2477 9.40819C11.2521 9.43612 11.2558 9.46417 11.2588 9.49231C11.2618 9.52045 11.264 9.54865 11.2655 9.57691C11.267 9.60516 11.2678 9.63344 11.2678 9.66174C11.2678 9.69003 11.2671 9.71831 11.2656 9.74657C11.2641 9.77484 11.2619 9.80303 11.259 9.83118C11.2561 9.85932 11.2524 9.88736 11.248 9.91532C11.2436 9.94327 11.2384 9.97109 11.2326 9.99877C11.2267 10.0265 11.2201 10.054 11.2128 10.0813C11.2055 10.1086 11.1975 10.1358 11.1888 10.1627C11.1801 10.1896 11.1707 10.2163 11.1605 10.2427C11.1504 10.2691 11.1396 10.2952 11.1282 10.3211C11.1167 10.3469 11.1045 10.3725 11.0917 10.3977C11.0789 10.4229 11.0654 10.4478 11.0513 10.4723C11.0372 10.4968 11.0224 10.5209 11.007 10.5447C10.9917 10.5684 10.9757 10.5917 10.9591 10.6146C10.9425 10.6375 10.9253 10.66 10.9075 10.682C10.8897 10.704 10.8714 10.7255 10.8525 10.7465C10.8336 10.7676 10.8141 10.7881 10.7942 10.8081C10.7742 10.8281 10.7537 10.8476 10.7327 10.8665C10.7117 10.8855 10.6902 10.9038 10.6683 10.9217C10.6463 10.9395 10.6239 10.9567 10.6011 10.9733C10.5782 10.99 10.5549 11.006 10.5312 11.0214C10.5076 11.0368 10.4835 11.0516 10.459 11.0658C10.4345 11.0799 10.4097 11.0934 10.3845 11.1063C10.3593 11.1191 10.3339 11.1313 10.308 11.1428C10.2822 11.1543 10.2561 11.1652 10.2298 11.1753C10.2034 11.1855 10.1768 11.1949 10.1499 11.2037C10.123 11.2124 10.0959 11.2204 10.0686 11.2278C10.0413 11.2351 10.0139 11.2417 9.98622 11.2476C9.95857 11.2535 9.9308 11.2586 9.90289 11.2631C9.87498 11.2675 9.84698 11.2712 9.81887 11.2742C9.79077 11.2771 9.7626 11.2793 9.73438 11.2808C9.70617 11.2823 9.67793 11.283 9.64967 11.283C9.6214 11.283 9.59318 11.2823 9.56495 11.2808C9.53673 11.2794 9.50858 11.2771 9.48047 11.2742C9.45236 11.2712 9.42435 11.2675 9.39644 11.2631C9.36853 11.2587 9.34075 11.2535 9.31312 11.2476C9.28547 11.2417 9.25801 11.2351 9.2307 11.2278C9.20341 11.2205 9.17633 11.2124 9.14945 11.2037C9.12257 11.195 9.09595 11.1855 9.06957 11.1754C9.04319 11.1652 9.01709 11.1544 8.99128 11.1429C8.96546 11.1314 8.93996 11.1192 8.91479 11.1064C8.88961 11.0935 8.86479 11.08 8.84032 11.0659C8.81585 11.0517 8.79177 11.0369 8.76807 11.0215C8.74437 11.0061 8.72109 10.9901 8.69823 10.9734C8.67537 10.9568 8.65296 10.9396 8.631 10.9218C8.60905 10.9039 8.58757 10.8856 8.56657 10.8666C8.54557 10.8477 8.52509 10.8282 8.50511 10.8082C8.48513 10.7882 8.46569 10.7677 8.44679 10.7466C8.42789 10.7256 8.40955 10.7041 8.39176 10.6821C8.37399 10.6601 8.3568 10.6377 8.34019 10.6148C8.32359 10.5919 8.3076 10.5685 8.29221 10.5448C8.27683 10.5211 8.26207 10.4969 8.24795 10.4724C8.23383 10.4479 8.22035 10.4231 8.20754 10.3979C8.19472 10.3726 8.18256 10.3471 8.17107 10.3212C8.15959 10.2954 8.14879 10.2692 8.13868 10.2428C8.12857 10.2164 8.11915 10.1897 8.11042 10.1628C8.1017 10.1359 8.09368 10.1088 8.08638 10.0815C8.07908 10.0541 8.07249 10.0266 8.06662 9.99894C8.06076 9.97124 8.05562 9.94342 8.05121 9.91549C8.04681 9.88753 8.04314 9.85948 8.04019 9.83135C8.03725 9.8032 8.03505 9.77499 8.03358 9.74674C8.03211 9.71847 8.03139 9.6902 8.0314 9.66191C8.03142 9.63361 8.03217 9.60533 8.03366 9.57708C8.03515 9.54881 8.03738 9.52061 8.04035 9.49248C8.04332 9.46433 8.04702 9.43629 8.05146 9.40835C7.86431 9.23687 7.68319 9.08066 7.50926 8.94237C7.50097 8.96712 7.4931 8.99202 7.48566 9.01705C7.47822 9.04208 7.47122 9.06723 7.46464 9.09252C7.45808 9.11779 7.45194 9.14317 7.44624 9.16866C7.44056 9.19414 7.43531 9.21973 7.4305 9.2454C7.42569 9.27107 7.42133 9.2968 7.41741 9.32263C7.4135 9.34844 7.41002 9.37433 7.407 9.40028C7.40399 9.42621 7.4014 9.45219 7.39928 9.47823C7.39716 9.50426 7.39549 9.53032 7.39426 9.55642C7.39304 9.5825 7.39226 9.6086 7.39194 9.63472C7.39163 9.66083 7.39176 9.68695 7.39234 9.71306C7.39293 9.73917 7.39397 9.76525 7.39544 9.79134C7.39693 9.8174 7.39886 9.84344 7.40125 9.86946C7.40363 9.89546 7.40648 9.92142 7.40976 9.94734C7.41303 9.97324 7.41677 9.99909 7.42094 10.0249C7.42512 10.0506 7.42974 10.0763 7.4348 10.102C7.43988 10.1276 7.44538 10.1531 7.45132 10.1785C7.45727 10.204 7.46366 10.2293 7.47048 10.2545C7.47732 10.2797 7.48457 10.3048 7.49225 10.3297C7.49995 10.3547 7.50807 10.3795 7.51661 10.4042C7.52516 10.4289 7.53413 10.4534 7.54353 10.4777C7.55293 10.5021 7.56275 10.5263 7.57297 10.5503C7.5832 10.5743 7.59385 10.5982 7.60491 10.6218C7.61597 10.6455 7.62743 10.669 7.63929 10.6922C7.65116 10.7155 7.66344 10.7385 7.6761 10.7613C7.68876 10.7842 7.70182 10.8068 7.71527 10.8292C7.72872 10.8515 7.74255 10.8737 7.75676 10.8956C7.77098 10.9175 7.78556 10.9391 7.80051 10.9605C7.81548 10.9819 7.83081 11.003 7.84649 11.0239C7.86219 11.0448 7.87823 11.0653 7.89464 11.0856C7.91105 11.1059 7.92778 11.126 7.94488 11.1457C7.96198 11.1654 7.97941 11.1848 7.99718 11.204C8.01494 11.2231 8.03304 11.2419 8.05146 11.2604C8.93177 12.1418 10.3641 12.1418 11.2443 11.2604C12.1245 10.3789 12.1246 8.94471 11.2443 8.06321C11.2258 8.04474 11.2071 8.02661 11.188 8.00881C11.1689 7.991 11.1495 7.97354 11.1298 7.95642C11.1101 7.93929 11.0901 7.92249 11.0698 7.90606C11.0495 7.88962 11.029 7.87355 11.0081 7.85782C10.9873 7.84209 10.9662 7.82673 10.9448 7.81174C10.9234 7.79674 10.9018 7.78213 10.8799 7.76789C10.8581 7.75364 10.836 7.73979 10.8136 7.72631C10.7913 7.71284 10.7687 7.69975 10.7459 7.68707C10.7231 7.67436 10.7001 7.66207 10.6768 7.65019C10.6536 7.63828 10.6302 7.6268 10.6065 7.61572C10.5829 7.60464 10.5591 7.59396 10.5351 7.58372C10.5111 7.57345 10.4869 7.56362 10.4626 7.5542C10.4382 7.54478 10.4138 7.53579 10.3891 7.52722C10.3645 7.51866 10.3397 7.51052 10.3147 7.50281C10.2898 7.4951 10.2648 7.48783 10.2396 7.48099C10.2144 7.47415 10.1891 7.46775 10.1637 7.4618C10.1383 7.45582 10.1128 7.4503 10.0872 7.44524C10.0616 7.44015 10.0359 7.43553 10.0102 7.43134C9.98444 7.42715 9.95861 7.42341 9.93272 7.42013C9.90685 7.41682 9.88091 7.41399 9.85492 7.4116C9.82894 7.4092 9.80294 7.40726 9.77689 7.40577C9.75084 7.40428 9.72478 7.40325 9.69868 7.40267C9.6726 7.40208 9.64652 7.40194 9.62042 7.40227C9.59434 7.40258 9.56826 7.40336 9.54219 7.40458C9.51614 7.4058 9.4901 7.40747 9.46409 7.4096C9.43809 7.41172 9.41213 7.4143 9.38621 7.41734C9.3603 7.42036 9.33444 7.42383 9.30865 7.42777C9.28285 7.43168 9.25713 7.43605 9.23149 7.44087C9.20585 7.44569 9.18029 7.45095 9.15482 7.45665C9.12936 7.46235 9.10401 7.46849 9.07876 7.47508C9.05351 7.48166 9.02839 7.48868 9.00337 7.49613C8.97836 7.50359 8.95349 7.51146 8.92876 7.51978ZM8.08627 2.67023C8.0818 2.64226 8.07807 2.61422 8.07506 2.58609C8.07207 2.55794 8.06979 2.52973 8.06827 2.50147C8.06675 2.4732 8.06596 2.44491 8.06591 2.41661C8.06586 2.3883 8.06657 2.36002 8.06799 2.33176C8.06943 2.30348 8.07161 2.27526 8.07451 2.24711C8.07743 2.21895 8.08107 2.1909 8.08544 2.16294C8.08983 2.13498 8.09494 2.10714 8.10077 2.07945C8.10661 2.05175 8.11317 2.02423 8.12043 1.99688C8.12771 1.96952 8.13571 1.94238 8.1444 1.91545C8.1531 1.88852 8.16248 1.86183 8.17258 1.83539C8.18268 1.80895 8.19346 1.78279 8.20492 1.75692C8.21638 1.73105 8.22851 1.70549 8.24131 1.68026C8.25412 1.65501 8.26756 1.63014 8.28166 1.60561C8.29576 1.58107 8.3105 1.55692 8.32586 1.53316C8.34123 1.5094 8.35721 1.48607 8.37379 1.46316C8.39038 1.44024 8.40755 1.41776 8.42532 1.39574C8.44308 1.37372 8.46141 1.35218 8.4803 1.33113C8.49918 1.31006 8.51861 1.28952 8.53858 1.26948C8.55854 1.24944 8.57902 1.22994 8.6 1.21098C8.621 1.19202 8.64246 1.17362 8.6644 1.15578C8.68636 1.13795 8.70876 1.1207 8.7316 1.10404C8.75446 1.08738 8.77773 1.07133 8.80142 1.05589C8.82512 1.04045 8.8492 1.02564 8.87366 1.01146C8.89813 0.997286 8.92296 0.983762 8.94812 0.970887C8.9733 0.958015 8.99879 0.94581 9.02459 0.934273C9.05041 0.922737 9.07651 0.911885 9.10289 0.901719C9.12928 0.891553 9.15591 0.882086 9.18278 0.873317C9.20965 0.864548 9.23673 0.856489 9.26403 0.849141C9.29134 0.841794 9.3188 0.835167 9.34646 0.82926C9.3741 0.823354 9.40188 0.818177 9.42979 0.81373C9.45772 0.809281 9.48572 0.805568 9.51383 0.80259C9.54194 0.799612 9.57011 0.797373 9.59834 0.795873C9.62656 0.794373 9.65482 0.793613 9.68308 0.793596C9.71135 0.793578 9.7396 0.794301 9.76783 0.795766C9.79606 0.797231 9.82423 0.799435 9.85235 0.802378C9.88046 0.80532 9.90847 0.808999 9.9364 0.813412C9.96432 0.817825 9.99211 0.822968 10.0198 0.828839C10.0474 0.834711 10.0749 0.841303 10.1022 0.848616C10.1295 0.85593 10.1566 0.863954 10.1835 0.87269C10.2104 0.881425 10.237 0.89086 10.2634 0.900993C10.2898 0.911126 10.3159 0.921944 10.3417 0.933449C10.3676 0.944952 10.3931 0.957124 10.4183 0.969966C10.4435 0.982809 10.4683 0.996303 10.4928 1.01045C10.5173 1.02459 10.5414 1.03937 10.5651 1.05478C10.5888 1.07019 10.6121 1.08621 10.635 1.10285C10.6578 1.11948 10.6802 1.1367 10.7022 1.15451C10.7242 1.17232 10.7457 1.1907 10.7667 1.20964C10.7877 1.22857 10.8082 1.24804 10.8282 1.26805C10.8482 1.28807 10.8676 1.30859 10.8865 1.32962C10.9055 1.35065 10.9238 1.37216 10.9416 1.39417C10.9594 1.41615 10.9766 1.43861 10.9932 1.46152C11.0098 1.48441 11.0258 1.50772 11.0412 1.53146C11.0566 1.55521 11.0714 1.57934 11.0855 1.60385C11.0996 1.62835 11.1131 1.65322 11.126 1.67845C11.1388 1.70367 11.151 1.72921 11.1625 1.75507C11.1739 1.78092 11.1848 1.80706 11.1949 1.8335C11.205 1.85993 11.2144 1.8866 11.2232 1.91353C11.2319 1.94045 11.2399 1.96757 11.2472 1.99491C11.2545 2.02225 11.2611 2.04977 11.267 2.07746C11.2729 2.10515 11.278 2.13297 11.2824 2.16093C11.2868 2.18889 11.2905 2.21695 11.2935 2.2451C11.2964 2.27324 11.2986 2.30146 11.3001 2.32973C11.3016 2.35799 11.3023 2.38627 11.3023 2.41458C11.3023 2.44288 11.3015 2.47117 11.3 2.49944C11.2985 2.5277 11.2963 2.55591 11.2933 2.58407C11.2904 2.61222 11.2867 2.64026 11.2822 2.66822C11.2778 2.69617 11.2727 2.72399 11.2668 2.75168C11.2609 2.77936 11.2543 2.80687 11.2469 2.8342C11.2396 2.86154 11.2316 2.88867 11.2228 2.91559C11.214 2.9425 11.2046 2.96917 11.1945 2.99559C11.1843 3.02201 11.1735 3.04814 11.162 3.07399C11.1504 3.09984 11.1383 3.12537 11.1254 3.15059C11.1126 3.17579 11.0991 3.20065 11.0849 3.22516C11.0708 3.24965 11.056 3.27377 11.0406 3.2975C11.0252 3.32122 11.0091 3.34453 10.9925 3.36743C10.9759 3.3903 10.9587 3.41274 10.9408 3.43473C10.923 3.45671 10.9047 3.47822 10.8857 3.49924C10.8668 3.52025 10.8473 3.54076 10.8273 3.56076C10.8073 3.58075 10.7868 3.60021 10.7658 3.61913C10.7448 3.63805 10.7232 3.65641 10.7013 3.67421C10.6793 3.692 10.6568 3.7092 10.634 3.72582C10.6111 3.74244 10.5878 3.75843 10.5641 3.77383C10.5403 3.78922 10.5162 3.80397 10.4917 3.8181C10.4672 3.83224 10.4424 3.84571 10.4172 3.85853C10.392 3.87135 10.3665 3.88351 10.3406 3.89499C10.3148 3.90647 10.2887 3.91727 10.2623 3.92739C10.2359 3.93749 10.2092 3.94692 10.1823 3.95563C10.1554 3.96434 10.1283 3.97234 10.101 3.97965C10.0737 3.98693 10.0462 3.9935 10.0186 3.99936C9.99091 4.0052 9.96311 4.01032 9.93519 4.01472C9.90727 4.01911 9.87925 4.02277 9.85113 4.0257C9.82302 4.02862 9.79484 4.0308 9.76661 4.03224C9.73839 4.03368 9.71013 4.03438 9.68186 4.03435C9.6536 4.0343 9.62535 4.03353 9.59712 4.032C9.5689 4.03048 9.54074 4.02823 9.51263 4.02523C9.48452 4.02223 9.45651 4.01849 9.4286 4.01403C9.25015 4.20763 9.09465 4.38816 8.95989 4.55577C8.98466 4.56415 9.00957 4.57209 9.0346 4.57962C9.05964 4.58712 9.08481 4.5942 9.11008 4.60084C9.13537 4.60747 9.16077 4.61367 9.18627 4.61944C9.21177 4.62519 9.23736 4.6305 9.26304 4.63537C9.28873 4.64024 9.31449 4.64466 9.34033 4.64864C9.36617 4.6526 9.39206 4.65613 9.41802 4.65921C9.44398 4.66228 9.46998 4.66489 9.49603 4.66707C9.52208 4.66923 9.54817 4.67095 9.57426 4.67222C9.60037 4.67348 9.62651 4.67429 9.65264 4.67464C9.67878 4.675 9.70492 4.6749 9.73105 4.67435C9.75719 4.67379 9.7833 4.67278 9.8094 4.67133C9.83549 4.66986 9.86156 4.66795 9.8876 4.66559C9.91364 4.66322 9.93962 4.66041 9.96555 4.65714C9.99148 4.65387 10.0174 4.65015 10.0432 4.64598C10.069 4.64181 10.0947 4.6372 10.1203 4.63214C10.146 4.62708 10.1715 4.62157 10.197 4.61562C10.2225 4.60966 10.2478 4.60327 10.273 4.59645C10.2983 4.58961 10.3234 4.58235 10.3483 4.57465C10.3733 4.56694 10.3982 4.5588 10.4229 4.55024C10.4476 4.54167 10.4721 4.53268 10.4965 4.52326C10.5209 4.51384 10.5451 4.504 10.5692 4.49374C10.5932 4.48348 10.6171 4.4728 10.6408 4.46172C10.6644 4.45062 10.6879 4.43912 10.7112 4.42723C10.7345 4.41532 10.7576 4.40301 10.7804 4.3903C10.8032 4.37759 10.8259 4.36449 10.8483 4.351C10.8707 4.3375 10.8928 4.32362 10.9147 4.30936C10.9367 4.29509 10.9583 4.28045 10.9797 4.26544C11.0012 4.25042 11.0223 4.23504 11.0432 4.21929C11.064 4.20354 11.0846 4.18743 11.105 4.17096C11.1253 4.15449 11.1453 4.13767 11.165 4.12052C11.1848 4.10336 11.2042 4.08585 11.2233 4.06802C11.2425 4.05018 11.2613 4.03202 11.2798 4.01352C12.1601 3.13201 12.1601 1.69786 11.2798 0.816348C10.3995 -0.065162 8.96709 -0.065162 8.08694 0.816348C8.06846 0.834882 8.05032 0.853731 8.03249 0.872897C8.01468 0.892063 7.99718 0.911531 7.98003 0.931304C7.96289 0.951077 7.94608 0.971143 7.92963 0.991501C7.91318 1.01186 7.89708 1.03249 7.88134 1.05341C7.86562 1.07433 7.85024 1.09551 7.83524 1.11696C7.82023 1.13841 7.8056 1.16012 7.79136 1.18208C7.77711 1.20405 7.76325 1.22624 7.74977 1.24868C7.73629 1.27112 7.7232 1.2938 7.71051 1.3167C7.69781 1.33958 7.68552 1.36269 7.67362 1.38602C7.66173 1.40934 7.65025 1.43288 7.63917 1.45659C7.62808 1.48031 7.61743 1.50423 7.60718 1.52832C7.59693 1.55242 7.58711 1.57668 7.5777 1.60112C7.56829 1.62554 7.55932 1.65014 7.55075 1.67489C7.54221 1.69964 7.53409 1.72453 7.52639 1.74956C7.5187 1.77459 7.51144 1.79974 7.50462 1.82503C7.4978 1.85031 7.49143 1.8757 7.48548 1.90121C7.47955 1.92671 7.47406 1.95231 7.46901 1.978C7.46395 2.00369 7.45935 2.02947 7.45519 2.05534C7.45104 2.08119 7.44733 2.1071 7.44407 2.13309C7.4408 2.15907 7.43801 2.18511 7.43564 2.21119C7.43329 2.23728 7.43138 2.26339 7.42993 2.28955C7.42848 2.31568 7.42748 2.34185 7.42695 2.36804C7.42641 2.39422 7.42631 2.4204 7.42668 2.44659C7.42705 2.47277 7.42787 2.49895 7.42914 2.5251C7.43041 2.55126 7.43213 2.57738 7.43431 2.60349C7.43648 2.62957 7.43912 2.65562 7.4422 2.68164C7.44528 2.70764 7.44881 2.73359 7.45279 2.75947C7.45677 2.78535 7.4612 2.81115 7.46607 2.83689C7.47095 2.86262 7.47627 2.88826 7.48203 2.91381C7.4878 2.93934 7.494 2.96477 7.50065 2.99011C7.5073 3.01543 7.51438 3.04064 7.5219 3.06573C7.52943 3.09081 7.53737 3.11576 7.54575 3.14057C7.70896 3.00865 7.88892 2.8531 8.08627 2.67023ZM3.00104 4.39385C2.85541 4.2207 2.69438 4.04185 2.51978 3.85747C2.49184 3.8621 2.4638 3.86599 2.43564 3.86915C2.4075 3.8723 2.37928 3.87472 2.35101 3.87638C2.32273 3.87804 2.29442 3.87898 2.2661 3.87917C2.23778 3.87935 2.20946 3.87878 2.18116 3.87748C2.15288 3.87617 2.12464 3.87412 2.09645 3.87133C2.06827 3.86854 2.04017 3.86501 2.01215 3.86075C1.98416 3.85647 1.95628 3.85147 1.92853 3.84574C1.9008 3.83999 1.87324 3.83354 1.84583 3.82635C1.81842 3.81917 1.79122 3.81127 1.76424 3.80266C1.73725 3.79403 1.71051 3.78472 1.68401 3.77471C1.65752 3.76468 1.63129 3.75397 1.60536 3.74258C1.57943 3.73116 1.5538 3.71909 1.5285 3.70635C1.50319 3.6936 1.47824 3.6802 1.45363 3.66614C1.42903 3.65207 1.40482 3.63738 1.38099 3.62205C1.35717 3.60671 1.33376 3.59076 1.31075 3.5742C1.28777 3.55763 1.26522 3.54048 1.24312 3.52273C1.22103 3.50498 1.19942 3.48666 1.17829 3.46777C1.15716 3.44888 1.13653 3.42945 1.11642 3.40949C1.0963 3.38952 1.07673 3.36903 1.05769 3.34803C1.03865 3.32703 1.02017 3.30554 1.00226 3.28357C0.984348 3.2616 0.967023 3.23917 0.950287 3.21628C0.93355 3.19339 0.917426 3.17009 0.901913 3.14637C0.886398 3.12262 0.871517 3.09851 0.857269 3.07399C0.843021 3.04948 0.829424 3.0246 0.81648 2.99938C0.803537 2.97415 0.791261 2.9486 0.779658 2.92273C0.768055 2.89685 0.757137 2.87069 0.746905 2.84424C0.736674 2.81779 0.727142 2.79109 0.718311 2.76414C0.709478 2.73719 0.70136 2.71002 0.693954 2.68265C0.686547 2.65527 0.679862 2.62771 0.673901 2.59998C0.667939 2.57226 0.662708 2.54439 0.658208 2.51638C0.653709 2.48838 0.649945 2.46027 0.64692 2.43208C0.643893 2.40387 0.641608 2.37561 0.640064 2.34729C0.638521 2.31897 0.63772 2.29062 0.637663 2.26226C0.637606 2.2339 0.638292 2.20556 0.639721 2.17723C0.64115 2.1489 0.643321 2.12063 0.646234 2.09241C0.649147 2.0642 0.652796 2.03608 0.657183 2.00806C0.661569 1.98003 0.666687 1.95215 0.672537 1.9244C0.678388 1.89664 0.68496 1.86906 0.692255 1.84166C0.699552 1.81425 0.707562 1.78705 0.716284 1.76007C0.725006 1.73308 0.73443 1.70634 0.744555 1.67986C0.75468 1.65336 0.765492 1.62716 0.776991 1.60124C0.78849 1.57532 0.800661 1.54971 0.813503 1.52443C0.826344 1.49914 0.83984 1.47422 0.85399 1.44966C0.86814 1.42508 0.882924 1.4009 0.898341 1.37711C0.91376 1.35331 0.92979 1.32994 0.946433 1.30699C0.963077 1.28404 0.98031 1.26154 0.998135 1.23949C1.01596 1.21744 1.03435 1.19588 1.0533 1.17481C1.07226 1.15373 1.09175 1.13316 1.11178 1.11311C1.13182 1.09306 1.15236 1.07355 1.17342 1.05457C1.19447 1.0356 1.21601 1.01719 1.23803 0.999356C1.26006 0.981516 1.28254 0.964269 1.30545 0.947611C1.32839 0.930953 1.35174 0.91491 1.37549 0.89948C1.39927 0.88405 1.42343 0.869256 1.44797 0.855097C1.47252 0.840937 1.49741 0.827432 1.52266 0.814583C1.54791 0.801733 1.57348 0.789555 1.59937 0.77805C1.62527 0.766546 1.65145 0.755728 1.67789 0.7456C1.70435 0.735471 1.73106 0.726045 1.75801 0.71732C1.78497 0.708596 1.81214 0.700586 1.8395 0.693291C1.86688 0.685996 1.89442 0.679425 1.92213 0.673577C1.94986 0.66773 1.97771 0.662615 2.00569 0.658234C2.03368 0.653851 2.06176 0.650206 2.08994 0.647301C2.11812 0.644396 2.14635 0.642233 2.17463 0.640813C2.20293 0.639391 2.23124 0.638715 2.25956 0.638783C2.28788 0.638851 2.31619 0.639663 2.34448 0.641221C2.37276 0.642777 2.40098 0.645075 2.42913 0.648116C2.4573 0.651157 2.48537 0.654936 2.51332 0.659452C2.54129 0.663969 2.56912 0.669218 2.59681 0.675198C2.6245 0.681178 2.65201 0.687881 2.67935 0.695308C2.70669 0.702735 2.73382 0.710875 2.76072 0.719728C2.78764 0.728582 2.8143 0.738137 2.8407 0.748392C2.86711 0.758647 2.89323 0.76959 2.91907 0.78122C2.94491 0.792848 2.97043 0.805148 2.99561 0.81812C3.02081 0.831091 3.04564 0.844715 3.07011 0.858992C3.09459 0.873269 3.11868 0.88818 3.14236 0.903723C3.16606 0.919267 3.18933 0.935422 3.21217 0.952189C3.23501 0.968957 3.25741 0.986313 3.27935 1.00426C3.30129 1.0222 3.32274 1.04071 3.3437 1.05979C3.36467 1.07886 3.38512 1.09847 3.40505 1.11862C3.42499 1.13877 3.44439 1.15942 3.46323 1.1806C3.4821 1.20176 3.50038 1.22342 3.51809 1.24554C3.53581 1.26767 3.55295 1.29025 3.56947 1.31329C3.58601 1.33631 3.60192 1.35976 3.61723 1.38363C3.63254 1.40749 3.6472 1.43175 3.66123 1.4564C3.67526 1.48103 3.68864 1.50602 3.70136 1.53137C3.71408 1.55671 3.72612 1.58237 3.7375 1.60835C3.74887 1.63432 3.75957 1.66058 3.76957 1.68712C3.77956 1.71365 3.78885 1.74044 3.79744 1.76747C3.80604 1.79449 3.81392 1.82174 3.82108 1.84918C3.82824 1.87661 3.83469 1.90422 3.8404 1.93201C3.84612 1.95978 3.85111 1.9877 3.85536 2.01574C3.85962 2.04378 3.86313 2.07192 3.8659 2.10015C3.86869 2.12837 3.87072 2.15666 3.87201 2.18499C3.87331 2.21333 3.87386 2.24167 3.87366 2.27003C3.87347 2.29839 3.87254 2.32674 3.87085 2.35505C3.86918 2.38336 3.86676 2.41161 3.86359 2.4398C3.86043 2.46799 3.85653 2.49607 3.85189 2.52406C4.03502 2.69871 4.21464 2.85929 4.38756 3.00597C4.39625 2.98102 4.4045 2.95593 4.41232 2.93071C4.42014 2.90547 4.42751 2.88011 4.43444 2.85463C4.44138 2.82913 4.44786 2.80353 4.45389 2.77781C4.45993 2.75209 4.46551 2.72628 4.47063 2.70037C4.47577 2.67446 4.48045 2.64846 4.48467 2.62239C4.48889 2.5963 4.49266 2.57016 4.49596 2.54396C4.49927 2.51774 4.50212 2.49148 4.5045 2.46518C4.5069 2.43886 4.50883 2.41252 4.5103 2.38615C4.51177 2.35977 4.51278 2.33338 4.51332 2.30697C4.51387 2.28056 4.51395 2.25415 4.51356 2.22774C4.51319 2.20133 4.51236 2.17492 4.51104 2.14853C4.50975 2.12214 4.50798 2.0958 4.50576 2.06948C4.50353 2.04315 4.50085 2.01688 4.4977 1.99065C4.49457 1.96442 4.49096 1.93825 4.4869 1.91215C4.48285 1.88604 4.47834 1.86002 4.47336 1.83408C4.4684 1.80813 4.46297 1.78228 4.45709 1.75653C4.45123 1.73078 4.44491 1.70512 4.43814 1.6796C4.43137 1.65407 4.42415 1.62866 4.4165 1.60338C4.40884 1.57809 4.40075 1.55296 4.3922 1.52797C4.38367 1.50297 4.3747 1.47813 4.36529 1.45345C4.35589 1.42877 4.34606 1.40426 4.33578 1.37993C4.32553 1.35559 4.31485 1.33144 4.30373 1.30749C4.29263 1.28352 4.28111 1.25976 4.26916 1.2362C4.25722 1.21265 4.24488 1.1893 4.23212 1.16618C4.21936 1.14305 4.20621 1.12016 4.19266 1.09749C4.17911 1.07483 4.16516 1.05241 4.15081 1.03024C4.13647 1.00807 4.12175 0.98615 4.10664 0.964493C4.09155 0.942835 4.07606 0.921449 4.0602 0.900335C4.04436 0.879221 4.02814 0.858391 4.01154 0.837844C3.99497 0.817298 3.97804 0.797049 3.96074 0.777097C3.94345 0.757146 3.92581 0.737503 3.90783 0.71817C3.88986 0.698836 3.87156 0.679824 3.8529 0.661133C2.97258 -0.220378 1.53987 -0.220378 0.660052 0.661133C-0.219766 1.54264 -0.220268 2.9768 0.660052 3.85831C0.678716 3.87697 0.697702 3.89528 0.717008 3.91328C0.736314 3.93126 0.755928 3.94891 0.775851 3.96622C0.795773 3.98351 0.815992 4.00047 0.836507 4.01706C0.857022 4.03366 0.87782 4.04989 0.898903 4.06575C0.919984 4.08162 0.941337 4.09711 0.962961 4.11223C0.984584 4.12735 1.00647 4.14208 1.0286 4.15643C1.05074 4.17078 1.07313 4.18475 1.09575 4.19832C1.11838 4.21187 1.14123 4.22503 1.16432 4.23781C1.1874 4.25057 1.21071 4.26293 1.23423 4.27489C1.25775 4.28684 1.28146 4.29837 1.30538 4.30949C1.3293 4.3206 1.35341 4.3313 1.3777 4.34158C1.402 4.35184 1.42647 4.36169 1.4511 4.37111C1.47575 4.38052 1.50055 4.38949 1.5255 4.39805C1.55045 4.40659 1.57555 4.4147 1.60078 4.42238C1.62603 4.43004 1.65139 4.43726 1.67688 4.44404C1.70236 4.45082 1.72797 4.45715 1.75367 4.46303C1.77938 4.46891 1.80519 4.47434 1.83108 4.47932C1.85699 4.48429 1.88297 4.48881 1.90902 4.49289C1.93509 4.49694 1.96121 4.50055 1.98739 4.50372C2.01358 4.50686 2.0398 4.50955 2.06608 4.51179C2.09236 4.51402 2.11867 4.51579 2.145 4.5171C2.17134 4.51841 2.1977 4.51925 2.22407 4.51965C2.25044 4.52003 2.27681 4.51996 2.30318 4.51943C2.32954 4.51889 2.35589 4.51788 2.38222 4.51643C2.40855 4.51497 2.43486 4.51304 2.46112 4.51066C2.48738 4.50827 2.51359 4.50544 2.53976 4.50215C2.56593 4.49884 2.59204 4.49508 2.61806 4.49087C2.6441 4.48665 2.67006 4.48198 2.69592 4.47686C2.7218 4.47172 2.74757 4.46616 2.77324 4.46013C2.79892 4.4541 2.82449 4.44762 2.84993 4.4407C2.87539 4.43378 2.90071 4.42641 2.9259 4.4186C2.95109 4.41079 2.97614 4.40254 3.00104 4.39385ZM6.04441 5.39269C6.03183 5.39272 6.01925 5.39309 6.00669 5.39383C5.99413 5.39457 5.9816 5.39567 5.9691 5.39713C5.9566 5.39859 5.94416 5.40039 5.93176 5.40257C5.91936 5.40474 5.90704 5.40727 5.89479 5.41015C5.88254 5.41302 5.87038 5.41625 5.85831 5.41983C5.84624 5.42341 5.83428 5.42732 5.82244 5.43159C5.8106 5.43585 5.79889 5.44045 5.78731 5.44538C5.77574 5.45031 5.7643 5.45558 5.75302 5.46117C5.74175 5.46675 5.73064 5.47266 5.71969 5.47888C5.70876 5.48511 5.69801 5.49165 5.68744 5.49849C5.67687 5.50533 5.6665 5.51247 5.65634 5.51991C5.64618 5.52734 5.63625 5.53506 5.62654 5.54308C5.61682 5.55108 5.60733 5.55936 5.59809 5.56791C5.58884 5.57647 5.57985 5.58527 5.57111 5.59434C5.56238 5.60341 5.55391 5.61271 5.54569 5.62226C5.53749 5.63181 5.52957 5.6416 5.52191 5.65161C5.51426 5.66161 5.50691 5.67183 5.49984 5.68226C5.49278 5.69269 5.48602 5.70331 5.47956 5.71412C5.47311 5.72494 5.46697 5.73593 5.46114 5.7471C5.45531 5.75827 5.44981 5.7696 5.44463 5.78108C5.43945 5.79257 5.4346 5.80418 5.43008 5.81595C5.42556 5.82771 5.4214 5.8396 5.41756 5.8516C5.41372 5.8636 5.41023 5.87569 5.40708 5.8879C5.40395 5.9001 5.40115 5.91238 5.39872 5.92474C5.39628 5.9371 5.39419 5.94952 5.39246 5.96201C5.39072 5.97449 5.38935 5.98701 5.38834 5.99957C5.38733 6.01213 5.38667 6.0247 5.38637 6.03731C5.38609 6.0499 5.38615 6.0625 5.38657 6.07509C5.387 6.08768 5.38779 6.10025 5.38892 6.1128C5.39007 6.12536 5.39158 6.13786 5.39343 6.15033C5.3953 6.16279 5.39751 6.17518 5.40007 6.18752C5.40265 6.19985 5.40556 6.21211 5.40883 6.22428C5.4121 6.23645 5.41572 6.24851 5.41968 6.26047C5.42363 6.27242 5.42794 6.28427 5.43257 6.29599C5.43721 6.3077 5.44218 6.31926 5.44747 6.3307C5.45277 6.34213 5.45839 6.3534 5.46433 6.36451C5.47028 6.37562 5.47654 6.38654 5.48311 6.3973C5.48967 6.40804 5.49654 6.41859 5.50371 6.42895C5.51089 6.4393 5.51834 6.44944 5.52609 6.45937C5.53385 6.4693 5.54188 6.47899 5.55017 6.48846C5.55848 6.49793 5.56706 6.50715 5.57589 6.51613C5.58472 6.5251 5.5938 6.53381 5.60314 6.54227C5.61248 6.55072 5.62204 6.5589 5.63184 6.56681C5.64164 6.57471 5.65166 6.58232 5.66189 6.58966C5.67213 6.59698 5.68257 6.60402 5.6932 6.61075C5.70383 6.61748 5.71466 6.6239 5.72566 6.63002C5.73666 6.63614 5.74784 6.64193 5.75916 6.6474C5.7705 6.65286 5.78198 6.658 5.79362 6.66282C5.80525 6.66762 5.81701 6.6721 5.82889 6.67625C5.84078 6.68039 5.85278 6.68418 5.86488 6.68763C5.87698 6.69107 5.88917 6.69418 5.90145 6.69693C5.91373 6.69968 5.92608 6.70208 5.9385 6.70413C5.95093 6.70617 5.96339 6.70785 5.9759 6.70919C5.98842 6.71052 6.00096 6.71149 6.01353 6.7121C6.02609 6.71271 6.03867 6.71295 6.05126 6.71284C6.06384 6.71272 6.0764 6.71225 6.08896 6.71142C6.10152 6.71059 6.11404 6.70939 6.12653 6.70784C6.13903 6.7063 6.15145 6.70439 6.16382 6.70212C6.17621 6.69985 6.18852 6.69724 6.20075 6.69427C6.21298 6.6913 6.22511 6.68798 6.23714 6.68431C6.2492 6.68064 6.26112 6.67664 6.27292 6.67229C6.28473 6.66794 6.29642 6.66325 6.30796 6.65824C6.3195 6.65322 6.33088 6.64788 6.34212 6.64221C6.35336 6.63654 6.36443 6.63054 6.37532 6.62423C6.38621 6.61793 6.39691 6.6113 6.40743 6.60439C6.41795 6.59747 6.42826 6.59025 6.43836 6.58275C6.44847 6.57522 6.45835 6.56743 6.468 6.55936C6.47767 6.55127 6.48709 6.54293 6.49627 6.53431C6.50544 6.52569 6.51437 6.51682 6.52304 6.50769C6.53173 6.49855 6.54012 6.48918 6.54825 6.47958C6.5564 6.46995 6.56425 6.46011 6.57182 6.45006C6.5794 6.43999 6.58668 6.42971 6.59366 6.41924C6.60066 6.40876 6.60734 6.39808 6.61371 6.38722C6.62008 6.37636 6.62614 6.36532 6.63188 6.3541C6.63764 6.34289 6.64306 6.33152 6.64815 6.32C6.65325 6.30848 6.658 6.29682 6.66242 6.28503C6.66686 6.27323 6.67094 6.26132 6.67469 6.24929C6.67843 6.23726 6.68184 6.22513 6.68489 6.21292C6.68795 6.20068 6.69065 6.18838 6.69299 6.176C6.69534 6.16363 6.69733 6.15118 6.69897 6.13869C6.70061 6.1262 6.7019 6.11367 6.70281 6.10111C6.70373 6.08854 6.7043 6.07595 6.7045 6.06335C6.70471 6.05074 6.70454 6.03816 6.70402 6.02557C6.7035 6.01297 6.70262 6.00041 6.70138 5.98787C6.70015 5.97533 6.69856 5.96284 6.6966 5.9504C6.69465 5.93794 6.69235 5.92555 6.68968 5.91325C6.68702 5.90092 6.68402 5.8887 6.68066 5.87656C6.6773 5.8644 6.67359 5.85237 6.66954 5.84044C6.66549 5.82851 6.66111 5.8167 6.65639 5.80503C6.65166 5.79334 6.64661 5.78181 6.64123 5.77042C6.63585 5.75903 6.63015 5.7478 6.62411 5.73674C6.61809 5.72568 6.61175 5.71479 6.6051 5.70409C6.59846 5.69339 6.59152 5.68289 6.58426 5.67259C6.57702 5.66229 6.56948 5.6522 6.56165 5.64234C6.55383 5.63247 6.54572 5.62282 6.53736 5.61343C6.52898 5.60403 6.52034 5.59486 6.51143 5.58596C6.50382 5.57828 6.49601 5.57081 6.488 5.56353C6.48001 5.55624 6.47184 5.54916 6.46349 5.54228C6.45514 5.5354 6.44664 5.52874 6.43795 5.52228C6.42928 5.51582 6.42046 5.50959 6.41147 5.50356C6.40248 5.49754 6.39335 5.49174 6.38408 5.48618C6.37481 5.48061 6.36542 5.47527 6.35588 5.47018C6.34635 5.46507 6.33669 5.4602 6.32692 5.45559C6.31714 5.45096 6.30727 5.44658 6.29727 5.44245C6.28728 5.43831 6.27719 5.43443 6.26701 5.4308C6.25683 5.42716 6.24656 5.42377 6.23622 5.42065C6.22587 5.41752 6.21545 5.41465 6.20495 5.41205C6.19446 5.40944 6.18392 5.4071 6.1733 5.40501C6.1627 5.40292 6.15205 5.4011 6.14136 5.39954C6.13066 5.39798 6.11993 5.39669 6.10916 5.39566C6.09841 5.39463 6.08763 5.39387 6.07683 5.39337C6.06604 5.39288 6.05522 5.39265 6.04441 5.39269Z"   fill="#00FFFF" >
+</path>
+<path d="M9.199 9.90635C9.2365 9.94641 9.3284 10.0507 9.34765 10.0698L9.35719 10.079C9.36215 10.0848 9.36773 10.0898 9.37392 10.0943C9.59857 10.2966 9.9218 10.3122 10.1105 10.1226C10.2876 9.94524 10.2854 9.64921 10.1177 9.42746C10.0723 9.37748 10.0245 9.32993 9.97437 9.28481C9.95579 9.26906 9.94089 9.25531 9.93369 9.24962C9.41728 8.77056 7.73197 7.13174 7.76511 6.17162C7.76646 6.13157 7.76511 5.96327 7.76511 5.91466C7.76043 4.95136 9.4223 3.33567 9.9342 2.86064C9.94055 2.85494 9.95629 2.84119 9.97486 2.82528C10.0251 2.78025 10.0729 2.73276 10.1182 2.6828C10.2856 2.46104 10.2881 2.16502 10.111 1.98767C9.92231 1.79877 9.59907 1.81369 9.37443 2.01601C9.36823 2.02042 9.36265 2.0255 9.35769 2.03126C9.35451 2.03444 9.35132 2.03729 9.34815 2.04031C9.3289 2.05959 9.237 2.16385 9.1995 2.20407C8.69549 2.74465 7.20301 4.26109 6.25941 4.33283C6.18509 4.33854 5.93098 4.33737 5.86889 4.33485C4.90287 4.2968 3.32452 2.66955 2.85715 2.16351C2.85129 2.15714 2.83774 2.14139 2.82183 2.12278C2.77692 2.07245 2.72949 2.02462 2.67955 1.97929C2.45808 1.81168 2.16247 1.80916 1.98537 1.98634C1.79672 2.17541 1.81144 2.49909 2.01366 2.72386C2.01811 2.73002 2.02319 2.73561 2.02889 2.74062L2.03793 2.75001C2.05718 2.76945 2.1613 2.86131 2.2013 2.89886C2.72676 3.39098 4.17704 4.82162 4.31799 5.76866C4.33322 5.87058 4.33222 6.28678 4.30493 6.41585C4.10407 7.36188 2.71336 8.73301 2.20063 9.21224C2.16063 9.24995 2.05651 9.34181 2.03726 9.36109L2.02823 9.37064C2.02247 9.37561 2.01739 9.3812 2.01299 9.3874C1.81078 9.61235 1.79538 9.93602 1.9847 10.1249C2.1618 10.3023 2.45742 10.3003 2.67888 10.1321C2.72877 10.0868 2.7762 10.0389 2.82116 9.98865C2.83707 9.97005 2.85062 9.95513 2.85665 9.94791C3.31363 9.45377 4.8282 7.89072 5.79858 7.7816C5.88613 7.77172 6.19597 7.77205 6.27683 7.77976C7.22142 7.86894 8.69817 9.36997 9.199 9.90635ZM6.76829 6.77824C6.75643 6.79012 6.7443 6.80169 6.73187 6.81296C6.71945 6.82424 6.70675 6.83521 6.69379 6.84585C6.68083 6.85652 6.66761 6.86684 6.65414 6.87684C6.64067 6.88684 6.62696 6.89651 6.61303 6.90584C6.59909 6.91517 6.58493 6.92416 6.57054 6.93278C6.55616 6.94142 6.54157 6.94969 6.52678 6.9576C6.51199 6.96552 6.49701 6.97308 6.48186 6.98025C6.4667 6.98744 6.45137 6.99423 6.43588 7.00066C6.4204 7.00709 6.40475 7.01314 6.38896 7.01878C6.37318 7.02445 6.35726 7.02971 6.34122 7.03458C6.32517 7.03946 6.30901 7.04394 6.29274 7.04802C6.27647 7.0521 6.26011 7.05578 6.24367 7.05905C6.22723 7.06233 6.2107 7.0652 6.19412 7.06766C6.17754 7.07014 6.1609 7.07219 6.14421 7.07383C6.12752 7.07548 6.1108 7.07672 6.09405 7.07754C6.0773 7.07836 6.06055 7.07877 6.04378 7.07877C6.02701 7.07877 6.01025 7.07836 5.9935 7.07754C5.97675 7.07672 5.96003 7.07548 5.94334 7.07384C5.92665 7.0722 5.91001 7.07014 5.89343 7.06768C5.87685 7.06521 5.86032 7.06234 5.84388 7.05906C5.82744 7.05579 5.81108 7.05211 5.79481 7.04803C5.77854 7.04396 5.76238 7.03948 5.74634 7.03461C5.73029 7.02973 5.71438 7.02447 5.69859 7.01881C5.6828 7.01316 5.66716 7.00711 5.65166 7.00069C5.63618 6.99427 5.62085 6.98746 5.60569 6.98028C5.59054 6.97311 5.57556 6.96556 5.56076 6.95764C5.54598 6.94973 5.53139 6.94145 5.51701 6.93282C5.50262 6.92419 5.48845 6.9152 5.47451 6.90588C5.46058 6.89655 5.44687 6.88689 5.4334 6.87688C5.41993 6.86688 5.40671 6.85655 5.39375 6.8459C5.38079 6.83525 5.36809 6.82428 5.35567 6.81301C5.34324 6.80173 5.3311 6.79017 5.31924 6.77828C5.30739 6.76641 5.29584 6.75425 5.28457 6.7418C5.27331 6.72937 5.26235 6.71665 5.25172 6.70367C5.24108 6.6907 5.23077 6.67747 5.22077 6.66398C5.21079 6.65049 5.20114 6.63677 5.19182 6.6228C5.18251 6.60884 5.17354 6.59466 5.16492 6.58026C5.15629 6.56586 5.14803 6.55125 5.14012 6.53643C5.13222 6.52163 5.12468 6.50664 5.11751 6.49146C5.11033 6.47628 5.10355 6.46093 5.09713 6.44541C5.09071 6.42991 5.08468 6.41425 5.07903 6.39843C5.07338 6.38263 5.06812 6.36669 5.06325 6.35061C5.05838 6.33456 5.05392 6.31837 5.04984 6.30208C5.04577 6.28579 5.0421 6.26942 5.03882 6.25295C5.03555 6.23648 5.03269 6.21995 5.03023 6.20333C5.02776 6.18673 5.02571 6.17006 5.02407 6.15335C5.02242 6.13664 5.02119 6.1199 5.02036 6.10312C5.01954 6.08635 5.01913 6.06957 5.01913 6.05278C5.01913 6.03599 5.01954 6.01921 5.02036 6.00244C5.02119 5.98567 5.02242 5.96892 5.02407 5.95221C5.02571 5.9355 5.02776 5.91885 5.03023 5.90223C5.03269 5.88563 5.03555 5.86909 5.03882 5.85261C5.0421 5.83615 5.04577 5.81977 5.04984 5.80348C5.05392 5.78719 5.05838 5.77102 5.06325 5.75494C5.06812 5.73887 5.07338 5.72294 5.07903 5.70713C5.08468 5.69132 5.09071 5.67565 5.09713 5.66014C5.10355 5.64463 5.11033 5.62929 5.11751 5.6141C5.12468 5.59893 5.13222 5.58393 5.14012 5.56912C5.14803 5.55432 5.15629 5.53971 5.16492 5.5253C5.17354 5.51091 5.18251 5.49672 5.19182 5.48275C5.20114 5.46879 5.21079 5.45507 5.22077 5.44158C5.23077 5.42811 5.24108 5.41486 5.25172 5.40188C5.26235 5.38891 5.27331 5.37619 5.28457 5.36375C5.29584 5.35131 5.30739 5.33916 5.31924 5.32728C5.3311 5.31541 5.34324 5.30383 5.35567 5.29256C5.36809 5.28128 5.38079 5.27031 5.39375 5.25966C5.40671 5.24901 5.41993 5.23869 5.4334 5.22868C5.44687 5.21868 5.46058 5.20901 5.47451 5.19969C5.48845 5.19036 5.50262 5.18138 5.51701 5.17274C5.53139 5.16412 5.54598 5.15585 5.56076 5.14792C5.57556 5.14 5.59054 5.13246 5.60569 5.12528C5.62085 5.11811 5.63618 5.1113 5.65166 5.10487C5.66716 5.09845 5.6828 5.09241 5.69859 5.08675C5.71438 5.0811 5.73029 5.07583 5.74634 5.07096C5.76238 5.06608 5.77854 5.0616 5.79481 5.05753C5.81108 5.05345 5.82744 5.04977 5.84388 5.04649C5.86032 5.04322 5.87685 5.04035 5.89343 5.03789C5.91001 5.03543 5.92665 5.03336 5.94334 5.03172C5.96003 5.03008 5.97675 5.02884 5.9935 5.02802C6.01025 5.0272 6.02701 5.02678 6.04378 5.02678C6.06055 5.02678 6.0773 5.0272 6.09405 5.02802C6.1108 5.02884 6.12752 5.03008 6.14421 5.03172C6.1609 5.03337 6.17754 5.03543 6.19412 5.03789C6.2107 5.04036 6.22723 5.04323 6.24367 5.0465C6.26011 5.04978 6.27647 5.05346 6.29274 5.05754C6.30901 5.06162 6.32517 5.06609 6.34122 5.07097C6.35726 5.07584 6.37318 5.08112 6.38896 5.08676C6.40475 5.09244 6.4204 5.09847 6.43588 5.10489C6.45137 5.11133 6.4667 5.11814 6.48186 5.12531C6.49701 5.13249 6.51199 5.14004 6.52678 5.14795C6.54157 5.15587 6.55616 5.16414 6.57054 5.17277C6.58493 5.18142 6.59909 5.19039 6.61303 5.19972C6.62696 5.20905 6.64067 5.21872 6.65414 5.22871C6.66761 5.23872 6.68083 5.24906 6.69379 5.2597C6.70675 5.27036 6.71945 5.28132 6.73187 5.29259C6.7443 5.30388 6.75643 5.31545 6.76829 5.32733C6.78025 5.33914 6.7919 5.35124 6.80325 5.36364C6.81462 5.37604 6.82565 5.3887 6.83639 5.40163C6.84712 5.41458 6.85753 5.42778 6.86761 5.44123C6.87768 5.4547 6.88742 5.46839 6.89682 5.48233C6.90622 5.49627 6.91527 5.51044 6.92397 5.52482C6.93268 5.53921 6.94102 5.55381 6.94899 5.56861C6.95697 5.58341 6.96458 5.5984 6.97182 5.61358C6.97907 5.62876 6.98592 5.64412 6.9924 5.65963C6.99888 5.67515 7.00498 5.69081 7.01068 5.70663C7.01638 5.72246 7.02169 5.73842 7.0266 5.75449C7.03152 5.77058 7.03604 5.78678 7.04014 5.80309C7.04426 5.8194 7.04797 5.8358 7.05127 5.85229C7.05458 5.86879 7.05748 5.88534 7.05996 5.90197C7.06245 5.91861 7.06452 5.9353 7.06618 5.95204C7.06784 5.96878 7.06908 5.98555 7.06992 6.00234C7.07075 6.01915 7.07117 6.03596 7.07117 6.05278C7.07117 6.06961 7.07075 6.08641 7.06992 6.10321C7.06908 6.12001 7.06784 6.13678 7.06618 6.15351C7.06452 6.17026 7.06245 6.18695 7.05996 6.20358C7.05748 6.22022 7.05458 6.23679 7.05127 6.25328C7.04797 6.26978 7.04426 6.28617 7.04014 6.30247C7.03604 6.31878 7.03152 6.33498 7.0266 6.35106C7.02169 6.36715 7.01638 6.38309 7.01068 6.39891C7.00498 6.41473 6.99888 6.43041 6.9924 6.44593C6.98592 6.46145 6.97907 6.4768 6.97182 6.49197C6.96458 6.50716 6.95697 6.52215 6.94899 6.53695C6.94102 6.55175 6.93268 6.56634 6.92397 6.58073C6.91527 6.59512 6.90622 6.60929 6.89682 6.62322C6.88742 6.63717 6.87768 6.65087 6.86761 6.66432C6.85753 6.67778 6.84712 6.69098 6.83639 6.70392C6.82565 6.71687 6.81462 6.72953 6.80325 6.74192C6.7919 6.75432 6.78025 6.76642 6.76829 6.77824Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon2.svg b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon2.svg
new file mode 100644
index 0000000..21257f3
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon2.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M0 6C0 2.68644 2.68644 0 6 0C9.31357 0 12 2.68644 12 6C12 9.31357 9.31357 12 6 12C2.68644 12 0 9.31357 0 6ZM9.51933 2.48067C9.48946 2.45064 9.45919 2.42101 9.42854 2.39177C9.3979 2.36254 9.36687 2.3337 9.33549 2.30525C9.30409 2.27681 9.27234 2.24879 9.24023 2.22116C9.20811 2.19354 9.17565 2.16633 9.14284 2.13955C9.11002 2.11277 9.07686 2.08641 9.04337 2.06048C9.00987 2.03456 8.97605 2.00906 8.9419 1.98401C8.90774 1.95894 8.87327 1.93433 8.83848 1.91017C8.8037 1.88599 8.76861 1.86228 8.73321 1.83903C8.69781 1.81576 8.66212 1.79295 8.62613 1.77062C8.59014 1.74828 8.55386 1.7264 8.51731 1.705C8.48077 1.68359 8.44393 1.66266 8.40685 1.64221C8.36976 1.62174 8.33241 1.60177 8.2948 1.58228C8.25719 1.56278 8.21934 1.54379 8.18124 1.52527C8.14314 1.50675 8.10482 1.48873 8.06625 1.4712C8.02768 1.45367 7.98891 1.43666 7.9499 1.42013C7.9109 1.4036 7.87169 1.38758 7.83228 1.37206C7.79595 1.35761 7.75945 1.3436 7.72279 1.33004C7.68612 1.31646 7.64931 1.30332 7.61234 1.29063C7.57535 1.27793 7.53823 1.26567 7.50096 1.25385C7.4637 1.24204 7.42631 1.23067 7.38876 1.21974C7.35123 1.20881 7.31356 1.19832 7.27578 1.18829C7.23799 1.17826 7.20008 1.16868 7.16208 1.15956C7.12406 1.15042 7.08594 1.14174 7.04773 1.13351C7.0095 1.12529 6.97119 1.11752 6.93279 1.11021C6.89437 1.1029 6.85589 1.09604 6.81732 1.08964C6.77875 1.08324 6.74011 1.0773 6.7014 1.07182C6.66269 1.06634 6.62392 1.06132 6.58509 1.05676C6.54627 1.0522 6.50739 1.04811 6.46847 1.04448C6.42954 1.04084 6.39057 1.03766 6.35157 1.03495C6.31257 1.03225 6.27354 1.03001 6.23448 1.02823C6.19543 1.02645 6.15636 1.02513 6.11728 1.02428C6.07819 1.02342 6.0391 1.02304 6 1.02311C5.36715 1.02311 4.75639 1.1397 4.16813 1.37288C4.12871 1.38839 4.08949 1.40439 4.05049 1.42091C4.01148 1.43742 3.9727 1.45444 3.93413 1.47197C3.89556 1.48948 3.85722 1.50749 3.81911 1.52599C3.781 1.5445 3.74315 1.5635 3.70553 1.58298C3.66792 1.60246 3.63056 1.62243 3.59345 1.64287C3.55635 1.66331 3.51952 1.68424 3.48296 1.70564C3.44641 1.72703 3.41013 1.7489 3.37413 1.77123C3.33813 1.79357 3.30243 1.81636 3.26703 1.83962C3.23162 1.86287 3.19651 1.88657 3.16172 1.91073C3.12692 1.93488 3.09244 1.95949 3.05828 1.98455C3.02411 2.00959 2.99029 2.03508 2.95678 2.06099C2.92327 2.08692 2.89011 2.11327 2.85728 2.14005C2.82447 2.16682 2.79198 2.19401 2.75986 2.22163C2.72773 2.24925 2.69598 2.27727 2.66458 2.3057C2.63318 2.33414 2.60216 2.36297 2.5715 2.39221C2.54083 2.42144 2.51056 2.45106 2.48067 2.48108C2.45064 2.51097 2.42101 2.54124 2.39177 2.5719C2.36252 2.60255 2.33368 2.63358 2.30524 2.66498C2.2768 2.69637 2.24876 2.72813 2.22114 2.76025C2.19351 2.79238 2.16631 2.82485 2.13952 2.85768C2.11274 2.8905 2.08638 2.92366 2.06046 2.95716C2.03452 2.99067 2.00903 3.0245 1.98397 3.05867C1.95891 3.09282 1.93431 3.1273 1.91013 3.1621C1.88596 3.1969 1.86224 3.232 1.83899 3.2674C1.81572 3.30281 1.79292 3.33852 1.77058 3.37452C1.74824 3.41052 1.72636 3.4468 1.70496 3.48334C1.68355 3.51991 1.66262 3.55674 1.64217 3.59385C1.62172 3.63095 1.60175 3.6683 1.58225 3.70592C1.56276 3.74353 1.54376 3.7814 1.52525 3.81951C1.50673 3.85762 1.48871 3.89595 1.47119 3.93452C1.45366 3.97309 1.43664 4.01189 1.42011 4.05089C1.40359 4.0899 1.38757 4.12912 1.37206 4.16854C1.35763 4.20486 1.34362 4.24133 1.33005 4.27799C1.31649 4.31464 1.30335 4.35144 1.29065 4.3884C1.27796 4.42536 1.26571 4.46246 1.2539 4.49971C1.24209 4.53696 1.23072 4.57435 1.21979 4.61187C1.20887 4.64939 1.19839 4.68703 1.18836 4.72481C1.17833 4.76258 1.16876 4.80046 1.15962 4.83845C1.15049 4.87645 1.14182 4.91454 1.13359 4.95275C1.12537 4.99096 1.1176 5.02925 1.11029 5.06764C1.10297 5.10603 1.09612 5.1445 1.08972 5.18305C1.08332 5.2216 1.07738 5.26022 1.0719 5.29891C1.06641 5.33761 1.06138 5.37636 1.05682 5.41517C1.05226 5.45398 1.04817 5.49284 1.04453 5.53174C1.04089 5.57066 1.03771 5.60961 1.035 5.64859C1.03229 5.68757 1.03004 5.72658 1.02825 5.76562C1.02647 5.80465 1.02515 5.84371 1.02429 5.88278C1.02344 5.92186 1.02305 5.96092 1.02311 6C1.02311 6.63285 1.1397 7.24361 1.37288 7.83228C1.38839 7.87169 1.4044 7.9109 1.42092 7.9499C1.43744 7.98891 1.45445 8.02768 1.47198 8.06624C1.48949 8.1048 1.5075 8.14313 1.52602 8.18123C1.54453 8.21932 1.56352 8.25718 1.58301 8.29477C1.60249 8.33238 1.62246 8.36974 1.6429 8.40682C1.66335 8.44391 1.68428 8.48074 1.70567 8.51729C1.72707 8.55384 1.74893 8.5901 1.77126 8.62609C1.79359 8.66208 1.81639 8.69778 1.83964 8.73318C1.86289 8.76858 1.88661 8.80367 1.91077 8.83846C1.93492 8.87324 1.95953 8.90772 1.98457 8.94186C2.00961 8.97602 2.03511 9.00985 2.06103 9.04334C2.08694 9.07683 2.11329 9.11 2.14007 9.14281C2.16684 9.17563 2.19403 9.2081 2.22165 9.24021C2.24926 9.27232 2.27728 9.30408 2.30571 9.33548C2.33416 9.36686 2.36298 9.39789 2.39221 9.42853C2.42144 9.45917 2.45106 9.48944 2.48108 9.51933C2.51097 9.54936 2.54124 9.579 2.5719 9.60824C2.60255 9.63748 2.63358 9.66634 2.66498 9.69478C2.69637 9.72322 2.72813 9.75124 2.76025 9.77887C2.79238 9.8065 2.82485 9.83371 2.85767 9.86049C2.89048 9.88728 2.92364 9.91364 2.95715 9.93956C2.99066 9.9655 3.0245 9.99099 3.05865 10.016C3.09281 10.0411 3.12729 10.0657 3.16209 10.0899C3.19689 10.1141 3.23199 10.1378 3.2674 10.161C3.3028 10.1843 3.3385 10.2071 3.3745 10.2294C3.4105 10.2518 3.44678 10.2737 3.48334 10.2951C3.51991 10.3165 3.55674 10.3374 3.59384 10.3578C3.63093 10.3783 3.66829 10.3983 3.70591 10.4178C3.74353 10.4373 3.78139 10.4563 3.81949 10.4748C3.8576 10.4933 3.89594 10.5113 3.93451 10.5288C3.97308 10.5463 4.01188 10.5634 4.05089 10.5799C4.0899 10.5964 4.12912 10.6124 4.16854 10.6279C4.20486 10.6424 4.24136 10.6564 4.27801 10.67C4.31466 10.6836 4.35147 10.6967 4.38844 10.7094C4.4254 10.7221 4.46251 10.7344 4.49977 10.7462C4.53704 10.758 4.57443 10.7694 4.61195 10.7803C4.64947 10.7913 4.68713 10.8018 4.72491 10.8118C4.76268 10.8218 4.80058 10.8314 4.83858 10.8406C4.87659 10.8497 4.9147 10.8584 4.95291 10.8666C4.99112 10.8749 5.02943 10.8826 5.06782 10.89C5.10621 10.8973 5.14469 10.9042 5.18326 10.9106C5.22181 10.917 5.26045 10.9229 5.29914 10.9284C5.33784 10.9339 5.3766 10.9389 5.41543 10.9435C5.45425 10.9481 5.49313 10.9522 5.53204 10.9558C5.57097 10.9595 5.60992 10.9626 5.64891 10.9654C5.6879 10.9681 5.72692 10.9703 5.76597 10.9721C5.80502 10.9739 5.84408 10.9752 5.88316 10.9761C5.92224 10.977 5.96133 10.9774 6.00041 10.9773C6.63326 10.9773 7.24402 10.8607 7.83269 10.6275C7.8721 10.612 7.91131 10.596 7.95031 10.5795C7.98932 10.563 8.02809 10.546 8.06666 10.5284C8.10522 10.5109 8.14354 10.4929 8.18164 10.4744C8.21973 10.4559 8.25759 10.4369 8.2952 10.4174C8.33281 10.3979 8.37016 10.378 8.40725 10.3575C8.44433 10.3371 8.48116 10.3162 8.51771 10.2948C8.55426 10.2734 8.59053 10.2515 8.62651 10.2292C8.6625 10.2068 8.69819 10.184 8.73359 10.1608C8.76899 10.1375 8.80409 10.1138 8.83888 10.0897C8.87366 10.0655 8.90814 10.0409 8.94229 10.0159C8.97644 9.99081 9.01027 9.96532 9.04376 9.9394C9.07726 9.91348 9.11042 9.88714 9.14323 9.86035C9.17605 9.83357 9.20851 9.80638 9.24063 9.77877C9.27275 9.75115 9.3045 9.72313 9.33589 9.6947C9.36728 9.66627 9.39831 9.63744 9.42895 9.60821C9.4596 9.57897 9.48987 9.54935 9.51974 9.51933C9.54977 9.48946 9.57941 9.45919 9.60864 9.42854C9.63788 9.3979 9.66672 9.36687 9.69516 9.33549C9.72361 9.30411 9.75164 9.27235 9.77927 9.24024C9.80689 9.20813 9.8341 9.17567 9.86088 9.14285C9.88766 9.11003 9.91402 9.07687 9.93995 9.04338C9.96589 9.00989 9.99138 8.97606 10.0164 8.9419C10.0415 8.90776 10.0661 8.87328 10.0903 8.83849C10.1144 8.80371 10.1381 8.76862 10.1614 8.73322C10.1847 8.69782 10.2075 8.66212 10.2298 8.62613C10.2522 8.59014 10.274 8.55387 10.2954 8.51733C10.3168 8.48078 10.3378 8.44395 10.3582 8.40686C10.3787 8.36976 10.3987 8.33241 10.4182 8.29481C10.4376 8.2572 10.4566 8.21935 10.4752 8.18125C10.4937 8.14314 10.5117 8.10482 10.5292 8.06625C10.5467 8.02769 10.5638 7.98891 10.5803 7.9499C10.5968 7.9109 10.6128 7.87169 10.6284 7.83228C10.6428 7.79595 10.6568 7.75945 10.6704 7.72279C10.6839 7.68612 10.697 7.64931 10.7097 7.61232C10.7224 7.57534 10.7347 7.53821 10.7465 7.50095C10.7583 7.46368 10.7697 7.42628 10.7806 7.38875C10.7915 7.3512 10.802 7.31354 10.812 7.27576C10.822 7.23797 10.8316 7.20007 10.8407 7.16205C10.8498 7.12404 10.8585 7.08592 10.8667 7.0477C10.8749 7.00948 10.8827 6.97116 10.89 6.93276C10.8973 6.89436 10.9042 6.85587 10.9105 6.8173C10.9169 6.77873 10.9229 6.7401 10.9283 6.70139C10.9338 6.66268 10.9388 6.6239 10.9434 6.58508C10.9479 6.54626 10.952 6.50738 10.9556 6.46845C10.9593 6.42953 10.9624 6.39056 10.9651 6.35156C10.9678 6.31255 10.9701 6.27354 10.9718 6.23448C10.9736 6.19543 10.9749 6.15635 10.9758 6.11727C10.9766 6.07819 10.977 6.0391 10.9769 6C10.9769 5.36715 10.8603 4.75639 10.6271 4.16813C10.6116 4.12871 10.5956 4.08949 10.5791 4.05049C10.5626 4.01148 10.5456 3.97268 10.5281 3.93411C10.5105 3.89555 10.4925 3.85721 10.474 3.8191C10.4555 3.78099 10.4365 3.74314 10.417 3.70553C10.3976 3.6679 10.3776 3.63055 10.3571 3.59345C10.3367 3.55635 10.3158 3.51952 10.2944 3.48296C10.273 3.4464 10.2511 3.41012 10.2288 3.37412C10.2065 3.33812 10.1837 3.30242 10.1604 3.26702C10.1372 3.23161 10.1134 3.1965 10.0893 3.1617C10.0651 3.12691 10.0405 3.09243 10.0155 3.05827C9.99043 3.02411 9.96494 2.99027 9.93903 2.95677C9.9131 2.92326 9.88675 2.8901 9.85997 2.85728C9.83319 2.82445 9.806 2.79198 9.77839 2.75986C9.75077 2.72773 9.72275 2.69598 9.69431 2.66458C9.66588 2.63317 9.63703 2.60214 9.6078 2.57149C9.57856 2.54083 9.54894 2.51056 9.51892 2.48067L9.51933 2.48067Z"   fill="#00FFFF" >
+</path>
+<path d="M9.61315 6.63938C9.61315 7.23869 9.40043 7.75086 8.9758 8.1759C8.55076 8.60052 8.039 8.81324 7.43929 8.81324L4.79907 8.81324C4.67921 8.81324 4.57735 8.7707 4.49226 8.68643C4.48716 8.68148 4.48218 8.67641 4.47733 8.67119C4.47249 8.66599 4.46777 8.66066 4.46321 8.6552C4.45863 8.64975 4.45419 8.64419 4.4499 8.63852C4.44561 8.63284 4.44147 8.62706 4.43747 8.62118C4.43347 8.6153 4.42964 8.6093 4.42594 8.60322C4.42225 8.59715 4.41872 8.59097 4.41534 8.58471C4.41198 8.57844 4.40877 8.5721 4.40572 8.56567C4.40266 8.55924 4.39979 8.55274 4.39706 8.54617C4.39434 8.53959 4.3918 8.53296 4.38942 8.52625C4.38704 8.51955 4.38483 8.51279 4.3828 8.50596C4.38076 8.49915 4.37891 8.49228 4.37723 8.48537C4.37555 8.47846 4.37404 8.47151 4.37272 8.46452C4.37139 8.45753 4.37024 8.45052 4.36927 8.44346C4.36831 8.43642 4.36752 8.42935 4.3669 8.42225C4.3663 8.41517 4.36588 8.40806 4.36564 8.40095C4.3654 8.39385 4.36533 8.38674 4.36545 8.37962C4.36545 8.25976 4.40799 8.15749 4.49226 8.07281C4.57735 7.98854 4.67921 7.94599 4.79907 7.94599L7.43929 7.94599C7.79928 7.94599 8.10732 7.81836 8.363 7.56268C8.37069 7.55524 8.37828 7.5477 8.38579 7.54005C8.39329 7.53241 8.40071 7.52468 8.40801 7.51684C8.41531 7.50902 8.42252 7.5011 8.42962 7.49307C8.43673 7.48507 8.44374 7.47697 8.45063 7.46877C8.45752 7.46058 8.46432 7.45229 8.47101 7.44393C8.47769 7.43557 8.48426 7.42712 8.49073 7.41858C8.49721 7.41006 8.50357 7.40144 8.50982 7.39273C8.51607 7.38404 8.52221 7.37527 8.52823 7.36641C8.53426 7.35757 8.54018 7.34863 8.54597 7.33963C8.55176 7.33063 8.55745 7.32155 8.56302 7.3124C8.56858 7.30326 8.57403 7.29404 8.57936 7.28475C8.58469 7.27547 8.58991 7.26611 8.595 7.25669C8.6001 7.24727 8.60507 7.23778 8.60991 7.22823C8.61476 7.21869 8.61949 7.20908 8.6241 7.1994C8.62871 7.18974 8.63318 7.18002 8.63754 7.17023C8.6419 7.16045 8.64613 7.15061 8.65023 7.14071C8.65434 7.13083 8.65833 7.12089 8.66217 7.11089C8.66602 7.1009 8.66976 7.09087 8.67335 7.08077C8.67694 7.0707 8.68042 7.06056 8.68375 7.05038C8.68709 7.04021 8.6903 7.02999 8.69338 7.01973C8.69646 7.00948 8.6994 6.99917 8.70221 6.98884C8.70503 6.97851 8.70771 6.96814 8.71025 6.95774C8.7128 6.94735 8.71521 6.93691 8.7175 6.92644C8.71979 6.91599 8.72194 6.90549 8.72396 6.89497C8.72597 6.88446 8.72785 6.87392 8.7296 6.86334C8.73135 6.85278 8.73296 6.8422 8.73443 6.83159C8.7359 6.82098 8.73724 6.81035 8.73846 6.79972C8.73966 6.78908 8.74072 6.77842 8.74165 6.76775C8.74258 6.75708 8.74339 6.7464 8.74404 6.73571C8.74471 6.72502 8.74523 6.71434 8.74562 6.70362C8.74601 6.69293 8.74625 6.68222 8.74637 6.67151C8.74648 6.6608 8.74647 6.6501 8.74631 6.63938C8.74631 6.27939 8.61826 5.97135 8.363 5.71568C8.35554 5.70798 8.348 5.70039 8.34035 5.69287C8.33271 5.68537 8.32498 5.67795 8.31714 5.67064C8.3093 5.66334 8.30138 5.65613 8.29336 5.64902C8.28535 5.64191 8.27724 5.63491 8.26905 5.62801C8.26085 5.62112 8.25257 5.61433 8.2442 5.60763C8.23582 5.60094 8.22737 5.59436 8.21883 5.58789C8.21029 5.58142 8.20168 5.57506 8.19297 5.5688C8.18428 5.56255 8.1755 5.55642 8.16664 5.55038C8.15778 5.54436 8.14885 5.53844 8.13984 5.53264C8.13083 5.52683 8.12175 5.52116 8.1126 5.51558C8.10346 5.51002 8.09423 5.50458 8.08493 5.49923C8.07564 5.4939 8.06628 5.48869 8.05686 5.4836C8.04744 5.47851 8.03794 5.47354 8.02839 5.46868C8.01884 5.46382 8.00923 5.45909 7.99955 5.45449C7.98987 5.44989 7.98015 5.44541 7.97037 5.44104C7.96059 5.4367 7.95074 5.43246 7.94085 5.42835C7.93094 5.42424 7.921 5.42027 7.911 5.41641C7.901 5.41256 7.89095 5.40884 7.88087 5.40524C7.87078 5.40164 7.86064 5.39818 7.85047 5.39484C7.84028 5.39151 7.83006 5.3883 7.8198 5.38522C7.80953 5.38215 7.79924 5.37919 7.7889 5.37638C7.77856 5.37357 7.76819 5.3709 7.75778 5.36834C7.74738 5.3658 7.73693 5.36338 7.72646 5.3611C7.71599 5.35883 7.70551 5.35668 7.69499 5.35466C7.68447 5.35264 7.67392 5.35076 7.66335 5.34902C7.65278 5.34729 7.64218 5.34568 7.63157 5.34419C7.62096 5.34272 7.61034 5.34138 7.59969 5.34018C7.58904 5.33898 7.57838 5.33792 7.5677 5.33698C7.55703 5.33606 7.54635 5.33526 7.53565 5.33459C7.52495 5.33394 7.51425 5.33342 7.50355 5.33303C7.49285 5.33265 7.48214 5.33241 7.47143 5.33229C7.46071 5.33219 7.45 5.33221 7.43929 5.33237L3.96005 5.33237L5.5121 6.7122C5.60169 6.79156 5.64996 6.89138 5.65692 7.01083C5.66387 7.13028 5.62787 7.2346 5.5481 7.32419C5.4622 7.42114 5.35379 7.46982 5.22411 7.46982C5.11407 7.46982 5.01834 7.433 4.93612 7.36019L2.53235 5.22355C2.5269 5.21886 2.52157 5.21403 2.51636 5.20905C2.51116 5.20409 2.50609 5.19899 2.50115 5.19375C2.49621 5.18852 2.49141 5.18317 2.48675 5.17767C2.48208 5.1722 2.47756 5.1666 2.47319 5.16089C2.46882 5.15517 2.46459 5.14934 2.46052 5.14341C2.45645 5.13748 2.45254 5.13144 2.44878 5.1253C2.44503 5.11916 2.44143 5.11293 2.43798 5.10662C2.43455 5.1003 2.43128 5.09389 2.42818 5.08739C2.42507 5.0809 2.42213 5.07434 2.41937 5.06769C2.4166 5.06104 2.414 5.05433 2.41158 5.04756C2.40917 5.04078 2.40693 5.03395 2.40486 5.02705C2.4028 5.02016 2.40091 5.01322 2.39921 5.00623C2.3975 4.99923 2.39598 4.9922 2.39463 4.98513C2.39329 4.97806 2.39214 4.97096 2.39117 4.96382C2.39019 4.9567 2.38939 4.94956 2.38879 4.94237C2.38818 4.93521 2.38777 4.92803 2.38754 4.92083L2.38754 4.91919L2.38754 4.91633L2.38754 4.91838L2.38754 4.91469L2.38672 4.89956L2.38672 4.89915C2.38672 4.76129 2.4399 4.6492 2.54667 4.56288L4.93653 2.43894C5.02611 2.35958 5.13043 2.32317 5.24988 2.33012C5.36974 2.33708 5.46915 2.38535 5.54851 2.47494C5.62828 2.56453 5.66428 2.66884 5.65733 2.78829C5.65702 2.7954 5.65654 2.8025 5.65587 2.80958C5.65519 2.81665 5.65435 2.82371 5.65333 2.83075C5.65229 2.83779 5.65109 2.84479 5.64971 2.85177C5.64832 2.85874 5.64676 2.86568 5.64502 2.87258C5.64327 2.87947 5.64135 2.88632 5.63926 2.89312C5.63718 2.89992 5.63492 2.90666 5.63248 2.91334C5.63005 2.92003 5.62744 2.92664 5.62467 2.93318C5.62189 2.93974 5.61896 2.94621 5.61586 2.9526C5.61275 2.959 5.60949 2.96532 5.60606 2.97156C5.60264 2.97779 5.59906 2.98393 5.59531 2.98998C5.59157 2.99603 5.58768 3.00198 5.58364 3.00783C5.57959 3.01368 5.5754 3.01943 5.57106 3.02506C5.56673 3.0307 5.56225 3.03622 5.55764 3.04163C5.55302 3.04704 5.54827 3.05233 5.54337 3.05749C5.53848 3.06266 5.53347 3.0677 5.52831 3.0726C5.52316 3.07751 5.51789 3.08229 5.51251 3.08692L3.96209 4.46552L7.4397 4.46552C8.039 4.46552 8.55117 4.67825 8.97621 5.10287C9.40125 5.5275 9.61356 6.03967 9.61356 6.63938L9.61315 6.63938ZM9.20407 6.63938C9.20407 6.15258 9.03144 5.73695 8.68658 5.39168C8.34172 5.04724 7.92569 4.8746 7.43929 4.8746L2.88539 4.8746L5.24047 2.78134C5.24169 2.78029 5.24277 2.77913 5.24376 2.77786C5.24474 2.77659 5.24557 2.77524 5.24628 2.7738C5.24698 2.77235 5.24754 2.77085 5.24794 2.7693C5.24834 2.76775 5.24858 2.76617 5.24866 2.76457C5.2488 2.76294 5.24876 2.76131 5.24857 2.75968C5.24836 2.75806 5.24799 2.75648 5.24747 2.75493C5.24694 2.75338 5.24625 2.7519 5.24542 2.75049C5.24459 2.74908 5.24363 2.74778 5.24252 2.74657C5.23147 2.73429 5.22002 2.73388 5.20816 2.74452L2.81012 4.87583L2.80562 4.87992C2.80414 4.88097 2.80281 4.88217 2.8016 4.88353C2.80041 4.8849 2.79939 4.88638 2.79854 4.88796C2.79768 4.88957 2.79703 4.89125 2.79657 4.89299C2.79611 4.89475 2.79585 4.89653 2.7958 4.89833L2.7958 4.90201C2.79592 4.90355 2.79619 4.90506 2.79662 4.90654C2.79704 4.90802 2.7976 4.90944 2.79829 4.91081C2.799 4.91219 2.79983 4.91347 2.80079 4.91467C2.80174 4.91587 2.80281 4.91697 2.80398 4.91797L5.20775 7.0546C5.21266 7.05869 5.21797 7.06074 5.22411 7.06074C5.22585 7.06078 5.22757 7.06062 5.22927 7.06028C5.23099 7.05993 5.23264 7.05941 5.23422 7.05869C5.23582 7.05799 5.23732 7.05712 5.23871 7.05608C5.2401 7.05505 5.24138 7.05387 5.24252 7.05256C5.24363 7.05135 5.24459 7.05004 5.24542 7.04863C5.24625 7.04723 5.24694 7.04576 5.24747 7.0442C5.24799 7.04265 5.24836 7.04106 5.24857 7.03944C5.24876 7.03782 5.2488 7.03619 5.24866 7.03456C5.24857 7.033 5.24831 7.03145 5.2479 7.02993C5.24749 7.02841 5.24694 7.02695 5.24624 7.02554C5.24554 7.02414 5.24469 7.02281 5.24372 7.02157C5.24276 7.02034 5.24168 7.01922 5.24047 7.01819L2.88416 4.92369L7.43929 4.92369C7.9126 4.92369 8.31677 5.09142 8.65222 5.42646C8.98766 5.7619 9.15539 6.16608 9.15539 6.63938C9.15539 7.11228 8.98766 7.51646 8.65222 7.8519C8.31677 8.18735 7.9126 8.35507 7.43929 8.35507L4.79907 8.35507C4.78271 8.35507 4.77453 8.36325 4.77453 8.37962C4.77453 8.39598 4.78271 8.40416 4.79907 8.40416L7.43929 8.40416C7.9261 8.40416 8.34172 8.23153 8.68658 7.88627C9.03144 7.54141 9.20407 7.12537 9.20407 6.63938Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon3.svg b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon3.svg
new file mode 100644
index 0000000..0536e53
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/icon3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M5.7 6.95998L3.3 6.95998C3.29343 6.95998 3.28256 6.95998 3.276 6.95998C3.26943 6.95998 3.26454 6.95398 3.258 6.95398C3.25146 6.95398 3.2465 6.95398 3.24 6.95398C3.2335 6.95398 3.22845 6.94798 3.222 6.94798C3.21555 6.94798 3.21037 6.94798 3.204 6.94798C3.19762 6.94798 3.18629 6.94198 3.18 6.94198C3.17371 6.94198 3.16819 6.93598 3.162 6.93598C3.15581 6.93598 3.15008 6.92998 3.144 6.92998C3.13792 6.92998 3.126 6.91798 3.126 6.91798L3.108 6.91198L3.09 6.89998L3.078 6.88798L3.06 6.88198L3.042 6.86998L3.03 6.85198L3.012 6.83998L3 6.82798L2.988 6.80998L2.976 6.79798L2.964 6.77998L2.952 6.76198L2.946 6.74398L2.934 6.72598C2.934 6.72598 2.928 6.71406 2.928 6.70798C2.928 6.7019 2.922 6.69618 2.922 6.68998C2.922 6.68379 2.916 6.67828 2.916 6.67198C2.916 6.66569 2.91 6.66037 2.91 6.65398C2.91 6.64761 2.904 6.64244 2.904 6.63598C2.904 6.62953 2.898 6.6245 2.898 6.61798C2.898 6.61147 2.898 6.60053 2.898 6.59398C2.898 6.58743 2.802 6.45655 2.802 6.44998C2.802 6.4434 2.802 6.43856 2.802 6.43198C2.802 6.4254 2.802 6.42056 2.802 6.41398C2.802 6.40741 2.802 6.39653 2.802 6.38998C2.802 6.38343 2.802 6.3785 2.802 6.37198C2.802 6.36547 2.808 6.36044 2.808 6.35398C2.808 6.34753 2.814 6.34236 2.814 6.33598C2.814 6.3296 2.82 6.31828 2.82 6.31198C2.82 6.30569 2.826 6.30018 2.826 6.29398C2.826 6.28779 2.832 6.28206 2.832 6.27598C2.832 6.2699 2.838 6.25798 2.838 6.25798L2.85 6.23998L2.856 6.22198L2.868 6.20998L2.88 6.19198L2.892 6.17398L2.904 6.16198L2.916 6.14398L2.934 6.13198L2.946 6.11998L2.964 6.10798L2.982 6.09598L2.994 6.08398L3.012 6.07798L3.03 6.06598C3.03 6.06598 3.04192 6.05998 3.048 6.05998C3.05408 6.05998 3.05981 6.05398 3.066 6.05398C3.07219 6.05398 3.07771 6.04798 3.084 6.04798C3.09029 6.04798 3.10162 6.04198 3.108 6.04198C3.11437 6.04198 3.11955 6.03598 3.126 6.03598C3.13245 6.03598 3.1375 6.03598 3.144 6.03598C3.1505 6.03598 3.15546 6.02998 3.162 6.02998C3.16854 6.02998 3.17343 6.02998 3.18 6.02998C3.18656 6.02998 3.19743 6.02998 3.204 6.02998L5.202 6.02998L5.202 3.22798C5.202 3.22145 5.202 3.21051 5.202 3.20398C5.202 3.19746 5.202 3.1925 5.202 3.18598C5.202 3.17948 5.208 3.17444 5.208 3.16798C5.208 3.16152 5.208 3.15639 5.208 3.14998C5.208 3.14358 5.214 3.13231 5.214 3.12598C5.214 3.11965 5.22 3.11423 5.22 3.10798C5.22 3.10174 5.226 3.09613 5.226 3.08998C5.226 3.08384 5.232 3.07802 5.232 3.07198C5.232 3.06596 5.244 3.05398 5.244 3.05398L5.25 3.03598L5.262 3.01798L5.268 3.00598L5.28 2.98798L5.292 2.96998L5.304 2.95798L5.322 2.94598L5.334 2.92798L5.352 2.91598L5.364 2.90398L5.382 2.89198L5.4 2.88598L5.412 2.87398L5.43 2.86198C5.43 2.86198 5.44198 2.85598 5.448 2.85598C5.45403 2.85598 5.45985 2.84998 5.466 2.84998C5.47215 2.84998 5.47775 2.84398 5.484 2.84398C5.49025 2.84398 5.50167 2.83798 5.508 2.83798C5.51433 2.83798 5.5196 2.83198 5.526 2.83198C5.5324 2.83198 5.53755 2.83198 5.544 2.83198C5.55045 2.83198 5.5555 2.82598 5.562 2.82598C5.56849 2.82598 5.57348 2.82598 5.58 2.82598C5.58652 2.82598 5.59748 2.82598 5.604 2.82598C5.61052 2.82598 5.61548 2.82598 5.622 2.82598C5.62852 2.82598 5.63351 2.82598 5.64 2.82598C5.6465 2.82598 5.65155 2.83198 5.658 2.83198C5.66445 2.83198 5.6756 2.83198 5.682 2.83198C5.6884 2.83198 5.69367 2.83798 5.7 2.83798C5.70633 2.83798 5.71175 2.84398 5.718 2.84398C5.72425 2.84398 5.72985 2.84998 5.736 2.84998C5.74215 2.84998 5.74797 2.85598 5.754 2.85598C5.76002 2.85598 5.772 2.86198 5.772 2.86198L5.79 2.87398L5.808 2.88598L5.826 2.89198L5.838 2.90398L5.856 2.91598L5.868 2.92798L5.886 2.94598L5.898 2.95798L5.91 2.96998L5.922 2.98798L5.934 3.00598L5.946 3.01798L5.952 3.03598L5.964 3.05398C5.964 3.05398 5.97 3.06596 5.97 3.07198C5.97 3.07802 5.976 3.08384 5.976 3.08998C5.976 3.09613 5.982 3.10174 5.982 3.10798C5.982 3.11423 5.988 3.11965 5.988 3.12598C5.988 3.13231 5.994 3.14358 5.994 3.14998C5.994 3.15639 6 3.16152 6 3.16798C6 3.17444 6 3.17948 6 3.18598C6 3.1925 6 3.19746 6 3.20398C6 3.21051 6 3.22145 6 3.22798L6 6.43198C6 6.65327 5.92082 6.95998 5.7 6.95998ZM10.356 4.94998C10.356 4.95646 10.356 4.96147 10.356 4.96798C10.356 4.97449 10.362 4.97946 10.362 4.98598C10.362 4.99251 10.362 5.00346 10.362 5.00998C10.362 5.01651 10.356 5.02147 10.356 5.02798C10.356 5.03449 10.356 5.03951 10.356 5.04598C10.356 5.05245 10.356 5.05755 10.356 5.06398C10.356 5.07042 10.35 5.08161 10.35 5.08798C10.35 5.09436 10.344 5.0997 10.344 5.10598C10.344 5.11228 10.338 5.11779 10.338 5.12398C10.338 5.13019 10.332 5.13589 10.332 5.14198C10.332 5.14807 10.326 5.15998 10.326 5.15998L10.32 5.17798L10.308 5.19598L10.296 5.21398L10.29 5.22598L10.278 5.24398L10.266 5.25598L10.248 5.27398L10.236 5.28598L10.224 5.29798L10.206 5.30998L10.194 5.32198L10.176 5.33398L10.158 5.34598L10.14 5.35198L10.122 5.36398C10.122 5.36398 10.1101 5.36998 10.104 5.36998C10.0979 5.36998 10.0922 5.37598 10.086 5.37598C10.0798 5.37598 10.0743 5.38198 10.068 5.38198C10.0617 5.38198 10.0563 5.38798 10.05 5.38798C10.0437 5.38798 10.0384 5.39398 10.032 5.39398C10.0256 5.39398 10.0205 5.39398 10.014 5.39398C10.0075 5.39398 9.99649 5.39998 9.99 5.39998C9.9835 5.39998 9.97851 5.39998 9.972 5.39998C9.96549 5.39998 9.96051 5.39998 9.954 5.39998C9.94749 5.39998 9.9425 5.39998 9.936 5.39998C9.9295 5.39998 9.91848 5.39398 9.912 5.39398C9.90552 5.39398 9.90043 5.39398 9.894 5.39398C9.88757 5.39398 9.88236 5.38798 9.876 5.38798C9.86964 5.38798 9.86429 5.38198 9.858 5.38198C9.85171 5.38198 9.8462 5.38198 9.84 5.38198C9.8338 5.38198 9.82809 5.36998 9.822 5.36998C9.8159 5.36998 9.804 5.36398 9.804 5.36398L9.786 5.35798L9.768 5.34598L9.75 5.33998L9.732 5.32798L9.72 5.31598L9.702 5.30398L9.69 5.29198L9.672 5.27998L9.66 5.26198L9.648 5.24998L9.636 5.23198L9.624 5.21398L9.612 5.20198L9.606 5.18398L9.594 5.16598C9.594 5.16598 9.588 5.15404 9.588 5.14798C9.588 5.14193 9.582 5.13615 9.582 5.12998C9.582 5.12381 9.576 5.11824 9.576 5.11198C9.576 5.10572 9.57 5.10032 9.57 5.09398C9.57 5.08763 9.564 5.07639 9.564 5.06998C9.564 5.06356 9.564 5.05845 9.564 5.05198C9.55552 4.98758 9.5453 4.92394 9.534 4.85998C9.52269 4.79602 9.51211 4.73138 9.498 4.66798C9.48389 4.60458 9.4669 4.5447 9.45 4.48198C9.4331 4.41927 9.41564 4.35788 9.396 4.29598C9.37636 4.23408 9.35236 4.17095 9.33 4.10998C9.30765 4.04901 9.28303 3.9899 9.258 3.92998C9.23298 3.87006 9.20764 3.80874 9.18 3.74998C9.15237 3.69123 9.1262 3.63345 9.096 3.57598C9.06581 3.5185 9.03271 3.45806 9 3.40198C8.9673 3.34591 8.93314 3.29457 8.898 3.23998C8.86284 3.18541 8.82751 3.13096 8.79 3.07798C8.75248 3.02501 8.71582 2.97324 8.676 2.92198C8.63619 2.87072 8.59204 2.82142 8.55 2.77198C8.50797 2.72254 8.46817 2.66953 8.424 2.62198C8.37982 2.57445 8.33222 2.52951 8.286 2.48398C8.23977 2.43844 8.1902 2.39542 8.142 2.35198C8.09381 2.30854 8.04806 2.26725 7.998 2.22598C7.94795 2.18471 7.89383 2.145 7.842 2.10598C7.79017 2.06697 7.7395 2.02866 7.686 1.99198C7.6325 1.9553 7.57906 1.91825 7.524 1.88398C7.46894 1.84971 7.41253 1.81379 7.356 1.78198C7.29948 1.75019 7.23987 1.72126 7.182 1.69198C7.12414 1.66271 7.0671 1.63466 7.008 1.60798C6.9489 1.58131 6.88822 1.56002 6.828 1.53598C6.76778 1.51195 6.70922 1.48533 6.648 1.46398C6.58678 1.44263 6.52411 1.4226 6.462 1.40398C6.39989 1.38537 6.33886 1.37183 6.276 1.35598C6.21314 1.34013 6.14749 1.32103 6.084 1.30798C6.02051 1.29493 5.95602 1.28821 5.892 1.27798C5.82799 1.26776 5.7644 1.25537 5.7 1.24798C5.6356 1.2406 5.57267 1.22998 5.508 1.22998C5.44335 1.22998 5.3808 1.22398 5.316 1.22398C5.25121 1.22398 5.18281 1.22398 5.118 1.22398C5.05319 1.22398 4.99069 1.22998 4.926 1.22998C4.8613 1.22998 4.79845 1.24104 4.734 1.24798C4.66955 1.25492 4.60609 1.2622 4.542 1.27198C4.47791 1.28177 4.41358 1.28937 4.35 1.30198C4.28642 1.3146 4.22097 1.32857 4.158 1.34398C4.09503 1.3594 4.03422 1.37979 3.972 1.39798C3.90977 1.41617 3.84737 1.43706 3.786 1.45798C3.72465 1.47891 3.66039 1.50036 3.6 1.52398C3.53962 1.5476 3.47928 1.56971 3.42 1.59598C3.36072 1.62225 3.30406 1.65112 3.246 1.67998C3.18794 1.70885 3.12873 1.73856 3.072 1.76998C3.01527 1.80139 2.9593 1.83209 2.904 1.86598C2.8487 1.89988 2.79575 1.93768 2.742 1.97398C2.68825 2.0103 2.63809 2.04933 2.586 2.08798C2.53391 2.12663 2.48034 2.16706 2.43 2.20798C2.37966 2.2489 2.32848 2.29087 2.28 2.33398C2.23151 2.37709 2.18854 2.42076 2.142 2.46598C2.09546 2.51119 2.0485 2.55676 2.004 2.60398C1.9595 2.65121 1.91437 2.69883 1.872 2.74798C1.82963 2.79714 1.78616 2.847 1.746 2.89798C1.70584 2.94897 1.66989 3.00128 1.632 3.05398C1.59412 3.1067 1.55952 3.16165 1.524 3.21598C1.48848 3.27033 1.44908 3.32213 1.416 3.37798C1.3829 3.43383 1.35659 3.48872 1.326 3.54598C1.29541 3.60325 1.26404 3.66142 1.236 3.71998C1.20796 3.77855 1.17744 3.84023 1.152 3.89998C1.12657 3.95973 1.10277 4.01916 1.08 4.07998C1.05723 4.1408 1.04007 4.20423 1.02 4.26598C0.99993 4.32775 0.977326 4.38939 0.96 4.45198C0.942673 4.51457 0.92655 4.57467 0.912 4.63798C0.89745 4.70128 0.887746 4.7661 0.876 4.82998C0.864254 4.89386 0.854918 4.95765 0.846 5.02198C0.837082 5.08632 0.828073 5.14932 0.822 5.21398C0.815926 5.27866 0.81 5.3471 0.81 5.41198C0.81 5.47686 0.804 5.53903 0.804 5.60398C0.804 5.66893 0.804 5.73708 0.804 5.80198C0.804 5.86689 0.816 5.92926 0.816 5.99398C0.816 6.05872 0.831782 6.12155 0.84 6.18598C0.848217 6.25041 0.852949 6.31398 0.864 6.37798C0.87505 6.44199 0.892138 6.50653 0.906 6.56998C0.919862 6.63344 0.931354 6.6992 0.948 6.76198C0.964644 6.82476 0.982604 6.886 1.002 6.94798C1.0214 7.00997 1.04589 7.07292 1.068 7.13398C1.09011 7.19504 1.10922 7.25396 1.134 7.31398C1.15877 7.37401 1.18459 7.43512 1.212 7.49398C1.23939 7.55284 1.27203 7.61038 1.302 7.66798C1.33198 7.72558 1.35953 7.77977 1.392 7.83598C1.42448 7.8922 1.45907 7.94926 1.494 8.00398C1.52893 8.0587 1.56469 8.11287 1.602 8.16598C1.63929 8.21911 1.68238 8.27056 1.722 8.32198C1.76161 8.3734 1.80015 8.42236 1.842 8.47198C1.88384 8.52159 1.92401 8.57428 1.968 8.62198C2.01199 8.6697 2.05995 8.71426 2.106 8.75998C2.15205 8.80571 2.19598 8.85435 2.244 8.89798C2.29202 8.94163 2.34412 8.98252 2.394 9.02398C2.44389 9.06545 2.49233 9.10476 2.544 9.14398C2.59568 9.1832 2.65266 9.22109 2.706 9.25798C2.75935 9.29488 2.81308 9.33148 2.868 9.36598C2.92292 9.40048 2.97361 9.42996 3.03 9.46198C3.08639 9.49402 3.14625 9.52848 3.204 9.55798C3.26175 9.58749 3.31901 9.61507 3.378 9.64198C3.437 9.6689 3.49788 9.6957 3.558 9.71998C3.61812 9.74426 3.67687 9.76439 3.738 9.78598C3.74421 9.78598 3.7499 9.79198 3.756 9.79198C3.7621 9.79198 3.774 9.80398 3.774 9.80398L3.792 9.80998L3.81 9.82198L3.828 9.82798L3.846 9.83998L3.858 9.85198L3.876 9.86398L3.888 9.88198L3.9 9.89398L3.918 9.91198L3.93 9.92398L3.942 9.94198L3.948 9.95998L3.96 9.97198L3.966 9.98998C3.966 9.98998 3.978 10.0019 3.978 10.008C3.978 10.014 3.984 10.0198 3.984 10.026C3.984 10.0322 3.99 10.0377 3.99 10.044C3.99 10.0503 3.996 10.0616 3.996 10.068C3.996 10.0744 4.002 10.0795 4.002 10.086C4.002 10.0924 4.002 10.0975 4.002 10.104C4.002 10.1105 4.008 10.1154 4.008 10.122C4.008 10.1285 4.008 10.1394 4.008 10.146C4.008 10.1526 4.008 10.1574 4.008 10.164C4.008 10.1706 4.008 10.1754 4.008 10.182C4.008 10.1886 4.008 10.1994 4.008 10.206C4.008 10.2125 4.002 10.2175 4.002 10.224C4.002 10.2305 4.002 10.2355 4.002 10.242C4.002 10.2484 3.996 10.2536 3.996 10.26C3.996 10.2664 3.99 10.2717 3.99 10.278C3.99 10.2843 3.984 10.2958 3.984 10.302C3.984 10.3082 3.978 10.3139 3.978 10.32C3.978 10.3261 3.972 10.338 3.972 10.338L3.96 10.356L3.954 10.368L3.942 10.386L3.93 10.404L3.918 10.422L3.906 10.434L3.894 10.446L3.876 10.464L3.864 10.476L3.846 10.488L3.834 10.5L3.816 10.512L3.798 10.518L3.78 10.53C3.78 10.53 3.76807 10.536 3.762 10.536C3.75593 10.536 3.75018 10.542 3.744 10.542C3.73782 10.542 3.73229 10.548 3.726 10.548C3.71972 10.548 3.71437 10.554 3.708 10.554C3.70163 10.554 3.69645 10.56 3.69 10.56C3.68356 10.56 3.6725 10.56 3.666 10.56C3.6595 10.56 3.65454 10.566 3.648 10.566C3.64146 10.566 3.63657 10.566 3.63 10.566C3.62343 10.566 3.61257 10.566 3.606 10.566C3.59943 10.566 3.59457 10.566 3.588 10.566C3.58143 10.566 3.57654 10.566 3.57 10.566C3.56346 10.566 3.5585 10.56 3.552 10.56C3.5455 10.56 3.53444 10.56 3.528 10.56C3.52155 10.56 3.51637 10.554 3.51 10.554C3.50363 10.554 3.49828 10.548 3.492 10.548C3.48571 10.548 3.48018 10.542 3.474 10.542C3.40237 10.5167 3.32846 10.4923 3.258 10.464C3.18754 10.4356 3.12315 10.4054 3.054 10.374C2.98485 10.3426 2.91172 10.3064 2.844 10.272C2.77628 10.2376 2.71213 10.2014 2.646 10.164C2.57985 10.1266 2.51245 10.0902 2.448 10.05C2.38355 10.0097 2.31863 9.96701 2.256 9.92398C2.19337 9.88095 2.13668 9.83773 2.076 9.79198C2.01532 9.74625 1.95462 9.70235 1.896 9.65398C1.83738 9.60563 1.77846 9.55487 1.722 9.50398C1.66554 9.45309 1.60817 9.4013 1.554 9.34798C1.49982 9.29467 1.44979 9.23563 1.398 9.17998C1.34621 9.12434 1.29731 9.06984 1.248 9.01198C1.19869 8.95413 1.15074 8.89796 1.104 8.83798C1.05726 8.77802 1.01007 8.71395 0.966 8.65198C0.921929 8.59002 0.881319 8.52983 0.84 8.46598C0.798679 8.40215 0.75849 8.33357 0.72 8.26798C0.681509 8.20239 0.641586 8.1372 0.606 8.06998C0.570413 8.00276 0.536614 7.9347 0.504 7.86598C0.471385 7.79727 0.437579 7.72607 0.408 7.65598C0.378421 7.5859 0.350488 7.5173 0.324 7.44598C0.297512 7.37467 0.275344 7.30239 0.252 7.22998C0.228655 7.15757 0.206158 7.08735 0.186 7.01398C0.165842 6.94062 0.148932 6.86616 0.132 6.79198C0.115068 6.71781 0.0976736 6.64483 0.084 6.56998C0.0703263 6.49513 0.058389 6.41736 0.048 6.34198C0.037611 6.26661 0.0310843 6.18974 0.024 6.11398C0.0169157 6.03822 0.006 5.96198 0.006 5.88598C0.006 5.80998 0 5.73408 0 5.65798C0 5.5819 0.006 5.50602 0.006 5.42998C0.006 5.35395 0.0117936 5.27782 0.018 5.20198C0.0242064 5.12615 0.0324847 5.04947 0.042 4.97398C0.0515153 4.89849 0.0591941 4.82699 0.072 4.75198C0.0848058 4.67697 0.103928 4.59835 0.12 4.52398C0.136072 4.44961 0.148692 4.37558 0.168 4.30198C0.187306 4.22839 0.211496 4.15867 0.234 4.08598C0.256504 4.01331 0.28034 3.94159 0.306 3.86998C0.33166 3.79836 0.361234 3.72441 0.39 3.65398C0.418765 3.58356 0.448184 3.51307 0.48 3.44398C0.511816 3.37489 0.541194 3.30761 0.576 3.23998C0.610805 3.17235 0.652271 3.10802 0.69 3.04198C0.727727 2.97595 0.763421 2.90829 0.804 2.84398C0.844577 2.77967 0.886649 2.72046 0.93 2.65798C0.973351 2.59551 1.01596 2.53249 1.062 2.47198C1.10804 2.41147 1.15736 2.35041 1.206 2.29198C1.25463 2.23356 1.30484 2.17422 1.356 2.11798C1.40715 2.06175 1.45844 2.00993 1.512 1.95598C1.56556 1.90204 1.62414 1.84552 1.68 1.79398C1.73587 1.74244 1.78994 1.69302 1.848 1.64398C1.90605 1.59495 1.96785 1.54643 2.028 1.49998C2.08815 1.45354 2.14587 1.41174 2.208 1.36798C2.27012 1.32422 2.33603 1.28297 2.4 1.24198C2.46397 1.20099 2.5263 1.16012 2.592 1.12198C2.6577 1.08384 2.72268 1.0492 2.79 1.01398C2.85731 0.978761 2.92521 0.944215 2.994 0.911983C3.06279 0.879749 3.13388 0.845164 3.204 0.815983C3.27413 0.7868 3.34266 0.76406 3.414 0.737983C3.48533 0.711907 3.5576 0.682903 3.63 0.659983C3.70242 0.637063 3.77866 0.619703 3.852 0.599983C3.92534 0.580263 3.99988 0.562464 4.074 0.545983C4.14813 0.529501 4.22122 0.511195 4.296 0.497983C4.37078 0.48477 4.44272 0.4719 4.518 0.461983C4.59328 0.452066 4.67035 0.444586 4.746 0.437983C4.82165 0.431379 4.89814 0.425983 4.974 0.425983C5.04986 0.425983 5.12607 0.419983 5.202 0.419983C5.27998 0.419983 5.3581 0.425983 5.436 0.425983C5.5139 0.425983 5.59234 0.43696 5.67 0.443983C5.74767 0.451006 5.82672 0.457467 5.904 0.467983C5.98126 0.478499 6.05527 0.489995 6.132 0.503983C6.20872 0.517971 6.28399 0.534551 6.36 0.551983C6.43601 0.569414 6.51284 0.585143 6.588 0.605983C6.66316 0.626823 6.73585 0.653777 6.81 0.677983C6.88415 0.70219 6.95901 0.72846 7.032 0.755983C7.10499 0.783506 7.17632 0.809199 7.248 0.839983C7.31968 0.870768 7.39377 0.902 7.464 0.935983C7.53422 0.969966 7.60537 1.00687 7.674 1.04398C7.74263 1.0811 7.8051 1.12381 7.872 1.16398C7.93889 1.20415 8.00498 1.24084 8.07 1.28398C8.13502 1.32713 8.19898 1.37595 8.262 1.42198C8.32502 1.46801 8.3871 1.51116 8.448 1.55998C8.50889 1.60881 8.56937 1.65847 8.628 1.70998C8.68664 1.7615 8.74573 1.81787 8.802 1.87198C8.85827 1.92609 8.91623 1.98339 8.97 2.03998C9.02379 2.09657 9.07482 2.14903 9.126 2.20798C9.17719 2.26693 9.22751 2.32678 9.276 2.38798C9.32449 2.44919 9.36831 2.51665 9.414 2.57998C9.45969 2.64331 9.5032 2.70667 9.546 2.77198C9.5888 2.8373 9.63217 2.9028 9.672 2.96998C9.71182 3.03717 9.74922 3.10508 9.786 3.17398C9.82277 3.2429 9.86036 3.31349 9.894 3.38398C9.92765 3.45448 9.95956 3.52203 9.99 3.59398C10.0204 3.66592 10.0468 3.74274 10.074 3.81598C10.1012 3.88924 10.1281 3.96359 10.152 4.03798C10.1759 4.11238 10.1975 4.18459 10.218 4.25998C10.2385 4.33538 10.2549 4.41174 10.272 4.48798C10.2891 4.56422 10.3063 4.63905 10.32 4.71598C10.3337 4.79292 10.3458 4.87251 10.356 4.94998ZM9.078 5.99998L11.874 10.41C11.874 10.4175 11.886 10.4263 11.886 10.434C11.886 10.4417 11.904 10.4442 11.904 10.452C11.904 10.4598 11.916 10.468 11.916 10.476C11.916 10.484 11.928 10.4919 11.928 10.5C11.928 10.5081 11.934 10.5158 11.934 10.524C11.934 10.5322 11.946 10.5457 11.946 10.554C11.946 10.5623 11.958 10.5696 11.958 10.578C11.958 10.5864 11.964 10.5935 11.964 10.602C11.964 10.6105 11.97 10.6174 11.97 10.626C11.97 10.6346 11.976 10.6473 11.976 10.656C11.976 10.6647 11.982 10.6712 11.982 10.68C11.982 10.6887 11.988 10.6952 11.988 10.704C11.988 10.7128 11.994 10.7251 11.994 10.734C11.994 10.7428 11.994 10.7491 11.994 10.758C11.994 10.7669 12 10.7791 12 10.788C12 10.7969 12 10.8031 12 10.812C12 10.8209 12 10.8331 12 10.842C12 10.8509 12 10.8571 12 10.866C12 10.8749 12 10.8811 12 10.89C12 10.8989 11.994 10.9111 11.994 10.92C11.994 10.9289 11.994 10.9351 11.994 10.944C11.994 10.9528 11.988 10.9652 11.988 10.974C11.988 10.9828 11.982 10.9892 11.982 10.998C11.982 11.0067 11.976 11.0133 11.976 11.022C11.976 11.0307 11.97 11.0434 11.97 11.052C11.97 11.0606 11.964 11.0675 11.964 11.076C11.964 11.0845 11.958 11.0916 11.958 11.1C11.958 11.1084 11.946 11.1217 11.946 11.13C11.946 11.1383 11.934 11.1458 11.934 11.154C11.934 11.1622 11.928 11.1699 11.928 11.178C11.928 11.1861 11.916 11.194 11.916 11.202C11.916 11.2099 11.904 11.2182 11.904 11.226C11.904 11.2338 11.886 11.2423 11.886 11.25C11.886 11.2577 11.874 11.2605 11.874 11.268C11.874 11.2755 11.862 11.2846 11.862 11.292C11.862 11.2993 11.844 11.3088 11.844 11.316C11.844 11.3232 11.826 11.327 11.826 11.334C11.826 11.341 11.808 11.3512 11.808 11.358C11.808 11.3648 11.796 11.3694 11.796 11.376C11.79 11.3826 11.7781 11.3876 11.772 11.394C11.7659 11.4004 11.7604 11.4058 11.754 11.412C11.7476 11.4182 11.7426 11.436 11.736 11.436C11.7294 11.436 11.7248 11.448 11.718 11.448C11.7112 11.448 11.7009 11.466 11.694 11.466C11.6869 11.466 11.6831 11.484 11.676 11.484C11.6687 11.484 11.6593 11.502 11.652 11.502C11.6447 11.502 11.6355 11.514 11.628 11.514C11.6205 11.514 11.6176 11.526 11.61 11.526C11.6023 11.526 11.5937 11.544 11.586 11.544C11.5781 11.544 11.57 11.556 11.562 11.556C11.554 11.556 11.546 11.568 11.538 11.568C11.5298 11.568 11.5222 11.574 11.514 11.574C11.5058 11.574 11.4982 11.586 11.49 11.586C11.4816 11.586 11.4684 11.598 11.46 11.598C11.4516 11.598 11.4444 11.604 11.436 11.604C11.4275 11.604 11.4205 11.61 11.412 11.61C11.4034 11.61 11.3966 11.616 11.388 11.616C11.3793 11.616 11.3667 11.622 11.358 11.622C11.3493 11.622 11.3428 11.628 11.334 11.628C11.3252 11.628 11.3128 11.634 11.304 11.634C11.2952 11.634 11.2889 11.634 11.28 11.634C11.2711 11.634 11.2649 11.64 11.256 11.64C11.2471 11.64 11.2349 11.64 11.226 11.64C11.2171 11.64 11.2109 11.64 11.202 11.64L5.604 11.64C5.59509 11.64 5.5829 11.64 5.574 11.64C5.5651 11.64 5.55889 11.64 5.55 11.64C5.54111 11.64 5.52885 11.634 5.52 11.634C5.51113 11.634 5.50482 11.634 5.496 11.634C5.48718 11.634 5.48077 11.628 5.472 11.628C5.46321 11.628 5.45073 11.622 5.442 11.622C5.43327 11.622 5.42666 11.616 5.418 11.616C5.40934 11.616 5.39659 11.61 5.388 11.61C5.37941 11.61 5.3725 11.604 5.364 11.604C5.3555 11.604 5.34841 11.598 5.34 11.598C5.33159 11.598 5.32432 11.586 5.316 11.586C5.30769 11.586 5.30019 11.574 5.292 11.574C5.28379 11.574 5.27608 11.568 5.268 11.568C5.25993 11.568 5.25196 11.556 5.244 11.556C5.23606 11.556 5.22782 11.544 5.22 11.544C5.21219 11.544 5.20366 11.526 5.196 11.526C5.18834 11.526 5.1795 11.514 5.172 11.514C5.16449 11.514 5.15534 11.502 5.148 11.502C5.14066 11.502 5.13717 11.484 5.13 11.484C5.12282 11.484 5.11299 11.466 5.106 11.466C5.09901 11.466 5.09481 11.448 5.088 11.448C5.08121 11.448 5.07061 11.436 5.064 11.436C5.05739 11.436 5.05241 11.4182 5.046 11.412C5.03959 11.4058 5.03419 11.4004 5.028 11.394C5.02181 11.3876 5.01 11.3826 5.01 11.376C5.01 11.3694 4.992 11.3648 4.992 11.358C4.992 11.3512 4.974 11.341 4.974 11.334C4.974 11.327 4.956 11.3232 4.956 11.316C4.956 11.3088 4.944 11.2993 4.944 11.292C4.944 11.2846 4.926 11.2755 4.926 11.268C4.926 11.2605 4.914 11.2577 4.914 11.25C4.914 11.2423 4.902 11.2338 4.902 11.226C4.902 11.2182 4.89 11.2099 4.89 11.202C4.89 11.194 4.878 11.1861 4.878 11.178C4.878 11.1699 4.866 11.1622 4.866 11.154C4.866 11.1458 4.854 11.1383 4.854 11.13C4.854 11.1217 4.848 11.1084 4.848 11.1C4.848 11.0916 4.836 11.0845 4.836 11.076C4.836 11.0675 4.83 11.0606 4.83 11.052C4.83 11.0434 4.824 11.0307 4.824 11.022C4.824 11.0133 4.818 11.0067 4.818 10.998C4.818 10.9892 4.812 10.9828 4.812 10.974C4.812 10.9652 4.812 10.9528 4.812 10.944C4.812 10.9351 4.806 10.9289 4.806 10.92C4.806 10.9111 4.806 10.8989 4.806 10.89C4.806 10.8811 4.8 10.8749 4.8 10.866C4.8 10.8571 4.8 10.8509 4.8 10.842C4.8 10.8331 4.8 10.8209 4.8 10.812C4.8 10.8031 4.806 10.7969 4.806 10.788C4.806 10.7791 4.806 10.7669 4.806 10.758C4.806 10.7491 4.812 10.7428 4.812 10.734C4.812 10.7251 4.812 10.7128 4.812 10.704C4.812 10.6952 4.818 10.6887 4.818 10.68C4.818 10.6712 4.824 10.6647 4.824 10.656C4.824 10.6473 4.83 10.6346 4.83 10.626C4.83 10.6174 4.836 10.6105 4.836 10.602C4.836 10.5935 4.848 10.5864 4.848 10.578C4.848 10.5696 4.854 10.5623 4.854 10.554C4.854 10.5457 4.866 10.5322 4.866 10.524C4.866 10.5158 4.878 10.5081 4.878 10.5C4.878 10.4919 4.89 10.484 4.89 10.476C4.89 10.468 4.902 10.4598 4.902 10.452C4.902 10.4442 4.914 10.4417 4.914 10.434C4.914 10.4263 4.926 10.4175 4.926 10.41L7.728 5.99998C7.73698 5.98584 7.74814 5.97154 7.758 5.95798C7.76786 5.94443 7.77731 5.93489 7.788 5.92198C7.79869 5.90908 7.80654 5.8922 7.818 5.87998C7.82947 5.86777 7.84179 5.85544 7.854 5.84398C7.86621 5.83252 7.87711 5.82466 7.89 5.81398C7.90291 5.80331 7.91846 5.79383 7.932 5.78398C7.94555 5.77414 7.95987 5.76296 7.974 5.75398C7.98813 5.74501 8.00133 5.73805 8.016 5.72998C8.03067 5.72192 8.04885 5.71311 8.064 5.70598C8.07915 5.69885 8.09044 5.69415 8.106 5.68798C8.12156 5.68182 8.13808 5.66998 8.154 5.66998C8.16992 5.66998 8.18579 5.65198 8.202 5.65198C8.21821 5.65198 8.23355 5.64598 8.25 5.64598C8.26643 5.64598 8.28739 5.63398 8.304 5.63398C8.3206 5.63398 8.3353 5.63398 8.352 5.63398C8.36871 5.63398 8.38327 5.62798 8.4 5.62798C8.41673 5.62798 8.43729 5.63398 8.454 5.63398C8.4707 5.63398 8.4854 5.63398 8.502 5.63398C8.5186 5.63398 8.53357 5.64598 8.55 5.64598C8.56644 5.64598 8.58179 5.65198 8.598 5.65198C8.61421 5.65198 8.63008 5.66998 8.646 5.66998C8.66192 5.66998 8.67844 5.68182 8.694 5.68798C8.70956 5.69415 8.72685 5.69885 8.742 5.70598C8.75715 5.71311 8.76933 5.72192 8.784 5.72998C8.79867 5.73805 8.81786 5.74501 8.832 5.75398C8.84613 5.76296 8.86045 5.77414 8.874 5.78398C8.88754 5.79383 8.89709 5.80331 8.91 5.81398C8.92289 5.82466 8.93379 5.83252 8.946 5.84398C8.95821 5.85544 8.97053 5.86777 8.982 5.87998C8.99346 5.8922 9.00731 5.90908 9.018 5.92198C9.02869 5.93489 9.03814 5.94443 9.048 5.95798C9.05786 5.97154 9.06902 5.98584 9.078 5.99998ZM8.4 6.43198L5.604 10.836L11.202 10.836L8.4 6.43198ZM8.4 7.63198C8.62081 7.63198 8.802 7.8127 8.802 8.03398L8.802 8.83798C8.802 8.84452 8.802 8.84947 8.802 8.85598C8.802 8.8625 8.802 8.86749 8.802 8.87398C8.802 8.88047 8.796 8.88554 8.796 8.89198C8.796 8.89843 8.796 8.90958 8.796 8.91598C8.796 8.92238 8.79 8.92765 8.79 8.93398C8.79 8.9403 8.784 8.94574 8.784 8.95198C8.784 8.95821 8.778 8.96385 8.778 8.96998C8.778 8.97612 8.772 8.98197 8.772 8.98798C8.772 8.99399 8.76 9.00598 8.76 9.00598L8.754 9.02398L8.742 9.04198L8.73 9.05398L8.724 9.07198L8.712 9.08998L8.694 9.10198L8.682 9.11398L8.67 9.13198L8.652 9.14398L8.64 9.15598L8.622 9.16798L8.604 9.17398L8.592 9.18598L8.574 9.19198C8.574 9.19198 8.56202 9.20398 8.556 9.20398C8.54998 9.20398 8.54413 9.20998 8.538 9.20998C8.53187 9.20998 8.52624 9.21598 8.52 9.21598C8.51376 9.21598 8.50232 9.22198 8.496 9.22198C8.48968 9.22198 8.4844 9.22798 8.478 9.22798C8.47161 9.22798 8.46644 9.22798 8.46 9.22798C8.45355 9.22798 8.44847 9.23398 8.442 9.23398C8.43551 9.23398 8.4245 9.23398 8.418 9.23398C8.41149 9.23398 8.40651 9.23398 8.4 9.23398C8.39348 9.23398 8.3885 9.23398 8.382 9.23398C8.37549 9.23398 8.37047 9.23398 8.364 9.23398C8.35751 9.23398 8.35244 9.22798 8.346 9.22798C8.33956 9.22798 8.3284 9.22798 8.322 9.22798C8.31561 9.22798 8.31032 9.22198 8.304 9.22198C8.29768 9.22198 8.29224 9.21598 8.286 9.21598C8.27976 9.21598 8.27413 9.20998 8.268 9.20998C8.26187 9.20998 8.25602 9.20398 8.25 9.20398C8.24398 9.20398 8.232 9.19198 8.232 9.19198L8.214 9.18598L8.196 9.17398L8.178 9.16798L8.166 9.15598L8.148 9.14398L8.136 9.13198L8.118 9.11398L8.106 9.10198L8.094 9.08998L8.082 9.07198L8.07 9.05398L8.058 9.04198L8.052 9.02398L8.04 9.00598C8.04 9.00598 8.034 8.99399 8.034 8.98798C8.034 8.98197 8.028 8.97612 8.028 8.96998C8.028 8.96386 8.022 8.95822 8.022 8.95198C8.022 8.94574 8.016 8.9403 8.016 8.93398C8.016 8.92765 8.01 8.92238 8.01 8.91598C8.01 8.90958 8.004 8.89843 8.004 8.89198C8.004 8.88554 8.004 8.88047 8.004 8.87398C8.004 8.86749 8.004 8.8625 8.004 8.85598C8.004 8.84947 8.004 8.84452 8.004 8.83798L8.004 8.03398C8.004 7.81271 8.17919 7.63198 8.4 7.63198ZM8.4 9.63598C8.4067 9.63598 8.4113 9.63598 8.418 9.63598C8.42471 9.63598 8.4353 9.63598 8.442 9.63598C8.4487 9.63598 8.45333 9.63598 8.46 9.63598C8.46667 9.63598 8.47738 9.64198 8.484 9.64198C8.49062 9.64198 8.49543 9.64798 8.502 9.64798C8.50857 9.64798 8.51352 9.64798 8.52 9.64798C8.52647 9.64798 8.53162 9.65398 8.538 9.65398C8.54438 9.65398 8.54973 9.65998 8.556 9.65998C8.56227 9.65998 8.57385 9.67198 8.58 9.67198C8.58615 9.67198 8.59199 9.67798 8.598 9.67798L8.616 9.68998L8.628 9.69598L8.646 9.70798L8.664 9.71998L8.682 9.73198L8.694 9.74998L8.706 9.76198L8.724 9.77998L8.736 9.79198L8.748 9.80998L8.754 9.82798L8.766 9.84598C8.766 9.84598 8.778 9.85794 8.778 9.86398C8.778 9.87003 8.784 9.87579 8.784 9.88198C8.784 9.88818 8.79 9.89368 8.79 9.89998C8.79 9.90629 8.796 9.91156 8.796 9.91798C8.796 9.9244 8.802 9.92947 8.802 9.93598C8.802 9.9425 8.808 9.95339 8.808 9.95998C8.808 9.96656 8.814 9.97133 8.814 9.97798C8.814 9.98463 8.814 9.98929 8.814 9.99598C8.814 10.0027 8.814 10.0133 8.814 10.02C8.814 10.0267 8.814 10.0313 8.814 10.038C8.814 10.0447 8.814 10.0493 8.814 10.056C8.814 10.0627 8.814 10.0733 8.814 10.08C8.814 10.0867 8.814 10.0913 8.814 10.098C8.814 10.1046 8.808 10.1094 8.808 10.116C8.808 10.1226 8.802 10.1335 8.802 10.14C8.802 10.1465 8.796 10.1516 8.796 10.158C8.796 10.1644 8.79 10.1697 8.79 10.176C8.79 10.1823 8.784 10.1878 8.784 10.194C8.784 10.2002 8.778 10.2059 8.778 10.212C8.778 10.218 8.766 10.23 8.766 10.23L8.754 10.248L8.748 10.266L8.736 10.284L8.724 10.296L8.706 10.314L8.694 10.326L8.682 10.338L8.664 10.35L8.646 10.362L8.628 10.374L8.616 10.386L8.598 10.398C8.59199 10.398 8.58615 10.404 8.58 10.404C8.57385 10.404 8.56227 10.41 8.556 10.41C8.54973 10.41 8.54438 10.416 8.538 10.416C8.53162 10.416 8.52649 10.422 8.52 10.422C8.51352 10.422 8.50857 10.428 8.502 10.428C8.49543 10.428 8.49062 10.434 8.484 10.434C8.47738 10.434 8.46667 10.434 8.46 10.434C8.45333 10.434 8.4487 10.44 8.442 10.44C8.4353 10.44 8.42471 10.44 8.418 10.44C8.4113 10.44 8.4067 10.44 8.4 10.44C8.3933 10.44 8.38871 10.44 8.382 10.44C8.3753 10.44 8.3647 10.44 8.358 10.44C8.3513 10.44 8.34667 10.434 8.34 10.434C8.33333 10.434 8.32862 10.434 8.322 10.434C8.31538 10.434 8.30457 10.428 8.298 10.428C8.29143 10.428 8.28648 10.422 8.28 10.422C8.27351 10.422 8.26838 10.416 8.262 10.416C8.25562 10.416 8.25027 10.41 8.244 10.41C8.23773 10.41 8.23215 10.404 8.226 10.404C8.21984 10.404 8.208 10.398 8.208 10.398L8.19 10.386L8.172 10.374L8.154 10.362L8.136 10.35L8.124 10.338L8.106 10.326L8.094 10.314L8.082 10.296L8.07 10.284L8.058 10.266L8.046 10.248L8.034 10.23C8.034 10.23 8.028 10.218 8.028 10.212C8.028 10.2059 8.016 10.2002 8.016 10.194C8.016 10.1878 8.01 10.1823 8.01 10.176C8.01 10.1697 8.004 10.1644 8.004 10.158C8.004 10.1516 7.998 10.1465 7.998 10.14C7.998 10.1335 7.992 10.1226 7.992 10.116C7.992 10.1094 7.992 10.1046 7.992 10.098C7.992 10.0913 7.986 10.0867 7.986 10.08C7.986 10.0733 7.986 10.0627 7.986 10.056C7.986 10.0493 7.986 10.0447 7.986 10.038C7.986 10.0313 7.986 10.0267 7.986 10.02C7.986 10.0133 7.986 10.0027 7.986 9.99598C7.986 9.98929 7.992 9.98463 7.992 9.97798C7.992 9.97133 7.992 9.96656 7.992 9.95998C7.992 9.95339 7.998 9.9425 7.998 9.93598C7.998 9.92947 8.004 9.9244 8.004 9.91798C8.004 9.91156 8.01 9.90629 8.01 9.89998C8.01 9.89368 8.016 9.88818 8.016 9.88198C8.016 9.87579 8.028 9.87003 8.028 9.86398C8.028 9.85793 8.034 9.84598 8.034 9.84598L8.046 9.82798L8.058 9.80998L8.07 9.79198L8.082 9.77998L8.094 9.76198L8.106 9.74998L8.124 9.73198L8.136 9.71998L8.154 9.70798L8.172 9.69598L8.19 9.68998L8.208 9.67798C8.208 9.67798 8.21984 9.67198 8.226 9.67198C8.23215 9.67198 8.23773 9.65998 8.244 9.65998C8.25027 9.65998 8.25562 9.65398 8.262 9.65398C8.26838 9.65398 8.27351 9.64798 8.28 9.64798C8.28648 9.64798 8.29143 9.64798 8.298 9.64798C8.30457 9.64798 8.31538 9.64198 8.322 9.64198C8.32862 9.64198 8.33333 9.63598 8.34 9.63598C8.34667 9.63598 8.3513 9.63598 8.358 9.63598C8.3647 9.63598 8.3753 9.63598 8.382 9.63598C8.38871 9.63598 8.3933 9.63598 8.4 9.63598Z"   fill="#F16C55" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/line.png b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/line.png
new file mode 100644
index 0000000..95e54ab
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/components/FlightSetup/icons/line.png differ
diff --git a/src/views/drone/components/virtualWarehouse/components/FlightSetup/index.vue b/src/views/drone/components/virtualWarehouse/components/FlightSetup/index.vue
new file mode 100644
index 0000000..dca4696
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/FlightSetup/index.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="flight_setup">
+    <div class="left_in">
+      <div>任务剩余距离：</div>
+      <div>~</div>
+      <div>任务剩余时长：</div>
+      <div>~</div>
+      <div>飞行作业模式：</div>
+      <!-- <div>————</div> -->
+      <!-- display: flex;justify-content: center; -->
+      <div v-if="taskId" style="" @click="stopLine">
+        <div class="hangxian">
+          <span>{{ showPath ? '暂停航线' : '恢复航线' }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="tool_flight">
+      <div @click="onFightTool">
+        <img src="./icons/icon1.svg" alt="" />
+        <span>飞行设置</span>
+      </div>
+      <div @click="onHomewardVoyage">
+        <img src="./icons/icon2.svg" alt="" />
+        <span>{{ showCancel ? '返航' : '取消返航' }}</span>
+      </div>
+      <div @click="onScram">
+        <img src="./icons/icon3.svg" alt="" />
+        <span>急停</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { droneControl, droneEmergencyStop, flightTaskPauseNew, flightTaskRecoveryNew, drcModeEnte } from '@/api/air';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  data() {
+    return {
+      showCancel: true,
+      height: 0,
+      gateway: useAirStore().gateWay,
+      showPath: true,
+      taskId: ''
+    };
+  },
+  mounted() {
+    this.$recvChanel('TaskIssuedSuccessfully', (taskId) => {
+      this.taskId = taskId;
+    });
+    this.$recvChanel('showCancel', (showCancel) => {
+      this.showCancel = !showCancel;
+    });
+  },
+  methods: {
+    onHomewardVoyage() {
+      if (this.showCancel) {
+        // 飞机返航
+        this.$emit('showTips', true);
+      } else {
+        // 取消返航
+        this.$emit('showTipss', true);
+      }
+    },
+    // 飞行设置
+    onFightTool() {
+      this.$emit('onTakeOff', true);
+    },
+    // 暂停航线
+    stopLine() {
+      if (this.showPath) {
+        this.showPath = false;
+        // 暂停航线
+        this.pauseAirLine();
+      } else {
+        this.showPath = true;
+        // 恢复航线
+        this.recoverAirLine();
+      }
+    },
+
+    // 急停
+    onScram() {
+      // 无参数接口调用
+      droneEmergencyStop({ gateway: this.gateway.gateway }).then((res) => {
+        if (res.code == 200) {
+          this.$message.success('操作成功');
+        }
+      });
+    },
+    // 航线暂停
+    pauseAirLine() {
+      let obj = { gateway: this.gateway.gateway, taskId: this.taskId };
+      flightTaskPauseNew(obj).then((res) => {
+        this.$message.success('暂停成功');
+      });
+    },
+    // 航线恢复
+    recoverAirLine() {
+      let obj = { gateway: this.gateway.gateway, taskId: this.taskId };
+      flightTaskRecoveryNew(obj).then((res) => {
+        this.$message.success('恢复成功');
+      });
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.flight_setup {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  padding: 20px;
+  box-sizing: border-box;
+  display: flex;
+
+  > div {
+    width: 50%;
+  }
+
+  .left_in {
+    color: #fff;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    > div {
+      font-size: 14px;
+    }
+
+    .hangxian {
+      text-align: center;
+      border: 1px solid rgb(255, 255, 255, 0.8);
+      width: 60%;
+      padding: 6px 0;
+      color: rgb(255, 255, 255, 0.8);
+      border-radius: 5px;
+    }
+
+    .hangxian:hover {
+      color: #fff;
+      border-color: #fff;
+    }
+  }
+
+  .tool_flight {
+    > div {
+      cursor: pointer;
+      margin-left: 30px;
+      border-radius: 4px;
+      background: rgba(0, 255, 255, 0.2);
+      border: 1px solid rgba(0, 255, 255, 1);
+      padding: 8px 0px;
+      display: flex;
+      width: 150px;
+      color: rgba(0, 255, 255, 1);
+      place-items: center;
+      justify-content: center;
+      margin-bottom: 8px;
+
+      > img {
+        width: 18px;
+        margin-right: 10px;
+      }
+    }
+
+    & > div:last-child {
+      background: linear-gradient(180deg, rgba(241, 108, 85, 0.2) 0%, rgba(241, 108, 85, 0) 100%), rgba(0, 0, 0, 0.5);
+      border: 1px solid rgba(241, 108, 85, 1);
+      color: rgb(241, 108, 85);
+    }
+  }
+}
+
+.flight_setup::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1px;
+  height: 100%;
+  background: url('./icons/line.png') no-repeat;
+  background-size: 100% 100%;
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/GraduatedScale/index.vue b/src/views/drone/components/virtualWarehouse/components/GraduatedScale/index.vue
new file mode 100644
index 0000000..49d7b4c
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/GraduatedScale/index.vue
@@ -0,0 +1,203 @@
+<template>
+  <div class="graduated_scale" id="graduated_scale" @wheel="debouncedWheel">
+    <span class="max">{{ max }}X</span>
+    <div v-for="(item, i) of labelList" :key="i">
+      <div class="text">{{ item.count }}X</div>
+      <div class="boxs">
+        <div
+          v-for="(items, index) of item.arr"
+          :key="index"
+          :style="'height:' + (1 / item.arr.length) * 100 + '%'"
+          @click="onSelect(items)"
+        >
+          <div :class="valueScale == items ? 'select' : ''"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+let timeout;
+export default {
+  props: {
+    valueScale: {
+      type: Number,
+      default: 2,
+    },
+    typeLabel: {
+      type: String,
+      default: "变焦",
+    },
+  },
+  data() {
+    return {
+      list: [
+        //变焦
+        { count: 2, arr: [2, 3, 4, 5, 6].reverse() },
+        { count: 7, arr: [7, 8, 9, 10, 11, 12].reverse() },
+        {
+          count: 14,
+          arr: [
+            14,
+            16,
+            18,
+            20,
+            22,
+            24,
+            26,
+            28,
+            30,
+            32,
+            34,
+            38,
+            43,
+            46,
+            50,
+            53,
+            56,
+          ].reverse(),
+        },
+      ].reverse(),
+      //   红外
+      listInfrared: [
+        //变焦
+        { count: 2, arr: [2, 3, 4, 5].reverse() },
+        { count: 6, arr: [7, 8, 9, 10, 11, 12].reverse() },
+        { count: 13, arr: [13, 14, 15, 16, 17, 18, 19, 20].reverse() },
+      ].reverse(),
+      labelList: [], //当前应该显示的倍速
+      detailList: [],
+      max: 56, //获取最大值 默认
+      index: 0, //鼠标滚轮滚动时 改变下标 获取对应的值（倍数大小）
+    };
+  },
+  watch: {
+    typeLabel(newlog) {
+      this.setInfo(newlog);
+    },
+  },
+  mounted() {
+    this.setInfo(this.typeLabel);
+  },
+  methods: {
+    onSelect(item) {
+      this.index = this.detailList.findIndex((items) => {
+        return items == item;
+      });
+      this.$emit("getScale", item);
+    },
+    handleWheel(event) {
+      // 处理滚轮事件的逻辑
+      if (event.deltaY > 0) {
+        this.index--;
+        if (this.index <= 0) {
+          this.index = 0;
+        }
+      } else {
+        this.index++;
+        if (this.index >= this.detailList.length) {
+          this.index = this.detailList.length - 1;
+        }
+      }
+    },
+    // 300 毫秒的防抖时间
+    debouncedWheel(event) {
+      // 清除之前的定时器
+      clearTimeout(timeout);
+      // 设置一个新的定时器
+      timeout = setTimeout(() => {
+        this.$emit("getScale", this.detailList[this.index]);
+      }, 200); // 200毫秒后判断为停止
+      this.handleWheel(event);
+    },
+    // 数据处理
+    setInfo(label) {
+      this.detailList = [];
+      if (label == "变焦") {
+        this.labelList = this.list;
+        this.list.forEach((element) => {
+          this.detailList.push(...element.arr);
+        });
+      } else {
+        //红外
+        this.labelList = this.listInfrared;
+        this.listInfrared.forEach((element) => {
+          this.detailList.push(...element.arr);
+        });
+      }
+      this.detailList.sort((a, b) => a - b);
+      this.index = this.detailList.findIndex(
+        (item) => item === this.valueScale
+      );
+      this.max = this.detailList[this.detailList.length - 1];
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.graduated_scale {
+  width: 70px;
+  height: 180px;
+  background: rgba(0, 0, 0, 0.6);
+  position: absolute;
+  color: #fff;
+  bottom: 70px;
+  right: 20px;
+  padding: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  .max {
+    position: absolute;
+    top: 6px;
+    left: 10px;
+  }
+  > div {
+    height: 33%;
+    color: #fff;
+    font-size: 14px;
+    display: flex;
+    > div {
+      height: 100%;
+    }
+    .text {
+      display: flex;
+      justify-content: flex-end;
+      flex-direction: column;
+      width: 32px;
+    }
+
+    .boxs {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-around;
+      height: 100%;
+      > div {
+        width: 100%;
+        display: grid;
+        place-items: center;
+        > div {
+          position: relative;
+          background-color: #fff;
+          display: inline-block;
+          width: 10px;
+          height: 1px;
+        }
+        .select::before {
+          content: "";
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 10px;
+          height: 10px;
+          border-radius: 50%;
+          background-color: #fff;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/Tips/icons/close.png b/src/views/drone/components/virtualWarehouse/components/Tips/icons/close.png
new file mode 100644
index 0000000..43dbd3c
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/components/Tips/icons/close.png differ
diff --git a/src/views/drone/components/virtualWarehouse/components/Tips/icons/warn.svg b/src/views/drone/components/virtualWarehouse/components/Tips/icons/warn.svg
new file mode 100644
index 0000000..2beded4
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/Tips/icons/warn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M12.96 18.4869C13.2 18.2469 13.44 17.9931 13.44 17.5131C13.44 17.0331 13.2 16.8069 12.96 16.5669C12.72 16.3269 12.48 16.0869 12 16.0869C11.52 16.0869 11.28 16.3269 11.04 16.5669C10.8 16.8069 10.56 17.0331 10.56 17.5131C10.56 17.9931 10.8 18.2469 11.04 18.4869C11.28 18.7269 11.52 18.7269 12 18.9669C12.48 18.7269 12.72 18.7269 12.96 18.4869ZM12 24C8.64 24 5.76686 22.8069 3.60686 20.4069C1.20686 18.2469 0 15.36 0 12C0 8.64 1.20686 5.76686 3.60686 3.60686C5.76686 1.20686 8.64 0 12 0C15.36 0 18.2469 1.20686 20.4069 3.60686C22.8069 5.76686 24 8.64 24 12C24 15.36 22.8069 18.2469 20.4069 20.4069C18.2469 22.8069 15.36 24 12 24ZM10.56 6.95314L11.04 13.6869C11.04 13.9269 11.2869 14.16 11.2869 14.4C11.5269 14.4 11.76 14.6469 12 14.6469C12.24 14.6469 12.4869 14.4 12.7269 14.4C12.7269 14.16 12.96 13.9269 12.96 13.6869L13.44 6.95314C13.68 6.47314 13.4469 6 13.2069 5.76C12.9669 5.28 12.48 5.04686 12 5.04686C11.52 5.04686 11.0469 5.28 10.8069 5.76C10.5669 6 10.32 6.47314 10.56 6.95314Z" fill-rule="evenodd"  fill="#FFA145" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/Tips/index.vue b/src/views/drone/components/virtualWarehouse/components/Tips/index.vue
new file mode 100644
index 0000000..462cf40
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/Tips/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <div class="tips" v-if="showTip">
+    <div class="header_tips">
+      <span class="title"> 提示 </span>
+      <img src="./icons/close.png" @click="onClose" alt="" srcset="" />
+    </div>
+    <div class="content">
+      <img src="./icons/warn.svg" alt="" srcset="" />
+      <span> {{ obj.text }}</span>
+    </div>
+    <div class="footer_bottom">
+      <div class="cl" @click="onSubmit">确 认</div>
+      <div @click="onClose">取 消</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { returnHome, returnHomeCancel } from '@/api/air';
+export default {
+  props: {
+    Drone: {
+      type: Object,
+      default: () => ({})
+    },
+    obj: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return { showTip: false };
+  },
+  mounted() {},
+  methods: {
+    openTip() {
+      this.showTip = true;
+    },
+    onClose() {
+      this.showTip = false;
+    },
+    // 返航
+    cancelHome(obj) {
+      returnHomeCancel(obj).then((res) => {
+        this.onClose();
+        this.$message.success('取消成功');
+      });
+    },
+    subHome(obj) {
+      returnHome(obj).then((res) => {
+        this.onClose();
+        this.$message.success('返航成功');
+      });
+    },
+    onSubmit() {
+      let obj = { gateway: this.Drone.gateway };
+      if (this.obj.flag) {
+        this.subHome(obj);
+      } else {
+        this.cancelHome(obj);
+      }
+      this.$sendChanel('showCancel', this.obj.flag);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.tips {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 500px;
+  opacity: 1;
+  background: linear-gradient(180deg, rgb(33 33 33 / 70%) 0%, rgb(9 156 156 / 55%) 100%), #0000;
+  padding: 20px 20px 0;
+  box-sizing: border-box;
+
+  .header_tips {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .title {
+      font-size: 16px;
+      color: #fff;
+    }
+
+    img {
+      width: 12px;
+      cursor: pointer;
+    }
+  }
+
+  .content {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    color: #fff;
+    font-size: 16px;
+
+    > img {
+      width: 18px;
+      margin-right: 10px;
+    }
+  }
+
+  .footer_bottom {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    > div {
+      border-radius: 4px;
+      cursor: pointer;
+      background: rgba(0, 255, 255, 0.2);
+      border: 1px solid rgba(0, 255, 255, 1);
+      padding: 10px 16px;
+      margin-right: 16px;
+      color: rgba(0, 255, 255, 1);
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/ToolPresentation/icons/fight.svg b/src/views/drone/components/virtualWarehouse/components/ToolPresentation/icons/fight.svg
new file mode 100644
index 0000000..3d7cea0
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ToolPresentation/icons/fight.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="144" viewBox="0 0 115 144" fill="none">
+<path  transform="translate(0.5, 0.5)"   fill="#00FFFF" fill-opacity="0.2" d="M0 139L0 4C0 1.79086 1.79086 0 4 0L110 0C112.209 0 114 1.79086 114 4L114 139C114 141.209 112.209 143 110 143L4 143C1.79086 143 0 141.209 0 139Z">
+</path>
+<path d="M54.652 37.684C54.6986 37.6374 54.7472 37.5842 54.796 37.54C54.8448 37.4958 54.8891 37.4538 54.94 37.412C54.9909 37.3702 55.0471 37.3232 55.1 37.284C55.1529 37.2448 55.2052 37.2086 55.26 37.172C55.3148 37.1354 55.3795 37.1099 55.436 37.076C55.4925 37.0421 55.5379 37.011 55.596 36.98C55.6541 36.949 55.7125 36.9122 55.772 36.884C55.8315 36.8558 55.9032 36.8292 55.964 36.804C56.0248 36.7788 56.078 36.7622 56.14 36.74C56.202 36.7178 56.269 36.6951 56.332 36.676C56.395 36.6569 56.4601 36.628 56.524 36.628C56.5879 36.628 56.6514 36.58 56.716 36.58C56.7806 36.58 56.8428 36.548 56.908 36.548C56.9732 36.548 57.0345 36.516 57.1 36.516C57.1655 36.516 57.2422 36.5 57.308 36.5C57.3738 36.5 57.4342 36.5 57.5 36.5C57.5658 36.5 57.6262 36.5 57.692 36.5C57.7578 36.5 57.8345 36.516 57.9 36.516C57.9656 36.516 58.0268 36.548 58.092 36.548C58.1572 36.548 58.2194 36.58 58.284 36.58C58.3486 36.58 58.4121 36.628 58.476 36.628C58.5399 36.628 58.605 36.6569 58.668 36.676C58.731 36.6951 58.798 36.7178 58.86 36.74C58.922 36.7622 58.9752 36.7788 59.036 36.804C59.0968 36.8292 59.1685 36.8558 59.228 36.884C59.2875 36.9122 59.3459 36.949 59.404 36.98C59.4621 37.011 59.5075 37.0421 59.564 37.076C59.6205 37.1099 59.6852 37.1354 59.74 37.172C59.7948 37.2086 59.8471 37.2448 59.9 37.284C59.9529 37.3232 60.0091 37.3702 60.06 37.412C60.1109 37.4538 60.1552 37.4958 60.204 37.54C60.2528 37.5842 60.3014 37.6374 60.348 37.684L72.316 49.652C72.3626 49.6986 72.4158 49.7472 72.46 49.796C72.5042 49.8448 72.5462 49.889 72.588 49.94C72.6298 49.9909 72.6768 50.0471 72.716 50.1C72.7552 50.1529 72.7914 50.2052 72.828 50.26C72.8646 50.3148 72.8903 50.3795 72.924 50.436C72.9577 50.4925 72.9891 50.5379 73.02 50.596C73.0512 50.6541 73.0879 50.7124 73.116 50.772C73.1441 50.8316 73.171 50.9031 73.196 50.964C73.2213 51.0249 73.2381 51.078 73.26 51.14C73.2825 51.202 73.3053 51.269 73.324 51.332C73.3434 51.3951 73.372 51.4601 73.372 51.524C73.3883 51.5879 73.42 51.6514 73.42 51.716C73.42 51.7806 73.452 51.8428 73.452 51.908C73.452 51.9732 73.484 52.0344 73.484 52.1C73.484 52.1656 73.5 52.2422 73.5 52.308C73.5 52.3738 73.5 52.4341 73.5 52.5C73.5 52.5659 73.5 52.6262 73.5 52.692C73.5 52.7578 73.484 52.8344 73.484 52.9C73.484 52.9656 73.452 53.0268 73.452 53.092C73.452 53.1572 73.42 53.2194 73.42 53.284C73.42 53.3486 73.3883 53.4121 73.372 53.476C73.372 53.5399 73.3434 53.6049 73.324 53.668C73.3053 53.731 73.2825 53.798 73.26 53.86C73.2381 53.922 73.2213 53.9751 73.196 54.036C73.171 54.0969 73.1441 54.1684 73.116 54.228C73.0879 54.2876 73.0512 54.3459 73.02 54.404C72.9891 54.4621 72.9577 54.5075 72.924 54.564C72.8903 54.6205 72.8646 54.6852 72.828 54.74C72.7914 54.7948 72.7552 54.8471 72.716 54.9C72.6768 54.9529 72.6298 55.0091 72.588 55.06C72.5462 55.111 72.5042 55.1552 72.46 55.204C72.4158 55.2528 72.3626 55.3014 72.316 55.348L60.348 67.316C60.3014 67.3626 60.2528 67.4158 60.204 67.46C60.1552 67.5042 60.1109 67.5462 60.06 67.588C60.0091 67.6298 59.9529 67.6768 59.9 67.716C59.8471 67.7553 59.7948 67.7914 59.74 67.828C59.6852 67.8646 59.6205 67.8902 59.564 67.924C59.5075 67.9578 59.4621 67.9887 59.404 68.02C59.3459 68.0509 59.2875 68.0879 59.228 68.116C59.1685 68.1441 59.0968 68.1707 59.036 68.196C58.9752 68.221 58.922 68.2378 58.86 68.26C58.798 68.2822 58.731 68.3049 58.668 68.324C58.605 68.3431 58.5399 68.3558 58.476 68.372C58.4121 68.372 58.3486 68.42 58.284 68.42C58.2194 68.42 58.1572 68.452 58.092 68.452C58.0268 68.452 57.9656 68.484 57.9 68.484C57.8345 68.484 57.7578 68.5 57.692 68.5C57.6262 68.5 57.5659 68.5 57.5 68.5C57.4342 68.5 57.3738 68.5 57.308 68.5C57.2422 68.5 57.1655 68.484 57.1 68.484C57.0345 68.484 56.9732 68.452 56.908 68.452C56.8428 68.452 56.7806 68.42 56.716 68.42C56.6514 68.42 56.5879 68.372 56.524 68.372C56.4601 68.3558 56.395 68.3431 56.332 68.324C56.269 68.3049 56.202 68.2822 56.14 68.26C56.078 68.2378 56.0248 68.221 55.964 68.196C55.9032 68.1707 55.8315 68.1441 55.772 68.116C55.7125 68.0879 55.6541 68.0509 55.596 68.02C55.5379 67.9887 55.4925 67.9578 55.436 67.924C55.3795 67.8902 55.3148 67.8646 55.26 67.828C55.2052 67.7914 55.1529 67.7553 55.1 67.716C55.0471 67.6768 54.9909 67.6298 54.94 67.588C54.8891 67.5462 54.8448 67.5042 54.796 67.46C54.7472 67.4158 54.6986 67.3626 54.652 67.316L42.684 55.348C42.6374 55.3014 42.5842 55.2528 42.54 55.204C42.4958 55.1552 42.4538 55.1109 42.412 55.06C42.3702 55.0091 42.3232 54.9529 42.284 54.9C42.2448 54.8471 42.2086 54.7948 42.172 54.74C42.1354 54.6852 42.1098 54.6205 42.076 54.564C42.0422 54.5075 42.011 54.4621 41.98 54.404C41.949 54.3459 41.9121 54.2875 41.884 54.228C41.8558 54.1685 41.8292 54.0968 41.804 54.036C41.7788 53.9752 41.7622 53.922 41.74 53.86C41.7178 53.798 41.6951 53.731 41.676 53.668C41.6569 53.605 41.628 53.5399 41.628 53.476C41.628 53.4121 41.58 53.3486 41.58 53.284C41.58 53.2194 41.548 53.1572 41.548 53.092C41.548 53.0268 41.516 52.9656 41.516 52.9C41.516 52.8345 41.5 52.7578 41.5 52.692C41.5 52.6262 41.5 52.5659 41.5 52.5C41.5 52.4342 41.5 52.3738 41.5 52.308C41.5 52.2422 41.516 52.1655 41.516 52.1C41.516 52.0345 41.548 51.9732 41.548 51.908C41.548 51.8428 41.58 51.7806 41.58 51.716C41.58 51.6514 41.628 51.5879 41.628 51.524C41.628 51.4601 41.6569 51.395 41.676 51.332C41.6951 51.269 41.7178 51.202 41.74 51.14C41.7622 51.078 41.7788 51.0248 41.804 50.964C41.8292 50.9032 41.8558 50.8315 41.884 50.772C41.9121 50.7125 41.949 50.6541 41.98 50.596C42.011 50.5379 42.0422 50.4925 42.076 50.436C42.1098 50.3795 42.1354 50.3148 42.172 50.26C42.2086 50.2052 42.2448 50.1529 42.284 50.1C42.3232 50.0471 42.3702 49.9909 42.412 49.94C42.4538 49.8891 42.4958 49.8448 42.54 49.796C42.5842 49.7472 42.6374 49.6986 42.684 49.652L54.652 37.684ZM58.524 40.1C58.524 40.1 58.4925 40.052 58.476 40.052C58.4595 40.052 58.4452 40.004 58.428 40.004C58.4108 40.004 58.3979 39.956 58.38 39.956C58.3621 39.956 58.3345 39.924 58.316 39.924C58.2975 39.924 58.2871 39.892 58.268 39.892C58.2489 39.892 58.2236 39.86 58.204 39.86C58.1844 39.86 58.1601 39.828 58.14 39.828C58.1199 39.828 58.1126 39.796 58.092 39.796C58.0715 39.796 58.0489 39.78 58.028 39.78C58.0071 39.78 57.9853 39.748 57.964 39.748C57.9427 39.748 57.9216 39.732 57.9 39.732C57.8784 39.732 57.8578 39.716 57.836 39.716C57.8142 39.716 57.794 39.716 57.772 39.716C57.75 39.716 57.7141 39.7 57.692 39.7C57.6699 39.7 57.6502 39.7 57.628 39.7C57.6058 39.7 57.5862 39.7 57.564 39.7C57.5418 39.7 57.5222 39.7 57.5 39.7C57.4778 39.7 57.4581 39.7 57.436 39.7C57.4139 39.7 57.394 39.716 57.372 39.716C57.35 39.716 57.3138 39.716 57.292 39.716C57.2702 39.716 57.2496 39.732 57.228 39.732C57.2064 39.732 57.1853 39.748 57.164 39.748C57.1427 39.748 57.1209 39.78 57.1 39.78C57.0791 39.78 57.0725 39.796 57.052 39.796C57.0314 39.796 57.0081 39.828 56.988 39.828C56.9679 39.828 56.9436 39.86 56.924 39.86C56.9044 39.86 56.8791 39.892 56.86 39.892C56.8409 39.892 56.8305 39.924 56.812 39.924C56.7935 39.924 56.7659 39.956 56.748 39.956C56.7301 39.956 56.7172 40.004 56.7 40.004C56.6828 40.004 56.6685 40.052 56.652 40.052C56.6355 40.052 56.604 40.1 56.604 40.1L45.1 51.524C45.1 51.524 45.052 51.5555 45.052 51.572C45.052 51.5885 45.004 51.6028 45.004 51.62C45.004 51.6372 44.956 51.6502 44.956 51.668C44.956 51.6858 44.924 51.7135 44.924 51.732C44.924 51.7505 44.892 51.7609 44.892 51.78C44.892 51.7991 44.86 51.8244 44.86 51.844C44.86 51.8636 44.828 51.8879 44.828 51.908C44.828 51.9281 44.796 51.9515 44.796 51.972C44.796 51.9925 44.78 51.9991 44.78 52.02C44.78 52.0409 44.748 52.0627 44.748 52.084C44.748 52.1053 44.732 52.1265 44.732 52.148C44.732 52.1696 44.716 52.1902 44.716 52.212C44.716 52.2338 44.716 52.27 44.716 52.292C44.716 52.314 44.7 52.3339 44.7 52.356C44.7 52.3781 44.7 52.3978 44.7 52.42C44.7 52.4422 44.7 52.4618 44.7 52.484C44.7 52.5062 44.7 52.5258 44.7 52.548C44.7 52.5702 44.7 52.5899 44.7 52.612C44.7 52.6341 44.716 52.654 44.716 52.676C44.716 52.698 44.716 52.7342 44.716 52.756C44.716 52.7778 44.732 52.7985 44.732 52.82C44.732 52.8415 44.748 52.8627 44.748 52.884C44.748 52.9053 44.78 52.9271 44.78 52.948C44.78 52.9689 44.796 52.9755 44.796 52.996C44.796 53.0165 44.828 53.0399 44.828 53.06C44.828 53.0801 44.86 53.1044 44.86 53.124C44.86 53.1436 44.892 53.1689 44.892 53.188C44.892 53.2071 44.924 53.2175 44.924 53.236C44.924 53.2545 44.956 53.2822 44.956 53.3C44.956 53.3178 45.004 53.3308 45.004 53.348C45.004 53.3652 45.052 53.3795 45.052 53.396C45.052 53.4125 45.1 53.444 45.1 53.444L56.54 64.916C56.54 64.916 56.5715 64.948 56.588 64.948C56.6045 64.948 56.6188 64.996 56.636 64.996C56.6532 64.996 56.6662 65.044 56.684 65.044C56.7019 65.044 56.7295 65.076 56.748 65.076C56.7665 65.076 56.7769 65.108 56.796 65.108C56.8151 65.108 56.8404 65.14 56.86 65.14C56.8796 65.14 56.9039 65.172 56.924 65.172C56.9441 65.172 56.9675 65.204 56.988 65.204C57.0085 65.204 57.0151 65.22 57.036 65.22C57.0569 65.22 57.0788 65.252 57.1 65.252C57.1213 65.252 57.1425 65.268 57.164 65.268C57.1856 65.268 57.2062 65.284 57.228 65.284C57.2498 65.284 57.286 65.284 57.308 65.284C57.33 65.284 57.3499 65.3 57.372 65.3C57.3941 65.3 57.4138 65.3 57.436 65.3C57.4582 65.3 57.4778 65.3 57.5 65.3C57.5222 65.3 57.5418 65.3 57.564 65.3C57.5862 65.3 57.6059 65.3 57.628 65.3C57.6501 65.3 57.67 65.284 57.692 65.284C57.714 65.284 57.7502 65.284 57.772 65.284C57.7938 65.284 57.8145 65.268 57.836 65.268C57.8575 65.268 57.8788 65.252 57.9 65.252C57.9212 65.252 57.9431 65.22 57.964 65.22C57.9849 65.22 57.9915 65.204 58.012 65.204C58.0325 65.204 58.0559 65.172 58.076 65.172C58.0961 65.172 58.1204 65.14 58.14 65.14C58.1596 65.14 58.1849 65.108 58.204 65.108C58.2231 65.108 58.2335 65.076 58.252 65.076C58.2705 65.076 58.2982 65.044 58.316 65.044C58.3338 65.044 58.3468 64.996 58.364 64.996C58.3812 64.996 58.3955 64.948 58.412 64.948C58.4285 64.948 58.46 64.916 58.46 64.916L69.9 53.524C69.9 53.524 69.948 53.4925 69.948 53.476C69.948 53.4595 69.996 53.4452 69.996 53.428C69.996 53.4108 70.044 53.3979 70.044 53.38C70.044 53.3621 70.076 53.3345 70.076 53.316C70.076 53.2975 70.108 53.2871 70.108 53.268C70.108 53.2489 70.14 53.2236 70.14 53.204C70.14 53.1844 70.172 53.1601 70.172 53.14C70.172 53.1199 70.204 53.1126 70.204 53.092C70.204 53.0715 70.22 53.0489 70.22 53.028C70.22 53.0071 70.252 52.9853 70.252 52.964C70.252 52.9427 70.268 52.9216 70.268 52.9C70.268 52.8784 70.284 52.8578 70.284 52.836C70.284 52.8142 70.284 52.794 70.284 52.772C70.284 52.75 70.3 52.7141 70.3 52.692C70.3 52.6699 70.3 52.6502 70.3 52.628C70.3 52.6058 70.3 52.5862 70.3 52.564C70.3 52.5418 70.3 52.5222 70.3 52.5C70.3 52.4778 70.3 52.4581 70.3 52.436C70.3 52.4139 70.284 52.394 70.284 52.372C70.284 52.35 70.284 52.3138 70.284 52.292C70.284 52.2702 70.268 52.2496 70.268 52.228C70.268 52.2064 70.252 52.1853 70.252 52.164C70.252 52.1427 70.22 52.1209 70.22 52.1C70.22 52.0791 70.204 52.0725 70.204 52.052C70.204 52.0314 70.172 52.0081 70.172 51.988C70.172 51.9679 70.14 51.9436 70.14 51.924C70.14 51.9044 70.108 51.8791 70.108 51.86C70.108 51.8409 70.076 51.8305 70.076 51.812C70.076 51.7935 70.044 51.7658 70.044 51.748C70.044 51.7301 69.996 51.7172 69.996 51.7C69.996 51.6828 69.948 51.6685 69.948 51.652C69.948 51.6355 69.9 51.604 69.9 51.604L58.524 40.1ZM57.612 44.5L57.5 44.5C57.5183 44.5 57.5297 44.5 57.548 44.5C57.5663 44.5 57.5937 44.5 57.612 44.5C57.6303 44.5 57.6418 44.516 57.66 44.516C57.6782 44.516 57.7059 44.516 57.724 44.516C57.7421 44.516 57.754 44.532 57.772 44.532C57.7899 44.532 57.8022 44.548 57.82 44.548C57.8378 44.548 57.8664 44.548 57.884 44.548C57.9016 44.548 57.9147 44.564 57.932 44.564C57.9493 44.564 57.9629 44.596 57.98 44.596C57.9971 44.596 58.0112 44.612 58.028 44.612C58.0448 44.612 58.0755 44.628 58.092 44.628C58.1085 44.628 58.1238 44.66 58.14 44.66C58.1562 44.66 58.188 44.692 58.188 44.692L58.236 44.708L58.268 44.74L58.316 44.772L58.348 44.804C58.3763 44.8275 58.4017 44.8422 58.428 44.868L58.444 44.884L62.444 48.884L62.492 48.932C62.492 48.932 62.524 48.9638 62.524 48.98C62.524 48.9962 62.572 49.0112 62.572 49.028C62.572 49.0448 62.604 49.0587 62.604 49.076C62.604 49.0933 62.636 49.1222 62.636 49.14C62.636 49.1579 62.668 49.1697 62.668 49.188C62.668 49.2063 62.7 49.2332 62.7 49.252C62.7 49.2708 62.732 49.2808 62.732 49.3C62.732 49.3192 62.748 49.3444 62.748 49.364C62.748 49.3836 62.764 49.4081 62.764 49.428C62.764 49.4479 62.78 49.4558 62.78 49.476C62.78 49.4962 62.796 49.5195 62.796 49.54C62.796 49.5604 62.812 49.5833 62.812 49.604C62.812 49.6246 62.828 49.6472 62.828 49.668C62.828 49.6888 62.828 49.7111 62.828 49.732C62.828 49.7529 62.828 49.775 62.828 49.796C62.828 49.8169 62.828 49.8391 62.828 49.86C62.828 49.881 62.828 49.9031 62.828 49.924C62.828 49.9449 62.828 49.9512 62.828 49.972C62.828 49.9928 62.812 50.0153 62.812 50.036C62.812 50.0567 62.812 50.0795 62.812 50.1C62.812 50.1205 62.796 50.1437 62.796 50.164C62.796 50.1843 62.78 50.208 62.78 50.228C62.78 50.248 62.748 50.2723 62.748 50.292C62.748 50.3117 62.732 50.3207 62.732 50.34C62.732 50.3593 62.7 50.385 62.7 50.404C62.7 50.423 62.684 50.4335 62.684 50.452C62.684 50.4705 62.652 50.498 62.652 50.516C62.652 50.534 62.62 50.5465 62.62 50.564C62.62 50.5815 62.572 50.5951 62.572 50.612C62.572 50.629 62.54 50.6437 62.54 50.66C62.54 50.6763 62.508 50.708 62.508 50.708L62.46 50.756L62.412 50.804L62.364 50.852C62.364 50.852 62.3325 50.884 62.316 50.884C62.2994 50.884 62.2851 50.916 62.268 50.916C62.2509 50.916 62.2377 50.964 62.22 50.964C62.2023 50.964 62.1742 50.996 62.156 50.996C62.1378 50.996 62.1267 51.028 62.108 51.028C62.0893 51.028 62.0631 51.044 62.044 51.044C62.0249 51.044 62.0155 51.076 61.996 51.076C61.9765 51.076 61.9518 51.092 61.932 51.092C61.9122 51.092 61.8881 51.108 61.868 51.108C61.8479 51.108 61.8404 51.124 61.82 51.124C61.7996 51.124 61.7766 51.14 61.756 51.14C61.7354 51.14 61.7127 51.156 61.692 51.156C61.6712 51.156 61.6488 51.156 61.628 51.156C61.6072 51.156 61.5849 51.172 61.564 51.172C61.5431 51.172 61.5209 51.172 61.5 51.172C61.479 51.172 61.4569 51.172 61.436 51.172C61.4151 51.172 61.3928 51.156 61.372 51.156C61.3512 51.156 61.3288 51.156 61.308 51.156C61.2873 51.156 61.2646 51.14 61.244 51.14C61.2234 51.14 61.2164 51.124 61.196 51.124C61.1756 51.124 61.1521 51.108 61.132 51.108C61.1119 51.108 61.0878 51.092 61.068 51.092C61.0482 51.092 61.0235 51.076 61.004 51.076C60.9845 51.076 60.9751 51.044 60.956 51.044C60.9369 51.044 60.9107 51.028 60.892 51.028C60.8733 51.028 60.8622 50.996 60.844 50.996C60.8258 50.996 60.7977 50.964 60.78 50.964C60.7623 50.964 60.7492 50.932 60.732 50.932C60.7148 50.932 60.7006 50.884 60.684 50.884L60.556 50.772L58.828 49.044L58.828 53.284L62.444 56.884L62.492 56.932C62.492 56.932 62.524 56.9638 62.524 56.98C62.524 56.9962 62.572 57.0112 62.572 57.028C62.572 57.0448 62.604 57.0587 62.604 57.076C62.604 57.0933 62.636 57.1222 62.636 57.14C62.636 57.1579 62.668 57.1697 62.668 57.188C62.668 57.2063 62.7 57.2332 62.7 57.252C62.7 57.2708 62.732 57.2808 62.732 57.3C62.732 57.3192 62.748 57.3444 62.748 57.364C62.748 57.3836 62.764 57.4081 62.764 57.428C62.764 57.4479 62.78 57.4558 62.78 57.476C62.78 57.4962 62.796 57.5195 62.796 57.54C62.796 57.5604 62.812 57.5833 62.812 57.604C62.812 57.6246 62.828 57.6472 62.828 57.668C62.828 57.6888 62.828 57.7111 62.828 57.732C62.828 57.7529 62.828 57.775 62.828 57.796C62.828 57.8169 62.828 57.8391 62.828 57.86C62.828 57.881 62.828 57.9031 62.828 57.924C62.828 57.9449 62.828 57.9512 62.828 57.972C62.828 57.9928 62.812 58.0153 62.812 58.036C62.812 58.0567 62.812 58.0795 62.812 58.1C62.812 58.1205 62.796 58.1437 62.796 58.164C62.796 58.1843 62.78 58.208 62.78 58.228C62.78 58.248 62.748 58.2723 62.748 58.292C62.748 58.3117 62.732 58.3207 62.732 58.34C62.732 58.3593 62.7 58.385 62.7 58.404C62.7 58.423 62.684 58.4335 62.684 58.452C62.684 58.4705 62.652 58.498 62.652 58.516C62.652 58.534 62.62 58.5465 62.62 58.564C62.62 58.5815 62.572 58.595 62.572 58.612C62.572 58.629 62.54 58.6437 62.54 58.66C62.54 58.6763 62.508 58.708 62.508 58.708L62.46 58.756L62.412 58.804L62.364 58.852C62.364 58.852 62.3326 58.884 62.316 58.884C62.2995 58.884 62.2851 58.932 62.268 58.932C62.2508 58.932 62.2377 58.964 62.22 58.964C62.2023 58.964 62.1742 58.996 62.156 58.996C62.1378 58.996 62.1267 59.028 62.108 59.028C62.0893 59.028 62.0631 59.044 62.044 59.044C62.0249 59.044 62.0155 59.076 61.996 59.076C61.9765 59.076 61.9518 59.092 61.932 59.092C61.9122 59.092 61.8881 59.108 61.868 59.108C61.8479 59.108 61.8404 59.124 61.82 59.124C61.7996 59.124 61.7766 59.14 61.756 59.14C61.7354 59.14 61.7127 59.156 61.692 59.156C61.6712 59.156 61.6488 59.156 61.628 59.156C61.6072 59.156 61.5849 59.172 61.564 59.172C61.5431 59.172 61.5209 59.172 61.5 59.172C61.479 59.172 61.4569 59.172 61.436 59.172C61.4151 59.172 61.3928 59.156 61.372 59.156C61.3512 59.156 61.3288 59.156 61.308 59.156C61.2873 59.156 61.2646 59.14 61.244 59.14C61.2234 59.14 61.2164 59.124 61.196 59.124C61.1756 59.124 61.1521 59.108 61.132 59.108C61.1119 59.108 61.0878 59.092 61.068 59.092C61.0482 59.092 61.0235 59.076 61.004 59.076C60.9845 59.076 60.9751 59.044 60.956 59.044C60.9369 59.044 60.9107 59.028 60.892 59.028C60.8733 59.028 60.8622 58.996 60.844 58.996C60.8258 58.996 60.7977 58.964 60.78 58.964C60.7623 58.964 60.7492 58.932 60.732 58.932C60.7148 58.932 60.7006 58.884 60.684 58.884L60.556 58.772L57.5 55.716L54.444 58.788L54.396 58.82L54.348 58.868L54.3 58.9C54.3 58.9 54.2685 58.932 54.252 58.932C54.2355 58.932 54.221 58.964 54.204 58.964C54.187 58.964 54.1735 58.996 54.156 58.996C54.1385 58.996 54.1259 59.028 54.108 59.028C54.0901 59.028 54.0623 59.06 54.044 59.06C54.0257 59.06 54.0147 59.076 53.996 59.076C53.9773 59.076 53.951 59.092 53.932 59.092C53.913 59.092 53.9032 59.108 53.884 59.108C53.8647 59.108 53.8395 59.124 53.82 59.124C53.8005 59.124 53.7757 59.14 53.756 59.14C53.7363 59.14 53.7278 59.156 53.708 59.156C53.6882 59.156 53.664 59.156 53.644 59.156C53.624 59.156 53.6 59.172 53.58 59.172C53.56 59.172 53.5521 59.172 53.532 59.172C53.5119 59.172 53.4881 59.172 53.468 59.172C53.4479 59.172 53.424 59.172 53.404 59.172C53.384 59.172 53.3599 59.156 53.34 59.156C53.3201 59.156 53.3118 59.156 53.292 59.156C53.2722 59.156 53.2477 59.14 53.228 59.14C53.2084 59.14 53.1834 59.124 53.164 59.124C53.1446 59.124 53.1352 59.108 53.116 59.108C53.0968 59.108 53.0709 59.092 53.052 59.092C53.0331 59.092 53.0066 59.076 52.988 59.076C52.9694 59.076 52.9582 59.044 52.94 59.044C52.9218 59.044 52.9098 59.028 52.892 59.028C52.8742 59.028 52.8454 58.996 52.828 58.996C52.8106 58.996 52.7969 58.964 52.78 58.964C52.7631 58.964 52.7484 58.932 52.732 58.932C52.7156 58.932 52.684 58.884 52.684 58.884L52.556 58.772L52.524 58.74L52.476 58.692L52.444 58.644C52.444 58.644 52.396 58.6125 52.396 58.596C52.396 58.5795 52.364 58.565 52.364 58.548C52.364 58.531 52.332 58.5015 52.332 58.484C52.332 58.4665 52.316 58.4539 52.316 58.436C52.316 58.4181 52.284 58.4063 52.284 58.388C52.284 58.3697 52.268 58.3427 52.268 58.324C52.268 58.3053 52.236 58.295 52.236 58.276C52.236 58.257 52.22 58.2312 52.22 58.212C52.22 58.1927 52.204 58.1835 52.204 58.164C52.204 58.1445 52.188 58.1197 52.188 58.1C52.188 58.0803 52.188 58.0558 52.188 58.036C52.188 58.0162 52.172 57.992 52.172 57.972C52.172 57.952 52.172 57.944 52.172 57.924C52.172 57.904 52.172 57.8801 52.172 57.86C52.172 57.8399 52.172 57.8161 52.172 57.796C52.172 57.7759 52.172 57.752 52.172 57.732C52.172 57.712 52.172 57.7039 52.172 57.684C52.172 57.6641 52.188 57.6398 52.188 57.62C52.188 57.6002 52.188 57.5757 52.188 57.556C52.188 57.5363 52.204 57.5274 52.204 57.508C52.204 57.4886 52.22 57.4632 52.22 57.444C52.22 57.4248 52.252 57.3989 52.252 57.38C52.252 57.3611 52.268 57.3506 52.268 57.332C52.268 57.3134 52.284 57.2862 52.284 57.268C52.284 57.2498 52.316 57.2378 52.316 57.22C52.316 57.2022 52.348 57.1894 52.348 57.172C52.348 57.1546 52.38 57.1409 52.38 57.124C52.38 57.1071 52.412 57.0764 52.412 57.06C52.412 57.0436 52.444 57.012 52.444 57.012L52.556 56.9L56.172 53.284L56.172 49.044L54.444 50.772L54.396 50.82L54.348 50.852L54.316 50.9C54.316 50.9 54.2685 50.932 54.252 50.932C54.2355 50.932 54.221 50.964 54.204 50.964C54.187 50.964 54.1735 50.996 54.156 50.996C54.1385 50.996 54.1259 51.028 54.108 51.028C54.0901 51.028 54.0623 51.044 54.044 51.044C54.0257 51.044 54.0147 51.076 53.996 51.076C53.9773 51.076 53.951 51.092 53.932 51.092C53.913 51.092 53.9032 51.108 53.884 51.108C53.8647 51.108 53.8395 51.124 53.82 51.124C53.8005 51.124 53.7917 51.14 53.772 51.14C53.7523 51.14 53.7278 51.156 53.708 51.156C53.6882 51.156 53.664 51.156 53.644 51.156C53.624 51.156 53.6 51.172 53.58 51.172C53.56 51.172 53.5521 51.172 53.532 51.172C53.5119 51.172 53.4881 51.172 53.468 51.172C53.4479 51.172 53.424 51.156 53.404 51.156C53.384 51.156 53.3599 51.156 53.34 51.156C53.3201 51.156 53.3118 51.156 53.292 51.156C53.2722 51.156 53.2476 51.14 53.228 51.14C53.2083 51.14 53.1834 51.124 53.164 51.124C53.1446 51.124 53.1352 51.108 53.116 51.108C53.0968 51.108 53.0709 51.092 53.052 51.092C53.0331 51.092 53.0066 51.06 52.988 51.06C52.9694 51.06 52.9582 51.044 52.94 51.044C52.9218 51.044 52.9098 51.012 52.892 51.012C52.8742 51.012 52.8454 50.996 52.828 50.996C52.8106 50.996 52.7969 50.964 52.78 50.964C52.7631 50.964 52.7484 50.916 52.732 50.916C52.7156 50.916 52.684 50.884 52.684 50.884L52.556 50.772L52.524 50.74L52.476 50.692L52.444 50.644C52.444 50.644 52.396 50.6125 52.396 50.596C52.396 50.5795 52.364 50.565 52.364 50.548C52.364 50.531 52.332 50.5015 52.332 50.484C52.332 50.4665 52.316 50.4539 52.316 50.436C52.316 50.4181 52.284 50.4063 52.284 50.388C52.284 50.3697 52.268 50.3426 52.268 50.324C52.268 50.3053 52.236 50.295 52.236 50.276C52.236 50.257 52.22 50.2312 52.22 50.212C52.22 50.1927 52.204 50.1675 52.204 50.148C52.204 50.1285 52.188 50.1197 52.188 50.1C52.188 50.0803 52.188 50.0558 52.188 50.036C52.188 50.0162 52.172 49.992 52.172 49.972C52.172 49.952 52.172 49.944 52.172 49.924C52.172 49.904 52.172 49.8801 52.172 49.86C52.172 49.8399 52.172 49.8161 52.172 49.796C52.172 49.7759 52.172 49.752 52.172 49.732C52.172 49.712 52.172 49.7039 52.172 49.684C52.172 49.6641 52.188 49.6398 52.188 49.62C52.188 49.6002 52.188 49.5756 52.188 49.556C52.188 49.5363 52.204 49.5114 52.204 49.492C52.204 49.4726 52.22 49.4632 52.22 49.444C52.22 49.4248 52.252 49.3989 52.252 49.38C52.252 49.3611 52.268 49.3506 52.268 49.332C52.268 49.3134 52.284 49.2862 52.284 49.268C52.284 49.2498 52.316 49.2378 52.316 49.22C52.316 49.2022 52.348 49.1894 52.348 49.172C52.348 49.1546 52.38 49.1249 52.38 49.108C52.38 49.0911 52.412 49.0764 52.412 49.06C52.412 49.0436 52.444 49.012 52.444 49.012L52.556 48.884L56.556 44.884L56.588 44.868C56.6199 44.837 56.6492 44.7997 56.684 44.772L56.556 44.884C56.556 44.884 56.5878 44.852 56.604 44.852C56.6202 44.852 56.6351 44.804 56.652 44.804C56.6689 44.804 56.6825 44.756 56.7 44.756C56.7175 44.756 56.7459 44.724 56.764 44.724C56.7822 44.724 56.7933 44.692 56.812 44.692C56.8307 44.692 56.8568 44.66 56.876 44.66C56.8952 44.66 56.9043 44.628 56.924 44.628C56.9437 44.628 56.9678 44.596 56.988 44.596C57.0081 44.596 57.0315 44.58 57.052 44.58C57.0725 44.58 57.0952 44.564 57.116 44.564C57.1368 44.564 57.1589 44.532 57.18 44.532C57.2012 44.532 57.2226 44.532 57.244 44.532C57.2653 44.532 57.2864 44.516 57.308 44.516C57.3296 44.516 57.3503 44.5 57.372 44.5C57.3937 44.5 57.4142 44.5 57.436 44.5C57.4578 44.5 57.4782 44.5 57.5 44.5L57.532 44.5C57.5587 44.5 57.5854 44.5 57.612 44.5Z"   fill="#FFFFFF" >
+</path>
+<g >
+<path     fill="#FFFFFF"  d="M26.204 95.164L26.204 96.476L40.86 96.476L40.86 95.164L26.204 95.164ZM42.316 96.524L42.316 97.612L44.14 97.612L44.14 100.732C44.14 101.484 43.612 102.044 43.34 102.252C43.548 102.46 43.868 102.892 43.996 103.148C44.22 102.844 44.604 102.556 47.1 100.812C46.972 100.62 46.812 100.204 46.732 99.9L45.164 100.956L45.164 97.612L46.94 97.612L46.94 96.524L45.164 96.524L45.164 94.348L46.78 94.348L46.78 93.292L42.972 93.292C43.356 92.764 43.708 92.172 44.028 91.516L46.844 91.516L46.844 90.412L44.508 90.412C44.716 89.9 44.908 89.372 45.052 88.844L43.996 88.572C43.564 90.188 42.812 91.74 41.916 92.78C42.14 93.004 42.492 93.516 42.62 93.74L42.924 93.356L42.924 94.348L44.14 94.348L44.14 96.524L42.316 96.524ZM50.748 89.884L50.748 90.764L52.652 90.764L52.652 92.044L50.348 92.044L50.348 92.972L52.652 92.972L52.652 94.268L50.748 94.268L50.748 95.164L52.652 95.164L52.652 96.38L50.7 96.38L50.7 97.324L52.652 97.324L52.652 98.636L50.3 98.636L50.3 99.58L52.652 99.58L52.652 101.548L53.612 101.548L53.612 99.58L56.572 99.58L56.572 98.636L53.612 98.636L53.612 97.324L56.22 97.324L56.22 96.38L53.612 96.38L53.612 95.164L55.964 95.164L55.964 92.972L56.94 92.972L56.94 92.044L55.964 92.044L55.964 89.884L53.612 89.884L53.612 88.668L52.652 88.668L52.652 89.884L50.748 89.884ZM53.612 92.972L55.068 92.972L55.068 94.268L53.612 94.268L53.612 92.972ZM53.612 92.044L53.612 90.764L55.068 90.764L55.068 92.044L53.612 92.044ZM47.372 95.532C47.372 95.452 47.484 95.356 47.612 95.26L49.308 95.26C49.18 96.556 48.972 97.692 48.684 98.668C48.444 98.108 48.22 97.468 48.044 96.716L47.228 97.052C47.516 98.172 47.868 99.1 48.268 99.852C47.74 101.1 47.02 101.996 46.124 102.572C46.332 102.796 46.588 103.164 46.732 103.42C47.628 102.796 48.348 101.964 48.908 100.844C50.332 102.684 52.268 103.116 54.476 103.116L56.572 103.116C56.636 102.828 56.78 102.348 56.94 102.076C56.412 102.092 54.924 102.092 54.54 102.092C52.524 102.092 50.652 101.692 49.34 99.836C49.852 98.396 50.188 96.588 50.332 94.3L49.74 94.22L49.564 94.236L48.556 94.236C49.228 93.004 49.9 91.42 50.444 89.836L49.772 89.388L49.452 89.548L47.148 89.548L47.148 90.668L49.068 90.668C48.604 92.044 47.996 93.324 47.772 93.708C47.516 94.204 47.148 94.636 46.876 94.7C47.036 94.908 47.276 95.324 47.372 95.532ZM59.084 95.868C59.036 98.716 58.86 101.292 57.916 102.908C58.204 103.036 58.732 103.324 58.94 103.468C59.404 102.588 59.708 101.468 59.9 100.204C61.052 102.396 62.972 102.924 66.38 102.924L72.54 102.924C72.62 102.572 72.828 102.012 73.036 101.74C72.028 101.788 67.148 101.788 66.364 101.772C64.86 101.772 63.676 101.66 62.748 101.308L62.748 98.044L65.356 98.044L65.356 96.988L62.748 96.988L62.748 94.604L65.516 94.604L65.516 93.516L62.492 93.516L62.492 91.5L65.116 91.5L65.116 90.428L62.492 90.428L62.492 88.636L61.356 88.636L61.356 90.428L58.684 90.428L58.684 91.5L61.356 91.5L61.356 93.516L58.268 93.516L58.268 94.604L61.644 94.604L61.644 100.7C60.956 100.156 60.476 99.34 60.108 98.156C60.156 97.452 60.204 96.716 60.22 95.948L59.084 95.868ZM66.268 93.804L66.268 99.036C66.268 100.396 66.716 100.748 68.22 100.748C68.54 100.748 70.684 100.748 71.036 100.748C72.396 100.748 72.748 100.156 72.892 97.884C72.572 97.804 72.076 97.612 71.82 97.404C71.74 99.34 71.644 99.66 70.956 99.66C70.46 99.66 68.684 99.66 68.332 99.66C67.564 99.66 67.42 99.564 67.42 99.036L67.42 94.876L70.828 94.876L70.828 95.276L71.98 95.276L71.98 89.388L66.108 89.388L66.108 90.444L70.828 90.444L70.828 93.804L66.268 93.804ZM87.308 90.78C86.524 91.74 85.292 92.94 84.172 93.868C84.092 92.556 84.06 91.116 84.044 89.564L74.572 89.564L74.572 90.812L82.844 90.812C83.02 98.252 83.804 102.876 87.196 102.892C88.332 102.876 88.716 102.092 88.876 99.564C88.588 99.436 88.22 99.132 87.932 98.86C87.868 100.652 87.708 101.644 87.244 101.66C85.532 101.66 84.684 99.292 84.3 95.5C85.676 96.268 87.164 97.228 87.948 97.932L88.588 96.972C87.772 96.284 86.236 95.34 84.86 94.604C86.044 93.692 87.372 92.46 88.412 91.372L87.308 90.78Z">
+</path>
+</g>
+<path   transform="translate(0.5, 0.5)" stroke="rgba(0, 255, 255, 0.5)" stroke-width="1"    d="">
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/ToolPresentation/index.vue b/src/views/drone/components/virtualWarehouse/components/ToolPresentation/index.vue
new file mode 100644
index 0000000..58b1b3e
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ToolPresentation/index.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="right_detail">
+    <div class="left_info">
+      <div>
+        <span>智能规划最佳飞行路线</span>
+        <div>
+          <el-switch v-model="value" inactive-color="#ff4949" active-color="rgba(0, 255, 255, 1)"> </el-switch>
+        </div>
+      </div>
+      <div>
+        <span>飞行作业高(ALT)</span>
+        <div>
+          <inputNumber
+            :min="0"
+            :max="10"
+            uuit="m"
+            @updateInput="(v) => (queryParams.commander_flight_height += v)"
+            :valueNumber="queryParams.commander_flight_height"
+            @change="(b) => (queryParams.commander_flight_height = b)"
+          >
+          </inputNumber>
+        </div>
+      </div>
+      <div>
+        <span>返航高(ALT)</span>
+        <div>
+          <inputNumber
+            :min="0"
+            :max="10"
+            uuit="m"
+            @updateInput="(v) => (queryParams.rth_altitude += v)"
+            :valueNumber="queryParams.rth_altitude"
+            @change="(b) => (queryParams.rth_altitude = b)"
+          >
+          </inputNumber>
+        </div>
+      </div>
+      <div>
+        <span>失联动作</span>
+        <div class="lost_action">
+          <el-select v-model="queryParams.rc_lost_action" placeholder="请选择">
+            <el-option v-for="item in lostAction" :key="item.id" :label="item.label" :value="item.id"> </el-option>
+          </el-select>
+        </div>
+      </div>
+      <div>
+        <span>目标点高度(AGL)</span>
+        <div>
+          <inputNumber
+            :min="0"
+            :max="10"
+            uuit="m"
+            @updateInput="(v) => (queryParams.height += v)"
+            :valueNumber="queryParams.height"
+            @change="(b) => (queryParams.height = b)"
+          ></inputNumber>
+        </div>
+      </div>
+    </div>
+    <div class="take_off" @click="onTakeOff">
+      <img src="./icons/fight.svg" alt="" srcset="" />
+    </div>
+  </div>
+</template>
+
+<script>
+// 输入框
+import inputNumber from '../inputNumber/index.vue';
+import { lostAction } from '../../index.js';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  components: { inputNumber },
+  data() {
+    return {
+      value: true,
+      queryParams: useAirStore().queryParams,
+      // queryParams: {
+      //   target_height: 100, //目标点高度
+      //   rth_altitude: 100, //返航高度
+      //   security_takeoff_height: 100, //安全起飞高度
+      //   rc_lost_action: 2, //遥控器失控动作
+      //   commander_flight_height: 100, //指点飞行高度
+      // },
+      value4: 1,
+      lostAction
+    };
+  },
+  methods: {
+    onTakeOff() {
+      // 一键起飞
+      this.$emit('onTakeOff', false);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+@import '../../style/comm.scss';
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/Typecontrols/index.vue b/src/views/drone/components/virtualWarehouse/components/Typecontrols/index.vue
new file mode 100644
index 0000000..3b1c97f
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/Typecontrols/index.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="type_controls">
+    <div
+      v-for="(item, i) of controls"
+      :key="i"
+      :class="item.id == selet_id ? 'select' : ''"
+      v-show="item.id != selet_id"
+      @click="onControl(item)"
+    >
+      {{ item.label }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: Number,
+      default: 2,
+    },
+  },
+  data() {
+    return {
+      controls: [
+        { id: 1, label: "变焦", value: 2, type: "zoom" }, //value:倍速
+        { id: 2, label: "红外", value: 2, type: "ir" }, //value:倍速
+        { id: 3, label: "广角", value: 0, type: "wide" },
+      ],
+      selet_id: 3,
+    };
+  },
+  watch: {
+    value(val) {},
+  },
+  methods: {
+    onControl(item) {
+      this.selet_id = item.id;
+      this.$emit("updateType", item);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.type_controls {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  > div {
+    width: 48px;
+    height: 28px;
+    opacity: 1;
+    border-radius: 4px;
+    background: rgba(0, 255, 255, 0.2);
+    display: grid;
+    place-items: center;
+    border: 1px solid rgba(255, 255, 255, 0.5);
+    color: #fff;
+    margin-bottom: 6px;
+    cursor: pointer;
+  }
+  .select {
+    color: rgba(0, 255, 255);
+    border: 1px solid rgba(0, 255, 255, 0.5);
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/Typecontrols/typeValue.vue b/src/views/drone/components/virtualWarehouse/components/Typecontrols/typeValue.vue
new file mode 100644
index 0000000..f432c2a
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/Typecontrols/typeValue.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="type_value">
+    {{ typeLabel }}<span v-if="typeLabel != '广角'"> {{ value }}X</span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    typeLabel: {
+      type: String,
+      default: "广角",
+    },
+    value: {
+      type: Number,
+      default: 2,
+    },
+  },
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.type_value {
+  position: absolute;
+  left: 50%;
+  top: 50px;
+  transform: translateX(-50%);
+  color: rgba(27, 248, 195, 1);
+  border: 1px solid rgba(27, 248, 195, 1);
+  font-size: 14px;
+  border-radius: 4px;
+  padding: 6px 20px;
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/articulation/index.vue b/src/views/drone/components/virtualWarehouse/components/articulation/index.vue
new file mode 100644
index 0000000..ec66c82
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/articulation/index.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="articulation" v-show="showArticulation">
+    <span v-for="(item, i) of articulationList" :key="i" :style="select_id == item.id ? 'color: aqua;' : ''"
+      @click="setArticulation(item.id)">{{ item.label }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    videoObj: {
+      type: Object,
+      default: () => ({}),
+    },
+    type: {
+      type: String,
+      default: "AerodromeVideoRef", //AerodromeVideoRef:机场视频 DroneVideoRef：无人机视频
+    },
+  },
+  data() {
+    return {
+      articulationList: [
+        { id: 0, label: "自适应" },
+        { id: 1, label: "流畅" },
+        { id: 2, label: "标清" },
+        { id: 3, label: "高清" },
+        { id: 4, label: "超清" },
+      ],
+      select_id: 0,
+      showArticulation: false,
+    };
+  },
+  methods: {
+    openCloseShow(flag) {
+      this.showArticulation = !this.showArticulation;
+    },
+    // 清晰度调整
+    setArticulation(definition) {
+      this.showArticulation = false;
+      //   多次点击
+      if (this.select_id == definition) return;
+      // console.log("调用");
+      this.select_id = definition;
+      this.videoObj.definition = definition;
+      this.$emit("updateDefinition", this.videoObj, this.type);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.articulation {
+  position: absolute;
+  top: 24px;
+  width: 60px;
+  right: 20px;
+  background-color: #404a5dcc;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  padding: 6px;
+  z-index: 999;
+
+  >span {
+    margin: 5px 0;
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/controlFightTool/icons/close.png b/src/views/drone/components/virtualWarehouse/components/controlFightTool/icons/close.png
new file mode 100644
index 0000000..9f34cca
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/components/controlFightTool/icons/close.png differ
diff --git a/src/views/drone/components/virtualWarehouse/components/controlFightTool/index.vue b/src/views/drone/components/virtualWarehouse/components/controlFightTool/index.vue
new file mode 100644
index 0000000..f3f06ff
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/controlFightTool/index.vue
@@ -0,0 +1,285 @@
+<template>
+  <div class="dialog_control" id="my_dialog_control" v-if="dialogShow">
+    <div class="header" id="my_dialog_header_control">
+      <span class="title">飞行前检查</span>
+      <div class="close" @click="close">
+        <div class="sector"></div>
+        <img src="./icons/close.png" alt="" />
+      </div>
+    </div>
+    <div class="right_detail">
+      <div class="left_info left_box">
+        <div>
+          <span>安全起飞高度</span>
+          <div>
+            <div>
+              <inputNumber
+                :min="0"
+                :max="10"
+                uuit="m"
+                @updateInput="(v) => (queryParams.security_takeoff_height += v)"
+                :valueNumber="queryParams.security_takeoff_height"
+                @change="(b) => (queryParams.security_takeoff_height = b)"
+              ></inputNumber>
+            </div>
+          </div>
+        </div>
+        <div>
+          <span>飞行作业高(ALT)</span>
+          <div>
+            <inputNumber
+              :min="0"
+              :max="10"
+              uuit="m"
+              @updateInput="(v) => (queryParams.commander_flight_height += v)"
+              :valueNumber="queryParams.commander_flight_height"
+              @change="(b) => (queryParams.commander_flight_height = b)"
+            ></inputNumber>
+          </div>
+        </div>
+        <div>
+          <span>返航高(ALT)</span>
+          <div>
+            <inputNumber
+              :min="0"
+              :max="10"
+              uuit="m"
+              @updateInput="(v) => (queryParams.rth_altitude += v)"
+              :valueNumber="queryParams.rth_altitude"
+              @change="(b) => (queryParams.rth_altitude = b)"
+            >
+            </inputNumber>
+          </div>
+        </div>
+        <div>
+          <span>失联动作</span>
+          <div class="lost_action">
+            <el-select v-model="queryParams.rc_lost_action" placeholder="请选择">
+              <el-option
+                v-for="item in lostAction"
+                :key="item.id"
+                :label="item.label"
+                :value="item.id"
+                @change="(b) => (queryParams.rc_lost_action = b)"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div>
+          <span>目标点高度(AGL)</span>
+          <div>
+            <inputNumber
+              :min="0"
+              :max="10"
+              uuit="m"
+              @updateInput="(v) => (queryParams.height += v)"
+              :valueNumber="queryParams.height"
+              @change="(b) => (queryParams.height = b)"
+            >
+            </inputNumber>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer_bottom">
+      <div class="cl" @click="onClose">取消</div>
+      <div @click="onCarryOut" v-if="!flag">立即执行</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { setMove } from '@/utils/moveDiv';
+// 输入框
+import inputNumber from '../inputNumber/index.vue';
+import { lostAction } from '../../index.js';
+import { hasDataFlight, noDataFlight } from '../../api/index';
+import { useAirStore } from '@/store/modules/drone';
+export default {
+  name: 'dialogControl',
+  components: {
+    inputNumber
+  },
+  props: {
+    Drone: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      dialogShow: false,
+      lostAction,
+      height: 100,
+      queryParams: useAirStore().queryParams,
+      // queryParams: {
+      //   target_height: 100, //目标点高度
+      //   rth_altitude: 100, //返航高度
+      //   commander_flight_height: 100, //指点飞行高度
+      //   rc_lost_action: 2, //遥控器失控动作
+      //   rth_mode: 1, //返航模式设置值
+      //   commander_mode_lost_action: 1, //指点飞行失控动作
+      //   commander_flight_mode: 1, //指点飞行模式设置值
+      //   max_speed: 12, //一键起飞的飞行过程中能达到的最大速度
+      //   security_takeoff_height: 100, //安全起飞高度
+      //   target_latitude: 0, //目标点纬度
+      //   target_longitude: 0, //目标点经度
+      // },
+      value: true,
+      networkState: {},
+      flag: false //是否可以执行
+    };
+  },
+  mounted() {
+    this.$recvChanel('websocketBus', (data) => {
+      if (data.businessType == 'osd3') {
+        this.networkState = { ...data.data };
+      }
+    });
+  },
+  methods: {
+    onClose() {
+      this.dialogShow = false;
+    },
+    // 执行飞行操作
+    onCarryOut() {
+      this.queryParams.target_latitude = this.networkState.latitude;
+      this.queryParams.target_longitude = this.networkState.longitude;
+      let obj = {
+        params: {
+          ...this.queryParams,
+          target_height: this.networkState.height + this.queryParams.height
+        },
+        gateway: this.Drone.gateway,
+        method: 'takeoff_to_point'
+      };
+      console.log('objobj', this.height, obj);
+      // return;
+      // 关闭调试模式
+      // debug_mode_close
+      noDataFlight({
+        gateway: this.Drone.gateway,
+        method: 'debug_mode_close'
+      }).then((res) => {
+        if (res.code == 200) {
+          setTimeout(() => {
+            this.setHasDataFlight(obj);
+          }, 1000);
+        } else {
+          this.$message.error(res.msg);
+        }
+      });
+    },
+    openDialog(flag) {
+      this.flag = flag;
+      this.queryParams.target_height = 100;
+      this.dialogShow = true;
+      this.$nextTick(() => {
+        setMove('my_dialog_header_control', 'my_dialog_control');
+      });
+    },
+    close() {
+      this.dialogShow = false;
+    },
+    // 有参数接口调用
+    setHasDataFlight(data) {
+      hasDataFlight(data).then((res) => {
+        if (res.code == 200) {
+          this.close();
+          this.$message.success('操作成功');
+          this.$emit('onflight', true);
+        }
+      });
+    }
+  }
+};
+</script>
+<style lang="scss">
+@import '../../style/comm.scss';
+
+.dialog_control::before {
+  content: '';
+  width: 100px;
+  height: 6px;
+  background: aqua;
+  position: absolute;
+  top: -6px;
+  left: -2px;
+  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
+}
+
+.dialog_control {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 480px;
+  transform: translate(-50%, -50%);
+  padding: 10px;
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
+  border: 1.5px solid rgba(0, 255, 255, 1);
+  color: #fff;
+
+  .header {
+    height: 40px;
+    padding: 10px;
+
+    .title {
+      font-family: 'alimamashuheiti';
+      font-size: 18px;
+      font-weight: 700;
+      text-shadow: 0px 0px 9px rgba(20, 118, 255, 1);
+    }
+
+    .close {
+      cursor: pointer;
+    }
+
+    .sector {
+      position: absolute;
+      top: -30px;
+      right: -30px;
+      width: 0;
+      height: 0;
+      border: 30px solid transparent;
+      /* 边框宽度和颜色可以调整 */
+      border-bottom-color: rgba(0, 255, 255, 0.5);
+      /* 底边的颜色 */
+      border-radius: 50%;
+      /* 将边框变为圆形 */
+      transform: rotate(45deg);
+      /* 旋转45度，可根据需要调整角度 */
+    }
+
+    img {
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      width: 14px;
+      height: 14px;
+    }
+  }
+
+  .footer_bottom {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    > div {
+      cursor: pointer;
+      border-radius: 4px;
+      background: rgba(0, 255, 255, 0.2);
+      border: 1px solid rgba(0, 255, 255, 1);
+      padding: 10px 16px;
+      margin-right: 16px;
+      color: rgba(0, 255, 255, 1);
+    }
+
+    .cl {
+      border: 1px solid rgba(0, 255, 255, 0.5);
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/inputNumber/index.vue b/src/views/drone/components/virtualWarehouse/components/inputNumber/index.vue
new file mode 100644
index 0000000..66ba987
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/inputNumber/index.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="input_number">
+    <el-input class="custom-number-input" type="number" v-model.trim.number="value" @change="change">
+      <div slot="suffix" class="button_right">
+        <div>
+          <span @click="onAdd(1)">
+            ▲
+          </span>
+          <span @click="onAdd(-1)">
+            ▼
+          </span>
+        </div>
+        <span>{{ uuit }}</span>
+      </div>
+    </el-input>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    uuit: {
+      type: String,
+      default: "m",
+    },
+    valueNumber: {
+      type: Number,
+      default: 0,
+    },
+    min: {
+      type: Number,
+      default: 0,
+    },
+    max: {
+      type: Number,
+      default: 10,
+    },
+  },
+  data() {
+    return {
+      value: 0,
+    };
+  },
+  watch: {
+    valueNumber: {
+      handler(newValue) {
+        this.value = newValue;
+      },
+      immediate: true,
+    },
+  },
+  methods: {
+    onAdd(valueNumber) {
+      this.value += valueNumber;
+      if (this.value < this.min) {
+        this.value = this.min;
+      }
+      if (this.value > this.max) {
+        this.value = this.max;
+      }
+      this.$emit("updateInput", valueNumber);
+    },
+    change(value) {
+      this.$emit("change", Number(value));
+    }
+  },
+};
+</script>
+<style lang="scss">
+.input_number {
+
+  .custom-number-input input::-webkit-inner-spin-button,
+  .custom-number-input input::-webkit-outer-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+
+  .el-input__inner {
+    height: 30px;
+    background: #f0f8ff00;
+    color: white;
+    border: 1px solid rgba(0, 255, 255, 0.5);
+    width: 90px;
+  }
+
+  .el-input {
+    width: 90px;
+  }
+
+  .button_right {
+    display: flex;
+    color: #fff;
+    font-size: 14px;
+    align-items: center;
+    height: 30px;
+    padding-right: 3px;
+
+    >div {
+      font-size: 9px;
+      color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-right: 6px;
+
+      >span {
+        cursor: pointer;
+      }
+
+      &>span:hover {
+        color: #c7c7c7;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon1.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon1.svg
new file mode 100644
index 0000000..f3a2dab
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd"  fill="rgba(255, 255, 255, 1)"  d="M0 12C0 5.37254 5.37254 0 12 0C18.6275 0 24 5.37254 24 12C24 18.6275 18.6275 24 12 24C5.37254 24 0 18.6275 0 12ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM5.54546 12C5.54546 15.5647 8.43525 18.4545 12 18.4545C15.5647 18.4545 18.4545 15.5647 18.4545 12C18.4545 8.43525 15.5647 5.54546 12 5.54546C8.43525 5.54546 5.54546 8.43525 5.54546 12ZM6.54546 12C6.54546 15.0124 8.98755 17.4545 12 17.4545C15.0124 17.4545 17.4545 15.0124 17.4545 12C17.4545 8.98755 15.0124 6.54546 12 6.54546C8.98755 6.54546 6.54546 8.98755 6.54546 12Z">
+</path>
+<circle cx="11.999658584594727" cy="12.000024795532227" r="9.142236709594727"   fill="#FFFFFF" >
+</circle>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2.svg
new file mode 100644
index 0000000..e816aa4
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005859375" height="13.300048828125" viewBox="0 0 16.005859375 13.300048828125" fill="none">
+<path d="M12.0061 10.64L1.50609 10.64C-0.174573 10.64 0.00609375 9.3002 0.00609375 7.65L0.00609375 2.99C0.00609375 1.34013 -0.174573 0 1.50609 0L12.0061 0C13.6868 0 13.3361 1.34013 13.3361 2.99L13.3361 7.65C13.3361 9.3002 13.6868 10.64 12.0061 10.64ZM3.05609 2C2.11076 2 2.00609 2.7433 2.00609 3.66L2.00609 7.65C2.00609 8.5667 2.11076 8.65 3.05609 8.65L10.2961 8.65C11.2418 8.65 11.0061 8.5667 11.0061 7.65L11.0061 3.66C11.0061 2.7433 11.2418 2 10.2961 2L3.05609 2ZM16.0061 8.65L13.3361 6.99L13.3361 3.66L16.0061 2L16.0061 8.65ZM12.6761 13.3L0.676094 13.3C0.665177 13.3 0.646983 13.3 0.636094 13.3C0.625192 13.3 0.616954 13.3 0.606094 13.3C0.595246 13.3 0.586885 13.29 0.576094 13.29C0.565302 13.29 0.556802 13.29 0.546094 13.29C0.5354 13.29 0.516677 13.28 0.506094 13.28C0.49551 13.28 0.486537 13.27 0.476094 13.27C0.46565 13.27 0.456358 13.26 0.446094 13.26C0.435817 13.26 0.426177 13.25 0.416094 13.25C0.40601 13.25 0.386094 13.24 0.386094 13.24L0.356094 13.22L0.326094 13.21L0.306094 13.19L0.276094 13.17L0.246094 13.15L0.226094 13.13L0.206094 13.11L0.176094 13.08L0.156094 13.06L0.136094 13.03L0.116094 13L0.0960938 12.98L0.0860938 12.95L0.0660938 12.92C0.0660938 12.92 0.0560937 12.9001 0.0560937 12.89C0.0560937 12.8799 0.0460938 12.8702 0.0460938 12.86C0.0460938 12.8498 0.0360937 12.8404 0.0360937 12.83C0.0360937 12.8196 0.0260937 12.8106 0.0260937 12.8C0.0260937 12.7894 0.0160937 12.7707 0.0160937 12.76C0.0160937 12.7493 0.0160937 12.7408 0.0160937 12.73C0.0160937 12.7192 0.00609375 12.7108 0.00609375 12.7C0.00609375 12.6892 0.00609375 12.6809 0.00609375 12.67C0.00609375 12.6591 0.00609375 12.6509 0.00609375 12.64C0.00609375 12.6291 0.00609375 12.6109 0.00609375 12.6C0.00609375 12.5891 0.00609375 12.5808 0.00609375 12.57C0.00609375 12.5592 0.0160937 12.5508 0.0160937 12.54C0.0160937 12.5292 0.0160937 12.5207 0.0160937 12.51C0.0160937 12.4993 0.0260937 12.4806 0.0260937 12.47C0.0260937 12.4594 0.0360937 12.4504 0.0360937 12.44C0.0360937 12.4296 0.0460938 12.4202 0.0460938 12.41C0.0460938 12.3998 0.0560937 12.3901 0.0560937 12.38C0.0560937 12.3699 0.0660938 12.35 0.0660938 12.35L0.0860938 12.32L0.0960938 12.29L0.116094 12.27L0.136094 12.24L0.156094 12.21L0.176094 12.19L0.206094 12.16L0.226094 12.14L0.246094 12.12L0.276094 12.1L0.306094 12.08L0.326094 12.06L0.356094 12.05L0.386094 12.03C0.386094 12.03 0.40601 12.02 0.416094 12.02C0.426177 12.02 0.435817 12.01 0.446094 12.01C0.456358 12.01 0.46565 12 0.476094 12C0.486537 12 0.49551 11.99 0.506094 11.99C0.516677 11.99 0.5354 11.98 0.546094 11.98C0.556802 11.98 0.565302 11.98 0.576094 11.98C0.586885 11.98 0.595246 11.97 0.606094 11.97C0.616954 11.97 0.625192 11.97 0.636094 11.97C0.646983 11.97 0.665177 11.97 0.676094 11.97L12.6761 11.97C12.687 11.97 12.6952 11.97 12.7061 11.97C12.717 11.97 12.7252 11.97 12.7361 11.97C12.7469 11.97 12.7553 11.98 12.7661 11.98C12.7769 11.98 12.7954 11.98 12.8061 11.98C12.8168 11.98 12.8255 11.99 12.8361 11.99C12.8467 11.99 12.8557 12 12.8661 12C12.8765 12 12.8858 12.01 12.8961 12.01C12.9064 12.01 12.916 12.02 12.9261 12.02C12.9362 12.02 12.9561 12.03 12.9561 12.03L12.9861 12.05L13.0161 12.06L13.0461 12.08L13.0661 12.1L13.0961 12.12L13.1161 12.14L13.1461 12.16L13.1661 12.19L13.1861 12.21L13.2061 12.24L13.2261 12.27L13.2461 12.29L13.2561 12.32L13.2761 12.35C13.2761 12.35 13.2861 12.3699 13.2861 12.38C13.2861 12.3901 13.2961 12.3998 13.2961 12.41C13.2961 12.4202 13.3061 12.4296 13.3061 12.44C13.3061 12.4504 13.3161 12.4594 13.3161 12.47C13.3161 12.4806 13.3261 12.4993 13.3261 12.51C13.3261 12.5207 13.3361 12.5292 13.3361 12.54C13.3361 12.5508 13.3361 12.5592 13.3361 12.57C13.3361 12.5808 13.3361 12.5891 13.3361 12.6C13.3361 12.6109 13.3361 12.6291 13.3361 12.64C13.3361 12.6509 13.3361 12.6591 13.3361 12.67C13.3361 12.6809 13.3361 12.6892 13.3361 12.7C13.3361 12.7108 13.3361 12.7192 13.3361 12.73C13.3361 12.7408 13.3261 12.7493 13.3261 12.76C13.3261 12.7707 13.3161 12.7894 13.3161 12.8C13.3161 12.8106 13.3061 12.8196 13.3061 12.83C13.3061 12.8404 13.2961 12.8498 13.2961 12.86C13.2961 12.8702 13.2861 12.8799 13.2861 12.89C13.2861 12.9001 13.2761 12.92 13.2761 12.92L13.2561 12.95L13.2461 12.98L13.2261 13L13.2061 13.03L13.1861 13.06L13.1661 13.08L13.1461 13.11L13.1161 13.13L13.0961 13.15L13.0661 13.17L13.0461 13.19L13.0161 13.21L12.9861 13.22L12.9561 13.24C12.9561 13.24 12.9362 13.25 12.9261 13.25C12.916 13.25 12.9064 13.26 12.8961 13.26C12.8858 13.26 12.8765 13.27 12.8661 13.27C12.8557 13.27 12.8467 13.28 12.8361 13.28C12.8255 13.28 12.8168 13.29 12.8061 13.29C12.7954 13.29 12.7769 13.29 12.7661 13.29C12.7553 13.29 12.7469 13.3 12.7361 13.3C12.7252 13.3 12.717 13.3 12.7061 13.3C12.6952 13.3 12.687 13.3 12.6761 13.3Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2_en.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2_en.svg
new file mode 100644
index 0000000..095af9b
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon2_en.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005859375" height="13.300048828125" viewBox="0 0 16.005859375 13.300048828125" fill="none">
+<path d="M12.0061 10.64L1.50609 10.64C-0.174573 10.64 0.00609375 9.3002 0.00609375 7.65L0.00609375 2.99C0.00609375 1.34013 -0.174573 0 1.50609 0L12.0061 0C13.6868 0 13.3361 1.34013 13.3361 2.99L13.3361 7.65C13.3361 9.3002 13.6868 10.64 12.0061 10.64ZM3.05609 2C2.11076 2 2.00609 2.7433 2.00609 3.66L2.00609 7.65C2.00609 8.5667 2.11076 8.65 3.05609 8.65L10.2961 8.65C11.2418 8.65 11.0061 8.5667 11.0061 7.65L11.0061 3.66C11.0061 2.7433 11.2418 2 10.2961 2L3.05609 2ZM16.0061 8.65L13.3361 6.99L13.3361 3.66L16.0061 2L16.0061 8.65ZM12.6761 13.3L0.676094 13.3C0.665177 13.3 0.646983 13.3 0.636094 13.3C0.625192 13.3 0.616954 13.3 0.606094 13.3C0.595246 13.3 0.586885 13.29 0.576094 13.29C0.565302 13.29 0.556802 13.29 0.546094 13.29C0.5354 13.29 0.516677 13.28 0.506094 13.28C0.49551 13.28 0.486537 13.27 0.476094 13.27C0.46565 13.27 0.456358 13.26 0.446094 13.26C0.435817 13.26 0.426177 13.25 0.416094 13.25C0.40601 13.25 0.386094 13.24 0.386094 13.24L0.356094 13.22L0.326094 13.21L0.306094 13.19L0.276094 13.17L0.246094 13.15L0.226094 13.13L0.206094 13.11L0.176094 13.08L0.156094 13.06L0.136094 13.03L0.116094 13L0.0960938 12.98L0.0860938 12.95L0.0660938 12.92C0.0660938 12.92 0.0560937 12.9001 0.0560937 12.89C0.0560937 12.8799 0.0460938 12.8702 0.0460938 12.86C0.0460938 12.8498 0.0360937 12.8404 0.0360937 12.83C0.0360937 12.8196 0.0260937 12.8106 0.0260937 12.8C0.0260937 12.7894 0.0160937 12.7707 0.0160937 12.76C0.0160937 12.7493 0.0160937 12.7408 0.0160937 12.73C0.0160937 12.7192 0.00609375 12.7108 0.00609375 12.7C0.00609375 12.6892 0.00609375 12.6809 0.00609375 12.67C0.00609375 12.6591 0.00609375 12.6509 0.00609375 12.64C0.00609375 12.6291 0.00609375 12.6109 0.00609375 12.6C0.00609375 12.5891 0.00609375 12.5808 0.00609375 12.57C0.00609375 12.5592 0.0160937 12.5508 0.0160937 12.54C0.0160937 12.5292 0.0160937 12.5207 0.0160937 12.51C0.0160937 12.4993 0.0260937 12.4806 0.0260937 12.47C0.0260937 12.4594 0.0360937 12.4504 0.0360937 12.44C0.0360937 12.4296 0.0460938 12.4202 0.0460938 12.41C0.0460938 12.3998 0.0560937 12.3901 0.0560937 12.38C0.0560937 12.3699 0.0660938 12.35 0.0660938 12.35L0.0860938 12.32L0.0960938 12.29L0.116094 12.27L0.136094 12.24L0.156094 12.21L0.176094 12.19L0.206094 12.16L0.226094 12.14L0.246094 12.12L0.276094 12.1L0.306094 12.08L0.326094 12.06L0.356094 12.05L0.386094 12.03C0.386094 12.03 0.40601 12.02 0.416094 12.02C0.426177 12.02 0.435817 12.01 0.446094 12.01C0.456358 12.01 0.46565 12 0.476094 12C0.486537 12 0.49551 11.99 0.506094 11.99C0.516677 11.99 0.5354 11.98 0.546094 11.98C0.556802 11.98 0.565302 11.98 0.576094 11.98C0.586885 11.98 0.595246 11.97 0.606094 11.97C0.616954 11.97 0.625192 11.97 0.636094 11.97C0.646983 11.97 0.665177 11.97 0.676094 11.97L12.6761 11.97C12.687 11.97 12.6952 11.97 12.7061 11.97C12.717 11.97 12.7252 11.97 12.7361 11.97C12.7469 11.97 12.7553 11.98 12.7661 11.98C12.7769 11.98 12.7954 11.98 12.8061 11.98C12.8168 11.98 12.8255 11.99 12.8361 11.99C12.8467 11.99 12.8557 12 12.8661 12C12.8765 12 12.8858 12.01 12.8961 12.01C12.9064 12.01 12.916 12.02 12.9261 12.02C12.9362 12.02 12.9561 12.03 12.9561 12.03L12.9861 12.05L13.0161 12.06L13.0461 12.08L13.0661 12.1L13.0961 12.12L13.1161 12.14L13.1461 12.16L13.1661 12.19L13.1861 12.21L13.2061 12.24L13.2261 12.27L13.2461 12.29L13.2561 12.32L13.2761 12.35C13.2761 12.35 13.2861 12.3699 13.2861 12.38C13.2861 12.3901 13.2961 12.3998 13.2961 12.41C13.2961 12.4202 13.3061 12.4296 13.3061 12.44C13.3061 12.4504 13.3161 12.4594 13.3161 12.47C13.3161 12.4806 13.3261 12.4993 13.3261 12.51C13.3261 12.5207 13.3361 12.5292 13.3361 12.54C13.3361 12.5508 13.3361 12.5592 13.3361 12.57C13.3361 12.5808 13.3361 12.5891 13.3361 12.6C13.3361 12.6109 13.3361 12.6291 13.3361 12.64C13.3361 12.6509 13.3361 12.6591 13.3361 12.67C13.3361 12.6809 13.3361 12.6892 13.3361 12.7C13.3361 12.7108 13.3361 12.7192 13.3361 12.73C13.3361 12.7408 13.3261 12.7493 13.3261 12.76C13.3261 12.7707 13.3161 12.7894 13.3161 12.8C13.3161 12.8106 13.3061 12.8196 13.3061 12.83C13.3061 12.8404 13.2961 12.8498 13.2961 12.86C13.2961 12.8702 13.2861 12.8799 13.2861 12.89C13.2861 12.9001 13.2761 12.92 13.2761 12.92L13.2561 12.95L13.2461 12.98L13.2261 13L13.2061 13.03L13.1861 13.06L13.1661 13.08L13.1461 13.11L13.1161 13.13L13.0961 13.15L13.0661 13.17L13.0461 13.19L13.0161 13.21L12.9861 13.22L12.9561 13.24C12.9561 13.24 12.9362 13.25 12.9261 13.25C12.916 13.25 12.9064 13.26 12.8961 13.26C12.8858 13.26 12.8765 13.27 12.8661 13.27C12.8557 13.27 12.8467 13.28 12.8361 13.28C12.8255 13.28 12.8168 13.29 12.8061 13.29C12.7954 13.29 12.7769 13.29 12.7661 13.29C12.7553 13.29 12.7469 13.3 12.7361 13.3C12.7252 13.3 12.717 13.3 12.7061 13.3C12.6952 13.3 12.687 13.3 12.6761 13.3Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3.svg
new file mode 100644
index 0000000..1d64ecf
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="15.800048828125" viewBox="0 0 20 15.800048828125" fill="none">
+<path d="M16.9 15.8L3.1 15.8C1.4 15.8 0 14.4 0 12.7L0 3.1C0 1.40001 1.4 0 3.1 0L16.9 0C18.6 0 20 1.40001 20 3.1L20 12.7C20 14.4 18.6 15.8 16.9 15.8ZM3.5 2C2.7 2 2 2.70001 2 3.5L2.1 12.4C2.1 13.2 2.8 13.9 3.6 13.9L16.5 13.9C17.3 13.9 18 13.2 18 12.4L17.9 3.5C17.9 2.70001 17.2 2 16.4 2L3.5 2ZM8 12.3C5.6 12.3 3.6 10.3 3.6 7.9C3.6 5.5 5.6 3.5 8 3.5C10.4 3.5 12.4 5.5 12.4 7.9C12.5 10.3 10.5 12.3 8 12.3ZM8 5C6.39999 5 5.1 6.29999 5.1 7.9C5.1 9.50001 6.39999 10.8 8 10.8C9.59998 10.8 10.9 9.50001 10.9 7.9C10.9 6.29999 9.59998 5 8 5ZM16.3 4.5L14.7 4.5C14.4 4.5 14.1 4.2 14.1 3.9L14.1 3.7C14.1 3.4 14.4 3.1 14.7 3.1L16.3 3.1C16.6 3.1 16.9 3.4 16.9 3.7L16.9 3.9C16.9 4.2 16.6 4.5 16.3 4.5Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3_en.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3_en.svg
new file mode 100644
index 0000000..a250eed
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon3_en.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="15.800048828125" viewBox="0 0 20 15.800048828125" fill="none">
+<path d="M16.9 15.8L3.1 15.8C1.4 15.8 0 14.4 0 12.7L0 3.1C0 1.40001 1.4 0 3.1 0L16.9 0C18.6 0 20 1.40001 20 3.1L20 12.7C20 14.4 18.6 15.8 16.9 15.8ZM3.5 2C2.7 2 2 2.70001 2 3.5L2.1 12.4C2.1 13.2 2.8 13.9 3.6 13.9L16.5 13.9C17.3 13.9 18 13.2 18 12.4L17.9 3.5C17.9 2.70001 17.2 2 16.4 2L3.5 2ZM8 12.3C5.6 12.3 3.6 10.3 3.6 7.9C3.6 5.5 5.6 3.5 8 3.5C10.4 3.5 12.4 5.5 12.4 7.9C12.5 10.3 10.5 12.3 8 12.3ZM8 5C6.39999 5 5.1 6.29999 5.1 7.9C5.1 9.50001 6.39999 10.8 8 10.8C9.59998 10.8 10.9 9.50001 10.9 7.9C10.9 6.29999 9.59998 5 8 5ZM16.3 4.5L14.7 4.5C14.4 4.5 14.1 4.2 14.1 3.9L14.1 3.7C14.1 3.4 14.4 3.1 14.7 3.1L16.3 3.1C16.6 3.1 16.9 3.4 16.9 3.7L16.9 3.9C16.9 4.2 16.6 4.5 16.3 4.5Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4.svg
new file mode 100644
index 0000000..d21ec5b
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="14.5" viewBox="0 0 20 14.5" fill="none">
+<path d="M0 1.81249L0 12.6875C0 13.6889 0.745453 14.5 1.66637 14.5L18.3336 14.5C19.2536 14.5 20 13.6889 20 12.6875L20 1.81249C20 0.81108 19.2546 0 18.3336 0L1.66637 0C0.746363 0 0 0.81108 0 1.81249ZM1.73455 8.06563C1.78424 8.41182 1.88484 8.66617 2.03636 8.82868C2.18789 8.99181 2.39274 9.07337 2.65091 9.07337C2.92364 9.07337 3.1297 9.00088 3.26909 8.85587C3.40728 8.71086 3.47636 8.54171 3.47636 8.34838C3.47636 8.22452 3.44727 8.11879 3.38909 8.0312C3.33092 7.9442 3.22909 7.86866 3.08363 7.80463C2.98426 7.76113 2.75789 7.68441 2.40454 7.57444C1.95 7.43366 1.63121 7.26026 1.44819 7.05425C1.19 6.76545 1.06091 6.41322 1.06091 5.99757C1.06091 5.72992 1.12151 5.47948 1.24273 5.24628C1.36394 5.01308 1.53879 4.83575 1.76728 4.71432C1.99515 4.59227 2.2709 4.53125 2.59453 4.53125C3.12181 4.53125 3.51848 4.67594 3.78454 4.96533C4.05122 5.25414 4.1909 5.6399 4.20362 6.12263L3.35636 6.16974C3.32001 5.89967 3.24213 5.70545 3.12273 5.58704C3.00332 5.46862 2.82424 5.4094 2.58546 5.4094C2.33879 5.4094 2.14575 5.47285 2.00636 5.59972C1.91666 5.68066 1.87181 5.78941 1.87181 5.92597C1.87181 6.04982 1.91393 6.15617 1.99818 6.24497C2.10484 6.35674 2.36455 6.47365 2.77726 6.59569C3.1894 6.71772 3.49455 6.8437 3.69273 6.9736C3.89031 7.1041 4.04485 7.28233 4.15637 7.50828C4.26848 7.73424 4.32454 8.01306 4.32454 8.34474C4.32454 8.64623 4.25787 8.92838 4.12453 9.19119C3.9906 9.45399 3.80122 9.64915 3.55637 9.77663C3.31274 9.90471 3.00818 9.96875 2.64273 9.96875C2.11183 9.96875 1.70394 9.81529 1.41908 9.50837C1.13424 9.20147 0.964243 8.75409 0.90909 8.16622L1.73455 8.06563ZM4.44 4.62097L5.70908 4.62097L6.4709 8.2052L7.22455 4.62097L8.49727 4.62097L8.49727 9.32441L9.9609 4.62097L10.8582 4.62097L12.4055 9.45671L12.4055 4.62097L14.1909 4.62097C14.6394 4.62097 14.9655 4.6681 15.1691 4.76234C15.3727 4.85658 15.5358 5.02455 15.6582 5.26622C15.6952 5.33993 15.7267 5.41697 15.7527 5.49732L15.7527 4.62188L19.0909 4.62188L19.0909 5.51L17.8473 5.51L17.8473 9.87632L17 9.87632L17 5.51L15.7582 5.51C15.8139 5.68882 15.8418 5.88336 15.8418 6.09362C15.8418 6.48815 15.7494 6.81379 15.5646 7.07056C15.3791 7.32734 15.1021 7.48925 14.7336 7.55631C14.9167 7.69044 15.0682 7.83755 15.1882 7.99766C15.307 8.15777 15.4676 8.44202 15.67 8.85043L16.1827 9.8754L15.1691 9.8754L14.5555 8.73172C14.3379 8.32329 14.1891 8.06592 14.1091 7.95959C14.0285 7.85327 13.9437 7.78045 13.8546 7.74118C13.7643 7.70191 13.6218 7.68228 13.4273 7.68228L13.2546 7.68228L13.2546 9.8754L11.6182 9.8754L11.2518 8.68187L9.57273 8.68187L9.22637 9.8754L7.70909 9.8754L7.70909 5.73929L6.87454 9.8754L6.05817 9.8754L5.22727 5.73929L5.22727 9.8754L4.44 9.8754L4.44 4.62188L4.44 4.62097ZM13.8818 6.84219L13.2546 6.84219L13.2546 5.51L13.9154 5.51C14.2597 5.51 14.4661 5.51603 14.5345 5.52812C14.6721 5.55651 14.7788 5.6251 14.8545 5.73385C14.9297 5.8426 14.9673 5.98548 14.9673 6.1625C14.9673 6.31957 14.9385 6.45098 14.8809 6.55672C14.8239 6.66184 14.7449 6.73586 14.6436 6.77874C14.5424 6.82165 14.2885 6.8431 13.8818 6.8431L13.8818 6.84219ZM10.4 5.84532L10.9782 7.79556L9.83272 7.79556L10.4 5.84621L10.4 5.84532Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4_en.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4_en.svg
new file mode 100644
index 0000000..1836da1
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon4_en.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="14.5" viewBox="0 0 20 14.5" fill="none">
+<path d="M0 1.81249L0 12.6875C0 13.6889 0.745453 14.5 1.66637 14.5L18.3336 14.5C19.2536 14.5 20 13.6889 20 12.6875L20 1.81249C20 0.81108 19.2546 0 18.3336 0L1.66637 0C0.746363 0 0 0.81108 0 1.81249ZM1.73455 8.06563C1.78424 8.41182 1.88484 8.66617 2.03636 8.82868C2.18789 8.99181 2.39274 9.07337 2.65091 9.07337C2.92364 9.07337 3.1297 9.00088 3.26909 8.85587C3.40728 8.71086 3.47636 8.54171 3.47636 8.34838C3.47636 8.22452 3.44727 8.11879 3.38909 8.0312C3.33092 7.9442 3.22909 7.86866 3.08363 7.80463C2.98426 7.76113 2.75789 7.68441 2.40454 7.57444C1.95 7.43366 1.63121 7.26026 1.44819 7.05425C1.19 6.76545 1.06091 6.41322 1.06091 5.99757C1.06091 5.72992 1.12151 5.47948 1.24273 5.24628C1.36394 5.01308 1.53879 4.83575 1.76728 4.71432C1.99515 4.59227 2.2709 4.53125 2.59453 4.53125C3.12181 4.53125 3.51848 4.67594 3.78454 4.96533C4.05122 5.25414 4.1909 5.6399 4.20362 6.12263L3.35636 6.16974C3.32001 5.89967 3.24213 5.70545 3.12273 5.58704C3.00332 5.46862 2.82424 5.4094 2.58546 5.4094C2.33879 5.4094 2.14575 5.47285 2.00636 5.59972C1.91666 5.68066 1.87181 5.78941 1.87181 5.92597C1.87181 6.04982 1.91393 6.15617 1.99818 6.24497C2.10484 6.35674 2.36455 6.47365 2.77726 6.59569C3.1894 6.71772 3.49455 6.8437 3.69273 6.9736C3.89031 7.1041 4.04485 7.28233 4.15637 7.50828C4.26848 7.73424 4.32454 8.01306 4.32454 8.34474C4.32454 8.64623 4.25787 8.92838 4.12453 9.19119C3.9906 9.45399 3.80122 9.64915 3.55637 9.77663C3.31274 9.90471 3.00818 9.96875 2.64273 9.96875C2.11183 9.96875 1.70394 9.81529 1.41908 9.50837C1.13424 9.20147 0.964243 8.75409 0.90909 8.16622L1.73455 8.06563ZM4.44 4.62097L5.70908 4.62097L6.4709 8.2052L7.22455 4.62097L8.49727 4.62097L8.49727 9.32441L9.9609 4.62097L10.8582 4.62097L12.4055 9.45671L12.4055 4.62097L14.1909 4.62097C14.6394 4.62097 14.9655 4.6681 15.1691 4.76234C15.3727 4.85658 15.5358 5.02455 15.6582 5.26622C15.6952 5.33993 15.7267 5.41697 15.7527 5.49732L15.7527 4.62188L19.0909 4.62188L19.0909 5.51L17.8473 5.51L17.8473 9.87632L17 9.87632L17 5.51L15.7582 5.51C15.8139 5.68882 15.8418 5.88336 15.8418 6.09362C15.8418 6.48815 15.7494 6.81379 15.5646 7.07056C15.3791 7.32734 15.1021 7.48925 14.7336 7.55631C14.9167 7.69044 15.0682 7.83755 15.1882 7.99766C15.307 8.15777 15.4676 8.44202 15.67 8.85043L16.1827 9.8754L15.1691 9.8754L14.5555 8.73172C14.3379 8.32329 14.1891 8.06592 14.1091 7.95959C14.0285 7.85327 13.9437 7.78045 13.8546 7.74118C13.7643 7.70191 13.6218 7.68228 13.4273 7.68228L13.2546 7.68228L13.2546 9.8754L11.6182 9.8754L11.2518 8.68187L9.57273 8.68187L9.22637 9.8754L7.70909 9.8754L7.70909 5.73929L6.87454 9.8754L6.05817 9.8754L5.22727 5.73929L5.22727 9.8754L4.44 9.8754L4.44 4.62188L4.44 4.62097ZM13.8818 6.84219L13.2546 6.84219L13.2546 5.51L13.9154 5.51C14.2597 5.51 14.4661 5.51603 14.5345 5.52812C14.6721 5.55651 14.7788 5.6251 14.8545 5.73385C14.9297 5.8426 14.9673 5.98548 14.9673 6.1625C14.9673 6.31957 14.9385 6.45098 14.8809 6.55672C14.8239 6.66184 14.7449 6.73586 14.6436 6.77874C14.5424 6.82165 14.2885 6.8431 13.8818 6.8431L13.8818 6.84219ZM10.4 5.84532L10.9782 7.79556L9.83272 7.79556L10.4 5.84621L10.4 5.84532Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5.svg
new file mode 100644
index 0000000..8b1a767
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="16.9000244140625" viewBox="0 0 20 16.9000244140625" fill="none">
+<path d="M12.79 0L12.81 0L13.25 0.05L13.68 0.11C13.8223 0.129978 13.9612 0.148263 14.1 0.17L14.51 0.24C14.8494 0.300511 15.1847 0.366573 15.5 0.44L15.87 0.53L16.05 0.58L16.4 0.68L16.58 0.73L16.91 0.84C18.7547 1.46161 19.9288 2.32528 20 3.29L20 3.39L20 13.37C20 14.3718 18.8147 15.2784 16.91 15.92L16.58 16.03L16.4 16.08L16.05 16.18L15.87 16.23L15.5 16.32C15.1841 16.3928 14.8488 16.4595 14.51 16.52L14.1 16.59C13.9594 16.6123 13.821 16.6304 13.68 16.65L13.25 16.71L12.81 16.76L12.36 16.8C11.7368 16.8526 11.1054 16.8899 10.48 16.9L10 16.9C9.21274 16.9 8.42451 16.8662 7.64 16.8L7.19 16.76L6.75 16.71L6.32 16.65C6.17903 16.6304 6.04061 16.6123 5.9 16.59L5.49 16.52C5.16084 16.4615 4.82574 16.3954 4.5 16.32L4.13 16.23L3.95 16.18L3.6 16.08L3.42 16.03L3.09 15.92C1.24001 15.2966 0.0658854 14.4282 0 13.46L0 13.37L0 3.39C0 2.38767 1.18531 1.48217 3.09 0.84L3.42 0.73L3.6 0.68L3.95 0.58L4.13 0.53L4.5 0.44C4.81589 0.366573 5.15119 0.300511 5.49 0.24L5.9 0.17C6.03883 0.147661 6.17765 0.129978 6.32 0.11L6.75 0.05L7.19 0L7.21 0L7.23 0L7.25 0L7.27 0L7.29 0L7.31 0.01L7.33 0.01L7.35 0.02L7.37 0.02L7.39 0.03L7.41 0.04L7.43 0.05L7.45 0.06L7.46 0.07L7.48 0.08L7.5 0.1L7.51 0.11L7.53 0.12L7.54 0.14L7.55 0.15L7.57 0.17L7.58 0.19L7.59 0.2L7.6 0.22L7.61 0.24L7.62 0.26L7.62 0.28L7.63 0.3L7.64 0.32L7.64 0.34L7.64 0.36L7.65 0.38L7.65 0.39L7.65 5.04C8.40529 5.10873 9.19178 5.15 10 5.15C10.8082 5.15 11.5947 5.10933 12.35 5.04L12.35 0.42C12.35 0.19085 12.5406 0 12.77 0L12.79 0ZM18.23 5.48C17.8412 5.67857 17.3935 5.85375 16.9 6.02L16.57 6.13L16.39 6.18L16.04 6.28L15.86 6.33L15.49 6.42C15.1741 6.49285 14.8388 6.55949 14.5 6.62L14.09 6.69C13.9494 6.71229 13.811 6.74038 13.67 6.76L13.24 6.81L12.8 6.86L12.35 6.9C11.5655 6.96625 10.7773 7 9.99 7C9.20274 7 8.41451 6.96625 7.63 6.9L7.18 6.86L6.74 6.81L6.31 6.76C6.16903 6.74038 6.03061 6.71229 5.89 6.69L5.48 6.62C5.15084 6.56147 4.81574 6.49543 4.49 6.42L4.12 6.33L3.94 6.28L3.59 6.18L3.41 6.13L3.08 6.02C2.85253 5.94491 2.63139 5.8615 2.41 5.77C2.18863 5.67852 1.9641 5.58738 1.75 5.48L1.78 13.15L1.81 13.18L1.89 13.25L1.97 13.32C2.31 13.5903 2.86823 13.8774 3.6 14.13C5.25884 14.7017 7.55648 15.04 10.02 15.04C12.5194 15.04 14.8388 14.6858 16.5 14.1C17.2294 13.8432 17.7782 13.5579 18.1 13.29L18.18 13.23L18.21 13.2L18.26 13.15L18.23 5.48ZM13.45 8.31L14.7 9.56L11.37 12.88L10.12 14.13L8.87 12.88L8.46 12.46L6.79 14.13L5.55 12.88L8.46 9.97L10.12 11.63L13.45 8.31ZM6.18 7.81C6.19445 7.81 6.2056 7.82 6.22 7.82C6.23443 7.82 6.24564 7.82 6.26 7.82C6.27438 7.82 6.29572 7.82 6.31 7.82C6.32428 7.82 6.33584 7.83 6.35 7.83C6.36416 7.83 6.37601 7.84 6.39 7.84C6.40402 7.84 6.4162 7.85 6.43 7.85C6.44382 7.85 6.45642 7.87 6.47 7.87C6.48361 7.87 6.49668 7.88 6.51 7.88C6.52337 7.88 6.53697 7.9 6.55 7.9C6.56308 7.9 6.57729 7.92 6.59 7.92C6.60274 7.92 6.61762 7.94 6.63 7.94C6.6424 7.94 6.65798 7.96 6.67 7.96C6.68201 7.96 6.68842 7.99 6.7 7.99C6.71161 7.99 6.72885 8.01 6.74 8.01C6.75117 8.01 6.75929 8.04 6.77 8.04C6.78071 8.04 6.78979 8.05981 6.8 8.07C6.81021 8.08019 6.83 8.0893 6.83 8.1C6.83 8.1107 6.86 8.12887 6.86 8.14C6.86 8.15116 6.89 8.15843 6.89 8.17C6.89 8.18159 6.91 8.19802 6.91 8.21C6.91 8.222 6.93 8.22764 6.93 8.24C6.93 8.25239 6.95 8.26728 6.95 8.28C6.95 8.2927 6.97 8.30696 6.97 8.32C6.97 8.33304 6.99 8.34667 6.99 8.36C6.99 8.37335 7.01 8.38643 7.01 8.4C7.01 8.41359 7.02 8.42622 7.02 8.44C7.02 8.45381 7.03 8.466 7.03 8.48C7.03 8.494 7.04 8.50585 7.04 8.52C7.04 8.53415 7.05 8.55573 7.05 8.57C7.05 8.58427 7.05 8.59564 7.05 8.61C7.05 8.62436 7.06 8.63559 7.06 8.65C7.06 8.66441 7.06 8.68559 7.06 8.7C7.06 8.71443 7.06 8.72559 7.06 8.74C7.06 8.75441 7.05 8.76566 7.05 8.78C7.05 8.79436 7.05 8.80573 7.05 8.82C7.05 8.83427 7.04 8.85588 7.04 8.87C7.04 8.88417 7.03 8.896 7.03 8.91C7.03 8.92398 7.02 8.93619 7.02 8.95C7.02 8.96381 7.01 8.97643 7.01 8.99C7.01 9.00359 6.99 9.01667 6.99 9.03C6.99 9.04333 6.97 9.05696 6.97 9.07C6.97 9.08304 6.95 9.09728 6.95 9.11C6.95 9.12272 6.93 9.13764 6.93 9.15C6.93 9.16236 6.91 9.17802 6.91 9.19C6.91 9.202 6.89 9.20843 6.89 9.22C6.89 9.23159 6.86 9.23887 6.86 9.25C6.86 9.26116 6.83 9.27932 6.83 9.29C6.83 9.3007 6.81021 9.30981 6.8 9.32C6.78979 9.33019 6.78071 9.35 6.77 9.35C6.75929 9.35 6.75117 9.38 6.74 9.38C6.72885 9.38 6.71161 9.4 6.7 9.4C6.68842 9.4 6.68201 9.43 6.67 9.43C6.65798 9.43 6.6424 9.45 6.63 9.45C6.61762 9.45 6.60274 9.47 6.59 9.47C6.57729 9.47 6.56308 9.49 6.55 9.49C6.53697 9.49 6.52337 9.51 6.51 9.51C6.49668 9.51 6.48361 9.53 6.47 9.53C6.45642 9.53 6.44382 9.54 6.43 9.54C6.4162 9.54 6.40402 9.55 6.39 9.55C6.37601 9.55 6.36416 9.56 6.35 9.56C6.33584 9.56 6.32428 9.57 6.31 9.57C6.29572 9.57 6.27438 9.57 6.26 9.57C6.24564 9.57 6.23443 9.58 6.22 9.58C6.2056 9.58 6.19445 9.58 6.18 9.58C6.16557 9.58 6.14443 9.58 6.13 9.58C6.1156 9.58 6.10438 9.57 6.09 9.57C6.07564 9.57 6.06428 9.57 6.05 9.57C6.03572 9.57 6.01419 9.56 6 9.56C5.98586 9.56 5.97402 9.55 5.96 9.55C5.94601 9.55 5.93382 9.54 5.92 9.54C5.9062 9.54 5.89361 9.53 5.88 9.53C5.86642 9.53 5.85334 9.51 5.84 9.51C5.82666 9.51 5.81308 9.49 5.8 9.49C5.78697 9.49 5.77274 9.47 5.76 9.47C5.74726 9.47 5.7324 9.45 5.72 9.45C5.70762 9.45 5.70202 9.43 5.69 9.43C5.67798 9.43 5.6616 9.4 5.65 9.4C5.63842 9.4 5.63117 9.38 5.62 9.38C5.60885 9.38 5.59071 9.35 5.58 9.35C5.56931 9.35 5.56023 9.33019 5.55 9.32C5.53979 9.30981 5.52 9.3007 5.52 9.29C5.52 9.27932 5.49 9.26116 5.49 9.25C5.49 9.23887 5.47 9.23159 5.47 9.22C5.47 9.20843 5.44 9.202 5.44 9.19C5.44 9.17802 5.42 9.16236 5.42 9.15C5.42 9.13764 5.4 9.12272 5.4 9.11C5.4 9.09728 5.38 9.08304 5.38 9.07C5.38 9.05696 5.36 9.04333 5.36 9.03C5.36 9.01667 5.35 9.00359 5.35 8.99C5.35 8.97643 5.33 8.96381 5.33 8.95C5.33 8.93619 5.32 8.92398 5.32 8.91C5.32 8.896 5.31 8.88417 5.31 8.87C5.31 8.85588 5.3 8.83427 5.3 8.82C5.3 8.80573 5.3 8.79436 5.3 8.78C5.3 8.76566 5.3 8.75441 5.3 8.74C5.3 8.72559 5.29 8.71443 5.29 8.7C5.29 8.68559 5.3 8.66441 5.3 8.65C5.3 8.63559 5.3 8.62436 5.3 8.61C5.3 8.59564 5.3 8.58427 5.3 8.57C5.3 8.55573 5.31 8.53415 5.31 8.52C5.31 8.50585 5.32 8.494 5.32 8.48C5.32 8.466 5.33 8.45381 5.33 8.44C5.33 8.42622 5.35 8.41359 5.35 8.4C5.35 8.38643 5.36 8.37335 5.36 8.36C5.36 8.34667 5.38 8.33304 5.38 8.32C5.38 8.30696 5.4 8.2927 5.4 8.28C5.4 8.26728 5.42 8.25239 5.42 8.24C5.42 8.22764 5.44 8.222 5.44 8.21C5.44 8.19802 5.47 8.18159 5.47 8.17C5.47 8.15843 5.49 8.15116 5.49 8.14C5.49 8.12887 5.52 8.1107 5.52 8.1C5.52 8.0893 5.53979 8.08019 5.55 8.07C5.56023 8.05981 5.56931 8.04 5.58 8.04C5.59071 8.04 5.60885 8.01 5.62 8.01C5.63117 8.01 5.63842 7.99 5.65 7.99C5.6616 7.99 5.67798 7.96 5.69 7.96C5.70202 7.96 5.70762 7.94 5.72 7.94C5.7324 7.94 5.74726 7.92 5.76 7.92C5.77274 7.92 5.78697 7.9 5.8 7.9C5.81308 7.9 5.82666 7.88 5.84 7.88C5.85334 7.88 5.86642 7.87 5.88 7.87C5.89361 7.87 5.9062 7.85 5.92 7.85C5.93382 7.85 5.94601 7.84 5.96 7.84C5.97402 7.84 5.98586 7.83 6 7.83C6.01419 7.83 6.03572 7.82 6.05 7.82C6.06428 7.82 6.07564 7.82 6.09 7.82C6.10438 7.82 6.1156 7.82 6.13 7.82C6.14443 7.82 6.16557 7.81 6.18 7.81ZM5.88 1.96C5.0006 2.11276 4.20648 2.31794 3.52 2.56C2.85176 2.79501 2.32943 3.05148 2 3.3L1.89 3.39L1.92 3.41C2.21529 3.65561 2.70001 3.91087 3.34 4.15L3.52 4.22C4.20648 4.46207 5.00118 4.65724 5.88 4.81L5.88 1.96ZM14.12 1.96L14.12 4.81C14.9988 4.65724 15.7935 4.46207 16.48 4.22C17.1482 3.98499 17.6706 3.71852 18 3.47L18.08 3.41L18.1 3.39L18.08 3.37C17.7847 3.12323 17.3 2.85973 16.66 2.62L16.48 2.56C15.7935 2.31794 14.9988 2.11276 14.12 1.96Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5_en.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5_en.svg
new file mode 100644
index 0000000..fab90ab
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/icon5_en.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="16.9000244140625" viewBox="0 0 20 16.9000244140625" fill="none">
+<path d="M12.79 0L12.81 0L13.25 0.05L13.68 0.11C13.8223 0.129978 13.9612 0.148263 14.1 0.17L14.51 0.24C14.8494 0.300511 15.1847 0.366573 15.5 0.44L15.87 0.53L16.05 0.58L16.4 0.68L16.58 0.73L16.91 0.84C18.7547 1.46161 19.9288 2.32528 20 3.29L20 3.39L20 13.37C20 14.3718 18.8147 15.2784 16.91 15.92L16.58 16.03L16.4 16.08L16.05 16.18L15.87 16.23L15.5 16.32C15.1841 16.3928 14.8488 16.4595 14.51 16.52L14.1 16.59C13.9594 16.6123 13.821 16.6304 13.68 16.65L13.25 16.71L12.81 16.76L12.36 16.8C11.7368 16.8526 11.1054 16.8899 10.48 16.9L10 16.9C9.21274 16.9 8.42451 16.8662 7.64 16.8L7.19 16.76L6.75 16.71L6.32 16.65C6.17903 16.6304 6.04061 16.6123 5.9 16.59L5.49 16.52C5.16084 16.4615 4.82574 16.3954 4.5 16.32L4.13 16.23L3.95 16.18L3.6 16.08L3.42 16.03L3.09 15.92C1.24001 15.2966 0.0658854 14.4282 0 13.46L0 13.37L0 3.39C0 2.38767 1.18531 1.48217 3.09 0.84L3.42 0.73L3.6 0.68L3.95 0.58L4.13 0.53L4.5 0.44C4.81589 0.366573 5.15119 0.300511 5.49 0.24L5.9 0.17C6.03883 0.147661 6.17765 0.129978 6.32 0.11L6.75 0.05L7.19 0L7.21 0L7.23 0L7.25 0L7.27 0L7.29 0L7.31 0.01L7.33 0.01L7.35 0.02L7.37 0.02L7.39 0.03L7.41 0.04L7.43 0.05L7.45 0.06L7.46 0.07L7.48 0.08L7.5 0.1L7.51 0.11L7.53 0.12L7.54 0.14L7.55 0.15L7.57 0.17L7.58 0.19L7.59 0.2L7.6 0.22L7.61 0.24L7.62 0.26L7.62 0.28L7.63 0.3L7.64 0.32L7.64 0.34L7.64 0.36L7.65 0.38L7.65 0.39L7.65 5.04C8.40529 5.10873 9.19178 5.15 10 5.15C10.8082 5.15 11.5947 5.10933 12.35 5.04L12.35 0.42C12.35 0.19085 12.5406 0 12.77 0L12.79 0ZM18.23 5.48C17.8412 5.67857 17.3935 5.85375 16.9 6.02L16.57 6.13L16.39 6.18L16.04 6.28L15.86 6.33L15.49 6.42C15.1741 6.49285 14.8388 6.55949 14.5 6.62L14.09 6.69C13.9494 6.71229 13.811 6.74038 13.67 6.76L13.24 6.81L12.8 6.86L12.35 6.9C11.5655 6.96625 10.7773 7 9.99 7C9.20274 7 8.41451 6.96625 7.63 6.9L7.18 6.86L6.74 6.81L6.31 6.76C6.16903 6.74038 6.03061 6.71229 5.89 6.69L5.48 6.62C5.15084 6.56147 4.81574 6.49543 4.49 6.42L4.12 6.33L3.94 6.28L3.59 6.18L3.41 6.13L3.08 6.02C2.85253 5.94491 2.63139 5.8615 2.41 5.77C2.18863 5.67852 1.9641 5.58738 1.75 5.48L1.78 13.15L1.81 13.18L1.89 13.25L1.97 13.32C2.31 13.5903 2.86823 13.8774 3.6 14.13C5.25884 14.7017 7.55648 15.04 10.02 15.04C12.5194 15.04 14.8388 14.6858 16.5 14.1C17.2294 13.8432 17.7782 13.5579 18.1 13.29L18.18 13.23L18.21 13.2L18.26 13.15L18.23 5.48ZM13.45 8.31L14.7 9.56L11.37 12.88L10.12 14.13L8.87 12.88L8.46 12.46L6.79 14.13L5.55 12.88L8.46 9.97L10.12 11.63L13.45 8.31ZM6.18 7.81C6.19445 7.81 6.2056 7.82 6.22 7.82C6.23443 7.82 6.24564 7.82 6.26 7.82C6.27438 7.82 6.29572 7.82 6.31 7.82C6.32428 7.82 6.33584 7.83 6.35 7.83C6.36416 7.83 6.37601 7.84 6.39 7.84C6.40402 7.84 6.4162 7.85 6.43 7.85C6.44382 7.85 6.45642 7.87 6.47 7.87C6.48361 7.87 6.49668 7.88 6.51 7.88C6.52337 7.88 6.53697 7.9 6.55 7.9C6.56308 7.9 6.57729 7.92 6.59 7.92C6.60274 7.92 6.61762 7.94 6.63 7.94C6.6424 7.94 6.65798 7.96 6.67 7.96C6.68201 7.96 6.68842 7.99 6.7 7.99C6.71161 7.99 6.72885 8.01 6.74 8.01C6.75117 8.01 6.75929 8.04 6.77 8.04C6.78071 8.04 6.78979 8.05981 6.8 8.07C6.81021 8.08019 6.83 8.0893 6.83 8.1C6.83 8.1107 6.86 8.12887 6.86 8.14C6.86 8.15116 6.89 8.15843 6.89 8.17C6.89 8.18159 6.91 8.19802 6.91 8.21C6.91 8.222 6.93 8.22764 6.93 8.24C6.93 8.25239 6.95 8.26728 6.95 8.28C6.95 8.2927 6.97 8.30696 6.97 8.32C6.97 8.33304 6.99 8.34667 6.99 8.36C6.99 8.37335 7.01 8.38643 7.01 8.4C7.01 8.41359 7.02 8.42622 7.02 8.44C7.02 8.45381 7.03 8.466 7.03 8.48C7.03 8.494 7.04 8.50585 7.04 8.52C7.04 8.53415 7.05 8.55573 7.05 8.57C7.05 8.58427 7.05 8.59564 7.05 8.61C7.05 8.62436 7.06 8.63559 7.06 8.65C7.06 8.66441 7.06 8.68559 7.06 8.7C7.06 8.71443 7.06 8.72559 7.06 8.74C7.06 8.75441 7.05 8.76566 7.05 8.78C7.05 8.79436 7.05 8.80573 7.05 8.82C7.05 8.83427 7.04 8.85588 7.04 8.87C7.04 8.88417 7.03 8.896 7.03 8.91C7.03 8.92398 7.02 8.93619 7.02 8.95C7.02 8.96381 7.01 8.97643 7.01 8.99C7.01 9.00359 6.99 9.01667 6.99 9.03C6.99 9.04333 6.97 9.05696 6.97 9.07C6.97 9.08304 6.95 9.09728 6.95 9.11C6.95 9.12272 6.93 9.13764 6.93 9.15C6.93 9.16236 6.91 9.17802 6.91 9.19C6.91 9.202 6.89 9.20843 6.89 9.22C6.89 9.23159 6.86 9.23887 6.86 9.25C6.86 9.26116 6.83 9.27932 6.83 9.29C6.83 9.3007 6.81021 9.30981 6.8 9.32C6.78979 9.33019 6.78071 9.35 6.77 9.35C6.75929 9.35 6.75117 9.38 6.74 9.38C6.72885 9.38 6.71161 9.4 6.7 9.4C6.68842 9.4 6.68201 9.43 6.67 9.43C6.65798 9.43 6.6424 9.45 6.63 9.45C6.61762 9.45 6.60274 9.47 6.59 9.47C6.57729 9.47 6.56308 9.49 6.55 9.49C6.53697 9.49 6.52337 9.51 6.51 9.51C6.49668 9.51 6.48361 9.53 6.47 9.53C6.45642 9.53 6.44382 9.54 6.43 9.54C6.4162 9.54 6.40402 9.55 6.39 9.55C6.37601 9.55 6.36416 9.56 6.35 9.56C6.33584 9.56 6.32428 9.57 6.31 9.57C6.29572 9.57 6.27438 9.57 6.26 9.57C6.24564 9.57 6.23443 9.58 6.22 9.58C6.2056 9.58 6.19445 9.58 6.18 9.58C6.16557 9.58 6.14443 9.58 6.13 9.58C6.1156 9.58 6.10438 9.57 6.09 9.57C6.07564 9.57 6.06428 9.57 6.05 9.57C6.03572 9.57 6.01419 9.56 6 9.56C5.98586 9.56 5.97402 9.55 5.96 9.55C5.94601 9.55 5.93382 9.54 5.92 9.54C5.9062 9.54 5.89361 9.53 5.88 9.53C5.86642 9.53 5.85334 9.51 5.84 9.51C5.82666 9.51 5.81308 9.49 5.8 9.49C5.78697 9.49 5.77274 9.47 5.76 9.47C5.74726 9.47 5.7324 9.45 5.72 9.45C5.70762 9.45 5.70202 9.43 5.69 9.43C5.67798 9.43 5.6616 9.4 5.65 9.4C5.63842 9.4 5.63117 9.38 5.62 9.38C5.60885 9.38 5.59071 9.35 5.58 9.35C5.56931 9.35 5.56023 9.33019 5.55 9.32C5.53979 9.30981 5.52 9.3007 5.52 9.29C5.52 9.27932 5.49 9.26116 5.49 9.25C5.49 9.23887 5.47 9.23159 5.47 9.22C5.47 9.20843 5.44 9.202 5.44 9.19C5.44 9.17802 5.42 9.16236 5.42 9.15C5.42 9.13764 5.4 9.12272 5.4 9.11C5.4 9.09728 5.38 9.08304 5.38 9.07C5.38 9.05696 5.36 9.04333 5.36 9.03C5.36 9.01667 5.35 9.00359 5.35 8.99C5.35 8.97643 5.33 8.96381 5.33 8.95C5.33 8.93619 5.32 8.92398 5.32 8.91C5.32 8.896 5.31 8.88417 5.31 8.87C5.31 8.85588 5.3 8.83427 5.3 8.82C5.3 8.80573 5.3 8.79436 5.3 8.78C5.3 8.76566 5.3 8.75441 5.3 8.74C5.3 8.72559 5.29 8.71443 5.29 8.7C5.29 8.68559 5.3 8.66441 5.3 8.65C5.3 8.63559 5.3 8.62436 5.3 8.61C5.3 8.59564 5.3 8.58427 5.3 8.57C5.3 8.55573 5.31 8.53415 5.31 8.52C5.31 8.50585 5.32 8.494 5.32 8.48C5.32 8.466 5.33 8.45381 5.33 8.44C5.33 8.42622 5.35 8.41359 5.35 8.4C5.35 8.38643 5.36 8.37335 5.36 8.36C5.36 8.34667 5.38 8.33304 5.38 8.32C5.38 8.30696 5.4 8.2927 5.4 8.28C5.4 8.26728 5.42 8.25239 5.42 8.24C5.42 8.22764 5.44 8.222 5.44 8.21C5.44 8.19802 5.47 8.18159 5.47 8.17C5.47 8.15843 5.49 8.15116 5.49 8.14C5.49 8.12887 5.52 8.1107 5.52 8.1C5.52 8.0893 5.53979 8.08019 5.55 8.07C5.56023 8.05981 5.56931 8.04 5.58 8.04C5.59071 8.04 5.60885 8.01 5.62 8.01C5.63117 8.01 5.63842 7.99 5.65 7.99C5.6616 7.99 5.67798 7.96 5.69 7.96C5.70202 7.96 5.70762 7.94 5.72 7.94C5.7324 7.94 5.74726 7.92 5.76 7.92C5.77274 7.92 5.78697 7.9 5.8 7.9C5.81308 7.9 5.82666 7.88 5.84 7.88C5.85334 7.88 5.86642 7.87 5.88 7.87C5.89361 7.87 5.9062 7.85 5.92 7.85C5.93382 7.85 5.94601 7.84 5.96 7.84C5.97402 7.84 5.98586 7.83 6 7.83C6.01419 7.83 6.03572 7.82 6.05 7.82C6.06428 7.82 6.07564 7.82 6.09 7.82C6.10438 7.82 6.1156 7.82 6.13 7.82C6.14443 7.82 6.16557 7.81 6.18 7.81ZM5.88 1.96C5.0006 2.11276 4.20648 2.31794 3.52 2.56C2.85176 2.79501 2.32943 3.05148 2 3.3L1.89 3.39L1.92 3.41C2.21529 3.65561 2.70001 3.91087 3.34 4.15L3.52 4.22C4.20648 4.46207 5.00118 4.65724 5.88 4.81L5.88 1.96ZM14.12 1.96L14.12 4.81C14.9988 4.65724 15.7935 4.46207 16.48 4.22C17.1482 3.98499 17.6706 3.71852 18 3.47L18.08 3.41L18.1 3.39L18.08 3.37C17.7847 3.12323 17.3 2.85973 16.66 2.62L16.48 2.56C15.7935 2.31794 14.9988 2.11276 14.12 1.96Z"   fill="#00FFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/power.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/power.svg
new file mode 100644
index 0000000..7ec284c
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/power.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM2.20272 12.648L2.57472 13.56C2.57472 13.56 2.99692 13.848 3.30672 13.848L4.05072 13.596C4.21656 13.422 4.30272 13.216 4.30272 12.984C4.30272 12.8353 4.26455 12.7051 4.19472 12.6C4.12492 12.4956 3.99727 12.4008 3.82272 12.324C3.70348 12.2718 3.43074 12.18 3.00672 12.048C2.46127 11.8791 2.08636 11.6712 1.86672 11.424C1.55689 11.0774 1.39872 10.6628 1.39872 10.164C1.39872 9.84282 1.46927 9.54384 1.61472 9.264C1.76017 8.98416 1.97653 8.76172 2.25072 8.616C2.52416 8.46954 2.84636 8.4 3.23472 8.4C3.86746 8.4 4.34345 8.58072 4.66272 8.928C4.98274 9.27456 5.15146 9.72872 5.16672 10.308L4.15872 10.368C4.1151 10.0439 4.014 9.81409 3.87072 9.672C3.72744 9.52991 3.52127 9.456 3.23472 9.456C2.93872 9.456 2.70598 9.53176 2.53872 9.684C2.43108 9.78114 2.37072 9.91614 2.37072 10.08C2.37072 10.2286 2.42562 10.3454 2.52672 10.452C2.65471 10.5861 2.96747 10.7375 3.46272 10.884C3.95729 11.0304 4.31692 11.1721 4.55472 11.328C4.79182 11.4846 4.9849 11.7049 5.11872 11.976C5.25326 12.2472 5.31072 12.574 5.31072 12.972C5.31072 13.3338 5.23073 13.6766 5.07072 13.992C4.91 14.3074 4.69255 14.547 4.39872 14.7C4.10638 14.8537 3.73326 14.928 3.29472 14.928C2.65764 14.928 2.17255 14.7443 1.83072 14.376C1.48891 14.0077 1.2849 13.4735 1.21872 12.768L2.20272 12.648ZM5.45472 8.508L6.97872 8.508L7.89072 12.816L8.79072 8.508L10.3267 8.508L10.3267 14.148L12.0787 8.508L13.1587 8.508L15.0187 14.316L15.0187 8.508L17.1547 8.508C17.6929 8.508 18.0864 8.56291 18.3307 8.676C18.5752 8.78909 18.7718 8.998 18.9187 9.288C18.9631 9.37644 18.9954 9.46758 19.0267 9.564L19.0267 8.508L23.0347 8.508L23.0347 9.576L21.5467 9.576L21.5467 14.82L20.5267 14.82L20.5267 9.576L19.0387 9.576C19.1057 9.79058 19.1347 10.0197 19.1347 10.272C19.1347 10.7454 19.0206 11.1399 18.7987 11.448C18.5761 11.7561 18.2449 11.9555 17.8027 12.036C18.0223 12.1969 18.2107 12.3719 18.3547 12.564C18.4973 12.7561 18.6878 13.0939 18.9307 13.584L19.5427 14.82L18.3307 14.82L17.5987 13.44C17.3376 12.9499 17.1547 12.6436 17.0587 12.516C16.962 12.3884 16.8536 12.2992 16.7467 12.252C16.6384 12.2048 16.4762 12.18 16.2427 12.18L16.0267 12.18L16.0267 14.82L14.0707 14.82L13.6267 13.38L11.6107 13.38L11.2027 14.82L9.37872 14.82L9.37872 9.852L8.37072 14.82L7.39872 14.82L6.40272 9.852L6.40272 14.82L5.45472 14.82L5.45472 8.508ZM18.0944 10.3561C18.0944 9.54013 17.5754 9.54012 16.0184 9.54012L16.0184 11.1721C17.6088 11.1721 18.0944 11.1721 18.0944 10.3561ZM13.3058 12.3138L12.5978 9.9978L11.9258 12.3138L13.3058 12.3138Z" fill-rule="evenodd"  fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/record.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/record.svg
new file mode 100644
index 0000000..38aee9a
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/record.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M0 12C0 18.6275 5.37254 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37255 18.6275 7.62939e-06 12 7.62939e-06C5.37254 7.62939e-06 0 5.37255 0 12ZM17.4545 12C17.4545 15.0124 15.0124 17.4545 12 17.4545C8.98755 17.4545 6.54546 15.0124 6.54546 12C6.54546 8.98756 8.98755 6.54547 12 6.54547C15.0124 6.54547 17.4545 8.98756 17.4545 12Z"   fill="#E55D5D" >
+</path>
+<circle cx="12" cy="24" transform="rotate(-90 6 18)" r="6"   fill="#FFFFFF" >
+</circle>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/icons/start_record.svg b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/start_record.svg
new file mode 100644
index 0000000..cdb3ccd
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/icons/start_record.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd"  fill="rgba(255, 255, 255, 1)"  d="M12 24C5.37254 24 0 18.6275 0 12C0 5.37255 5.37254 7.62939e-06 12 7.62939e-06C18.6275 7.62939e-06 24 5.37255 24 12C24 18.6275 18.6275 24 12 24ZM12 23C5.92487 23 1 18.0751 1 12C1 5.92488 5.92487 1.00001 12 1.00001C18.0751 1.00001 23 5.92488 23 12C23 18.0751 18.0751 23 12 23ZM12 18.4545C15.5647 18.4545 18.4545 15.5647 18.4545 12C18.4545 8.43526 15.5647 5.54547 12 5.54547C8.43525 5.54547 5.54546 8.43526 5.54546 12C5.54546 15.5647 8.43525 18.4545 12 18.4545ZM12 17.4545C15.0124 17.4545 17.4545 15.0124 17.4545 12C17.4545 8.98756 15.0124 6.54547 12 6.54547C8.98755 6.54547 6.54546 8.98756 6.54546 12C6.54546 15.0124 8.98755 17.4545 12 17.4545Z">
+</path>
+<circle cx="11.999658584594727" cy="30.284326553344727" transform="rotate(-90 2.857421875 21.14208984375)" r="9.142236709594727"   fill="#E55D5D" >
+</circle>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/modeControl/index.vue b/src/views/drone/components/virtualWarehouse/components/modeControl/index.vue
new file mode 100644
index 0000000..bb9ca81
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/modeControl/index.vue
@@ -0,0 +1,305 @@
+<template>
+  <div class="mode_control">
+    <div class="tool_control" v-for="(item, i) of toolControl" @click="onTool(item)" :key="i" v-show="i == 0 || !showView">
+      <img :src="item.icon" alt="" srcset="" />
+    </div>
+    <div v-if="showView" class="progress_box">
+      <el-progress type="circle" :width="26" :stroke-width="4" :percentage="percentage"></el-progress>
+    </div>
+    <div class="box_control" v-show="showControl">
+      <div @click="onControl(item)" v-for="(item, i) of modeControls" :key="i">
+        <img v-if="item.id == select_mode" :src="item.iconB" alt="" srcset="" />
+        <img v-else :src="item.icon" alt="" srcset="" />
+        <span :style="item.id == select_mode ? 'color: rgba(0, 255, 255, 1);' : ''">{{ item.label }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { hasDataFlight } from '../../api/index';
+import icon3 from './icons/icon3.svg';
+import icon1 from './icons/icon1.svg';
+import icon3_en from './icons/icon3_en.svg';
+import icon2 from './icons/icon2.svg';
+import icon2_en from './icons/icon2_en.svg';
+import start_record from './icons/start_record.svg';
+import icon4_en from './icons/icon4_en.svg';
+import icon4 from './icons/icon4.svg';
+import power from './icons/power.svg';
+import icon5_en from './icons/icon5_en.svg';
+import icon5 from './icons/icon5.svg';
+import record from './icons/record.svg';
+
+export default {
+  props: {
+    Drone: {
+      type: Object,
+      default: () => ({})
+    },
+    camera_type: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      toolControl: [
+        { id: 1, icon: icon3 },
+        { id: 2, icon: icon1, play: false }
+      ],
+      modeControls: [
+        {
+          id: 0,
+          label: '单拍',
+          icon: icon3,
+          iconB: icon3_en,
+          iconC: icon1
+        },
+        {
+          id: 1,
+          label: '录像',
+          icon: icon2,
+          iconB: icon2_en,
+          iconC: start_record
+        },
+        {
+          id: 2,
+          label: '智能低光',
+          icon: icon4,
+          iconB: icon4_en,
+          iconC: power
+        },
+        {
+          id: 3,
+          label: '全景',
+          icon: icon5,
+          iconB: icon5_en,
+          iconC: icon1
+        }
+      ],
+      select_mode: 0,
+      showControl: false,
+      showView: false, //全景拍照中
+      percentage: 0, //进度
+      elevation: 0 //飞行高度
+    };
+  },
+  mounted() {
+    this.$recvChanel('websocketBus', (res) => {
+      if (res.businessType == 'camera_photo_take_progress') {
+        if (res.data && res.data.output) {
+          // 获取上报进度
+          this.percentage = res.data.output.progress.percent;
+          if (this.percentage == 100 && this.showView) {
+            this.showView = false;
+            this.$message.success('全景拍照完成');
+          }
+        }
+      }
+      if (res.businessType == 'osd4') {
+        this.elevation = res.data.elevation || 0; //飞行高度
+      }
+    });
+  },
+  methods: {
+    onTool(item) {
+      // 选中模式
+      if (this.showView) {
+        //正在全景拍照中
+        this.$message.success('正在全景拍照中，请稍等');
+        return;
+      }
+      if (item.id == 1) {
+        this.showControl = true;
+      } else {
+        // 录像状态
+        if (this.select_mode == 1) {
+          if (this.play) {
+            // 结束录像
+            item.icon = start_record;
+            this.videoRecord('camera_recording_stop', false, '结束录像');
+          } else {
+            // 开始录像
+            this.videoRecord('camera_recording_start', true, '开始录像');
+            item.icon = record;
+          }
+          this.play = !this.play;
+        }
+        //  单拍
+        if (this.select_mode == 0) {
+          this.singleBeat('camera_photo_take');
+        }
+        // 智能灯光
+        if (this.select_mode == 2) {
+          this.power();
+        }
+        // 全景
+        if (this.select_mode == 3) {
+          // 当还没有飞行时不可拍全景
+          if (this.elevation > 0) {
+            if (this.camera_type !== 'wide') {
+              this.$message.warning('请切换到广角模式再进行全景拍照！');
+            } else {
+              this.panoramicView();
+            }
+          } else {
+            this.$message.warning('请起飞之后再进行全景拍照！');
+          }
+        }
+      }
+    },
+    // 开始全景拍照
+    panoramicView() {
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method: 'camera_photo_take'
+      };
+      hasDataFlight(obj).then((res) => {
+        if (res.code == 200) {
+          this.showView = true;
+        }
+      });
+    },
+    // 单拍
+    singleBeat(method) {
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method
+      };
+      hasDataFlight(obj).then((res) => {
+        if (res.code == 200) {
+          this.$emit('setShutter', true);
+          this.$message.success('拍照成功');
+        }
+      });
+    },
+    // 智能灯光
+    power() {
+      // console.log("智能低光");
+    },
+    // 录像
+    videoRecord(method, flag, label) {
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method
+      };
+      this.$emit('cameraRecording', flag);
+      this.setHasDataFlight(obj, true, label);
+    },
+    // 切换工具
+    onControl(item) {
+      // 切换模式
+      this.ToggleCamera(item.id);
+      this.select_mode = item.id;
+      this.toolControl[0].icon = item.icon;
+      this.toolControl[1].icon = item.iconC;
+      this.showControl = false;
+      const heightMap = {
+        0: 720,
+        1: 540
+      };
+      const height = heightMap[item.id] || 0; // 默认值为0，可以根据需要修改
+      if ([0, 1].includes(item.id)) {
+        this.$sendChanel('video_width', height);
+      }
+    },
+    // 切换模式
+    ToggleCamera(value, flag = true) {
+      if (value == this.select_mode && flag) return;
+      let obj = {
+        params: {
+          camera_mode: value,
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method: 'camera_mode_switch'
+      };
+
+      this.setHasDataFlight(obj, flag);
+    },
+    // 有参数接口调用
+    setHasDataFlight(data, flag, label = '操作成功') {
+      hasDataFlight(data).then((res) => {
+        if (res.code == 200) {
+          this.$message.success(label);
+        }
+      });
+    }
+  }
+};
+</script>
+<style lang="scss">
+.progress_box {
+  border-radius: 50%;
+  place-items: center;
+  display: grid;
+
+  .el-progress--circle .el-progress__text,
+  .el-progress--dashboard .el-progress__text {
+    color: #fff !important;
+    font-size: 8px !important;
+  }
+}
+
+.mode_control {
+  position: absolute;
+  right: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 36px;
+  height: 75px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.5);
+  justify-content: space-around;
+
+  .tool_control {
+    cursor: pointer;
+
+    > img {
+      width: 24px;
+      height: 24px;
+    }
+  }
+
+  .box_control {
+    position: absolute;
+    right: 120%;
+    top: -40%;
+    width: 70px;
+    height: 200px;
+    background: rgba(0, 0, 0, 0.5);
+    padding: 4px 4px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+
+    > div {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: #fff;
+      font-size: 14px;
+      cursor: pointer;
+
+      > img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/myLoading/icons/loading2.png b/src/views/drone/components/virtualWarehouse/components/myLoading/icons/loading2.png
new file mode 100644
index 0000000..219f578
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/components/myLoading/icons/loading2.png differ
diff --git a/src/views/drone/components/virtualWarehouse/components/myLoading/index.vue b/src/views/drone/components/virtualWarehouse/components/myLoading/index.vue
new file mode 100644
index 0000000..3ac8f8a
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/myLoading/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="my_loading" v-show="showLoading">
+    <img src="./icons/loading2.png" alt="" srcset="" />
+    <span>正在加载数据</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return { showLoading: false };
+  },
+  methods: {
+    statusLoading(flag) {
+      this.showLoading = flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+@keyframes identifier {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.my_loading {
+  display: grid;
+  place-items: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  > img {
+    width: 50px;
+    height: 50px;
+    animation: identifier 1s linear infinite;
+  }
+  > span {
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/btn.svg b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/btn.svg
new file mode 100644
index 0000000..cd2c61f
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="10" viewBox="0 0 16 10" fill="none">
+<path d="M0.351074 7.85577L7.19283 0.365385C7.39462 0.134616 7.69251 1.52624e-15 8 1.46975e-15C8.3075 1.41326e-15 8.60538 0.134616 8.80717 0.365385L15.6489 7.85577C15.9852 8.21154 16.091 8.72115 15.918 9.18269C15.745 9.63461 15.3318 9.95192 14.8418 10L1.15825 10C0.668179 9.96154 0.254983 9.64423 0.0820169 9.18269C-0.0909481 8.72115 0.0147524 8.21154 0.351074 7.85577Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz.svg b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz.svg
new file mode 100644
index 0000000..b4e98d7
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<g  clip-path="url(#clip-path-81_224)">
+<path d="M14.6542 8.00249C14.6542 8.52445 14.0597 9.13348 12.9135 9.63019C12.5539 9.786 12.1562 9.92346 11.7282 10.0405C11.807 9.3837 11.848 8.69882 11.848 8C11.848 7.30299 11.8072 6.61987 11.7288 5.96462C12.1566 6.08167 12.5541 6.21907 12.9135 6.37479C14.0483 6.86654 14.6423 7.46838 14.654 7.9868L14.6542 8.00251L14.6542 8.00249ZM10.5022 8C10.5022 8.81067 10.4425 9.59787 10.3304 10.3333C9.59578 10.4451 8.80959 10.5047 8 10.5047C6.11766 10.5047 4.36193 10.1829 3.08651 9.63019C1.94026 9.13348 1.3458 8.52445 1.3458 8.00249C1.3458 7.48054 1.94026 6.8715 3.08651 6.37479C4.36193 5.82211 6.11766 5.50032 8 5.50032C8.80987 5.50032 9.59632 5.55989 10.3312 5.67178C10.4428 6.40578 10.5022 7.19122 10.5022 8ZM1.90735e-06 8.0211C0.00549698 8.6346 0.278843 9.20811 0.76716 9.70839C1.20234 10.1542 1.80881 10.5432 2.5514 10.865C4.00645 11.4956 5.94288 11.8505 8 11.8505C8.69766 11.8505 9.38142 11.8096 10.0373 11.7311C9.92036 12.158 9.78316 12.5547 9.6277 12.9135C9.13099 14.0597 8.52196 14.6542 8 14.6542L8 16C8.62051 16 9.20056 15.7261 9.70591 15.2328C10.1518 14.7977 10.5407 14.1912 10.8625 13.4486C11.1157 12.8644 11.3244 12.2027 11.4835 11.4867C12.2007 11.3275 12.8636 11.1185 13.4486 10.865C14.1912 10.5432 14.7977 10.1542 15.2328 9.70839C15.7261 9.20305 16 8.62299 16 8.00249C16 7.38198 15.7261 6.80193 15.2328 6.2966C14.7977 5.85075 14.1912 5.46174 13.4486 5.13996C12.8639 4.88658 12.2015 4.67772 11.4847 4.51851C11.3254 3.80051 11.1163 3.13697 10.8625 2.5514C10.5407 1.80881 10.1518 1.20234 9.70591 0.76716C9.20056 0.273909 8.62051 1.90735e-06 8 1.90735e-06L8 1.3458C8.52196 1.3458 9.13099 1.94026 9.6277 3.08651C9.78378 3.44669 9.92146 3.8452 10.0387 4.27404C9.38239 4.1954 8.69815 4.15452 8 4.15452C5.94288 4.15452 4.00645 4.50944 2.5514 5.13995C1.80881 5.46174 1.20234 5.85075 0.76716 6.29658C0.273909 6.80194 1.90735e-06 7.38202 1.90735e-06 8.00251L1.90735e-06 8.02112L1.90735e-06 8.0211Z"   fill="#FFFFFF" >
+</path>
+<path d="M8 1.90735e-06C7.3795 1.90735e-06 6.79944 0.273909 6.29409 0.76716C5.84824 1.20234 5.45925 1.80881 5.13746 2.5514C4.51325 3.99191 4.15914 5.90419 4.15213 7.93832L4.15176 8.07325C4.1514 8.12092 4.15067 8.17578 4.14936 8.26082L3.41366 8.28724C3.41009 8.28736 3.40654 8.28761 3.40299 8.288C3.39944 8.28839 3.39591 8.2889 3.39239 8.28953C3.3889 8.29017 3.3854 8.29094 3.38194 8.29181C3.37849 8.29269 3.37507 8.2937 3.37168 8.29482C3.3683 8.29596 3.36495 8.29722 3.36166 8.29858C3.35836 8.29994 3.35512 8.30144 3.35193 8.30303C3.34873 8.30464 3.34561 8.30636 3.34254 8.30817C3.33948 8.31 3.33649 8.31193 3.33355 8.31396C3.33062 8.316 3.32778 8.31815 3.32499 8.32039C3.32222 8.32264 3.31953 8.32497 3.31692 8.32742C3.31432 8.32985 3.31179 8.33237 3.30936 8.33499C3.30695 8.33761 3.30462 8.34032 3.30237 8.3431C3.30015 8.34589 3.29802 8.34875 3.29598 8.35168C3.29394 8.35462 3.29204 8.35761 3.29022 8.36069C3.28841 8.36378 3.28671 8.3669 3.28512 8.37009C3.28353 8.37329 3.28206 8.37654 3.28071 8.37985C3.27935 8.38314 3.27811 8.38649 3.27699 8.38987C3.27587 8.39325 3.27488 8.39669 3.27402 8.40015C3.27314 8.40361 3.27239 8.4071 3.27178 8.41062C3.27116 8.41413 3.27065 8.41766 3.27028 8.42122C3.26993 8.42477 3.26968 8.42832 3.26955 8.43189C3.26944 8.43546 3.26946 8.43903 3.26961 8.4426C3.26974 8.44617 3.27002 8.44972 3.27041 8.45325C3.2708 8.4568 3.27133 8.46034 3.27198 8.46385C3.27264 8.46735 3.2734 8.47084 3.2743 8.4743C3.2752 8.47776 3.27621 8.48116 3.27735 8.48454C3.27849 8.48793 3.27976 8.49125 3.28114 8.49454C3.28252 8.49785 3.28402 8.50109 3.28563 8.50426C3.28725 8.50746 3.28897 8.51058 3.2908 8.51363C3.29265 8.51669 3.2946 8.51968 3.29664 8.5226C3.29869 8.52551 3.30084 8.52836 3.3031 8.53112C3.30537 8.53389 3.3077 8.53658 3.31015 8.53918L5.15671 10.5007C5.15854 10.5026 5.16043 10.5045 5.16236 10.5063C5.16428 10.5082 5.16624 10.51 5.16828 10.5117C5.17032 10.5134 5.17237 10.5151 5.17449 10.5167C5.1766 10.5184 5.17877 10.5199 5.18097 10.5214C5.18316 10.523 5.1854 10.5244 5.18768 10.5258C5.18996 10.5272 5.19228 10.5285 5.19462 10.5298C5.19697 10.531 5.19936 10.5322 5.20178 10.5334C5.20419 10.5345 5.20662 10.5356 5.20908 10.5366C5.21157 10.5376 5.21406 10.5386 5.21658 10.5394C5.2191 10.5403 5.22165 10.5411 5.22421 10.5419C5.22677 10.5426 5.22936 10.5433 5.23196 10.5439C5.23456 10.5445 5.23716 10.545 5.23979 10.5455C5.24243 10.5459 5.24507 10.5463 5.24772 10.5466C5.25036 10.5469 5.25301 10.5472 5.25568 10.5474C5.25836 10.5475 5.26101 10.5476 5.26368 10.5477C5.26636 10.5477 5.26901 10.5477 5.27168 10.5476C5.27436 10.5475 5.27701 10.5473 5.27966 10.547C5.28232 10.5468 5.28497 10.5464 5.28761 10.5461C5.29024 10.5457 5.29288 10.5452 5.29548 10.5447C5.29809 10.5441 5.30069 10.5435 5.30329 10.5429C5.30587 10.5422 5.30843 10.5414 5.31097 10.5406C5.31351 10.5398 5.31604 10.539 5.31852 10.538C5.32101 10.5371 5.32348 10.5361 5.32593 10.535C5.32837 10.5339 5.33079 10.5328 5.33316 10.5316C5.33553 10.5303 5.33789 10.5291 5.34021 10.5278C5.3425 10.5264 5.34479 10.525 5.34703 10.5236C5.34927 10.5221 5.35148 10.5206 5.35363 10.519C5.35578 10.5175 5.35789 10.5158 5.35996 10.5142C5.36204 10.5125 5.36406 10.5107 5.36604 10.5089C5.368 10.5071 5.36993 10.5053 5.37181 10.5034C5.3737 10.5015 5.37551 10.4996 5.37729 10.4976C5.37907 10.4956 5.38078 10.4935 5.38245 10.4915L7.0492 8.40394C7.05141 8.40116 7.05353 8.39832 7.05555 8.39538C7.05756 8.39245 7.05946 8.38946 7.06127 8.38639C7.06307 8.38333 7.06476 8.38021 7.06634 8.37703C7.06791 8.37383 7.06937 8.3706 7.07073 8.36733C7.07207 8.36404 7.0733 8.36071 7.07441 8.35733C7.07552 8.35394 7.0765 8.35054 7.07736 8.34708C7.07824 8.34365 7.07898 8.34017 7.07959 8.33667C7.08021 8.33318 7.08071 8.32965 7.08108 8.32611C7.08145 8.32258 7.08168 8.31905 7.08179 8.3155C7.08192 8.31194 7.08191 8.30839 7.08178 8.30484C7.08164 8.30129 7.08137 8.29774 7.08097 8.29421C7.08059 8.29067 7.08007 8.28716 7.07944 8.28366C7.07879 8.28017 7.07802 8.27671 7.07714 8.27327C7.07624 8.26981 7.07523 8.26641 7.07411 8.26305C7.07298 8.25968 7.07173 8.25636 7.07036 8.25307C7.06898 8.2498 7.0675 8.24656 7.06591 8.2434C7.06431 8.24022 7.0626 8.2371 7.06079 8.23406C7.05897 8.23101 7.05704 8.22802 7.05501 8.2251C7.05298 8.22219 7.05084 8.21935 7.0486 8.21658C7.04637 8.21383 7.04404 8.21114 7.04161 8.20854C7.03918 8.20595 7.03667 8.20344 7.03407 8.20103C7.03146 8.19862 7.02877 8.19628 7.026 8.19406C7.02323 8.19183 7.02039 8.18972 7.01746 8.18768C7.01454 8.18567 7.01155 8.18376 7.00849 8.18194C7.00543 8.18013 7.00232 8.17843 6.99914 8.17684C6.99596 8.17525 6.99273 8.1738 6.98944 8.17243C6.98616 8.17107 6.98284 8.16983 6.97946 8.16871C6.97608 8.16759 6.97267 8.1666 6.96923 8.16572C6.96578 8.16484 6.96231 8.16409 6.95882 8.16346C6.95532 8.16284 6.95181 8.16234 6.94828 8.16195C6.94474 8.16157 6.9412 8.16133 6.93764 8.1612C6.93409 8.16107 6.93054 8.16107 6.92699 8.1612L5.49602 8.21251L5.49716 8.12312C5.49735 8.10561 5.4975 8.08929 5.49759 8.07348L5.49779 8.02522L5.49781 8C5.49781 6.11766 5.81963 4.36193 6.3723 3.08651C6.86901 1.94026 7.47804 1.3458 8 1.3458L8 1.90735e-06ZM8 14.6542C7.56976 14.6542 7.08712 14.2517 6.65923 13.4954L6.97568 13.4953C6.97938 13.4953 6.98308 13.4952 6.98677 13.4949C6.99045 13.4946 6.99413 13.4942 6.99778 13.4937C7.00144 13.4931 7.00507 13.4924 7.00867 13.4916C7.01229 13.4908 7.01586 13.4899 7.0194 13.4888C7.02294 13.4877 7.02643 13.4865 7.02987 13.4852C7.03332 13.4838 7.03672 13.4823 7.04006 13.4807C7.0434 13.4792 7.04667 13.4774 7.04987 13.4756C7.05308 13.4738 7.05622 13.4718 7.05929 13.4698C7.06236 13.4677 7.06534 13.4655 7.06824 13.4632C7.07116 13.4609 7.07397 13.4585 7.07669 13.456C7.07942 13.4535 7.08206 13.4509 7.0846 13.4482C7.08713 13.4456 7.08956 13.4428 7.09189 13.4399C7.09421 13.437 7.09642 13.4341 7.09854 13.431C7.10065 13.428 7.10264 13.4249 7.1045 13.4217C7.10639 13.4185 7.10814 13.4152 7.10978 13.4119C7.11142 13.4086 7.11293 13.4052 7.11432 13.4018C7.1157 13.3984 7.11695 13.3949 7.11807 13.3914C7.11921 13.3879 7.12021 13.3843 7.12107 13.3807C7.12193 13.3771 7.12265 13.3735 7.12325 13.3698C7.12385 13.3662 7.12431 13.3625 7.12464 13.3588C7.12495 13.3551 7.12513 13.3514 7.12518 13.3477C7.12523 13.344 7.12514 13.3403 7.12492 13.3367C7.12469 13.333 7.12433 13.3293 7.12383 13.3256C7.12333 13.322 7.1227 13.3183 7.12193 13.3147C7.12115 13.3111 7.12025 13.3075 7.11922 13.3039C7.11818 13.3004 7.11701 13.2969 7.11572 13.2934C7.11442 13.29 7.113 13.2865 7.11146 13.2832C7.10991 13.2798 7.10824 13.2765 7.10645 13.2733C7.10465 13.2701 7.10274 13.2669 7.10071 13.2638C7.09868 13.2607 7.09654 13.2577 7.0943 13.2548C7.09204 13.2518 7.08968 13.249 7.08721 13.2462C7.08476 13.2435 7.0822 13.2408 7.07953 13.2382L5.31882 11.538C5.3171 11.5364 5.31535 11.5348 5.31355 11.5332C5.31174 11.5316 5.30991 11.5301 5.30804 11.5286C5.30617 11.5271 5.30426 11.5256 5.30232 11.5242C5.30037 11.5228 5.29839 11.5215 5.29639 11.5202C5.29439 11.5189 5.29236 11.5176 5.29028 11.5164C5.28821 11.5152 5.28611 11.5141 5.284 11.513C5.28187 11.5119 5.27972 11.5108 5.27755 11.5098C5.27538 11.5088 5.2732 11.5079 5.27097 11.507C5.26875 11.5061 5.26651 11.5052 5.26424 11.5044C5.26198 11.5036 5.25972 11.5029 5.25742 11.5022C5.25512 11.5016 5.25282 11.5009 5.25049 11.5004C5.24817 11.4998 5.24583 11.4993 5.24348 11.4988C5.24114 11.4984 5.23879 11.498 5.23641 11.4976C5.23404 11.4973 5.23166 11.497 5.22929 11.4968C5.22692 11.4965 5.22452 11.4964 5.22213 11.4962C5.21974 11.4961 5.21735 11.4961 5.21495 11.4961C5.21256 11.4961 5.21017 11.4961 5.20778 11.4962C5.20538 11.4964 5.20299 11.4965 5.20062 11.4968C5.19824 11.497 5.19587 11.4973 5.1935 11.4976C5.19112 11.498 5.18877 11.4984 5.18643 11.4988C5.18408 11.4993 5.18174 11.4998 5.17942 11.5004C5.17708 11.5009 5.17479 11.5016 5.17249 11.5022C5.17019 11.5029 5.16793 11.5036 5.16566 11.5044C5.1634 11.5052 5.16116 11.5061 5.15893 11.507C5.15671 11.5079 5.15452 11.5088 5.15236 11.5098C5.15019 11.5108 5.14804 11.5119 5.14591 11.513C5.1438 11.5141 5.1417 11.5152 5.13963 11.5164C5.13755 11.5176 5.13551 11.5189 5.13351 11.5202C5.13151 11.5215 5.12953 11.5228 5.12759 11.5242C5.12565 11.5256 5.12374 11.5271 5.12187 11.5286C5.12 11.5301 5.11817 11.5316 5.11636 11.5332C5.11456 11.5348 5.1128 11.5364 5.11108 11.538L3.35037 13.2382C3.3477 13.2408 3.34514 13.2435 3.34269 13.2462C3.34022 13.249 3.33787 13.2518 3.33561 13.2548C3.33336 13.2577 3.33123 13.2607 3.3292 13.2638C3.32716 13.2669 3.32525 13.2701 3.32346 13.2733C3.32166 13.2765 3.32 13.2798 3.31845 13.2832C3.3169 13.2865 3.31548 13.29 3.31419 13.2934C3.3129 13.2969 3.31172 13.3004 3.31069 13.3039C3.30966 13.3075 3.30875 13.3111 3.30798 13.3147C3.30722 13.3183 3.30658 13.322 3.30608 13.3256C3.30557 13.3293 3.30522 13.333 3.30499 13.3367C3.30477 13.3404 3.30467 13.3441 3.30473 13.3477C3.30479 13.3514 3.30495 13.3551 3.30527 13.3588C3.30559 13.3625 3.30606 13.3662 3.30665 13.3698C3.30725 13.3735 3.30798 13.3771 3.30884 13.3807C3.3097 13.3843 3.31069 13.3879 3.31183 13.3914C3.31295 13.3949 3.31421 13.3984 3.31559 13.4018C3.31699 13.4052 3.31851 13.4086 3.32013 13.4119C3.32176 13.4152 3.32351 13.4185 3.3254 13.4217C3.32729 13.4249 3.32927 13.428 3.33138 13.431C3.3335 13.4341 3.3357 13.437 3.33804 13.4399C3.34037 13.4428 3.3428 13.4456 3.34533 13.4482C3.34785 13.451 3.35049 13.4536 3.35322 13.456C3.35594 13.4585 3.35877 13.4609 3.36166 13.4632C3.36456 13.4655 3.36755 13.4677 3.37062 13.4698C3.37368 13.4718 3.37682 13.4738 3.38004 13.4756C3.38325 13.4775 3.38652 13.4792 3.38987 13.4808C3.39322 13.4824 3.3966 13.4838 3.40004 13.4852C3.4035 13.4865 3.40699 13.4877 3.41052 13.4888C3.41406 13.4899 3.41763 13.4908 3.42123 13.4916C3.42484 13.4924 3.42849 13.4931 3.43215 13.4937C3.43579 13.4942 3.43948 13.4946 3.44316 13.4949C3.44684 13.4952 3.45054 13.4953 3.45424 13.4953L5.15785 13.4953C5.42712 14.1066 5.74316 14.6245 6.09879 15.0272C6.64804 15.6491 7.29585 16 8 16L8 14.6542Z"   fill="#19B172" >
+</path>
+</g>
+<defs>
+<clipPath id="clip-path-81_224">
+<path d="M1.90735e-06 16L1.90735e-06 1.90735e-06L16 1.90735e-06L16 16L1.90735e-06 16Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz1.svg b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz1.svg
new file mode 100644
index 0000000..501adf6
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ptzControl/icons/ptz1.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.6796875" height="16" viewBox="0 0 15.6796875 16" fill="none">
+<path d="M7.83756 7.80294e-16C8.44566 8.40835e-16 9.01411 0.268274 9.50933 0.751383C9.94627 1.17761 10.3275 1.77161 10.6428 2.49893C10.8912 3.07162 11.0958 3.72043 11.2519 4.42245C11.9555 4.57847 12.6058 4.78329 13.1796 5.03181C13.9074 5.34699 14.5017 5.72798 14.9282 6.16466C15.4116 6.65961 15.68 7.22774 15.68 7.83549L14.3611 7.83549C14.3611 7.32426 13.7785 6.72775 12.6552 6.24126C12.3022 6.08839 11.9117 5.95354 11.4914 5.83876C11.5685 6.48152 11.6086 7.15169 11.6086 7.83549C11.6086 9.8503 11.2607 11.7469 10.6429 13.172C10.3275 13.8994 9.94627 14.4934 9.50935 14.9196C9.0141 15.4027 8.44562 15.671 7.83755 15.671L7.83755 14.3529C8.34905 14.3529 8.94592 13.7706 9.43269 12.6479C9.97431 11.3987 10.2897 9.67911 10.2897 7.83549C10.2897 7.04227 10.2313 6.272 10.1216 5.55227C9.40232 5.44295 8.63259 5.38475 7.83998 5.38475C5.99529 5.38475 4.27467 5.69995 3.02476 6.24126C1.90146 6.72775 1.31888 7.32426 1.31888 7.83549L-7.80087e-16 7.83549C-7.19581e-16 7.22774 0.268428 6.65961 0.751816 6.16466C1.17829 5.72798 1.77263 5.34699 2.50037 5.03181C3.92632 4.41425 5.82402 4.06665 7.84 4.06665C8.52307 4.06665 9.19253 4.10656 9.83468 4.18334C9.71997 3.76438 9.58532 3.37503 9.43271 3.02303C8.94593 1.90036 8.34905 1.31812 7.83756 1.31812L7.83756 7.80294e-16Z"   fill="#FFFFFF" >
+</path>
+<path d="M7.83756 7.80294e-16L7.83756 1.31812C7.32604 1.31812 6.72919 1.90036 6.24242 3.02303C5.70078 4.27223 5.38542 5.99186 5.38542 7.83549C5.38542 8.68011 5.4516 9.4987 5.57541 10.2579L7.44414 8.76674C7.44686 8.76456 7.44965 8.76249 7.45252 8.76051C7.4554 8.75855 7.45833 8.75669 7.46134 8.75491C7.46434 8.75315 7.4674 8.7515 7.47051 8.74995C7.47364 8.74841 7.47681 8.74698 7.48002 8.74565C7.48324 8.74433 7.4865 8.74312 7.48982 8.74204C7.49313 8.74096 7.49647 8.73999 7.49986 8.73915C7.50323 8.73829 7.50664 8.73757 7.51006 8.73697C7.51349 8.73637 7.51695 8.73587 7.52041 8.7355C7.52387 8.73516 7.52733 8.73492 7.53081 8.73481C7.5343 8.73468 7.53778 8.7347 7.54126 8.73483C7.54474 8.73495 7.54822 8.73523 7.55168 8.73561C7.55514 8.736 7.55858 8.73649 7.56201 8.73712C7.56544 8.73776 7.56882 8.73851 7.57219 8.73937C7.57558 8.74025 7.57892 8.74123 7.58221 8.74233C7.58551 8.74345 7.58877 8.74468 7.592 8.74601C7.5952 8.74735 7.59837 8.74881 7.60147 8.75037C7.60458 8.75193 7.60764 8.75361 7.61063 8.75539C7.61361 8.75716 7.61654 8.75905 7.6194 8.76104C7.62226 8.76304 7.62504 8.76513 7.62775 8.76732C7.63045 8.7695 7.63308 8.77179 7.63563 8.77417C7.63818 8.77655 7.64063 8.779 7.64299 8.78155C7.64536 8.78411 7.64765 8.78675 7.64983 8.78946C7.652 8.79216 7.65407 8.79495 7.65607 8.79782C7.65805 8.80068 7.65992 8.80361 7.6617 8.80661C7.66347 8.80959 7.66514 8.81265 7.6667 8.81576C7.66825 8.81888 7.66968 8.82204 7.67102 8.82526C7.67236 8.82847 7.67356 8.83173 7.67466 8.83504C7.67576 8.83835 7.67673 8.84169 7.67759 8.84505C7.67846 8.84844 7.67919 8.85183 7.67981 8.85525C7.68042 8.85868 7.68091 8.86212 7.68129 8.86558C7.68166 8.86904 7.6819 8.87252 7.68203 8.87599C7.68216 8.87947 7.68216 8.88295 7.68203 8.88643L7.63175 10.288L7.71934 10.2869C7.7365 10.2867 7.7525 10.2865 7.76799 10.2864L7.81529 10.2862L7.84 10.2862C9.68469 10.2862 11.4053 9.97102 12.6552 9.42971C13.7785 8.94322 14.3611 8.34671 14.3611 7.83549L15.68 7.83549C15.68 8.44323 15.4116 9.01136 14.9282 9.50631C14.5017 9.94299 13.9074 10.324 13.1796 10.6392C11.7679 11.2505 9.8939 11.5974 7.90045 11.6042L7.76821 11.6046C7.7215 11.6049 7.66774 11.6057 7.58439 11.6069L7.55851 12.3275C7.55838 12.331 7.55814 12.3345 7.55776 12.338C7.55738 12.3414 7.55688 12.3449 7.55626 12.3483C7.55563 12.3518 7.55488 12.3552 7.55402 12.3586C7.55316 12.362 7.55217 12.3653 7.55107 12.3686C7.54996 12.3719 7.54873 12.3752 7.54739 12.3784C7.54605 12.3817 7.54459 12.3848 7.54303 12.388C7.54146 12.3911 7.53977 12.3942 7.538 12.3972C7.5362 12.4002 7.53431 12.4031 7.53232 12.406C7.53032 12.4088 7.52821 12.4116 7.52602 12.4144C7.52382 12.4171 7.52153 12.4197 7.51913 12.4223C7.51675 12.4248 7.51427 12.4273 7.51171 12.4297C7.50914 12.432 7.50649 12.4343 7.50376 12.4365C7.50103 12.4387 7.49823 12.4408 7.49535 12.4428C7.49248 12.4448 7.48954 12.4466 7.48652 12.4484C7.4835 12.4502 7.48044 12.4518 7.47731 12.4534C7.47418 12.455 7.47099 12.4564 7.46775 12.4577C7.46452 12.4591 7.46124 12.4603 7.45793 12.4614C7.45461 12.4625 7.45124 12.4634 7.44785 12.4643C7.44446 12.4651 7.44104 12.4659 7.4376 12.4665C7.43415 12.4671 7.43069 12.4676 7.42721 12.4679C7.42373 12.4683 7.42025 12.4685 7.41675 12.4687C7.41325 12.4688 7.40975 12.4687 7.40625 12.4686C7.40276 12.4685 7.39927 12.4682 7.39581 12.4678C7.39233 12.4674 7.38887 12.4669 7.38543 12.4663C7.382 12.4656 7.37858 12.4649 7.37519 12.464C7.3718 12.4631 7.36846 12.4621 7.36515 12.461C7.36183 12.4599 7.35857 12.4587 7.35535 12.4573C7.35211 12.456 7.34894 12.4545 7.34582 12.4529C7.34269 12.4513 7.33963 12.4496 7.33665 12.4478C7.33364 12.446 7.33071 12.4441 7.32785 12.4421C7.325 12.4401 7.32221 12.438 7.3195 12.4358C7.31679 12.4336 7.31415 12.4313 7.31161 12.4289L5.69952 10.9121C5.83899 11.5531 6.02196 12.1395 6.24242 12.6479C6.51834 13.2843 6.82961 13.747 7.14068 14.0285L8.45778 13.7492C8.46099 13.7485 8.4642 13.748 8.46742 13.7475C8.47066 13.7471 8.4739 13.7467 8.47717 13.7465C8.48041 13.7462 8.48367 13.7461 8.48695 13.746C8.49021 13.746 8.49347 13.7461 8.49673 13.7463C8.49999 13.7465 8.50323 13.7468 8.50647 13.7472C8.50972 13.7476 8.51294 13.7481 8.51614 13.7487C8.51935 13.7494 8.52254 13.7501 8.52569 13.7509C8.52886 13.7518 8.53197 13.7527 8.53507 13.7537C8.53816 13.7548 8.5412 13.7559 8.54423 13.7572C8.54725 13.7584 8.55023 13.7598 8.55315 13.7612C8.55608 13.7627 8.55895 13.7642 8.56177 13.7658C8.5646 13.7675 8.56736 13.7692 8.57007 13.771C8.57278 13.7729 8.57542 13.7748 8.578 13.7768C8.58059 13.7788 8.5831 13.7809 8.58553 13.783C8.58797 13.7852 8.59035 13.7875 8.59264 13.7898C8.59493 13.7921 8.59713 13.7945 8.59927 13.797C8.6014 13.7994 8.60345 13.802 8.60541 13.8046C8.60737 13.8072 8.60924 13.8099 8.61101 13.8126C8.61279 13.8154 8.61448 13.8182 8.61607 13.821C8.61766 13.8238 8.61916 13.8268 8.62057 13.8297C8.62197 13.8327 8.62327 13.8356 8.62446 13.8387C8.62567 13.8417 8.62677 13.8448 8.62776 13.8479C8.62876 13.851 8.62964 13.8541 8.63043 13.8573C8.63122 13.8605 8.6319 13.8637 8.63246 13.8669C8.63303 13.8701 8.63351 13.8733 8.63385 13.8766C8.6342 13.8798 8.63446 13.8831 8.63459 13.8863C8.63473 13.8896 8.63477 13.8928 8.63468 13.8961C8.63459 13.8994 8.6344 13.9026 8.63411 13.9059C8.6338 13.9091 8.6334 13.9124 8.63288 13.9156C8.63237 13.9188 8.63175 13.922 8.63103 13.9252C8.6303 13.9284 8.62946 13.9315 8.62852 13.9347C8.62759 13.9378 8.62655 13.9409 8.62539 13.9439L7.88957 15.905C7.88874 15.9072 7.88788 15.9093 7.88695 15.9115C7.88601 15.9136 7.88504 15.9158 7.88402 15.9179C7.88297 15.92 7.88189 15.922 7.88078 15.9241C7.87966 15.9261 7.87847 15.9282 7.87724 15.9302C7.87601 15.9322 7.87475 15.9341 7.87343 15.9361C7.87211 15.938 7.87076 15.9399 7.86935 15.9418C7.86793 15.9436 7.86647 15.9455 7.86497 15.9473C7.86348 15.9491 7.86194 15.9508 7.86035 15.9525C7.85876 15.9543 7.85715 15.9559 7.85548 15.9576C7.85381 15.9592 7.85211 15.9608 7.85037 15.9624C7.84863 15.964 7.84685 15.9655 7.84504 15.967C7.84322 15.9685 7.84139 15.9699 7.83951 15.9713C7.83762 15.9727 7.83571 15.974 7.83375 15.9753C7.83181 15.9766 7.82983 15.9779 7.82782 15.9791C7.82582 15.9803 7.82379 15.9814 7.82172 15.9826C7.81965 15.9837 7.81756 15.9847 7.81545 15.9857C7.81335 15.9867 7.8112 15.9877 7.80904 15.9886C7.80688 15.9895 7.8047 15.9904 7.8025 15.9911C7.80031 15.992 7.79809 15.9927 7.79585 15.9934C7.79362 15.9941 7.79137 15.9947 7.78909 15.9953C7.78684 15.9959 7.78455 15.9964 7.78226 15.9969C7.77997 15.9974 7.77766 15.9978 7.77536 15.9982C7.77303 15.9986 7.77072 15.9989 7.7684 15.9991C7.76607 15.9994 7.76372 15.9996 7.7614 15.9997C7.75905 15.9999 7.75671 16 7.75438 16C7.75204 16 7.74969 16 7.74735 15.9999C7.74502 15.9998 7.74268 15.9997 7.74035 15.9995C7.73801 15.9993 7.73568 15.9991 7.73335 15.9988C7.73103 15.9985 7.72872 15.9981 7.72643 15.9977C7.72412 15.9973 7.72183 15.9968 7.71954 15.9963C7.71725 15.9957 7.71498 15.9952 7.71273 15.9946C7.71047 15.9939 7.70824 15.9932 7.70602 15.9925L4.39485 14.8894C4.39106 14.8881 4.38734 14.8867 4.38368 14.8852C4.38 14.8836 4.37641 14.8819 4.37287 14.88C4.36933 14.8782 4.36589 14.8762 4.36254 14.874C4.35917 14.8719 4.35589 14.8696 4.35272 14.8672C4.34955 14.8648 4.34647 14.8623 4.34349 14.8596C4.34052 14.857 4.33766 14.8542 4.33492 14.8513C4.33217 14.8484 4.32955 14.8454 4.32704 14.8423C4.32453 14.8392 4.32217 14.836 4.31993 14.8327C4.31768 14.8294 4.31559 14.826 4.31363 14.8226C4.31167 14.8191 4.30984 14.8155 4.30817 14.8119C4.3065 14.8083 4.30497 14.8046 4.30359 14.8009C4.30222 14.7971 4.30101 14.7934 4.29995 14.7895C4.29887 14.7857 4.29797 14.7818 4.29722 14.7779C4.29647 14.774 4.29588 14.77 4.29546 14.7661C4.29504 14.7621 4.29476 14.7581 4.29467 14.7541C4.29458 14.7502 4.29463 14.7462 4.29485 14.7422C4.29509 14.7382 4.29548 14.7342 4.29603 14.7303C4.29658 14.7264 4.29729 14.7225 4.29815 14.7186C4.29901 14.7147 4.30004 14.7108 4.30123 14.707C4.30242 14.7032 4.30376 14.6994 4.30524 14.6957C4.30672 14.692 4.30837 14.6884 4.31015 14.6849C4.31193 14.6813 4.31387 14.6778 4.31594 14.6744C4.31801 14.671 4.32021 14.6677 4.32255 14.6645C4.3249 14.6612 4.32737 14.6581 4.32995 14.6551C4.33255 14.6521 4.33526 14.6491 4.3381 14.6463C4.34094 14.6435 4.34389 14.6409 4.34695 14.6383C4.35001 14.6357 4.35316 14.6333 4.3564 14.631C4.35964 14.6287 4.363 14.6265 4.36642 14.6245C4.36985 14.6224 4.37336 14.6206 4.37695 14.6188C4.38053 14.6171 4.38419 14.6155 4.38791 14.614C4.39163 14.6126 4.39538 14.6113 4.39921 14.6101C4.40304 14.609 4.40689 14.608 4.41079 14.6072L5.67541 14.3391C5.43838 14.0041 5.22325 13.6125 5.03227 13.172C4.72303 12.4588 4.48146 11.6275 4.31724 10.7224L2.70654 12.3895C2.70403 12.3921 2.70141 12.3946 2.6987 12.397C2.69601 12.3994 2.6932 12.4017 2.69033 12.404C2.68745 12.4062 2.6845 12.4082 2.68148 12.4102C2.67844 12.4122 2.67534 12.4141 2.67218 12.4159C2.66901 12.4176 2.66576 12.4192 2.66249 12.4208C2.65919 12.4223 2.65584 12.4237 2.65245 12.4249C2.64906 12.4262 2.64562 12.4274 2.64213 12.4284C2.63865 12.4294 2.63514 12.4303 2.6316 12.431C2.62805 12.4318 2.62448 12.4324 2.62089 12.4329C2.6173 12.4334 2.61369 12.4337 2.61008 12.4339C2.60645 12.4342 2.60283 12.4343 2.5992 12.4342C2.59559 12.4342 2.59196 12.434 2.58835 12.4337C2.58475 12.4334 2.58114 12.4329 2.57756 12.4323C2.57399 12.4317 2.57044 12.431 2.56692 12.4302C2.56339 12.4293 2.55991 12.4284 2.55644 12.4272C2.553 12.4261 2.54959 12.4249 2.54622 12.4236C2.54287 12.4222 2.53956 12.4207 2.53631 12.4191C2.53307 12.4175 2.52988 12.4158 2.52675 12.414C2.52362 12.4121 2.52058 12.4102 2.51759 12.4081C2.51461 12.406 2.51171 12.4039 2.50889 12.4016C2.50609 12.3993 2.50336 12.3969 2.50072 12.3944C2.49807 12.392 2.49552 12.3894 2.49308 12.3867C2.49063 12.384 2.48828 12.3813 2.48603 12.3784C2.4838 12.3756 2.48167 12.3727 2.47964 12.3697C2.4776 12.3666 2.4757 12.3636 2.47389 12.3604C2.47209 12.3573 2.47041 12.3541 2.46885 12.3508C2.46729 12.3475 2.46584 12.3442 2.46454 12.3409C2.46323 12.3375 2.46203 12.334 2.46099 12.3306C2.45993 12.3271 2.45899 12.3236 2.45819 12.3201C2.4574 12.3166 2.45672 12.313 2.45619 12.3094C2.45566 12.3058 2.45526 12.3022 2.45498 12.2986C2.45471 12.295 2.45458 12.2914 2.45458 12.2878L2.45458 10.6192C1.85555 10.3555 1.34799 10.0459 0.953348 9.6976C0.343861 9.15965 -8.48749e-16 8.52515 -7.80087e-16 7.83549L1.31888 7.83549C1.31888 8.25688 1.71333 8.72959 2.45454 9.14868L2.45458 8.83874C2.45458 8.83511 2.45471 8.83149 2.45498 8.82788C2.45526 8.82428 2.45566 8.82067 2.45619 8.8171C2.45672 8.81351 2.4574 8.80996 2.45819 8.80643C2.45899 8.80289 2.45993 8.79938 2.46099 8.79592C2.46205 8.79246 2.46324 8.78903 2.46454 8.78567C2.46586 8.78228 2.46731 8.77897 2.46887 8.77569C2.47042 8.77241 2.47211 8.76921 2.4739 8.76608C2.4757 8.76293 2.4776 8.75985 2.47964 8.75685C2.48167 8.75385 2.4838 8.75092 2.48605 8.74808C2.4883 8.74523 2.49065 8.74246 2.49308 8.73981C2.49554 8.73713 2.49808 8.73455 2.50072 8.73206C2.50336 8.72959 2.50609 8.72721 2.50891 8.72492C2.51173 8.72265 2.51463 8.72047 2.51761 8.71841C2.5206 8.71634 2.52364 8.7144 2.52675 8.71257C2.52988 8.71072 2.53307 8.709 2.53631 8.7074C2.53957 8.70579 2.54289 8.70431 2.54624 8.70295C2.54959 8.7016 2.553 8.70037 2.55646 8.69927C2.55991 8.69816 2.56339 8.69719 2.56692 8.69635C2.57046 8.6955 2.57401 8.69479 2.57758 8.6942C2.58116 8.69362 2.58475 8.69316 2.58835 8.69285C2.59196 8.69254 2.59559 8.69237 2.59922 8.69232C2.60284 8.69226 2.60647 8.69235 2.61008 8.69257C2.61369 8.69279 2.6173 8.69314 2.62089 8.69364C2.62448 8.69413 2.62805 8.69475 2.6316 8.6955C2.63514 8.69625 2.63865 8.69715 2.64213 8.69816C2.64562 8.69916 2.64906 8.70032 2.65245 8.70158C2.65584 8.70284 2.65919 8.70424 2.66249 8.70576C2.66576 8.70727 2.66901 8.7089 2.67218 8.71066C2.67534 8.71242 2.67846 8.71429 2.68148 8.71628C2.6845 8.71828 2.68745 8.72036 2.69033 8.72256C2.6932 8.72478 2.69601 8.72708 2.6987 8.7295C2.70141 8.7319 2.70403 8.73441 2.70654 8.73702L4.25274 10.3374C4.13065 9.54384 4.06654 8.70056 4.06654 7.83549C4.06654 5.82067 4.41436 3.92406 5.03225 2.49893C5.34763 1.77161 5.72884 1.17761 6.16578 0.751383C6.66101 0.268274 7.22947 7.19753e-16 7.83756 7.80294e-16Z"   fill="#19B172" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/components/ptzControl/index.vue b/src/views/drone/components/virtualWarehouse/components/ptzControl/index.vue
new file mode 100644
index 0000000..ffe33a3
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/components/ptzControl/index.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="ptz_control" @mouseleave="handleComponentLeave">
+    <div>
+      <div class="boxs" v-for="(item, i) of pztList" :key="i" @click="onControlReset(item.id)" :class="item.id == select_id ? 'select' : ''">
+        <img :src="item.icon" alt="" srcset="" />
+        <span>{{ item.label }}</span>
+      </div>
+    </div>
+    <div class="boxs_ptz">
+      <div class="ptz_dis">
+        <div
+          class="boxs"
+          v-for="(item, i) of controlList1"
+          :key="i"
+          @mousedown="startControl(item)"
+          @mouseup="stopControl"
+          @mouseleave="handleMouseLeave"
+          :class="item.id == select_id ? 'select' : ''"
+        >
+          <img :src="item.icon" alt="" srcset="" />
+          <span>{{ item.label }}</span>
+        </div>
+      </div>
+      <div class="ptz_dis1">
+        <div
+          class="boxs"
+          v-for="(item, i) of controlList"
+          :key="i"
+          @mousedown="startControl(item)"
+          @mouseup="stopControl"
+          @mouseleave="handleMouseLeave"
+          :class="item.id == select_id ? 'select' : ''"
+        >
+          <img :src="item.icon" alt="" srcset="" />
+          <span>{{ item.label }}</span>
+        </div>
+      </div>
+    </div>
+    <!-- <el-button @click="sendCommand">前</el-button>
+    <el-button>后</el-button>
+    <el-button>左</el-button>
+    <el-button>右</el-button> -->
+  </div>
+</template>
+
+<script>
+import { hasDataFlight } from '../../api/index';
+import { getDockAir } from '@/utils/auth';
+import ptz1 from './icons/ptz1.svg';
+import ptz from './icons/ptz.svg';
+import btn from './icons/btn.svg';
+
+const validKeys = ['w', 'a', 's', 'd', 'c', 'z'];
+export default {
+  props: {
+    Drone: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      pztList: [
+        {
+          id: 0,
+          label: '云台回中',
+          icon: ptz
+        },
+        { id: 1, label: '云台向下', icon: ptz1 }
+      ],
+      controlList1: [
+        {
+          id: 2,
+          label: '云台向上',
+          icon: btn,
+          type: 'vertical',
+          verticalValue: 180
+        }
+      ],
+      controlList: [
+        {
+          id: 6,
+          label: '云台向左',
+          icon: btn,
+          type: 'horizontal',
+          verticalValue: -180
+        },
+        {
+          id: 3,
+          label: '云台回下',
+          icon: btn,
+          type: 'vertical',
+          verticalValue: -180
+        },
+        {
+          id: 4,
+          label: '云台向右',
+          icon: btn,
+          type: 'horizontal',
+          verticalValue: 180
+        }
+      ],
+      select_id: 1,
+      isSelect: true, //是否可以点击
+      intervalId: null,
+      obj: {
+        gateway: null,
+        x: 12, //17~-17 前后
+        y: 0, //17~-17 左右
+        h: 0, //5~-4 上下
+        w: 0
+      },
+      controlInterval: null
+    };
+  },
+  mounted() {
+    this.addLis();
+  },
+  methods: {
+    // 鼠标按下离开当前div停止
+    handleMouseLeave(event) {
+      // 检查鼠标按键是否仍处于按下状态
+      if (event.buttons !== 0) {
+        // buttons 属性为0表示没有按键被按下
+        this.stopControl();
+      }
+    },
+    // 鼠标按下离开当前 ptz_control div停止
+    handleComponentLeave() {
+      // 停止所有控制操作
+      this.stopControl();
+      this.select_id = null;
+    },
+    // flight_authority_grab
+    onControlReset(id) {
+      this.select_id = id;
+      // 无参数接口调用
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex,
+          reset_mode: id
+        },
+        gateway: this.Drone.gateway,
+        method: 'gimbal_reset'
+      };
+      this.setHasDataFlight(obj);
+    },
+    startControl(item) {
+      this.select_id = item.id;
+      // 先执行一次
+      this.onControl(item);
+
+      // 设置定时器持续执行
+      this.controlInterval = setInterval(() => {
+        this.onControl(item);
+      }, 100);
+    },
+
+    stopControl() {
+      if (this.controlInterval) {
+        clearInterval(this.controlInterval);
+        this.controlInterval = null;
+      }
+      // 重置选中状态
+      this.select_id = null;
+    },
+    onControl(item) {
+      let obj = {
+        locked: false,
+        payload_index: this.Drone.cameraIndex
+      };
+      if (item.type == 'horizontal') {
+        //水平
+        this.obj.pitch_speed = 0;
+        obj.yaw_speed = Cesium.Math.toRadians(item.verticalValue);
+        obj.pitch_speed = 0;
+      } else {
+        //垂直
+        this.obj.yaw_speed = 0;
+        obj.pitch_speed = Cesium.Math.toRadians(item.verticalValue);
+        obj.yaw_speed = 0;
+      }
+      let obj2 = {
+        params: obj,
+        gateway: this.Drone.gateway,
+        method: 'camera_screen_drag'
+      };
+      this.setHasDataFlight(obj2);
+    },
+    // 有参数接口调用
+    setHasDataFlight(data) {
+      if (!this.isSelect) return;
+      hasDataFlight(data).then((res) => {
+        if (res.code == 200) {
+        }
+        this.isSelect = true;
+      });
+    },
+    control() {
+      console.log(this.obj, droneControl);
+
+      // droneControl(this.obj).then(res => {
+      //   console.log(234);
+      // })
+    },
+    sendCommand() {
+      // 这里放置发送指令的逻辑
+      this.obj.gateway = this.Drone.gateway; // 确保使用正确的上下文
+
+      // let url = process.env.DOCKAIR + '/dj/cmdFly/droneControl'; // 注意这里的url是否正确
+      let url = getDockAir() + '/dj/cmdFly/droneControl'; // 注意这里的url是否正确
+      axios
+        .post(url, this.obj) // 直接使用url和数据
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((error) => {
+          console.error('发送请求失败:', error);
+        });
+    },
+    // 添加监听
+    addLis() {
+      // 定义事件处理函数
+      document.addEventListener('keydown', this.handleKeydown);
+      document.addEventListener('keyup', this.handleKeyup);
+    },
+    handleKeydown(event) {
+      // 检查是否是有效按键
+      if (validKeys.includes(event.key.toLowerCase())) {
+        this.obj.x = 0;
+        this.obj.y = 0;
+        this.obj.h = 0;
+        this.obj.w = 0;
+        switch (event.key.toLowerCase()) {
+          case 'w':
+            this.obj.x = 12; // W按键时，x值为12
+            break;
+          case 's':
+            this.obj.x = -12; // S按键时，x值为-12
+            break;
+          case 'a':
+            this.obj.y = -12; // A按键时，y值为12
+            break;
+          case 'd':
+            this.obj.y = 12; // D按键时，y值为-12
+            break;
+          case 'z':
+            this.obj.h = -2; // Z按键时，h值为-2
+            break;
+          case 'c':
+            this.obj.h = 5; // C按键时，h值为5
+            break;
+          default:
+            break;
+        }
+
+        // 如果没有正在发送请求，则启动定时器
+        if (!this.intervalId) {
+          this.intervalId = setInterval(() => {
+            // 在这里发送请求
+            console.log(`发送请求: 按下了 ${event.key.toUpperCase()}`, this.obj);
+            this.obj.gateway = this.Drone.gateway; // 确保使用正确的上下文
+
+            // let url = process.env.DOCKAIR + '/dj/cmdFly/droneControl'; // 注意这里的url是否正确
+            let url = getDockAir() + '/dj/cmdFly/droneControl'; // 注意这里的url是否正确
+            console.log(url, this.obj);
+            axios
+              .post(url, this.obj) // 直接使用url和数据
+              .then((res) => {})
+              .catch((error) => {
+                console.log('发送请求失败:', error);
+              });
+          }, 150);
+        }
+      }
+    },
+
+    handleKeyup(event) {
+      // 如果抬起的按键是有效按键，停止定时器
+      if (validKeys.includes(event.key.toLowerCase()) && this.intervalId) {
+        clearInterval(this.intervalId);
+        this.intervalId = null;
+      }
+    },
+    // 移除事件监听的函数
+    removeEventListeners() {
+      document.removeEventListener('keydown', this.handleKeydown);
+      document.removeEventListener('keyup', this.handleKeyup);
+      // 如果定时器存在，清除定时器
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+        this.intervalId = null;
+      }
+      console.log('事件监听器已移除');
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.ptz_control {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  display: flex;
+  align-items: center;
+
+  > div {
+    margin-right: 20px;
+
+    .boxs {
+      height: 50px;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      color: #fff;
+      border-radius: 4px;
+      background: rgba(0, 255, 255, 0.1);
+      box-sizing: border-box;
+      border: 1px solid rgba(0, 255, 255, 0.1);
+      padding: 4px;
+      font-size: 12px;
+      margin-bottom: 10px;
+      width: 58px;
+      cursor: pointer;
+
+      > img {
+        width: 16px;
+        height: 16px;
+        margin-bottom: 6px;
+      }
+    }
+
+    .boxs:hover {
+      border: 1px solid rgba(0, 255, 255, 0.5);
+    }
+
+    .select {
+      // border: 1px solid rgba(0, 255, 255, 0.5);
+    }
+  }
+
+  .boxs_ptz {
+    width: 220px;
+
+    .ptz_dis {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+
+    .ptz_dis1 {
+      display: flex;
+      justify-content: space-between;
+
+      > div:nth-child(1) > img {
+        transform: rotate(-90deg);
+      }
+
+      > div:nth-child(2) > img {
+        transform: rotate(180deg);
+      }
+
+      > div:nth-child(3) > img {
+        transform: rotate(90deg);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/icons/Refresh.svg b/src/views/drone/components/virtualWarehouse/icons/Refresh.svg
new file mode 100644
index 0000000..ec42ee9
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/Refresh.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M8 0C3.58169 0 0 3.58169 0 8C0 12.4183 3.58169 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58169 12.4183 0 8 0ZM8 11.6364C5.9917 11.6364 4.36364 10.0083 4.36364 8C4.36364 5.9917 5.9917 4.36364 8 4.36364C10.0083 4.36364 11.6364 5.9917 11.6364 8C11.6364 10.0083 10.0083 11.6364 8 11.6364Z"   fill="#E55D5D" >
+</path>
+<circle cx="8" cy="8" r="4"   fill="#FFFFFF" >
+</circle>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/aircraft-camera-active.png b/src/views/drone/components/virtualWarehouse/icons/aircraft-camera-active.png
new file mode 100644
index 0000000..80dbe17
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/aircraft-camera-active.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/bj.png b/src/views/drone/components/virtualWarehouse/icons/bj.png
new file mode 100644
index 0000000..63c4708
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/bj.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/cerams.svg b/src/views/drone/components/virtualWarehouse/icons/cerams.svg
new file mode 100644
index 0000000..34e475d
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/cerams.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M5.9601 0.000757741C6.00342 2.3498e-05 6.04673 -0.000177139 6.09005 0.000155828C6.13336 0.000488796 6.17666 0.00135527 6.21997 0.00275525C6.26326 0.00415522 6.30654 0.00608828 6.34978 0.00855442C6.39303 0.0110206 6.43624 0.014019 6.47941 0.0175498C6.52258 0.0210806 6.56571 0.0251427 6.60878 0.029736C6.65185 0.0343293 6.69487 0.0394525 6.73781 0.0451055C6.78076 0.0507586 6.82363 0.0569398 6.86642 0.0636491C6.90922 0.0703586 6.95192 0.0775939 6.99453 0.0853555C7.03716 0.0931171 7.07966 0.101402 7.12207 0.110211C7.1645 0.119021 7.20679 0.128351 7.24897 0.138202C7.29115 0.148054 7.33321 0.158423 7.37513 0.16931C7.41705 0.180198 7.45884 0.1916 7.50049 0.203516C7.54214 0.215434 7.58363 0.227862 7.62496 0.240802C7.6663 0.253741 7.70748 0.267188 7.74848 0.281141C7.78949 0.295096 7.83033 0.309552 7.87097 0.324511C7.91163 0.339471 7.95208 0.35493 7.99236 0.370887C8.03263 0.386843 8.0727 0.403294 8.11257 0.420238C8.15242 0.437182 8.19208 0.454615 8.23152 0.472535C8.27095 0.490457 8.31015 0.508861 8.34914 0.527748C8.38812 0.546635 8.42687 0.565999 8.46538 0.58584C8.50389 0.605682 8.54214 0.625996 8.58014 0.64678C8.61815 0.667564 8.65589 0.688814 8.69337 0.710528C8.73085 0.732243 8.76806 0.754414 8.80499 0.777046C8.84192 0.799677 8.87858 0.822759 8.91494 0.846293C8.95131 0.869828 8.98738 0.893807 9.02316 0.918229C9.05894 0.942652 9.0944 0.967512 9.12956 0.992808C9.16473 1.01811 9.19957 1.04383 9.23409 1.06999C9.26863 1.09614 9.30283 1.12272 9.3367 1.14972C9.37058 1.17671 9.40411 1.20412 9.43731 1.23195C9.47051 1.25978 9.50336 1.28801 9.53585 1.31664C9.56836 1.34527 9.60051 1.3743 9.63229 1.40373C9.66409 1.43316 9.69551 1.46297 9.72655 1.49317C10.883 2.6106 11.3975 3.9785 11.2565 5.56091C11.1223 7.05857 10.4143 8.29598 9.15056 9.23943C9.42431 9.77939 9.57731 10.2541 9.63056 10.7273C9.6315 10.7377 9.63231 10.7482 9.63297 10.7586C9.63364 10.769 9.63418 10.7795 9.63458 10.7899C9.63498 10.8003 9.63525 10.8108 9.63538 10.8212C9.6355 10.8317 9.63549 10.8421 9.63534 10.8526C9.6352 10.863 9.63491 10.8735 9.63448 10.8839C9.63407 10.8944 9.63351 10.9048 9.63282 10.9152C9.63213 10.9256 9.6313 10.9361 9.63034 10.9465C9.62936 10.9569 9.62827 10.9673 9.62703 10.9777C9.6258 10.988 9.62443 10.9984 9.62292 11.0087C9.62141 11.0191 9.61977 11.0294 9.618 11.0397C9.61621 11.05 9.6143 11.0603 9.61225 11.0705C9.61021 11.0808 9.60803 11.091 9.60573 11.1012C9.60342 11.1114 9.60097 11.1215 9.59839 11.1317C9.59581 11.1418 9.5931 11.1519 9.59026 11.1619C9.58742 11.172 9.58444 11.182 9.58134 11.192C9.57824 11.202 9.57501 11.2119 9.57165 11.2218C9.56828 11.2317 9.56479 11.2415 9.56117 11.2513C9.55755 11.2612 9.5538 11.2709 9.54992 11.2806C9.54605 11.2903 9.54204 11.3 9.53792 11.3096C9.53379 11.3192 9.52954 11.3287 9.52517 11.3382C9.5208 11.3477 9.5163 11.3571 9.51167 11.3665C9.50705 11.3759 9.50229 11.3852 9.49743 11.3944C9.49256 11.4037 9.48757 11.4129 9.48247 11.422C9.47736 11.4311 9.47214 11.4401 9.46679 11.4491C9.46145 11.4581 9.45599 11.467 9.45042 11.4759C9.44484 11.4847 9.43915 11.4935 9.43335 11.5022C9.42754 11.5108 9.42163 11.5195 9.41559 11.528C9.40957 11.5365 9.40343 11.545 9.39717 11.5534C9.39092 11.5617 9.38457 11.57 9.3781 11.5782C9.37163 11.5865 9.36506 11.5946 9.35838 11.6026C9.3517 11.6107 9.34491 11.6186 9.33802 11.6265C9.33114 11.6343 9.32415 11.6421 9.31705 11.6498C9.31069 11.6567 9.30423 11.6636 9.29768 11.6704C9.29113 11.6772 9.2845 11.6839 9.27777 11.6905C9.27104 11.6972 9.26424 11.7037 9.25733 11.7101C9.25044 11.7166 9.24346 11.723 9.23639 11.7292C9.22932 11.7354 9.22218 11.7416 9.21494 11.7477C9.20771 11.7537 9.20041 11.7596 9.19303 11.7656C9.18565 11.7715 9.17818 11.7772 9.17065 11.783C9.16311 11.7886 9.15549 11.7941 9.1478 11.7996C9.14013 11.8051 9.13237 11.8105 9.12454 11.8158C9.11672 11.8211 9.10883 11.8262 9.10086 11.8313C9.0929 11.8363 9.08487 11.8413 9.07677 11.8461C9.06869 11.8511 9.06053 11.8559 9.05232 11.8604C9.0441 11.865 9.03583 11.8696 9.02748 11.874C9.01914 11.8785 9.01075 11.8828 9.0023 11.8869C8.99385 11.8911 8.98534 11.8952 8.97677 11.8992C8.96822 11.9032 8.9596 11.9071 8.95094 11.9108C8.9423 11.9146 8.93358 11.9182 8.92482 11.9217C8.91607 11.9252 8.90727 11.9286 8.89842 11.9319C8.88958 11.9352 8.88069 11.9384 8.87176 11.9415C8.86283 11.9446 8.85386 11.9475 8.84485 11.9503C8.83584 11.9531 8.8268 11.9558 8.81772 11.9584C8.80865 11.961 8.79953 11.9634 8.79039 11.9658C8.78125 11.9681 8.77208 11.9704 8.76287 11.9725C8.75367 11.9746 8.74444 11.9766 8.73519 11.9783C8.72593 11.9802 8.71666 11.982 8.70736 11.9836C8.69806 11.9851 8.68874 11.9866 8.6794 11.988C8.67006 11.9893 8.6607 11.9906 8.65133 11.9918C8.64196 11.9929 8.63258 11.9939 8.62318 11.9947C8.61378 11.9955 8.60438 11.9964 8.59496 11.997C8.58555 11.9975 8.57612 11.9981 8.56668 11.9985C8.55725 11.9988 8.54782 11.9992 8.53839 11.9993C8.52895 11.9994 8.51951 11.9994 8.51007 11.9993L8.49957 11.9993C6.72284 11.9865 5.11712 11.9872 3.59089 12L3.57889 12C3.2624 12 2.9819 11.8875 2.76816 11.6738C2.76115 11.6667 2.75422 11.6596 2.74738 11.6524C2.74056 11.6451 2.73382 11.6378 2.72716 11.6304C2.72052 11.623 2.71397 11.6155 2.7075 11.608C2.70104 11.6004 2.69468 11.5928 2.68841 11.585C2.68214 11.5773 2.67597 11.5695 2.6699 11.5616C2.66383 11.5538 2.65787 11.5458 2.652 11.5378C2.64613 11.5297 2.64036 11.5216 2.63469 11.5135C2.62903 11.5053 2.62347 11.497 2.61801 11.4887C2.61256 11.4804 2.60721 11.472 2.60196 11.4636C2.59672 11.4551 2.59158 11.4466 2.58654 11.438C2.58152 11.4294 2.5766 11.4208 2.57178 11.4121C2.56697 11.4034 2.56227 11.3946 2.55768 11.3858C2.5531 11.377 2.54862 11.3681 2.54425 11.3592C2.53989 11.3502 2.53564 11.3412 2.53149 11.3322C2.52735 11.3232 2.52333 11.3141 2.51942 11.3049C2.51551 11.2958 2.51172 11.2866 2.50804 11.2773C2.50436 11.2681 2.50079 11.2588 2.49735 11.2495C2.49392 11.2401 2.49059 11.2308 2.48738 11.2214C2.48418 11.2119 2.48109 11.2025 2.47812 11.193C2.47515 11.1835 2.4723 11.174 2.46957 11.1644C2.46686 11.1548 2.46424 11.1452 2.46176 11.1356C2.45927 11.126 2.45692 11.1163 2.45467 11.1066C2.45244 11.0969 2.45032 11.0872 2.44832 11.0775C2.44632 11.0677 2.44446 11.058 2.4427 11.0482C2.44096 11.0384 2.43933 11.0286 2.43783 11.0187C2.43633 11.0089 2.43496 10.9991 2.43369 10.9892C2.43245 10.9793 2.43132 10.9695 2.43031 10.9596C2.42931 10.9497 2.42843 10.9398 2.42768 10.9298C2.42693 10.9199 2.42629 10.91 2.42579 10.9001C2.4253 10.8901 2.42492 10.8802 2.42467 10.8702C2.42441 10.8603 2.42428 10.8504 2.42428 10.8404C2.42428 10.8305 2.42441 10.8205 2.42465 10.8106C2.44191 10.3479 2.6099 9.91888 2.76666 9.55365C2.80865 9.45616 2.85665 9.35941 2.9024 9.26643L2.91215 9.24618C1.58617 8.24573 0.871434 6.94532 0.787435 5.38092C0.709437 3.92452 1.19243 2.65259 2.22366 1.60041C2.254 1.56929 2.28471 1.53857 2.31579 1.5082C2.34688 1.47784 2.37834 1.44788 2.41016 1.4183C2.44199 1.38871 2.47418 1.35953 2.50671 1.33073C2.53927 1.30194 2.57215 1.27356 2.60539 1.24557C2.63864 1.2176 2.67222 1.19003 2.70614 1.16288C2.74007 1.13572 2.77432 1.10899 2.8089 1.08268C2.84347 1.05637 2.87837 1.03049 2.91358 1.00503C2.9488 0.979582 2.98432 0.954566 3.02016 0.929987C3.056 0.905409 3.09212 0.881276 3.12854 0.857586C3.16496 0.833898 3.20168 0.810661 3.23868 0.787875C3.27568 0.76509 3.31294 0.742764 3.35049 0.720894C3.38804 0.699027 3.42586 0.677624 3.46392 0.656686C3.502 0.635749 3.54032 0.615282 3.5789 0.595288C3.61748 0.575293 3.65631 0.555777 3.69536 0.536738C3.73442 0.517699 3.7737 0.499143 3.81322 0.48107C3.85274 0.462998 3.89248 0.445416 3.93241 0.42832C3.97237 0.411226 4.01252 0.394625 4.05287 0.378519C4.09323 0.362413 4.13378 0.346806 4.17451 0.331698C4.21525 0.31659 4.25617 0.301985 4.29727 0.287884C4.33837 0.273783 4.37964 0.260189 4.42108 0.247103C4.46251 0.234018 4.5041 0.221445 4.54584 0.209381C4.58758 0.19732 4.62947 0.185774 4.67149 0.174742C4.71353 0.163711 4.75569 0.153198 4.79797 0.143204C4.84026 0.133211 4.88266 0.123739 4.92518 0.114789C4.9677 0.105839 5.01032 0.0974135 5.05305 0.0895124C5.09578 0.0816112 5.1386 0.074237 5.18151 0.0673897C5.22442 0.0605425 5.26741 0.0542241 5.31047 0.0484346C5.35353 0.0426454 5.39666 0.0373867 5.43986 0.0326587C5.48306 0.0279308 5.5263 0.023735 5.56959 0.0200714C5.6129 0.0164078 5.65623 0.0132775 5.69959 0.0106804C5.74298 0.00808324 5.78638 0.00602019 5.8298 0.00449119C5.87323 0.00296217 5.91666 0.00196768 5.9601 0.0015077L5.9601 0.000757741ZM8.26707 9.75239C6.78435 10.3981 5.27912 10.4004 3.79039 9.75764C3.60739 10.1184 3.4949 10.4603 3.44915 10.8016C3.44014 10.8676 3.45065 10.9208 3.47765 10.9516C3.50465 10.9808 3.55564 10.9966 3.62164 10.9966C5.22961 10.9981 6.8376 10.9973 8.44557 10.9966C8.50557 10.9966 8.55432 10.9801 8.58282 10.9486C8.60832 10.9216 8.61807 10.8833 8.61207 10.8346C8.57007 10.4873 8.45982 10.1416 8.26707 9.75239ZM6.04261 1.00794C4.89662 1.00794 3.82714 1.43767 3.0329 2.21762C3.00873 2.24113 2.98487 2.26494 2.96131 2.28905C2.93774 2.31315 2.91447 2.33755 2.89151 2.36224C2.86855 2.38693 2.84589 2.41189 2.82356 2.43715C2.80122 2.4624 2.7792 2.48794 2.75749 2.51373C2.73579 2.53954 2.71441 2.5656 2.69335 2.59193C2.67231 2.61826 2.65159 2.64486 2.6312 2.67171C2.6108 2.69856 2.59075 2.72566 2.57104 2.75302C2.55133 2.78037 2.53196 2.80795 2.51292 2.83579C2.4939 2.86362 2.47522 2.89168 2.45689 2.91998C2.43858 2.94829 2.42061 2.97681 2.40299 3.00555C2.38537 3.0343 2.36812 3.06327 2.35122 3.09245C2.33433 3.12162 2.31781 3.15101 2.30164 3.1806C2.28549 3.21019 2.26969 3.23996 2.25427 3.26995C2.23886 3.29994 2.22382 3.33011 2.20915 3.36046C2.19449 3.39082 2.1802 3.42135 2.16629 3.45206C2.15239 3.48278 2.13887 3.51367 2.12573 3.54471C2.1126 3.57577 2.09985 3.60697 2.08749 3.63834C2.07514 3.66971 2.06317 3.70123 2.05159 3.7329C2.04003 3.76457 2.02886 3.79637 2.01808 3.82832C2.00729 3.86026 1.99692 3.89234 1.98694 3.92454C1.97696 3.95674 1.96739 3.98906 1.95821 4.02151C1.94904 4.05395 1.94028 4.0865 1.93192 4.11916C1.92355 4.15182 1.9156 4.18459 1.90806 4.21745C1.90051 4.25031 1.89338 4.28325 1.88666 4.31629C1.87993 4.34932 1.87362 4.38244 1.86772 4.41564C1.86182 4.44884 1.85634 4.48209 1.85128 4.51542C1.84621 4.54876 1.84155 4.58215 1.83732 4.61559C1.83308 4.64904 1.82926 4.68253 1.82586 4.71608C1.82246 4.74962 1.81948 4.7832 1.81692 4.81682C1.81435 4.85044 1.81221 4.88408 1.81048 4.91775C1.80875 4.95142 1.80745 4.98511 1.80657 5.01881C1.80568 5.05252 1.80521 5.08622 1.80517 5.11993C1.80505 5.1538 1.80535 5.18766 1.80608 5.22151C1.8068 5.25537 1.80796 5.28921 1.80954 5.32304C1.81113 5.35686 1.81314 5.39066 1.81558 5.42445C1.81802 5.45822 1.82088 5.49196 1.82417 5.52566C1.82746 5.55936 1.83117 5.59302 1.83532 5.62663C1.83946 5.66024 1.84402 5.69379 1.84902 5.72729C1.854 5.76079 1.85941 5.79421 1.86525 5.82757C1.87107 5.86093 1.87733 5.8942 1.884 5.9274C1.89068 5.9606 1.89777 5.99372 1.90528 6.02674C1.91279 6.05975 1.92071 6.09267 1.92906 6.1255C1.93739 6.15832 1.94615 6.19103 1.95532 6.22363C1.96448 6.25623 1.97406 6.28871 1.98404 6.32107C1.99404 6.35343 2.00443 6.38565 2.01523 6.41775C2.02603 6.44985 2.03725 6.48179 2.04885 6.51361C2.06046 6.54543 2.07248 6.57708 2.08488 6.60859C2.09729 6.6401 2.1101 6.67145 2.12329 6.70263C2.13649 6.73382 2.15008 6.76482 2.16406 6.79567C2.17806 6.82651 2.19242 6.85717 2.20718 6.88765C2.22195 6.91813 2.23709 6.94842 2.2526 6.97852C2.26813 7.00861 2.28403 7.0385 2.3003 7.0682C2.31659 7.09789 2.33324 7.12738 2.35026 7.15666C2.36729 7.18594 2.38468 7.21499 2.40243 7.24383C2.4202 7.27266 2.43831 7.30126 2.45679 7.32964C2.47527 7.35802 2.4941 7.38616 2.5133 7.41407C2.5325 7.44197 2.55203 7.46961 2.57192 7.49702C2.59181 7.52443 2.61203 7.55159 2.63261 7.57848C2.65319 7.60537 2.6741 7.63201 2.69535 7.65838C2.71661 7.68476 2.73818 7.71086 2.76008 7.73667C2.782 7.7625 2.80422 7.78805 2.82677 7.8133C2.84933 7.83857 2.87219 7.86354 2.89537 7.88822C2.91856 7.91291 2.94206 7.9373 2.96585 7.96139C2.98965 7.98548 3.01375 8.00927 3.03815 8.03275C3.06285 8.05677 3.08784 8.08049 3.11311 8.10389C3.13838 8.1273 3.16394 8.1504 3.18977 8.17319C3.21561 8.19599 3.24172 8.21845 3.26809 8.24061C3.29449 8.26277 3.32112 8.28461 3.34803 8.30611C3.37495 8.32763 3.40212 8.3488 3.42954 8.36965C3.45696 8.3905 3.48464 8.41102 3.51256 8.4312C3.54049 8.45138 3.56865 8.47121 3.59705 8.4907C3.62546 8.5102 3.65409 8.52935 3.68296 8.54815C3.71183 8.56695 3.74092 8.58539 3.77024 8.60348C3.79956 8.62158 3.8291 8.63931 3.85884 8.65669C3.88858 8.67407 3.91854 8.69108 3.9487 8.70773C3.97887 8.72439 4.00922 8.74066 4.03978 8.75658C4.07034 8.77249 4.10108 8.78803 4.13201 8.80319C4.16295 8.81836 4.19406 8.83315 4.22535 8.84756C4.25664 8.86196 4.28811 8.87599 4.31974 8.88964C4.35137 8.9033 4.38316 8.91655 4.41511 8.92943C4.44707 8.94231 4.47918 8.95479 4.51143 8.96689C4.54369 8.97899 4.5761 8.99069 4.60863 9.002C4.64118 9.01331 4.67385 9.02422 4.70665 9.03475C4.73947 9.04526 4.7724 9.05538 4.80545 9.0651C4.83849 9.07481 4.87166 9.08412 4.90494 9.09303C4.93823 9.10195 4.9716 9.11046 5.00508 9.11856C5.03858 9.12666 5.07215 9.13436 5.10582 9.14164C5.13949 9.14893 5.17324 9.15581 5.20709 9.16228C5.24094 9.16874 5.27484 9.1748 5.30883 9.18044C5.34281 9.18608 5.37687 9.19132 5.41097 9.19614C5.44509 9.20095 5.47925 9.20536 5.51347 9.20936C5.54769 9.21334 5.58196 9.21691 5.61626 9.22007C5.65057 9.22322 5.68491 9.22596 5.71928 9.22829C5.75366 9.23061 5.78805 9.23252 5.82247 9.23401C5.85689 9.2355 5.89132 9.23657 5.92577 9.23722C5.96022 9.23787 5.99466 9.2381 6.02911 9.23793C6.06346 9.23812 6.09781 9.2379 6.13214 9.23726C6.16648 9.23662 6.20081 9.23557 6.23512 9.23411C6.26943 9.23264 6.30374 9.23075 6.338 9.22846C6.37227 9.22615 6.4065 9.22344 6.44071 9.22031C6.47492 9.21718 6.50908 9.21364 6.5432 9.20968C6.57732 9.20573 6.61138 9.20136 6.64539 9.19658C6.6794 9.1918 6.71335 9.18661 6.74724 9.181C6.78112 9.17539 6.81495 9.16938 6.84869 9.16296C6.88243 9.15653 6.91608 9.1497 6.94966 9.14246C6.98323 9.13522 7.01672 9.12758 7.05011 9.11953C7.08349 9.11148 7.11679 9.10302 7.14997 9.09416C7.18315 9.08531 7.21623 9.07605 7.24918 9.0664C7.28215 9.05673 7.31499 9.04668 7.34771 9.03622C7.38041 9.02577 7.41301 9.01492 7.44546 9.00368C7.47791 8.99244 7.51023 8.9808 7.5424 8.96877C7.57458 8.95675 7.6066 8.94434 7.63846 8.93153C7.67034 8.91872 7.70205 8.90553 7.7336 8.89196C7.76516 8.87839 7.79654 8.86445 7.82775 8.85012C7.85896 8.83578 7.89001 8.82108 7.92086 8.806C7.95172 8.79091 7.98239 8.77546 8.01287 8.75962C8.04335 8.7438 8.07365 8.72761 8.10373 8.71105C8.13381 8.69449 8.1637 8.67757 8.19338 8.66028C8.22307 8.643 8.25253 8.62535 8.28178 8.60736C8.31104 8.58936 8.34007 8.57101 8.36888 8.55231C8.39769 8.53361 8.42627 8.51456 8.45461 8.49517C8.48296 8.47577 8.51107 8.45604 8.53894 8.43596C8.56681 8.41589 8.59443 8.39548 8.62179 8.37473C8.64917 8.35398 8.67629 8.33291 8.70316 8.31151C8.73002 8.29011 8.75663 8.26839 8.78296 8.24634C8.80929 8.2243 8.83536 8.20193 8.86115 8.17925C8.88696 8.15658 8.91247 8.13359 8.9377 8.11029C8.96294 8.08699 8.9879 8.06339 9.01256 8.0395C9.03675 8.01619 9.06065 7.99257 9.08424 7.96867C9.10783 7.94475 9.13113 7.92055 9.15412 7.89607C9.17711 7.87158 9.1998 7.8468 9.22219 7.82175C9.24456 7.7967 9.26663 7.77137 9.28837 7.74577C9.31011 7.72016 9.33153 7.69428 9.35264 7.66815C9.37374 7.64201 9.39452 7.61562 9.41496 7.58896C9.4354 7.5623 9.45551 7.53539 9.47528 7.50824C9.49505 7.48109 9.51449 7.45369 9.53357 7.42604C9.55267 7.3984 9.57141 7.37053 9.5898 7.34242C9.6082 7.3143 9.62625 7.28598 9.64393 7.25742C9.66163 7.22886 9.67896 7.20009 9.69593 7.1711C9.7129 7.14211 9.7295 7.11292 9.74575 7.08352C9.762 7.05411 9.77788 7.02451 9.79339 6.99471C9.80889 6.96491 9.82402 6.93492 9.83879 6.90475C9.85354 6.87457 9.86793 6.84422 9.88193 6.81368C9.89593 6.78315 9.90956 6.75245 9.92279 6.72157C9.93603 6.6907 9.94889 6.65967 9.96135 6.62848C9.97382 6.59728 9.98589 6.56593 9.99757 6.53445C10.0093 6.50294 10.0206 6.4713 10.0315 6.43954C10.0424 6.40777 10.0528 6.37586 10.0629 6.34382C10.073 6.31178 10.0827 6.27962 10.0921 6.24734C10.1013 6.21506 10.1103 6.18267 10.1187 6.15018C10.1272 6.11768 10.1353 6.08508 10.143 6.05237C10.1507 6.01966 10.158 5.98688 10.1648 5.95399C10.1717 5.92111 10.1781 5.88814 10.1842 5.8551C10.1902 5.82205 10.1958 5.78893 10.2011 5.75576C10.2063 5.72257 10.2111 5.68932 10.2155 5.65602C10.2199 5.62271 10.2238 5.58936 10.2274 5.55596C10.2309 5.52255 10.2341 5.48911 10.2368 5.45563C10.2395 5.42215 10.2418 5.38864 10.2437 5.35511C10.2456 5.32157 10.2471 5.288 10.2481 5.25443C10.2492 5.22086 10.2498 5.18728 10.25 5.15368C10.2503 5.11955 10.2502 5.0854 10.2496 5.05126C10.2491 5.01712 10.2481 4.983 10.2466 4.94889C10.2452 4.91477 10.2433 4.88068 10.241 4.84662C10.2387 4.81255 10.236 4.77853 10.2329 4.74453C10.2297 4.71054 10.2261 4.67658 10.2221 4.64268C10.2181 4.60877 10.2137 4.57492 10.2088 4.54113C10.2039 4.50734 10.1986 4.47361 10.1929 4.43995C10.1872 4.40629 10.181 4.37271 10.1745 4.33921C10.1679 4.3057 10.1609 4.27228 10.1535 4.23896C10.1461 4.20564 10.1382 4.1724 10.13 4.13927C10.1217 4.10614 10.113 4.07313 10.1039 4.04021C10.0949 4.00731 10.0854 3.97452 10.0754 3.94185C10.0655 3.90919 10.0552 3.87664 10.0444 3.84423C10.0337 3.81183 10.0225 3.77955 10.011 3.74743C9.99941 3.71531 9.98745 3.68333 9.97507 3.65152C9.96271 3.61969 9.94993 3.58802 9.93677 3.55652C9.9236 3.52502 9.91003 3.4937 9.89607 3.46254C9.88211 3.43138 9.86776 3.40041 9.85301 3.36961C9.83827 3.33881 9.82314 3.30821 9.80761 3.2778C9.7921 3.24739 9.77619 3.21718 9.75992 3.18717C9.74364 3.15716 9.72697 3.12736 9.70993 3.09777C9.69291 3.06818 9.67549 3.03881 9.65771 3.00967C9.63993 2.98052 9.62179 2.9516 9.60328 2.9229C9.58477 2.89421 9.5659 2.86576 9.54667 2.83755C9.52744 2.80935 9.50785 2.78137 9.48791 2.75366C9.46798 2.72595 9.4477 2.69848 9.42706 2.67128C9.40643 2.64408 9.38546 2.61714 9.36414 2.59046C9.34283 2.56378 9.32118 2.53738 9.29921 2.51126C9.27723 2.48514 9.25493 2.45929 9.23229 2.43373C9.20966 2.40817 9.1867 2.38289 9.16343 2.35791C9.14015 2.33292 9.11656 2.30824 9.09267 2.28386C9.06877 2.25947 9.04457 2.2354 9.02006 2.21162C8.99551 2.18764 8.97068 2.16397 8.94555 2.14061C8.92043 2.11724 8.89502 2.09418 8.86933 2.07143C8.84364 2.04868 8.81768 2.02624 8.79144 2.00413C8.76522 1.98202 8.73872 1.96022 8.71195 1.93874C8.68518 1.91727 8.65816 1.89613 8.63089 1.8753C8.60361 1.85449 8.57608 1.83402 8.5483 1.81387C8.52052 1.79373 8.4925 1.77393 8.46424 1.75446C8.43599 1.735 8.40748 1.71588 8.37876 1.69711C8.35004 1.67835 8.32109 1.65993 8.29191 1.64187C8.26274 1.62381 8.23335 1.6061 8.20374 1.58875C8.17414 1.5714 8.14434 1.55442 8.11431 1.53779C8.08429 1.52116 8.05408 1.50491 8.02366 1.48903C7.99325 1.47314 7.96264 1.45762 7.93184 1.44248C7.90106 1.42734 7.87008 1.41258 7.83893 1.3982C7.80778 1.38381 7.77646 1.3698 7.74497 1.35618C7.71348 1.34255 7.68182 1.32932 7.65001 1.31646C7.61819 1.30361 7.58622 1.29115 7.55409 1.27907C7.52197 1.26698 7.48972 1.2553 7.45732 1.24402C7.42491 1.23273 7.39238 1.22183 7.35971 1.21134C7.32704 1.20084 7.29425 1.19074 7.26133 1.18104C7.22841 1.17134 7.19539 1.16205 7.16225 1.15315C7.12911 1.14426 7.09586 1.13577 7.06252 1.12768C7.02917 1.11959 6.99573 1.11192 6.9622 1.10464C6.92866 1.09737 6.89505 1.09051 6.86134 1.08406C6.82764 1.07761 6.79386 1.07156 6.76002 1.06593C6.72616 1.0603 6.69226 1.05508 6.65828 1.05028C6.62431 1.04548 6.59027 1.04109 6.55618 1.03711C6.5221 1.03313 6.48799 1.02957 6.45381 1.02643C6.41964 1.02328 6.38544 1.02055 6.3512 1.01824C6.31697 1.01593 6.28271 1.01403 6.24842 1.01255C6.21414 1.01108 6.17984 1.01001 6.14554 1.00937C6.11124 1.00873 6.07692 1.0085 6.04261 1.00869L6.04261 1.00794ZM6.05761 2.30011C7.64683 2.31136 8.89707 3.53754 8.90906 5.09293L8.90906 5.10193C8.90906 6.68059 7.64383 7.91801 6.02911 7.91876L6.02686 7.91876C4.44062 7.91876 3.17314 6.71133 3.1409 5.17168C3.14022 5.14808 3.13984 5.12448 3.13974 5.10088C3.13967 5.07727 3.1399 5.05366 3.14041 5.03007C3.14094 5.00647 3.14177 4.98288 3.1429 4.9593C3.14402 4.93573 3.14545 4.91216 3.14719 4.88862C3.14893 4.86507 3.15097 4.84157 3.1533 4.81807C3.15565 4.79457 3.15828 4.77112 3.16123 4.7477C3.16417 4.72427 3.16741 4.70089 3.17095 4.67756C3.17449 4.65423 3.17834 4.63093 3.18247 4.6077C3.18661 4.58446 3.19104 4.56127 3.19577 4.53814C3.20052 4.51502 3.20555 4.49196 3.21087 4.46896C3.2162 4.44596 3.22183 4.42304 3.22773 4.40018C3.23365 4.37733 3.23986 4.35456 3.24635 4.33186C3.25286 4.30917 3.25966 4.28657 3.26673 4.26404C3.27381 4.24153 3.28118 4.2191 3.28884 4.19678C3.2965 4.17444 3.30444 4.15221 3.31266 4.13009C3.32089 4.10796 3.3294 4.08594 3.33819 4.06404C3.34699 4.04214 3.35606 4.02034 3.36541 3.99866C3.37476 3.97699 3.3844 3.95544 3.39429 3.93401C3.4042 3.91259 3.41437 3.89129 3.42483 3.87012C3.43528 3.84895 3.446 3.82793 3.457 3.80703C3.46799 3.78614 3.47925 3.7654 3.49077 3.7448C3.5023 3.7242 3.51408 3.70375 3.52613 3.68345C3.53818 3.66314 3.55049 3.643 3.56306 3.62302C3.57562 3.60303 3.58844 3.58322 3.60152 3.56357C3.6146 3.54391 3.62792 3.52443 3.64149 3.50511C3.65508 3.4858 3.66889 3.46666 3.68296 3.44771C3.69703 3.42875 3.71134 3.40998 3.72589 3.39139C3.74044 3.3728 3.75522 3.3544 3.77024 3.33619C3.78527 3.31798 3.80053 3.29996 3.81601 3.28215C3.83149 3.26433 3.84719 3.24671 3.86313 3.2293C3.87907 3.21187 3.89523 3.19467 3.9116 3.17767C3.92798 3.16066 3.94458 3.14388 3.96139 3.12731C4.50288 2.59335 5.23937 2.30011 6.03436 2.30011L6.05836 2.30011L6.05761 2.30011ZM6.06211 3.3043L6.02761 3.3043C5.50337 3.31405 5.02712 3.51129 4.68662 3.85927C4.67603 3.87022 4.66558 3.88131 4.65525 3.89252C4.64494 3.90374 4.63475 3.91508 4.62472 3.92655C4.6147 3.93803 4.60482 3.94963 4.59507 3.96136C4.58535 3.97309 4.57576 3.98494 4.56632 3.9969C4.55689 4.00887 4.54761 4.02096 4.53848 4.03317C4.52935 4.04537 4.52037 4.05769 4.51156 4.07012C4.50275 4.08255 4.49409 4.09511 4.48559 4.10775C4.47709 4.12041 4.46876 4.13317 4.46058 4.14602C4.45241 4.15889 4.4444 4.17185 4.43654 4.18492C4.4287 4.19798 4.42103 4.21116 4.41352 4.22441C4.40602 4.23768 4.39867 4.25104 4.3915 4.26448C4.38432 4.27792 4.37733 4.29146 4.37048 4.30509C4.36366 4.31872 4.35701 4.33242 4.35052 4.34621C4.34404 4.36001 4.33774 4.37388 4.33161 4.38784C4.32548 4.4018 4.31953 4.41582 4.31376 4.42993C4.308 4.44403 4.30239 4.45821 4.29698 4.47246C4.29156 4.48671 4.28634 4.50102 4.28129 4.5154C4.27624 4.52978 4.27137 4.54423 4.26669 4.55872C4.262 4.57323 4.2575 4.5878 4.25318 4.60241C4.24887 4.61702 4.24475 4.6317 4.2408 4.64641C4.23686 4.66114 4.23311 4.67591 4.22953 4.69073C4.22597 4.70555 4.2226 4.72041 4.2194 4.73531C4.21621 4.75021 4.21321 4.76515 4.2104 4.78014C4.20758 4.79511 4.20497 4.81012 4.20253 4.82517C4.20011 4.84022 4.19787 4.85529 4.19582 4.87039C4.19378 4.8855 4.19192 4.90062 4.19025 4.91577C4.18859 4.93092 4.18712 4.9461 4.18583 4.96129C4.18457 4.97647 4.18348 4.99167 4.18258 5.00688C4.18168 5.02209 4.18099 5.03732 4.18048 5.05255C4.17997 5.06779 4.17966 5.08302 4.17954 5.09827C4.17942 5.11351 4.17949 5.12875 4.17975 5.14398C4.18002 5.15923 4.18048 5.17446 4.18113 5.18968C4.19538 5.6599 4.41363 6.11662 4.77888 6.4421C4.79043 6.45233 4.80212 6.46243 4.81393 6.47238C4.82574 6.48233 4.83767 6.49213 4.84972 6.50178C4.86177 6.51144 4.87394 6.52095 4.88623 6.5303C4.89851 6.53965 4.91091 6.54885 4.92342 6.55789C4.93594 6.56694 4.94857 6.57584 4.9613 6.58457C4.97404 6.5933 4.98688 6.60187 4.99982 6.61029C5.01277 6.6187 5.02582 6.62695 5.03896 6.63505C5.05211 6.64315 5.06537 6.65107 5.07872 6.65884C5.09206 6.66661 5.10551 6.6742 5.11904 6.68164C5.13258 6.68907 5.1462 6.69634 5.15991 6.70343C5.17363 6.71052 5.18744 6.71745 5.20131 6.72421C5.21521 6.73096 5.22918 6.73754 5.24322 6.74395C5.25727 6.75036 5.27139 6.75659 5.2856 6.76264C5.2998 6.7687 5.31408 6.77459 5.32842 6.78029C5.34278 6.786 5.35719 6.79152 5.37168 6.79688C5.38616 6.80223 5.40072 6.8074 5.41533 6.81238C5.42994 6.81737 5.44462 6.82218 5.45935 6.8268C5.47409 6.83143 5.48887 6.83588 5.50371 6.84013C5.51855 6.84438 5.53345 6.84846 5.54839 6.85235C5.56333 6.85624 5.57832 6.85995 5.59336 6.86347C5.60839 6.867 5.62347 6.87033 5.63858 6.87347C5.6537 6.87662 5.66887 6.87957 5.68405 6.88235C5.69924 6.88513 5.71447 6.88771 5.72971 6.8901C5.74497 6.8925 5.76025 6.8947 5.77556 6.89672C5.79088 6.89875 5.8062 6.90057 5.82156 6.9022C5.83692 6.90384 5.8523 6.9053 5.86768 6.90655C5.88307 6.9078 5.89847 6.90887 5.91389 6.90975C5.92932 6.91063 5.94474 6.91131 5.96016 6.9118C5.97561 6.9123 5.99104 6.91261 6.00648 6.91271C6.02192 6.91282 6.03737 6.91275 6.0528 6.91248C6.06825 6.91221 6.08367 6.91174 6.09911 6.9111C6.11453 6.91045 6.12994 6.90961 6.14535 6.90857C7.12934 6.84858 7.89208 6.04612 7.88083 5.08168C7.88063 5.06674 7.88023 5.05181 7.87966 5.03688C7.87907 5.02195 7.8783 5.00704 7.87734 4.99213C7.87639 4.97722 7.87524 4.96233 7.8739 4.94745C7.87257 4.93256 7.87104 4.9177 7.86933 4.90287C7.86762 4.88802 7.86571 4.87321 7.86363 4.85841C7.86154 4.84362 7.85927 4.82885 7.8568 4.81412C7.85434 4.79939 7.8517 4.78468 7.84887 4.77001C7.84603 4.75534 7.84302 4.7407 7.83981 4.72611C7.83661 4.71152 7.83323 4.69698 7.82965 4.68247C7.82609 4.66796 7.82233 4.6535 7.81839 4.63909C7.81446 4.62468 7.81034 4.61032 7.80604 4.59601C7.80174 4.5817 7.79726 4.56745 7.79259 4.55326C7.78794 4.53907 7.7831 4.52494 7.77809 4.51086C7.77307 4.49679 7.76787 4.48277 7.7625 4.46884C7.75712 4.45491 7.75158 4.44103 7.74585 4.42723C7.74013 4.41343 7.73423 4.3997 7.72816 4.38605C7.72209 4.37239 7.71586 4.35882 7.70943 4.34534C7.70302 4.33185 7.69644 4.31843 7.68968 4.30511C7.68293 4.29178 7.676 4.27854 7.66891 4.26539C7.66183 4.25224 7.65458 4.23919 7.64716 4.22621C7.63974 4.21324 7.63216 4.20038 7.62441 4.1876C7.61666 4.17482 7.60875 4.16215 7.60069 4.14957C7.59263 4.137 7.5844 4.12452 7.57602 4.11216C7.56764 4.09979 7.55911 4.08752 7.55041 4.07537C7.54172 4.06322 7.53287 4.05118 7.52388 4.03925C7.51488 4.02732 7.50574 4.01551 7.49645 4.00382C7.48715 3.99212 7.47771 3.98054 7.46812 3.96908C7.45854 3.95763 7.44881 3.9463 7.43893 3.93509C7.42906 3.92387 7.41904 3.91279 7.40888 3.90183C7.39873 3.89087 7.38844 3.88004 7.37801 3.86934C7.36758 3.85864 7.35702 3.84807 7.34632 3.83764C7.33562 3.82721 7.32481 3.81693 7.31384 3.80677C7.30342 3.79683 7.29287 3.78702 7.28222 3.77733C7.27156 3.76764 7.2608 3.75807 7.24991 3.74864C7.23902 3.73921 7.22804 3.72991 7.21693 3.72074C7.20583 3.71156 7.19462 3.70253 7.1833 3.69362C7.17197 3.68471 7.16056 3.67595 7.14903 3.66731C7.1375 3.65868 7.12587 3.65019 7.11414 3.64184C7.10241 3.63348 7.09057 3.62525 7.07865 3.61718C7.06673 3.60911 7.05471 3.60117 7.04259 3.59338C7.03049 3.58559 7.01828 3.57795 7.00598 3.57045C6.99369 3.56295 6.98131 3.55559 6.96884 3.54838C6.95637 3.54117 6.94382 3.53412 6.93118 3.5272C6.91854 3.5203 6.90583 3.51354 6.89303 3.50693C6.88023 3.50033 6.86737 3.49388 6.8544 3.48757C6.84145 3.48128 6.82842 3.47512 6.81533 3.46914C6.80224 3.46315 6.78908 3.45731 6.77584 3.45163C6.7626 3.44595 6.74929 3.44043 6.73593 3.43507C6.72257 3.42971 6.70913 3.42451 6.69564 3.41946C6.68215 3.41441 6.66861 3.40954 6.655 3.40481C6.64139 3.40009 6.62773 3.39553 6.61402 3.39114C6.60031 3.38674 6.58654 3.3825 6.57272 3.37843C6.55891 3.37437 6.54505 3.37045 6.53114 3.36671C6.51723 3.36298 6.50328 3.3594 6.48929 3.35599C6.4753 3.35258 6.46127 3.34935 6.44719 3.34627C6.43312 3.34318 6.41902 3.34028 6.40487 3.33754C6.39074 3.33479 6.37657 3.33223 6.36237 3.32982C6.34817 3.32742 6.33394 3.32518 6.31969 3.32311C6.30544 3.32105 6.29116 3.31915 6.27686 3.31743C6.26257 3.3157 6.24823 3.31414 6.2339 3.31275C6.21958 3.31137 6.20522 3.31015 6.19086 3.30911C6.1765 3.30806 6.16212 3.30718 6.14773 3.30648C6.13335 3.30577 6.11896 3.30524 6.10456 3.30487C6.09016 3.30451 6.07576 3.30431 6.06136 3.3043L6.06211 3.3043ZM7.03185 4.41348C7.38284 4.91519 7.33709 5.53841 6.91934 5.96362C6.69434 6.19311 6.37035 6.32436 6.03211 6.32436C5.79211 6.32436 5.56112 6.25911 5.36387 6.13613C4.86887 5.82639 4.65962 5.23467 4.86737 4.72846L4.93862 4.55522L5.09762 4.66021C5.40211 4.86195 5.49437 4.81021 5.60986 4.69996C5.69986 4.61447 5.75836 4.51847 5.55962 4.21099L5.46361 4.061L5.63086 3.9935C6.10636 3.79927 6.73484 3.9875 7.03185 4.41348Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/close.png b/src/views/drone/components/virtualWarehouse/icons/close.png
new file mode 100644
index 0000000..43dbd3c
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/close.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/close1.png b/src/views/drone/components/virtualWarehouse/icons/close1.png
new file mode 100644
index 0000000..befc8f7
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/close1.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/lamp.svg b/src/views/drone/components/virtualWarehouse/icons/lamp.svg
new file mode 100644
index 0000000..4ede39f
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/lamp.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<g  clip-path="url(#clip-path-41_1528)">
+<path d="M6.98714 1.73933C7.14377 1.78066 7.30021 1.69136 7.34114 1.53533L7.64714 0.383334C7.68807 0.227162 7.5989 0.0702258 7.44314 0.029334C7.28651 -0.011993 7.12466 0.0773075 7.08314 0.233334L6.77714 1.38533C6.73621 1.54136 6.83109 1.69801 6.98714 1.73933ZM4.61714 1.53533C4.65836 1.69136 4.81509 1.78051 4.97114 1.73933C5.12719 1.69786 5.22236 1.54137 5.18114 1.38533L4.87514 0.233334C4.83392 0.0773063 4.67119 -0.0119928 4.51514 0.029334C4.35879 0.0702258 4.26992 0.227307 4.31114 0.383334L4.61714 1.53533ZM8.91314 2.63333C9.05111 2.71803 9.23053 2.6745 9.31514 2.53733L9.93914 1.52333C10.0233 1.38587 9.98111 1.20573 9.84314 1.12133C9.70517 1.03709 9.52575 1.07987 9.44114 1.21733L8.81714 2.23133C8.73327 2.36865 8.77545 2.54909 8.91314 2.63333ZM2.64314 2.53733C2.72761 2.67451 2.90745 2.71801 3.04514 2.63333C3.18282 2.54908 3.22575 2.3688 3.14114 2.23133L2.51714 1.21733C2.43268 1.07972 2.25283 1.03694 2.11514 1.12133C1.97775 1.20573 1.93453 1.38587 2.01914 1.52333L2.64314 2.53733ZM1.93514 4.59533C2.01816 4.457 1.97183 4.27614 1.83314 4.19333L0.813141 3.58733C0.674299 3.50512 0.493578 3.5507 0.411141 3.68933C0.328708 3.82796 0.374733 4.00883 0.513141 4.09133L1.53314 4.69733C1.67198 4.77955 1.85299 4.73381 1.93514 4.59533ZM11.5471 3.68933C11.4644 3.55071 11.284 3.50525 11.1451 3.58733L10.1251 4.19333C9.9863 4.27612 9.9404 4.457 10.0231 4.59533C10.1056 4.73396 10.2803 4.77969 10.4191 4.69733L11.4451 4.09133C11.584 4.00897 11.6293 3.82796 11.5471 3.68933ZM11.0371 2.20733L10.4011 1.57133L8.40314 3.57533C7.74278 2.95789 6.88725 2.60933 5.97914 2.60933C5.03025 2.60933 4.13607 2.98897 3.46514 3.65933C2.79393 4.3297 2.42714 5.22514 2.42714 6.17333C2.42714 6.80615 2.59337 7.42471 2.91314 7.96733C3.0974 8.2804 3.20036 8.44605 3.38114 8.60933L1.37114 10.6253L2.00114 11.2613L3.74714 9.51533L3.74714 11.1233C3.74714 11.5743 4.63334 12.0173 5.08514 12.0173L6.87314 12.0173C7.32481 12.0173 8.20246 11.4801 8.21114 11.1233C8.19667 10.9664 8.21114 8.87933 8.21114 8.87933C8.67264 8.57975 8.76515 8.44838 9.04514 7.97333C9.36608 7.43014 9.53114 6.80729 9.53114 6.17333C9.53114 5.48818 9.33941 4.82912 8.97914 4.26533L11.0371 2.20733ZM3.86714 7.38533C3.62272 6.97032 3.49514 6.49536 3.49514 6.01133C3.49514 5.28644 3.78001 4.71779 4.29314 4.20533C4.80657 3.69274 5.2534 3.58733 5.97914 3.58733C6.98717 3.58733 7.15201 3.94874 7.65314 4.40333L4.20914 7.84133C4.081 7.70154 3.9639 7.54962 3.86714 7.38533ZM7.28714 10.8773C7.28714 10.9848 7.20289 11.0753 7.09514 11.0753L4.86314 11.0753C4.7551 11.0753 4.66514 10.9848 4.66514 10.8773L4.66514 10.1453L7.28714 10.1453L7.28714 10.8773ZM8.17514 7.43333C7.93666 7.8366 7.59638 8.17671 7.19114 8.41133L7.04714 8.49533L7.04714 9.29333L4.76114 9.29333L4.76114 8.62133L4.68314 8.57333L8.21114 5.11133C8.42795 5.50605 8.55314 5.59634 8.55314 6.05933C8.55314 6.54395 8.42013 7.01789 8.17514 7.43333Z"   fill="#FFFFFF" >
+</path>
+</g>
+<defs>
+<clipPath id="clip-path-41_1528">
+<path d="M0 12L12 12L12 0L0 0L0 12Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/line.png b/src/views/drone/components/virtualWarehouse/icons/line.png
new file mode 100644
index 0000000..95e54ab
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/line.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/photo.svg b/src/views/drone/components/virtualWarehouse/icons/photo.svg
new file mode 100644
index 0000000..6503e03
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/photo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="16.800048828125" viewBox="0 0 20 16.800048828125" fill="none">
+<path d="M7.27672 5.9C7.21721 5.9 7.15614 5.91 7.09672 5.91C7.03727 5.91 6.97593 5.92 6.91672 5.92C6.85749 5.92 6.79559 5.94 6.73672 5.94C6.67785 5.94 6.62508 5.9584 6.56672 5.97C6.50834 5.9816 6.44444 5.99555 6.38672 6.01C6.329 6.02445 6.27367 6.04274 6.21672 6.06C6.15977 6.07726 6.10276 6.09997 6.04672 6.12C5.99068 6.14003 5.93169 6.15725 5.87672 6.18C5.82173 6.20275 5.77052 6.22459 5.71672 6.25C5.66291 6.27543 5.6092 6.30197 5.55672 6.33C5.50423 6.35803 5.45776 6.38944 5.40672 6.42C5.35567 6.45056 5.30619 6.47699 5.25672 6.51C5.20723 6.54303 5.15452 6.58458 5.10672 6.62C5.05892 6.6554 5.01273 6.69229 4.96672 6.73C4.92072 6.76771 4.87082 6.80007 4.82672 6.84C4.78263 6.87991 4.74881 6.92796 4.70672 6.97C4.66464 7.01204 4.61669 7.05594 4.57672 7.1C4.53676 7.14404 4.50447 7.18405 4.46672 7.23C4.42896 7.27595 4.39217 7.32226 4.35672 7.37C4.32126 7.41774 4.27977 7.47056 4.24672 7.52C4.21365 7.56944 4.18732 7.61903 4.15672 7.67C4.12612 7.721 4.09477 7.76758 4.06672 7.82C4.03866 7.87242 4.01216 7.92626 3.98672 7.98C3.96128 8.03374 3.93949 8.09507 3.91672 8.15C3.89394 8.20493 3.86676 8.25405 3.84672 8.31C3.82666 8.36598 3.81399 8.42311 3.79672 8.48C3.77945 8.53689 3.76118 8.59234 3.74672 8.65C3.73226 8.70766 3.71832 8.7717 3.70672 8.83C3.6951 8.8883 3.67672 8.94119 3.67672 9C3.67672 9.05881 3.65672 9.12085 3.65672 9.18C3.65672 9.23917 3.63672 9.30064 3.63672 9.36C3.63672 9.41938 3.63672 9.48055 3.63672 9.54C3.63672 9.59945 3.63672 9.65062 3.63672 9.71C3.63672 9.76936 3.65672 9.83083 3.65672 9.89C3.65672 9.94915 3.67672 10.0112 3.67672 10.07C3.67672 10.1288 3.6951 10.1817 3.70672 10.24C3.71832 10.2983 3.73226 10.3623 3.74672 10.42C3.76118 10.4777 3.77945 10.5331 3.79672 10.59C3.81399 10.6469 3.82666 10.704 3.84672 10.76C3.86676 10.816 3.89394 10.8751 3.91672 10.93C3.93949 10.9849 3.96128 11.0363 3.98672 11.09C4.01216 11.1437 4.03866 11.1976 4.06672 11.25C4.09477 11.3024 4.12612 11.349 4.15672 11.4C4.18732 11.451 4.21365 11.5006 4.24672 11.55C4.27977 11.5994 4.32126 11.6523 4.35672 11.7C4.39217 11.7478 4.42896 11.794 4.46672 11.84C4.50447 11.886 4.53676 11.926 4.57672 11.97C4.61669 12.014 4.66464 12.058 4.70672 12.1C4.74881 12.142 4.78263 12.1901 4.82672 12.23C4.87082 12.2699 4.92072 12.3023 4.96672 12.34C5.01273 12.3777 5.05892 12.4146 5.10672 12.45C5.15452 12.4854 5.20723 12.527 5.25672 12.56C5.30619 12.593 5.35567 12.6194 5.40672 12.65C5.45776 12.6806 5.50423 12.712 5.55672 12.74C5.6092 12.768 5.66291 12.7946 5.71672 12.82C5.77052 12.8454 5.82173 12.8672 5.87672 12.89C5.93169 12.9128 5.99068 12.94 6.04672 12.96C6.10276 12.98 6.15977 12.9927 6.21672 13.01C6.27367 13.0273 6.329 13.0455 6.38672 13.06C6.44444 13.0745 6.50834 13.0884 6.56672 13.1C6.62508 13.1116 6.67785 13.13 6.73672 13.13C6.79559 13.13 6.85749 13.15 6.91672 13.15C6.97593 13.15 7.03727 13.16 7.09672 13.16C7.15614 13.16 7.21721 13.17 7.27672 13.17C7.33623 13.17 7.38729 13.16 7.44672 13.16C7.50616 13.16 7.56751 13.15 7.62672 13.15C7.68595 13.15 7.74785 13.13 7.80672 13.13C7.86559 13.13 7.92836 13.1116 7.98672 13.1C8.0451 13.0884 8.099 13.0745 8.15672 13.06C8.21444 13.0455 8.26977 13.0273 8.32672 13.01C8.38367 12.9927 8.44068 12.98 8.49672 12.96C8.55276 12.94 8.61175 12.9128 8.66672 12.89C8.72171 12.8672 8.77292 12.8454 8.82672 12.82C8.88052 12.7946 8.93424 12.768 8.98672 12.74C9.0392 12.712 9.09569 12.6806 9.14672 12.65C9.19777 12.6194 9.24724 12.593 9.29672 12.56C9.34621 12.527 9.38893 12.4854 9.43672 12.45C9.48451 12.4146 9.53072 12.3777 9.57672 12.34C9.62272 12.3023 9.67261 12.2699 9.71672 12.23C9.7608 12.1901 9.80464 12.142 9.84672 12.1C9.8888 12.058 9.92675 12.014 9.96672 11.97C10.0067 11.926 10.049 11.886 10.0867 11.84C10.1245 11.794 10.1613 11.7477 10.1967 11.7C10.2322 11.6523 10.2637 11.5994 10.2967 11.55C10.3298 11.5006 10.3661 11.451 10.3967 11.4C10.4273 11.349 10.4487 11.3024 10.4767 11.25C10.5048 11.1976 10.5313 11.1437 10.5567 11.09C10.5822 11.0363 10.6139 10.9849 10.6367 10.93C10.6595 10.8751 10.6767 10.816 10.6967 10.76C10.7168 10.704 10.7394 10.6469 10.7567 10.59C10.774 10.5331 10.7823 10.4777 10.7967 10.42C10.8112 10.3623 10.8251 10.2983 10.8367 10.24C10.8483 10.1817 10.8667 10.1288 10.8667 10.07C10.8667 10.0112 10.8967 9.94915 10.8967 9.89C10.8967 9.83083 10.9067 9.76936 10.9067 9.71C10.9067 9.65062 10.9067 9.59945 10.9067 9.54C10.9067 9.48055 10.9067 9.41938 10.9067 9.36C10.9067 9.30062 10.8967 9.23915 10.8967 9.18C10.8967 9.12085 10.8667 9.05881 10.8667 9C10.8667 8.94119 10.8483 8.8883 10.8367 8.83C10.8251 8.7717 10.8112 8.70766 10.7967 8.65C10.7823 8.59234 10.774 8.53689 10.7567 8.48C10.7394 8.42311 10.7168 8.36598 10.6967 8.31C10.6767 8.25405 10.6595 8.20493 10.6367 8.15C10.6139 8.09507 10.5822 8.03374 10.5567 7.98C10.5313 7.92626 10.5048 7.87242 10.4767 7.82C10.4487 7.76758 10.4273 7.721 10.3967 7.67C10.3661 7.61903 10.3298 7.56944 10.2967 7.52C10.2637 7.47056 10.2322 7.41774 10.1967 7.37C10.1613 7.32226 10.1245 7.27595 10.0867 7.23C10.049 7.18405 10.0067 7.14404 9.96672 7.1C9.92675 7.05594 9.8888 7.01204 9.84672 6.97C9.80464 6.92796 9.7608 6.87991 9.71672 6.84C9.67261 6.80007 9.62272 6.76771 9.57672 6.73C9.53072 6.69229 9.48451 6.6554 9.43672 6.62C9.38893 6.58458 9.34621 6.54303 9.29672 6.51C9.24724 6.47697 9.19777 6.45054 9.14672 6.42C9.09569 6.38944 9.0392 6.35803 8.98672 6.33C8.93424 6.30197 8.88052 6.27543 8.82672 6.25C8.77292 6.22459 8.72171 6.20275 8.66672 6.18C8.61175 6.15725 8.55276 6.14003 8.49672 6.12C8.44068 6.09997 8.38367 6.07726 8.32672 6.06C8.26977 6.04274 8.21444 6.02445 8.15672 6.01C8.099 5.99555 8.0451 5.9816 7.98672 5.97C7.92836 5.9584 7.86559 5.94 7.80672 5.94C7.74785 5.94 7.68595 5.92 7.62672 5.92C7.56751 5.92 7.50616 5.91 7.44672 5.91C7.38729 5.91 7.33623 5.9 7.27672 5.9ZM7.27672 11.35C7.24695 11.35 7.21644 11.35 7.18672 11.35C7.157 11.35 7.12634 11.34 7.09672 11.34C7.0671 11.34 7.03614 11.33 7.00672 11.33C6.97729 11.33 6.94591 11.32 6.91672 11.32C6.88755 11.32 6.85559 11.3 6.82672 11.3C6.79785 11.3 6.77521 11.27 6.74672 11.27C6.71823 11.27 6.68474 11.26 6.65672 11.25C6.6287 11.24 6.60423 11.2214 6.57672 11.21C6.54923 11.1986 6.52363 11.1927 6.49672 11.18C6.46983 11.1673 6.44297 11.154 6.41672 11.14C6.39049 11.126 6.36224 11.1053 6.33672 11.09C6.31119 11.0747 6.29146 11.0665 6.26672 11.05C6.24198 11.0335 6.21062 11.0077 6.18672 10.99C6.16281 10.9723 6.13971 10.9589 6.11672 10.94C6.09373 10.9211 6.07877 10.9 6.05672 10.88C6.03467 10.86 6.00775 10.841 5.98672 10.82C5.96569 10.799 5.9467 10.772 5.92672 10.75C5.90673 10.728 5.8856 10.713 5.86672 10.69C5.84784 10.667 5.83442 10.6439 5.81672 10.62C5.79899 10.5961 5.77325 10.5647 5.75672 10.54C5.74018 10.5153 5.73202 10.4955 5.71672 10.47C5.70142 10.4445 5.68074 10.4162 5.66672 10.39C5.65268 10.3638 5.63943 10.3369 5.62672 10.31C5.61399 10.2831 5.60811 10.2575 5.59672 10.23C5.58534 10.2025 5.56675 10.178 5.55672 10.15C5.54669 10.122 5.53672 10.0885 5.53672 10.06C5.53672 10.0316 5.50672 10.0088 5.50672 9.98C5.50672 9.95116 5.48672 9.91916 5.48672 9.89C5.48672 9.86084 5.47672 9.82939 5.47672 9.8C5.47672 9.77061 5.46672 9.73956 5.46672 9.71C5.46672 9.68042 5.45672 9.64969 5.45672 9.62C5.45672 9.59031 5.45672 9.56973 5.45672 9.54C5.45672 9.51029 5.45672 9.47969 5.45672 9.45C5.45672 9.42031 5.46672 9.38958 5.46672 9.36C5.46672 9.33044 5.47672 9.29941 5.47672 9.27C5.47672 9.24061 5.48672 9.20914 5.48672 9.18C5.48672 9.15084 5.50672 9.11884 5.50672 9.09C5.50672 9.06116 5.53672 9.03846 5.53672 9.01C5.53672 8.98156 5.54669 8.94799 5.55672 8.92C5.56675 8.89201 5.58534 8.86746 5.59672 8.84C5.60811 8.81252 5.61399 8.78686 5.62672 8.76C5.63943 8.73312 5.65268 8.70622 5.66672 8.68C5.68074 8.6538 5.70142 8.6255 5.71672 8.6C5.73202 8.5745 5.74018 8.55471 5.75672 8.53C5.77325 8.50529 5.79899 8.47388 5.81672 8.45C5.83442 8.42614 5.84784 8.40299 5.86672 8.38C5.8856 8.35703 5.90673 8.34203 5.92672 8.32C5.9467 8.29797 5.96569 8.27101 5.98672 8.25C6.00775 8.22897 6.03467 8.20996 6.05672 8.19C6.07877 8.17006 6.09373 8.14886 6.11672 8.13C6.13971 8.11114 6.16281 8.09771 6.18672 8.08C6.21062 8.06229 6.24198 8.03652 6.26672 8.02C6.29146 8.00348 6.31119 7.99528 6.33672 7.98C6.36224 7.96474 6.39049 7.94403 6.41672 7.93C6.44297 7.916 6.46983 7.90271 6.49672 7.89C6.52363 7.87729 6.54923 7.87137 6.57672 7.86C6.60423 7.84861 6.6287 7.84002 6.65672 7.83C6.68474 7.81998 6.71823 7.8 6.74672 7.8C6.77521 7.8 6.79785 7.77 6.82672 7.77C6.85559 7.77 6.88755 7.75 6.91672 7.75C6.94591 7.75 6.97729 7.74 7.00672 7.74C7.03614 7.74 7.0671 7.73 7.09672 7.73C7.12634 7.73 7.157 7.72 7.18672 7.72C7.21644 7.72 7.24695 7.72 7.27672 7.72C7.30648 7.72 7.337 7.72 7.36672 7.72C7.39644 7.72 7.4171 7.73 7.44672 7.73C7.47634 7.73 7.50729 7.74 7.53672 7.74C7.56614 7.74 7.59753 7.75 7.62672 7.75C7.65589 7.75 7.68785 7.77 7.71672 7.77C7.74559 7.77 7.76823 7.8 7.79672 7.8C7.82521 7.8 7.8587 7.81998 7.88672 7.83C7.91474 7.84002 7.93921 7.84861 7.96672 7.86C7.9942 7.87137 8.01981 7.87729 8.04672 7.89C8.07361 7.90271 8.10047 7.916 8.12672 7.93C8.15295 7.944 8.18119 7.96472 8.20672 7.98C8.23224 7.99528 8.26198 8.00348 8.28672 8.02C8.31146 8.03652 8.33281 8.06229 8.35672 8.08C8.38062 8.09771 8.40373 8.11114 8.42672 8.13C8.44971 8.14886 8.47467 8.17006 8.49672 8.19C8.51877 8.20996 8.53569 8.22897 8.55672 8.25C8.57775 8.27101 8.59673 8.29797 8.61672 8.32C8.6367 8.34203 8.65784 8.35703 8.67672 8.38C8.69558 8.40299 8.71899 8.42614 8.73672 8.45C8.75445 8.47388 8.77018 8.50529 8.78672 8.53C8.80325 8.55471 8.82142 8.5745 8.83672 8.6C8.85202 8.6255 8.8627 8.6538 8.87672 8.68C8.89076 8.70622 8.904 8.73312 8.91672 8.76C8.92944 8.78686 8.94532 8.81252 8.95672 8.84C8.9681 8.86746 8.97668 8.89201 8.98672 8.92C8.99675 8.94799 9.01672 8.98156 9.01672 9.01C9.01672 9.03846 9.03672 9.06116 9.03672 9.09C9.03672 9.11884 9.05672 9.15084 9.05672 9.18C9.05672 9.20914 9.06672 9.24061 9.06672 9.27C9.06672 9.29939 9.08672 9.33042 9.08672 9.36C9.08672 9.38958 9.08672 9.42031 9.08672 9.45C9.08672 9.47969 9.08672 9.51027 9.08672 9.54C9.08672 9.56973 9.08672 9.59031 9.08672 9.62C9.08672 9.64969 9.08672 9.68042 9.08672 9.71C9.08672 9.73956 9.06672 9.77061 9.06672 9.8C9.06672 9.82939 9.05672 9.86084 9.05672 9.89C9.05672 9.91916 9.03672 9.95116 9.03672 9.98C9.03672 10.0088 9.01672 10.0316 9.01672 10.06C9.01672 10.0885 8.99675 10.122 8.98672 10.15C8.97668 10.178 8.9681 10.2025 8.95672 10.23C8.94532 10.2575 8.92944 10.2831 8.91672 10.31C8.904 10.3369 8.89076 10.3638 8.87672 10.39C8.8627 10.4162 8.85202 10.4445 8.83672 10.47C8.82142 10.4955 8.80325 10.5153 8.78672 10.54C8.77018 10.5647 8.75445 10.5961 8.73672 10.62C8.71901 10.6439 8.6956 10.667 8.67672 10.69C8.65784 10.713 8.6367 10.728 8.61672 10.75C8.59673 10.772 8.57775 10.799 8.55672 10.82C8.53569 10.841 8.51877 10.86 8.49672 10.88C8.47467 10.9 8.44971 10.9211 8.42672 10.94C8.40373 10.9589 8.38062 10.9723 8.35672 10.99C8.33281 11.0077 8.31146 11.0335 8.28672 11.05C8.26198 11.0665 8.23224 11.0747 8.20672 11.09C8.18119 11.1053 8.15295 11.126 8.12672 11.14C8.10047 11.154 8.07361 11.1673 8.04672 11.18C8.01981 11.1927 7.9942 11.1986 7.96672 11.21C7.93921 11.2214 7.91474 11.24 7.88672 11.25C7.8587 11.26 7.82521 11.27 7.79672 11.27C7.76823 11.27 7.74559 11.3 7.71672 11.3C7.68785 11.3 7.65589 11.32 7.62672 11.32C7.59753 11.32 7.56614 11.33 7.53672 11.33C7.50729 11.33 7.47634 11.34 7.44672 11.34C7.4171 11.34 7.39644 11.35 7.36672 11.35C7.337 11.35 7.30648 11.35 7.27672 11.35ZM13.6367 1.82L17.2767 1.82C17.2916 1.82 17.3019 1.82 17.3167 1.82C17.3316 1.82 17.3519 1.81 17.3667 1.81C17.3815 1.81 17.392 1.81 17.4067 1.81C17.4214 1.81 17.4321 1.8 17.4467 1.8C17.4613 1.8 17.4823 1.79 17.4967 1.79C17.5111 1.79 17.5225 1.78 17.5367 1.78C17.551 1.78 17.5627 1.76 17.5767 1.76C17.5907 1.76 17.603 1.75 17.6167 1.75C17.6305 1.75 17.6433 1.73 17.6567 1.73C17.6702 1.73 17.6836 1.71 17.6967 1.71C17.7098 1.71 17.724 1.69 17.7367 1.69C17.7495 1.69 17.7643 1.66 17.7767 1.66C17.7891 1.66 17.8048 1.64 17.8167 1.64C17.8287 1.64 17.8352 1.61 17.8467 1.61C17.8582 1.61 17.8757 1.58 17.8867 1.58C17.8977 1.58 17.9062 1.5605 17.9167 1.55C17.9272 1.53949 17.9467 1.53101 17.9467 1.52C17.9467 1.50899 17.9767 1.49149 17.9767 1.48C17.9767 1.46852 18.0067 1.46193 18.0067 1.45C18.0067 1.43807 18.0267 1.42236 18.0267 1.41C18.0267 1.39764 18.0567 1.38274 18.0567 1.37C18.0567 1.35726 18.0767 1.35311 18.0767 1.34C18.0767 1.3269 18.0967 1.31344 18.0967 1.3C18.0967 1.28656 18.1167 1.27372 18.1167 1.26C18.1167 1.24628 18.1267 1.22399 18.1267 1.21C18.1267 1.19601 18.1467 1.18422 18.1467 1.17C18.1467 1.15578 18.1567 1.14442 18.1567 1.13C18.1567 1.11558 18.1667 1.10457 18.1667 1.09C18.1667 1.07543 18.1767 1.05469 18.1767 1.04C18.1767 1.0253 18.1767 1.01479 18.1767 1C18.1767 0.985214 18.1767 0.964841 18.1767 0.95C18.1767 0.935159 18.1767 0.924856 18.1767 0.91C18.1767 0.895144 18.1767 0.874841 18.1767 0.86C18.1767 0.845159 18.1767 0.834786 18.1767 0.82C18.1767 0.805214 18.1767 0.784701 18.1767 0.77C18.1767 0.755314 18.1667 0.744573 18.1667 0.73C18.1667 0.715427 18.1567 0.704415 18.1567 0.69C18.1567 0.675585 18.1467 0.654218 18.1467 0.64C18.1467 0.625782 18.1267 0.61399 18.1267 0.6C18.1267 0.58601 18.1167 0.573722 18.1167 0.56C18.1167 0.546278 18.0967 0.533436 18.0967 0.52C18.0967 0.506564 18.0767 0.493096 18.0767 0.48C18.0767 0.466889 18.0567 0.452743 18.0567 0.44C18.0567 0.427257 18.0267 0.412359 18.0267 0.4C18.0267 0.387641 18.0067 0.381934 18.0067 0.37C18.0067 0.358066 17.9767 0.341478 17.9767 0.33C17.9767 0.318507 17.9467 0.31101 17.9467 0.3C17.9467 0.28899 17.9272 0.280514 17.9167 0.27C17.9062 0.259501 17.8977 0.24 17.8867 0.24C17.8757 0.24 17.8582 0.21 17.8467 0.21C17.8352 0.21 17.8287 0.18 17.8167 0.18C17.8048 0.18 17.7891 0.15 17.7767 0.15C17.7643 0.15 17.7495 0.13 17.7367 0.13C17.724 0.13 17.7098 0.11 17.6967 0.11C17.6836 0.11 17.6702 0.09 17.6567 0.09C17.6433 0.09 17.6305 0.07 17.6167 0.07C17.603 0.07 17.5907 0.05 17.5767 0.05C17.5627 0.05 17.551 0.04 17.5367 0.04C17.5225 0.04 17.5111 0.03 17.4967 0.03C17.4823 0.03 17.4613 0.02 17.4467 0.02C17.4321 0.02 17.4214 0.01 17.4067 0.01C17.392 0.01 17.3815 0 17.3667 0C17.3519 0 17.3316 0 17.3167 0C17.3019 0 17.2916 0 17.2767 0L13.6367 0C13.6218 0 13.6116 0 13.5967 0C13.5819 0 13.5615 0 13.5467 0C13.5319 0 13.5214 0.01 13.5067 0.01C13.492 0.01 13.4713 0.02 13.4567 0.02C13.4421 0.02 13.4311 0.03 13.4167 0.03C13.4023 0.03 13.391 0.04 13.3767 0.04C13.3625 0.04 13.3407 0.05 13.3267 0.05C13.3127 0.05 13.3005 0.07 13.2867 0.07C13.273 0.07 13.2602 0.09 13.2467 0.09C13.2333 0.09 13.2198 0.11 13.2067 0.11C13.1936 0.11 13.1795 0.13 13.1667 0.13C13.154 0.13 13.1391 0.15 13.1267 0.15C13.1143 0.15 13.1087 0.18 13.0967 0.18C13.0848 0.18 13.0682 0.21 13.0567 0.21C13.0452 0.21 13.0378 0.24 13.0267 0.24C13.0157 0.24 13.0072 0.259486 12.9967 0.27C12.9862 0.280514 12.9667 0.28899 12.9667 0.3C12.9667 0.31101 12.9367 0.318507 12.9367 0.33C12.9367 0.341478 12.9067 0.358053 12.9067 0.37C12.9067 0.381934 12.8767 0.387641 12.8767 0.4C12.8767 0.412359 12.8567 0.427257 12.8567 0.44C12.8567 0.452743 12.8367 0.466889 12.8367 0.48C12.8367 0.493111 12.8167 0.506564 12.8167 0.52C12.8167 0.533424 12.7967 0.546266 12.7967 0.56C12.7967 0.573734 12.7767 0.58601 12.7767 0.6C12.7767 0.61399 12.7667 0.625768 12.7667 0.64C12.7667 0.654218 12.7567 0.675585 12.7567 0.69C12.7567 0.704415 12.7467 0.715427 12.7467 0.73C12.7467 0.744573 12.7367 0.755287 12.7367 0.77C12.7367 0.784701 12.7367 0.805214 12.7367 0.82C12.7367 0.834786 12.7267 0.845159 12.7267 0.86C12.7267 0.874856 12.7267 0.895144 12.7267 0.91C12.7267 0.924856 12.7267 0.935144 12.7267 0.95C12.7267 0.964841 12.7367 0.985214 12.7367 1C12.7367 1.01479 12.7367 1.02529 12.7367 1.04C12.7367 1.0547 12.7467 1.07543 12.7467 1.09C12.7467 1.10457 12.7567 1.11558 12.7567 1.13C12.7567 1.14442 12.7667 1.15577 12.7667 1.17C12.7667 1.18422 12.7767 1.19601 12.7767 1.21C12.7767 1.22399 12.7967 1.24627 12.7967 1.26C12.7967 1.27373 12.8167 1.28658 12.8167 1.3C12.8167 1.31344 12.8367 1.32689 12.8367 1.34C12.8367 1.35311 12.8567 1.35726 12.8567 1.37C12.8567 1.38274 12.8767 1.39764 12.8767 1.41C12.8767 1.42236 12.9067 1.43805 12.9067 1.45C12.9067 1.46193 12.9367 1.46852 12.9367 1.48C12.9367 1.49149 12.9667 1.50899 12.9667 1.52C12.9667 1.53101 12.9862 1.53949 12.9967 1.55C13.0072 1.56051 13.0157 1.58 13.0267 1.58C13.0377 1.58 13.0452 1.61 13.0567 1.61C13.0682 1.61 13.0848 1.64 13.0967 1.64C13.1087 1.64 13.1143 1.66 13.1267 1.66C13.1391 1.66 13.154 1.69 13.1667 1.69C13.1795 1.69 13.1936 1.71 13.2067 1.71C13.2198 1.71 13.2333 1.73 13.2467 1.73C13.2602 1.73 13.273 1.75 13.2867 1.75C13.3005 1.75 13.3127 1.76 13.3267 1.76C13.3407 1.76 13.3625 1.78 13.3767 1.78C13.391 1.78 13.4023 1.79 13.4167 1.79C13.4311 1.79 13.4421 1.8 13.4567 1.8C13.4713 1.8 13.492 1.81 13.5067 1.81C13.5214 1.81 13.5319 1.81 13.5467 1.81C13.5615 1.81 13.5819 1.82 13.5967 1.82C13.6116 1.82 13.6218 1.82 13.6367 1.82Z"   fill="#FFFFFF" >
+</path>
+<path d="M19.09 7.07C19.1049 7.07 19.1251 7.06 19.14 7.06C19.1549 7.06 19.1652 7.06 19.18 7.06C19.1948 7.06 19.2053 7.06 19.22 7.06C19.2347 7.06 19.2554 7.05 19.27 7.05C19.2846 7.05 19.2956 7.04 19.31 7.04C19.3244 7.04 19.3358 7.03 19.35 7.03C19.3642 7.03 19.386 7.01 19.4 7.01C19.414 7.01 19.4263 7 19.44 7C19.4538 7 19.4666 6.98 19.48 6.98C19.4935 6.98 19.5069 6.96 19.52 6.96C19.5331 6.96 19.5472 6.94 19.56 6.94C19.5728 6.94 19.5876 6.91 19.6 6.91C19.6124 6.91 19.6181 6.89 19.63 6.89C19.642 6.89 19.6585 6.86 19.67 6.86C19.6815 6.86 19.689 6.83 19.7 6.83C19.711 6.83 19.7195 6.81051 19.73 6.8C19.7405 6.78951 19.76 6.781 19.76 6.77C19.76 6.75898 19.79 6.74147 19.79 6.73C19.79 6.71851 19.82 6.71194 19.82 6.7C19.82 6.68806 19.85 6.67237 19.85 6.66C19.85 6.64763 19.87 6.63275 19.87 6.62C19.87 6.60725 19.89 6.60311 19.89 6.59C19.89 6.57691 19.91 6.56343 19.91 6.55C19.91 6.53657 19.93 6.51373 19.93 6.5C19.93 6.48627 19.95 6.47398 19.95 6.46C19.95 6.44602 19.96 6.43422 19.96 6.42C19.96 6.40576 19.97 6.39441 19.97 6.38C19.97 6.36559 19.98 6.34458 19.98 6.33C19.98 6.31542 19.99 6.30471 19.99 6.29C19.99 6.27529 20 6.26479 20 6.25C20 6.23521 20 6.21483 20 6.2C20 6.18517 20 6.17488 20 6.16L20 4.88C20 4.82353 19.99 4.76617 19.99 4.71C19.99 4.65385 19.9719 4.59521 19.96 4.54C19.96 4.48462 19.946 4.43391 19.93 4.38C19.9141 4.32609 19.892 4.27174 19.87 4.22C19.8251 4.11869 19.7712 4.02241 19.71 3.93C19.6803 3.88498 19.6442 3.84174 19.61 3.8C19.5758 3.75826 19.5383 3.71803 19.5 3.68C19.4613 3.6409 19.4225 3.60488 19.38 3.57C19.3375 3.53509 19.2959 3.50033 19.25 3.47C19.1594 3.4096 19.0603 3.3525 18.96 3.31C18.9084 3.28689 18.864 3.26671 18.81 3.25C18.756 3.23329 18.6956 3.22007 18.64 3.21C18.5839 3.19823 18.527 3.19 18.47 3.19C18.413 3.19 18.3573 3.18 18.3 3.18L11.7 3.18L11.36 0.78C11.36 0.766506 11.36 0.753394 11.36 0.74C11.36 0.726606 11.35 0.713266 11.35 0.7C11.35 0.686734 11.34 0.673111 11.34 0.66C11.34 0.646889 11.33 0.632926 11.33 0.62C11.33 0.607059 11.31 0.592728 11.31 0.58C11.31 0.567272 11.3 0.562485 11.3 0.55C11.3 0.5375 11.28 0.522232 11.28 0.51C11.28 0.497753 11.26 0.481947 11.26 0.47C11.26 0.458039 11.24 0.451649 11.24 0.44C11.24 0.428349 11.22 0.411308 11.22 0.4C11.22 0.388677 11.2 0.380967 11.2 0.37C11.2 0.35903 11.17 0.350584 11.17 0.34C11.17 0.329416 11.14 0.320201 11.14 0.31C11.14 0.299811 11.12 0.28 11.12 0.28L11.09 0.25C11.09 0.25 11.0704 0.22 11.06 0.22C11.0496 0.22 11.0307 0.19 11.02 0.19C11.0093 0.19 11.0011 0.17 10.99 0.17C10.9789 0.17 10.9715 0.15 10.96 0.15C10.9486 0.15 10.9318 0.12 10.92 0.12C10.9082 0.12 10.9021 0.1 10.89 0.1C10.8779 0.1 10.8624 0.09 10.85 0.09C10.8377 0.09 10.8226 0.07 10.81 0.07C10.7974 0.07 10.7928 0.06 10.78 0.06C10.7672 0.06 10.753 0.04 10.74 0.04C10.727 0.04 10.7132 0.03 10.7 0.03C10.6868 0.03 10.6733 0.02 10.66 0.02C10.6467 0.02 10.6335 0.01 10.62 0.01C10.6066 0.01 10.5936 0.01 10.58 0.01C10.5665 0.01 10.5536 0 10.54 0C10.5264 0 10.5136 0 10.5 0C10.4864 0 10.4637 0 10.45 0L4.09 0C4.07636 0 4.06364 0 4.05 0C4.03636 0 4.02359 0 4.01 0C3.99641 0 3.98355 0.01 3.97 0.01C3.95647 0.01 3.94347 0.01 3.93 0.01C3.91658 0.01 3.90334 0.02 3.89 0.02C3.87668 0.02 3.86319 0.03 3.85 0.03C3.83683 0.03 3.82302 0.04 3.81 0.04C3.797 0.04 3.78283 0.06 3.77 0.06C3.75719 0.06 3.74259 0.07 3.73 0.07C3.71741 0.07 3.70234 0.09 3.69 0.09C3.67766 0.09 3.67208 0.1 3.66 0.1C3.64794 0.1 3.63178 0.12 3.62 0.12C3.60824 0.12 3.60146 0.15 3.59 0.15C3.57856 0.15 3.5611 0.17 3.55 0.17C3.53892 0.17 3.53074 0.19 3.52 0.19C3.50928 0.19 3.50036 0.22 3.49 0.22C3.47967 0.22 3.46 0.25 3.46 0.25L3.43 0.28C3.43 0.28 3.4 0.299811 3.4 0.31C3.4 0.320201 3.38 0.329416 3.38 0.34C3.38 0.350584 3.35 0.35903 3.35 0.37C3.35 0.380967 3.33 0.388677 3.33 0.4C3.33 0.411308 3.3 0.428349 3.3 0.44C3.3 0.451649 3.28 0.458039 3.28 0.47C3.28 0.481947 3.27 0.497753 3.27 0.51C3.27 0.522232 3.25 0.5375 3.25 0.55C3.25 0.562485 3.23 0.567272 3.23 0.58C3.23 0.592728 3.22 0.607059 3.22 0.62C3.22 0.632926 3.21 0.646889 3.21 0.66C3.21 0.673111 3.2 0.686734 3.2 0.7C3.2 0.713266 3.19 0.726606 3.19 0.74C3.19 0.753394 3.18 0.766506 3.18 0.78L2.85 3.18L1.7 3.18C1.64347 3.18 1.58622 3.19 1.53 3.19C1.47379 3.19 1.41527 3.1981 1.36 3.21C1.30456 3.21 1.25396 3.23406 1.2 3.25C1.14604 3.26594 1.09179 3.28801 1.04 3.31C0.938578 3.35484 0.842516 3.40889 0.75 3.47C0.704951 3.49969 0.661776 3.52584 0.62 3.56C0.578224 3.59414 0.538069 3.63177 0.5 3.67C0.460853 3.70867 0.424941 3.75752 0.39 3.8C0.355059 3.8425 0.320364 3.88413 0.29 3.93C0.229525 4.02052 0.182554 4.10982 0.14 4.21C0.116859 4.26151 0.0967286 4.31609 0.08 4.37C0.0632714 4.42393 0.0500696 4.48445 0.04 4.54C0.0282118 4.596 0.01 4.65311 0.01 4.71C0.01 4.76689 0 4.82277 0 4.88L0 15.1C0 15.1572 0.01 15.2131 0.01 15.27C0.01 15.3269 0.0283311 15.384 0.04 15.44C0.0500242 15.4945 0.0640427 15.5469 0.08 15.6C0.0959573 15.6531 0.108303 15.7089 0.13 15.76C0.174891 15.8613 0.22883 15.9576 0.29 16.05C0.35075 16.1393 0.424386 16.2228 0.5 16.3C0.538704 16.3391 0.577461 16.3751 0.62 16.41C0.662537 16.4449 0.704082 16.4797 0.75 16.51C0.842113 16.5718 0.938175 16.6259 1.04 16.67C1.14314 16.7115 1.25103 16.7379 1.36 16.76C1.41606 16.7718 1.47304 16.79 1.53 16.79C1.58696 16.79 1.64271 16.8 1.7 16.8L18.3 16.8C18.3573 16.8 18.413 16.79 18.47 16.79C18.527 16.79 18.5839 16.7718 18.64 16.76C18.749 16.7379 18.8569 16.7115 18.96 16.67C19.0618 16.6259 19.1579 16.5718 19.25 16.51C19.2956 16.4802 19.3382 16.4449 19.38 16.41C19.4218 16.3751 19.4626 16.3396 19.5 16.3C19.5391 16.2621 19.5751 16.2217 19.61 16.18C19.6449 16.1383 19.6796 16.0951 19.71 16.05C19.7705 15.9595 19.8175 15.8602 19.86 15.76C19.8831 15.7085 19.9033 15.6639 19.92 15.61C19.9367 15.5561 19.9499 15.4956 19.96 15.44C19.9717 15.384 19.99 15.3269 19.99 15.27C19.99 15.2131 20 15.1572 20 15.1L20 9.99C20 9.97514 20 9.95483 20 9.94C20 9.92517 20 9.91477 20 9.9C20 9.88521 19.99 9.87469 19.99 9.86C19.99 9.84531 19.98 9.82456 19.98 9.81C19.98 9.79544 19.97 9.78441 19.97 9.77C19.97 9.75559 19.96 9.7442 19.96 9.73C19.96 9.7158 19.95 9.69398 19.95 9.68C19.95 9.66602 19.93 9.65371 19.93 9.64C19.93 9.62627 19.91 9.61341 19.91 9.6C19.91 9.58657 19.89 9.57309 19.89 9.56C19.89 9.54691 19.87 9.53273 19.87 9.52C19.87 9.50727 19.85 9.50232 19.85 9.49C19.85 9.47766 19.82 9.46192 19.82 9.45C19.82 9.43808 19.79 9.42147 19.79 9.41C19.79 9.39853 19.77 9.391 19.76 9.38C19.76 9.369 19.7405 9.36049 19.73 9.35C19.7195 9.33951 19.711 9.32 19.7 9.32C19.689 9.32 19.6815 9.29 19.67 9.29C19.6585 9.29 19.642 9.26 19.63 9.26C19.6181 9.26 19.6124 9.24 19.6 9.24C19.5876 9.24 19.5728 9.21 19.56 9.21C19.5473 9.21 19.5331 9.19 19.52 9.19C19.5069 9.19 19.4934 9.17 19.48 9.17C19.4666 9.17 19.4537 9.15 19.44 9.15C19.4263 9.15 19.414 9.14 19.4 9.14C19.386 9.14 19.3642 9.12 19.35 9.12C19.3358 9.12 19.3244 9.11 19.31 9.11C19.2956 9.11 19.2846 9.1 19.27 9.1C19.2554 9.1 19.2347 9.09 19.22 9.09C19.2053 9.09 19.1948 9.09 19.18 9.09C19.1652 9.09 19.1549 9.08 19.14 9.08C19.1252 9.08 19.1049 9.08 19.09 9.08C19.0751 9.08 19.0649 9.08 19.05 9.08C19.0352 9.08 19.0148 9.09 19 9.09C18.9852 9.09 18.9747 9.09 18.96 9.09C18.9453 9.09 18.9246 9.1 18.91 9.1C18.8954 9.1 18.8844 9.11 18.87 9.11C18.8556 9.11 18.8442 9.12 18.83 9.12C18.8158 9.12 18.794 9.14 18.78 9.14C18.766 9.14 18.7537 9.15 18.74 9.15C18.7263 9.15 18.7134 9.17 18.7 9.17C18.6866 9.17 18.6731 9.19 18.66 9.19C18.6469 9.19 18.6328 9.21 18.62 9.21C18.6073 9.21 18.6024 9.24 18.59 9.24C18.5776 9.24 18.562 9.26 18.55 9.26C18.5381 9.26 18.5215 9.29 18.51 9.29C18.4985 9.29 18.491 9.32 18.48 9.32C18.469 9.32 18.4605 9.33951 18.45 9.35C18.4395 9.36049 18.42 9.369 18.42 9.38C18.42 9.391 18.39 9.39853 18.39 9.41C18.39 9.42147 18.36 9.43808 18.36 9.45C18.36 9.46192 18.34 9.47766 18.34 9.49C18.34 9.50232 18.31 9.50727 18.31 9.52C18.31 9.53273 18.29 9.54691 18.29 9.56C18.29 9.57309 18.27 9.58657 18.27 9.6C18.27 9.61343 18.25 9.62629 18.25 9.64C18.25 9.65371 18.24 9.66602 18.24 9.68C18.24 9.69398 18.22 9.7158 18.22 9.73C18.22 9.7442 18.21 9.75559 18.21 9.77C18.21 9.78441 18.2 9.79544 18.2 9.81C18.2 9.82456 18.19 9.84531 18.19 9.86C18.19 9.87469 18.19 9.88521 18.19 9.9C18.19 9.91477 18.18 9.92517 18.18 9.94C18.18 9.95483 18.18 9.97514 18.18 9.99L18.18 14.98L2 14.9L2 4.99L3.64 4.99C3.65366 4.99 3.66638 4.99 3.68 4.99C3.69364 4.99 3.70641 4.99 3.72 4.99C3.73361 4.99 3.74649 4.99 3.76 4.99C3.77355 4.99 3.78656 4.98 3.8 4.98C3.81344 4.98 3.82668 4.97 3.84 4.97C3.85334 4.97 3.86683 4.96 3.88 4.96C3.89319 4.96 3.907 4.95 3.92 4.95C3.93302 4.95 3.94719 4.94 3.96 4.94C3.97283 4.94 3.98743 4.92 4 4.92C4.01261 4.92 4.01768 4.91 4.03 4.91C4.04236 4.91 4.05794 4.89 4.07 4.89C4.08206 4.89 4.09824 4.87 4.11 4.87C4.12176 4.87 4.12856 4.85 4.14 4.85C4.15146 4.85 4.15892 4.83 4.17 4.83C4.1811 4.83 4.19926 4.8 4.21 4.8C4.22074 4.8 4.22964 4.78 4.24 4.78C4.25036 4.78 4.27 4.75 4.27 4.75L4.3 4.72C4.3 4.72 4.33 4.70019 4.33 4.69C4.33 4.67981 4.35 4.6706 4.35 4.66C4.35 4.64942 4.38 4.64096 4.38 4.63C4.38 4.61904 4.4 4.6013 4.4 4.59C4.4 4.57868 4.42 4.57164 4.42 4.56C4.42 4.54836 4.44 4.53196 4.44 4.52C4.44 4.50806 4.46 4.50224 4.46 4.49C4.46 4.47776 4.48 4.46249 4.48 4.45C4.48 4.43751 4.49 4.42273 4.49 4.41C4.49 4.39727 4.51 4.38292 4.51 4.37C4.51 4.35706 4.52 4.34311 4.52 4.33C4.52 4.31689 4.53 4.30326 4.53 4.29C4.53 4.27674 4.54 4.26339 4.54 4.25C4.54 4.23661 4.55 4.22349 4.55 4.21L4.88 1.82L9.66 1.82L10 4.21C10 4.22349 10.01 4.23661 10.01 4.25C10.01 4.26339 10.02 4.27674 10.02 4.29C10.02 4.30326 10.03 4.31689 10.03 4.33C10.03 4.34311 10.04 4.35706 10.04 4.37C10.04 4.38292 10.05 4.39727 10.05 4.41C10.05 4.42273 10.07 4.43751 10.07 4.45C10.07 4.46249 10.08 4.47776 10.08 4.49C10.08 4.50224 10.1 4.50806 10.1 4.52C10.1 4.53196 10.12 4.54836 10.12 4.56C10.12 4.57164 10.14 4.57868 10.14 4.59C10.14 4.6013 10.17 4.61904 10.17 4.63C10.17 4.64096 10.19 4.64942 10.19 4.66C10.19 4.6706 10.22 4.67981 10.22 4.69C10.22 4.70019 10.25 4.72 10.25 4.72L10.28 4.75C10.28 4.75 10.2996 4.78 10.31 4.78C10.3204 4.78 10.3293 4.8 10.34 4.8C10.3507 4.8 10.3589 4.83 10.37 4.83C10.3811 4.83 10.3986 4.85 10.41 4.85C10.4215 4.85 10.4282 4.87 10.44 4.87C10.4518 4.87 10.4679 4.89 10.48 4.89C10.4921 4.89 10.4977 4.91 10.51 4.91C10.5223 4.91 10.5374 4.92 10.55 4.92C10.5626 4.92 10.5772 4.94 10.59 4.94C10.6028 4.94 10.617 4.95 10.63 4.95C10.643 4.95 10.6568 4.96 10.67 4.96C10.6832 4.96 10.6967 4.97 10.71 4.97C10.7233 4.97 10.7366 4.98 10.75 4.98C10.7634 4.98 10.7765 4.99 10.79 4.99C10.8036 4.99 10.8164 4.99 10.83 4.99C10.8436 4.99 10.8564 4.99 10.87 4.99C10.8836 4.99 10.8964 4.99 10.91 4.99L18.18 4.99L18.18 6.16C18.18 6.17481 18.18 6.19521 18.18 6.21C18.18 6.22479 18.19 6.23527 18.19 6.25C18.19 6.26475 18.19 6.27536 18.19 6.29C18.19 6.30464 18.2 6.32548 18.2 6.34C18.2 6.35452 18.21 6.36563 18.21 6.38C18.21 6.39437 18.22 6.40585 18.22 6.42C18.22 6.43415 18.24 6.45606 18.24 6.47C18.24 6.48394 18.25 6.49634 18.25 6.51C18.25 6.52366 18.27 6.53663 18.27 6.55C18.27 6.56337 18.29 6.57695 18.29 6.59C18.29 6.60305 18.31 6.61734 18.31 6.63C18.31 6.64268 18.34 6.64772 18.34 6.66C18.34 6.6723 18.36 6.68815 18.36 6.7C18.36 6.71188 18.39 6.72857 18.39 6.74C18.39 6.75143 18.42 6.75906 18.42 6.77C18.43 6.78096 18.4395 6.78955 18.45 6.8C18.4605 6.81045 18.469 6.83 18.48 6.83C18.491 6.83 18.5085 6.86 18.52 6.86C18.5315 6.86 18.5381 6.89 18.55 6.89C18.5619 6.89 18.5777 6.91 18.59 6.91C18.6024 6.91 18.6073 6.94 18.62 6.94C18.6327 6.94 18.6469 6.96 18.66 6.96C18.6731 6.96 18.6866 6.98 18.7 6.98C18.7134 6.98 18.7263 7 18.74 7C18.7537 7 18.776 7.01 18.79 7.01C18.804 7.01 18.8158 7.03 18.83 7.03C18.8442 7.03 18.8556 7.04 18.87 7.04C18.8844 7.04 18.8955 7.05 18.91 7.05C18.9246 7.05 18.9453 7.06 18.96 7.06C18.9747 7.06 18.9853 7.06 19 7.06C19.0148 7.06 19.0352 7.06 19.05 7.06C19.0648 7.06 19.0752 7.07 19.09 7.07Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/reset.svg b/src/views/drone/components/virtualWarehouse/icons/reset.svg
new file mode 100644
index 0000000..7c09c3a
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/reset.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M6.0595 0C4.55962 0 3.11974 0.599991 2.03982 1.56L1.91984 0.599991C1.91984 0.239991 1.61987 0 1.2599 0.0599906C0.899932 0.0599906 0.659947 0.36 0.719947 0.72L0.839932 2.34C0.899932 3.11999 1.55987 3.72 2.33981 3.72L2.45979 3.72L4.07966 3.6C4.43963 3.6 4.67962 3.29999 4.61962 2.93999C4.61962 2.57999 4.31965 2.34 3.95968 2.39999L2.75976 2.46C3.65969 1.67999 4.7996 1.2 5.9995 1.2C8.63929 1.2 10.7991 3.36 10.7991 5.99999C10.7991 8.64 8.63929 10.8 5.9995 10.8C3.35972 10.8 1.1999 8.64 1.1999 5.99999C1.1999 5.63999 0.959918 5.4 0.599947 5.4C0.239977 5.4 0 5.63999 0 5.99999C0 9.3 2.69978 12 5.9995 12C9.29923 12 11.999 9.3 11.999 5.99999C12.059 2.7 9.35923 0 6.0595 0Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/shouTip.svg b/src/views/drone/components/virtualWarehouse/icons/shouTip.svg
new file mode 100644
index 0000000..f104cb2
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/shouTip.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.3984375" height="28.2999267578125" viewBox="0 0 46.3984375 28.2999267578125" fill="none">
+<path  transform="matrix(-1, 0, 0, 1, 46.19921875, 4.0999755859375)"   fill="#000000" fill-opacity="0.5" d="M0 16L0 8C0 3.58172 3.58172 0 8 0L38 0C42.4183 0 46 3.58172 46 8L46 16C46 20.4183 42.4183 24 38 24L8 24C3.58172 24 0 20.4183 0 16Z">
+</path>
+<g >
+<path     fill="#FFFFFF"  d="M18.2552 14.444L20.8592 14.444C20.6072 15.968 20.2112 17.276 19.6352 18.356C19.0112 17.252 18.5312 15.98 18.1952 14.624L18.2552 14.444ZM18.1232 11.252C17.7752 13.34 17.1392 15.308 16.1072 16.52C16.3112 16.7 16.6352 17.096 16.7552 17.276C17.1152 16.832 17.4272 16.316 17.7152 15.74C18.0872 17 18.5552 18.164 19.1432 19.172C18.4472 20.18 17.5232 20.972 16.3112 21.56C16.5032 21.752 16.7912 22.124 16.8992 22.304C18.0392 21.692 18.9392 20.912 19.6472 19.952C20.3432 20.924 21.1592 21.704 22.1432 22.244C22.2752 22.016 22.5632 21.68 22.7672 21.512C21.7352 21.008 20.8712 20.192 20.1632 19.196C20.9312 17.912 21.4352 16.34 21.7712 14.444L22.6712 14.444L22.6712 13.592L18.5312 13.592C18.7352 12.896 18.9152 12.152 19.0472 11.396L18.1232 11.252ZM12.3032 20.132C12.5312 19.94 12.8912 19.772 15.0872 18.968L15.0872 22.304L15.9752 22.304L15.9752 11.432L15.0872 11.432L15.0872 18.092L13.2392 18.704L13.2392 12.584L12.3512 12.584L12.3512 18.488C12.3512 18.968 12.1112 19.196 11.9312 19.304C12.0752 19.508 12.2432 19.904 12.3032 20.132ZM24.3872 16.688C24.3512 18.824 24.2192 20.756 23.5112 21.968C23.7272 22.064 24.1232 22.28 24.2792 22.388C24.6272 21.728 24.8552 20.888 24.9992 19.94C25.8632 21.584 27.3032 21.98 29.8592 21.98L34.4792 21.98C34.5392 21.716 34.6952 21.296 34.8512 21.092C34.0952 21.128 30.4352 21.128 29.8472 21.116C28.7192 21.116 27.8312 21.032 27.1352 20.768L27.1352 18.32L29.0912 18.32L29.0912 17.528L27.1352 17.528L27.1352 15.74L29.2112 15.74L29.2112 14.924L26.9432 14.924L26.9432 13.412L28.9112 13.412L28.9112 12.608L26.9432 12.608L26.9432 11.264L26.0912 11.264L26.0912 12.608L24.0872 12.608L24.0872 13.412L26.0912 13.412L26.0912 14.924L23.7752 14.924L23.7752 15.74L26.3072 15.74L26.3072 20.312C25.7912 19.904 25.4312 19.292 25.1552 18.404C25.1912 17.876 25.2272 17.324 25.2392 16.748L24.3872 16.688ZM29.7752 15.14L29.7752 19.064C29.7752 20.084 30.1112 20.348 31.2392 20.348C31.4792 20.348 33.0872 20.348 33.3512 20.348C34.3712 20.348 34.6352 19.904 34.7432 18.2C34.5032 18.14 34.1312 17.996 33.9392 17.84C33.8792 19.292 33.8072 19.532 33.2912 19.532C32.9192 19.532 31.5872 19.532 31.3232 19.532C30.7472 19.532 30.6392 19.46 30.6392 19.064L30.6392 15.944L33.1952 15.944L33.1952 16.244L34.0592 16.244L34.0592 11.828L29.6552 11.828L29.6552 12.62L33.1952 12.62L33.1952 15.14L29.7752 15.14Z">
+</path>
+</g>
+<path fill-rule="evenodd" transform="matrix(-1, 0, 0, 1, 46.19921875, 4.0999755859375)" fill="rgba(255, 255, 255, 1)"  d="M-0.2 8L-0.2 16C-0.2 20.5287 3.47127 24.2 8 24.2L38 24.2C42.5287 24.2 46.2 20.5287 46.2 16L46.2 8C46.2 3.47127 42.5287 -0.2 38 -0.2L8 -0.2C3.47127 -0.2 -0.2 3.47127 -0.2 8ZM0 8L0 16C0 20.4183 3.58172 24 8 24L38 24C42.4183 24 46 20.4183 46 16L46 8C46 3.58172 42.4183 0 38 0L8 0C3.58172 0 0 3.58172 0 8Z">
+</path>
+<path d="M35.1992 0.0999756L32.1992 4.09998L38.1992 4.09998L35.1992 0.0999756Z"   fill="#000000" fill-opacity="0.5">
+</path>
+<path   fill="rgba(255, 255, 255, 1)"  d="M35.1192 0.159976L38.1192 4.15998L38.2792 4.03998L35.2792 0.0399756L35.1192 0.159976ZM32.2792 4.15998L35.2792 0.159976L35.1192 0.0399756L32.1192 4.03998L32.2792 4.15998ZM35.1192 0.0399756L35.1992 0.0999756L35.2792 0.0399756C35.2588 0.014052 35.2322 0.000718631 35.1992 -2.44156e-05C35.1663 0.000718631 35.1396 0.014052 35.1192 0.0399756Z">
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/shrink.svg b/src/views/drone/components/virtualWarehouse/icons/shrink.svg
new file mode 100644
index 0000000..73c9101
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/shrink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M11.5142 10.3569L0.502014 10.3569C0.242915 10.3569 0.0161842 10.5828 0.0161842 10.841C0.0161842 11.0991 0.242915 11.325 0.502014 11.325L11.5142 11.325C11.7733 11.325 12 11.0991 12 10.841C12 10.5828 11.7733 10.3569 11.5142 10.3569ZM0.502014 1.64323L11.5142 1.64323C11.7733 1.64323 12 1.41733 12 1.15914C12 0.900953 11.7733 0.675049 11.5142 0.675049L0.502014 0.675049C0.242915 0.675049 0.0161842 0.900953 0.0161842 1.15914C0.0161842 1.41733 0.242915 1.64323 0.502014 1.64323ZM3.41699 5.51596C3.15789 5.51596 2.93116 5.74186 2.93116 6.00005C2.93116 6.25824 3.15789 6.48414 3.41699 6.48414L11.1903 6.48414C11.4494 6.48414 11.6761 6.25824 11.6761 6.00005C11.6761 5.74186 11.4494 5.51596 11.1903 5.51596L3.41699 5.51596ZM2.41295 8.61414C2.51012 8.71096 2.63967 8.74323 2.76923 8.74323C2.8988 8.74323 3.02833 8.71096 3.1255 8.61414C3.31983 8.4205 3.31983 8.13005 3.1255 7.93641L1.18218 6.00005L3.09311 4.09595C3.28744 3.90232 3.28744 3.61186 3.09311 3.41823C2.89878 3.22459 2.60728 3.22459 2.41295 3.41823L0.145749 5.67733C-0.048583 5.87096 -0.048583 6.16142 0.145749 6.35505L2.41295 8.61414Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/start.svg b/src/views/drone/components/virtualWarehouse/icons/start.svg
new file mode 100644
index 0000000..63e1079
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/start.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="15.1199951171875" viewBox="0 0 16 15.1199951171875" fill="none">
+<path d="M15.832 6C15.7385 5.50592 15.4375 5.184 15.064 5.184L15.056 5.184L14.984 5.184C13.9042 5.184 13.024 4.30392 13.024 3.224C13.024 2.87354 13.192 2.48 13.192 2.48C13.3855 2.04438 13.2386 1.51254 12.848 1.24L12.824 1.224L10.84 0.12L10.816 0.112C10.6867 0.0557999 10.5418 0.024 10.392 0.024C10.085 0.024 9.78259 0.145805 9.584 0.352C9.3663 0.57671 8.61738 1.216 8.04 1.216C7.45741 1.216 6.70663 0.564872 6.488 0.336C6.28836 0.125597 5.9821 0 5.672 0C5.52512 0 5.38307 0.0258014 5.256 0.08L5.232 0.096L3.176 1.224L3.152 1.24C2.7601 1.5123 2.61468 2.0446 2.808 2.48C2.808 2.48 2.976 2.8709 2.976 3.224C2.976 4.30392 2.0959 5.184 1.016 5.184L0.952 5.184L0.936 5.184C0.562965 5.184 0.261474 5.50584 0.168 6C0.168 6.03624 0 6.89613 0 7.568C0 8.23985 0.168 9.09967 0.168 9.136C0.261543 9.63011 0.562716 9.944 0.936 9.944L0.944 9.944L1.016 9.944C2.0959 9.944 2.976 10.8241 2.976 11.904C2.976 12.2549 2.808 12.648 2.808 12.648C2.61463 13.0833 2.76159 13.6227 3.152 13.896L3.176 13.912L5.12 15L5.144 15.008C5.27323 15.0649 5.41897 15.096 5.568 15.096C5.87934 15.096 6.17794 14.9674 6.376 14.752C6.65252 14.4515 7.40591 13.832 7.96 13.832C8.55994 13.832 9.32999 14.5246 9.552 14.768C9.7505 14.9872 10.0535 15.12 10.368 15.12C10.5141 15.12 10.6568 15.0949 10.784 15.04L10.808 15.024L12.824 13.912L12.848 13.896C13.2392 13.6234 13.3929 13.0904 13.2 12.656C13.2 12.656 13.024 12.2524 13.024 11.904C13.024 10.8241 13.9042 9.944 14.984 9.944L15.048 9.944L15.064 9.944C15.4381 9.944 15.7387 9.62977 15.832 9.136C15.832 9.12729 16 8.25669 16 7.568C16 6.89306 15.832 6.03615 15.832 6ZM5.576 13.608L4.216 13C4.29105 12.8072 4.44 12.3532 4.44 11.888C4.44 10.2726 3.32897 8.93884 1.728 8.816C1.6889 8.58817 1.6 8.00538 1.6 7.552C1.6 7.09926 1.68893 6.516 1.728 6.288C3.32904 6.16525 4.8 4.83945 4.8 3.224C4.8 2.76004 4.6509 2.31282 4.576 2.12L5.664 1.528C5.72932 1.59473 5.99113 1.85484 6.352 2.112C6.94167 2.53234 7.49824 2.744 8.016 2.744C8.52868 2.744 9.08607 2.5322 9.672 2.12C10.0306 1.86776 10.2948 1.61762 10.36 1.552L11.424 2.128C11.349 2.3208 11.2 2.76742 11.2 3.232C11.2 4.84745 12.439 6.18925 14.04 6.312C14.0791 6.54034 14.168 7.12463 14.168 7.576C14.168 8.0292 14.079 8.6121 14.04 8.84C12.439 8.96272 11.2 10.2965 11.2 11.912C11.2 12.3765 11.349 12.8232 11.424 13.016L10.36 13.632C10.2837 13.5509 10.0284 13.2807 9.672 13.016C9.07095 12.5697 8.49367 12.344 7.96 12.344C7.43144 12.344 6.86161 12.57 6.264 13.008C5.91273 13.2655 5.65248 13.5282 5.576 13.608ZM10.8 7.552C10.8 5.98949 9.53049 4.72 7.968 4.72C6.40554 4.72 5.128 5.98949 5.128 7.552C5.128 9.11449 6.40554 10.392 7.968 10.392C9.53052 10.392 10.8 9.11449 10.8 7.552ZM7.968 5.848C8.91054 5.848 9.672 6.6095 9.672 7.552C9.672 8.49456 8.91054 9.264 7.968 9.264C7.02551 9.264 6.256 8.49456 6.256 7.552C6.256 6.60947 7.02551 5.848 7.968 5.848Z" fill-rule="evenodd"  fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/tool.svg b/src/views/drone/components/virtualWarehouse/icons/tool.svg
new file mode 100644
index 0000000..2ba1e3e
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M8.07933 0C6.07949 0 4.15965 0.799988 2.71976 2.07999L2.55978 0.799988C2.55978 0.319988 2.15982 0 1.67987 0.0799875C1.19991 0.0799875 0.879929 0.48 0.959929 0.96L1.11991 3.12C1.19991 4.15999 2.07982 4.96 3.11974 4.96L3.27973 4.96L5.43955 4.8C5.91951 4.8 6.23949 4.39999 6.15949 3.91999C6.15949 3.43999 5.75953 3.12 5.27957 3.19999L3.67969 3.27999C4.87959 2.23999 6.39947 1.59999 7.99933 1.59999C11.5191 1.59999 14.3988 4.48 14.3988 7.99999C14.3988 11.52 11.5191 14.4 7.99933 14.4C4.47963 14.4 1.59987 11.52 1.59987 7.99999C1.59987 7.51999 1.27989 7.2 0.79993 7.2C0.319969 7.2 0 7.51999 0 7.99999C0 12.4 3.59971 16 7.99933 16C12.399 16 15.9987 12.4 15.9987 7.99999C16.0787 3.6 12.479 0 8.07933 0Z"   fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/tool1.svg b/src/views/drone/components/virtualWarehouse/icons/tool1.svg
new file mode 100644
index 0000000..c7f114e
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/icons/tool1.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path d="M11.874 4.85999C11.8039 4.48943 11.5781 4.24799 11.298 4.24799L11.292 4.24799L11.238 4.24799C10.4282 4.24799 9.768 3.58793 9.768 2.77799C9.768 2.51514 9.894 2.21999 9.894 2.21999C10.0391 1.89327 9.92896 1.49439 9.636 1.28999L9.618 1.27799L8.13 0.449985L8.112 0.443985C8.01504 0.401835 7.90635 0.377985 7.794 0.377985C7.56374 0.377985 7.33694 0.469339 7.188 0.623985C7.02472 0.792518 6.46303 1.27199 6.03 1.27199C5.59306 1.27199 5.02997 0.783639 4.866 0.611985C4.71627 0.454183 4.48658 0.359985 4.254 0.359985C4.14384 0.359985 4.03731 0.379336 3.942 0.419985L3.924 0.431985L2.382 1.27799L2.364 1.28999C2.07007 1.49421 1.96101 1.89343 2.106 2.21999C2.106 2.21999 2.232 2.51316 2.232 2.77799C2.232 3.58793 1.57192 4.24799 0.762 4.24799L0.714 4.24799L0.702 4.24799C0.422224 4.24799 0.196105 4.48936 0.126 4.85999C0.126 4.88717 0 5.53209 0 6.03599C0 6.53988 0.126 7.18474 0.126 7.21199C0.196157 7.58256 0.422037 7.81799 0.702 7.81799L0.708 7.81799L0.762 7.81799C1.57192 7.81799 2.232 8.47806 2.232 9.28799C2.232 9.55115 2.106 9.84599 2.106 9.84599C1.96098 10.1724 2.07119 10.577 2.364 10.782L2.382 10.794L3.84 11.61L3.858 11.616C3.95492 11.6586 4.06422 11.682 4.176 11.682C4.40951 11.682 4.63345 11.5856 4.782 11.424C4.98939 11.1986 5.55443 10.734 5.97 10.734C6.41996 10.734 6.99749 11.2535 7.164 11.436C7.31288 11.6004 7.54014 11.7 7.776 11.7C7.88559 11.7 7.99258 11.6812 8.088 11.64L8.106 11.628L9.618 10.794L9.636 10.782C9.92943 10.5776 10.0447 10.1778 9.9 9.85199C9.9 9.85199 9.768 9.54931 9.768 9.28799C9.768 8.47806 10.4282 7.81799 11.238 7.81799L11.286 7.81799L11.298 7.81799C11.5785 7.81799 11.804 7.58231 11.874 7.21199C11.874 7.20545 12 6.5525 12 6.03599C12 5.52978 11.874 4.8871 11.874 4.85999ZM4.182 10.566L3.162 10.11C3.21829 9.96542 3.33 9.62487 3.33 9.27599C3.33 8.06446 2.49673 7.06412 1.296 6.97199C1.26668 6.80112 1.2 6.36402 1.2 6.02399C1.2 5.68443 1.26669 5.24699 1.296 5.07599C2.49678 4.98392 3.6 3.98957 3.6 2.77799C3.6 2.43001 3.48818 2.0946 3.432 1.94999L4.248 1.50599C4.29699 1.55603 4.49334 1.75112 4.764 1.94399C5.20625 2.25924 5.62368 2.41799 6.012 2.41799C6.39651 2.41799 6.81455 2.25914 7.254 1.94999C7.52295 1.76081 7.72113 1.5732 7.77 1.52399L8.568 1.95599C8.51176 2.10058 8.4 2.43555 8.4 2.78399C8.4 3.99557 9.32922 5.00192 10.53 5.09399C10.5593 5.26524 10.626 5.70346 10.626 6.04199C10.626 6.38188 10.5593 6.81906 10.53 6.98999C9.32925 7.08203 8.4 8.08239 8.4 9.29399C8.4 9.64234 8.51178 9.97742 8.568 10.122L7.77 10.584C7.71276 10.5232 7.52132 10.3205 7.254 10.122C6.80321 9.78723 6.37025 9.61799 5.97 9.61799C5.57358 9.61799 5.14621 9.78752 4.698 10.116C4.43454 10.3091 4.23936 10.5062 4.182 10.566ZM8.1 6.02399C8.1 4.85211 7.14787 3.89999 5.976 3.89999C4.80415 3.89999 3.846 4.85211 3.846 6.02399C3.846 7.19585 4.80415 8.15399 5.976 8.15399C7.14789 8.15399 8.1 7.19585 8.1 6.02399ZM5.976 4.74599C6.6829 4.74599 7.254 5.31711 7.254 6.02399C7.254 6.73091 6.6829 7.30799 5.976 7.30799C5.26913 7.30799 4.692 6.73091 4.692 6.02399C4.692 5.31709 5.26913 4.74599 5.976 4.74599Z" fill-rule="evenodd"  fill="#FFFFFF" >
+</path>
+</svg>
diff --git a/src/views/drone/components/virtualWarehouse/icons/uav-bgd-open.png b/src/views/drone/components/virtualWarehouse/icons/uav-bgd-open.png
new file mode 100644
index 0000000..cb3281a
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/uav-bgd-open.png differ
diff --git a/src/views/drone/components/virtualWarehouse/icons/uav-bgd.png b/src/views/drone/components/virtualWarehouse/icons/uav-bgd.png
new file mode 100644
index 0000000..ffd54b8
Binary files /dev/null and b/src/views/drone/components/virtualWarehouse/icons/uav-bgd.png differ
diff --git a/src/views/drone/components/virtualWarehouse/index.js b/src/views/drone/components/virtualWarehouse/index.js
new file mode 100644
index 0000000..e72ec1e
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/index.js
@@ -0,0 +1,5 @@
+export const lostAction = [
+  { id: 1, label: "悬停" },
+  { id: 2, label: "返航" },
+  { id: 3, label: "继续执行" },
+];
diff --git a/src/views/drone/components/virtualWarehouse/index.vue b/src/views/drone/components/virtualWarehouse/index.vue
new file mode 100644
index 0000000..220058f
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/index.vue
@@ -0,0 +1,1088 @@
+<template>
+  <div class="virtual_warehouse">
+    <div class="head_title">
+      远程控制—— {{ setDroneStatus(1) }}
+      {{ setDroneStatus(2) }}
+      <div class="rihgt_close">
+        <div>
+          <img src="./icons/close1.png" alt="" srcset="" />
+          <span>{{ parseInt(rate) }}ms</span>
+        </div>
+        <img src="./icons/close.png" alt="" srcset="" @click="closeEnter" />
+      </div>
+    </div>
+    <div class="left_tltie">
+      <span>机场监控直播</span>
+      <div v-if="showVideoPlay" class="img_tip">
+        <img :src="backlight.img" :title="backlight.tips" @click="changeBacklight" />
+        <img src="./icons/cerams.svg" alt="" title="摄像头转换" srcset="" />
+        <img src="./icons/tool1.svg" alt="" title="清晰度" srcset="" @click="onArticulation('AerodromeArticulationRef')" />
+        <img src="./icons/reset.svg" alt="" title="重置" srcset="" @click="onResetVideo('AerodromeVideoRef', 'Aerodrome')" />
+        <img src="./icons/shrink.svg" alt="" title="收起" srcset="" @click="onVideoPlay(false)" />
+        <articulation
+          @updateDefinition="updateDefinition"
+          :videoObj="Aerodrome"
+          ref="AerodromeArticulationRef"
+          type="AerodromeVideoRef"
+        ></articulation>
+      </div>
+      <div v-else>
+        <img src="./icons/shrink.svg" title="展开" @click="onVideoPlay(true)" />
+      </div>
+    </div>
+    <div class="live_video" v-if="showVideoPlay">
+      <div>
+        <DroneVideo style="width: 100%; height: 100%" :type="2" ref="AerodromeVideoRef"></DroneVideo>
+      </div>
+    </div>
+    <div class="right_box">
+      <div class="top_video_box">
+        <div class="top_label">
+          <div class="btns">
+            <el-button size="small" @click="openAiVideo">开启AI视频</el-button>
+            <el-button size="small" @click="closeAiVideo">关闭AI视频</el-button>
+          </div>
+          <!-- <div @click="onPayloadAuthorityGrab">
+            <img
+              src="./icons/photo.svg"
+              v-if="!AuthorityGrab"
+              alt=""
+              srcset=""
+            />
+            <img
+              src="./icons/aircraft-camera-active.png"
+              v-else
+              alt=""
+              srcset=""
+            />
+            <span :style="AuthorityGrab ? 'color:aqua' : ''"
+              >获取负载控制权</span
+            >
+          </div> -->
+          <div>
+            <img title="结束录像" src="./icons/Refresh.svg" srcset="" v-if="RefreshStart" @click="onVideoRecord('camera_recording_stop')" />
+            <img src="./icons/start.svg" alt="" srcset="" title="清晰度" @click="onArticulation('DroneArticulationRef')" />
+            <img style="width: 16px" @click="onResetVideo('DroneVideoRef', 'Drone')" src="./icons/tool.svg" alt="" title="重置" srcset="" />
+            <articulation :videoObj="Drone" type="DroneVideoRef" ref="DroneArticulationRef" @updateDefinition="updateDefinition"></articulation>
+          </div>
+        </div>
+        <div
+          class="video_box"
+          v-loading="loading"
+          element-loading-text="AI识别开启中..."
+          element-loading-spinner="el-icon-loading"
+          element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+          <!-- 播放flv视频 -->
+          <!-- <video id="aiVideo" v-show="showAiVideo" style="position: absolute;width: 100%;height: 100%;object-fit: fill;"
+            autoplay muted width="100%" height="100%"></video> -->
+          <div id="aiVideo" v-show="showAiVideo" style="position: absolute; width: 100%; height: 100%" width="100%" height="100%">
+            <webrtc ref="webrtcRef"></webrtc>
+          </div>
+          <!-- loading -->
+          <DroneVideo v-show="!showAiVideo" @wheelScale="wheelScale" :typeLabel="typeLabel" ref="DroneVideoRef"> </DroneVideo>
+          <TypeControls @updateType="onUpdateType"></TypeControls>
+          <Tips :Drone="Drone" :obj="tipObj" ref="TipsRef"></Tips>
+        </div>
+        <typeValue ref="typeValueRef" :typeLabel="typeLabel" :value="valueScale"></typeValue>
+        <ptzControl :Drone="Drone"></ptzControl>
+        <modeControl
+          :Drone="Drone"
+          @cameraRecording="
+            (flag) => {
+              RefreshStart = flag;
+            }
+          "
+          @setShutter="setShutter"
+          :camera_type="camera_type"
+        ></modeControl>
+        <GraduatedScale
+          @getScale="getScale"
+          :valueScale="valueScale"
+          :typeLabel="typeLabel"
+          v-if="typeLabel != '广角'"
+          ref="GraduatedScaleRef"
+        ></GraduatedScale>
+      </div>
+      <div class="bottom_detail">
+        <DataPresentation></DataPresentation>
+        <ToolPresentation @onTakeOff="onTakeOff" v-show="!AircraftShow"></ToolPresentation>
+        <!-- v-show="AircraftShow" -->
+        <FlightSetup v-show="AircraftShow" @onTakeOff="onTakeOff" @showTips="showTips" @showTipss="showTipss" ref="FlightSetupRef"> </FlightSetup>
+      </div>
+    </div>
+    <controlFightTool :Drone="Drone" @onflight="onflight" ref="controlFightToolRef"></controlFightTool>
+    <div id="contextMenu">
+      <div style="padding: 5px" @click="confirm">
+        <img src="../../images/feiji.png" alt="" />
+        <span>飞向此处</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// 视角控制
+import TypeControls from './components/Typecontrols/index.vue';
+// 焦点
+import typeValue from './components/Typecontrols/typeValue.vue';
+// 云台控制
+import ptzControl from './components/ptzControl/index.vue';
+// 右侧录像模块控制
+import modeControl from './components/modeControl/index.vue';
+// 一键起飞操作
+import controlFightTool from './components/controlFightTool/index.vue';
+// 飞行数据展示
+import DataPresentation from './components/DataPresentation/index.vue';
+// 飞机执行数据
+import ToolPresentation from './components/ToolPresentation/index.vue';
+// 飞行操作
+import FlightSetup from './components/FlightSetup/index.vue';
+// 温馨提示
+import Tips from './components/Tips/index.vue';
+// 滚轮刻度尺
+import GraduatedScale from './components/GraduatedScale/index.vue';
+// 视频组件
+import DroneVideo from './components/DroneVideo/index.vue';
+// 清晰度
+import articulation from './components/articulation/index.vue';
+
+import webrtc from '@/components/webrtc';
+// 接口引入
+import { drcModeEnter, hasDataFlight, noDataFlight } from './api/index';
+import { remoteDebug, liveChange, heartBeat } from '@/api/air';
+// import tree from '../../../Tree/treeSetting';
+// import rightMenuOption from '../../../Tree/components/rightMenuOption';
+import { getLocal } from '../../../../utils';
+console.log('🚀 ~ getLocal:', getLocal);
+
+import { getHost, getRtmpPort, getRtcPort, getAiUrl, getDockAir } from '@/utils/auth';
+import { useAirStore } from '@/store/modules/drone';
+import uavBgd from './icons/uav-bgd.png';
+import uavBgdOpen from './icons/uav-bgd-open.png';
+import $md5 from 'md5';
+export default {
+  components: {
+    TypeControls,
+    typeValue,
+    ptzControl,
+    modeControl,
+    DataPresentation,
+    articulation,
+    GraduatedScale,
+    controlFightTool,
+    ToolPresentation,
+    FlightSetup,
+    DroneVideo,
+    Tips,
+    webrtc
+  },
+  // mixins: [tree, rightMenuOption],
+  // mixins: [tree],
+  data() {
+    return {
+      typeLabel: '广角', //视角
+      AircraftShow: false, //飞机是否执行起飞操作
+      showVideoPlay: false, //视频直播开启
+      valueScale: 2, //倍速
+      selectRow: null, //选中的值(广角、变焦、红外)
+      Aerodrome: {
+        //机场数据
+        cameraIndex: '',
+        videoIndex: '',
+        sn: '',
+        definition: 0,
+        gateway: ''
+      },
+      Drone: {
+        //无人机数据
+        cameraIndex: '',
+        videoIndex: '',
+        sn: '',
+        definition: 0,
+        gateway: ''
+      },
+      camera_type: 'wide', //变焦类型
+      //背光灯
+      backlight: {
+        light: false, // 是否开启
+        img: uavBgd,
+        tips: '打开背光灯',
+        key: 'supplement_light_open'
+      },
+      rate: 200, //网速
+      RefreshStart: false, //是否已经开启录像
+      AuthorityGrab: false, //是否获取负载控制权
+      showEnterCockpit: false, //虚拟仓开启或关闭
+      elevation: 0, //飞机高度
+      DroneStatus: {
+        device_online_status: 0, //开机1或关机0
+        drone_in_dock: 0 //舱内1或舱外0
+      }, //飞机状态
+      position: {
+        lng: 0,
+        lat: 0,
+        alt: 0
+      },
+      height: null,
+      sub_device: {},
+      tipObj: {
+        text: '是否确认立即返航？',
+        flag: true
+      },
+      time: null,
+      droneOfflineWatcher: null,
+      taskId: null,
+      rtmpOut: null,
+      flvPlayer: null,
+      showAiVideo: false,
+      loading: null,
+      // 镜头的类型
+      camera_type: 'wide'
+    };
+  },
+  mounted() {
+    // 默认打开
+    this.AircraftShow = localStorage.getItem('AircraftShow') || false;
+
+    document.addEventListener('visibilitychange', () => {
+      // 当页面处于
+      if (!this.showEnterCockpit) return;
+      if (!document.hidden) {
+        //窗口最大化
+        if (this.$refs.DroneVideoRef) {
+          this.$refs.DroneVideoRef.getInfo(this.Drone); //无人机视频播放（重新获取视频流）
+        }
+        if (this.$refs.AerodromeVideoRef) {
+          this.$refs.AerodromeVideoRef.getInfo(this.Aerodrome); //机场视频播放（重新获取视频流）
+        }
+      }
+    });
+    this.$recvChanel('websocketBus', (res) => {
+      if (res.businessType == 'osd4') {
+        this.elevation = res.data.elevation || 0;
+        this.height = res.data.height;
+        this.setStart(this.elevation);
+      }
+      if (res.businessType == 'osd3') {
+        this.rate = res.data.network_state.rate || 300;
+        this.sub_device = res.data.sub_device || {};
+        this.DroneStatus = {
+          device_online_status: res.data.sub_device.device_online_status,
+          drone_in_dock: res.data.drone_in_dock
+        };
+      }
+    });
+    // 虚拟仓打开
+    this.$recvChanel('EnterCockpit', (data) => {
+      let newLd = data.dataList;
+
+      if (data.flag) {
+        this.showEnterCockpit = true;
+        // 无人机和机场视频 暂无
+        if (newLd && newLd.length) {
+          // 默认
+          newLd.forEach((element) => {
+            if (element.type == '机场') {
+              this.Aerodrome = element;
+              this.Aerodrome.definition = 0;
+            } else {
+              let arr = element.cameraIndex.split(',');
+              let cameraIndex;
+              if (arr.length > 1) {
+                cameraIndex = arr[1];
+              } else {
+                cameraIndex = arr[0];
+              }
+              this.Drone = {
+                //无人机数据
+                // .split(",")[1]
+                cameraIndex,
+                videoIndex: element.videoIndex,
+                sn: element.sn,
+                definition: 2,
+                gateway: element.gateway, //配置网关端口
+                host: getHost(),
+                rtmpPort: getRtmpPort(),
+                rtcPort: getRtcPort()
+              };
+            }
+          });
+        }
+        this.startMethods();
+        this.flyTowardsPlace();
+      }
+    });
+    this.setStart(this.elevation);
+    // this.watchDroneStatus();
+  },
+  // beforeDestroy() {
+  //   this.clearTime();
+  // },
+  methods: {
+    openAiVideo() {
+      this.login();
+    },
+    // 播放flv视频
+    playFlv() {
+      console.log('playFlv', flvjs);
+
+      if (flvjs.isSupported()) {
+        var videoElement = document.getElementById('aiVideo');
+        this.flvPlayer = flvjs.createPlayer({
+          type: 'flv',
+          isLive: true,
+          hasAudio: false,
+          url: 'http://121.37.119.107:8080/live/fs.flv',
+          enableStashBuffer: true, //
+          enableWorker: true,
+          autoCleanupSourceBuffer: true //自动清除缓存
+        });
+        this.$nextTick(() => {
+          this.flvPlayer.attachMediaElement(videoElement);
+          this.flvPlayer.load();
+          this.flvPlayer.play();
+          // this.loading.close();
+          this.loading = false;
+          this.showAiVideo = true;
+        });
+        // flv监听视频播放错误重新播放
+        this.flvPlayer.on('error', () => {
+          this.flvPlayer.destroy();
+          this.flvPlayer = null;
+          this.showAiVideo = false;
+          this.playFlv();
+        });
+      }
+    },
+    // 登录接口
+    async login() {
+      let url = this.$refs.DroneVideoRef.videoUrl;
+      let md5 = $md5(new Date().getTime() + '123456');
+      // return;
+      const res2 = await axios.post(getAiUrl() + '/start_video', {
+        'url': url,
+        // rtmp_url: "rtmp://192.168.110.199:1935/live/" + md5,
+        'model_identifier': '人车',
+        host: getHost(),
+        rtmpPort: getRtmpPort(),
+        rtcPort: getRtcPort(),
+        frequency: 3,
+        pushUrl: getDockAir() + '/business/ai/callback'
+      });
+      console.log(res2);
+      // return;
+      this.taskId = res2.data;
+      this.loading = true;
+      this.$refs.DroneVideoRef.getVideoEnd(this.Drone);
+      let that = this;
+      // console.log(this.$refs.webrtcRef);
+      that.$refs.webrtcRef.startPlay(res2.data.data);
+      setTimeout(() => {
+        this.loading = false;
+        this.showAiVideo = true;
+      }, 1000);
+    },
+    async closeAiVideo() {
+      console.log('closeEnter');
+      let url = this.$refs.DroneVideoRef.videoUrl;
+      const res2 = await axios.post(getAiUrl() + '/stop_video', {
+        url: url
+      });
+      if (res2.data.code == 200) {
+        this.closeDroneVideo();
+      } else {
+        this.closeDroneVideo();
+      }
+      //  使用axios请求关闭视频
+      // axios.post(process.env.AI_URL + '/v1/rtmp/api/rtmpClose', { task_id: this.taskId }, { headers: { 'Authorization': 'Bearer ' + this.accessToken } },).then(res => {
+      //   this.closeDroneVideo()
+      // }).catch(err => {
+      //   this.closeDroneVideo()
+      // });
+    },
+    // 关闭飞机视频
+    closeDroneVideo() {
+      this.taskId = null;
+      // this.flvPlayer.destroy();
+      // this.flvPlayer = null;
+      this.showAiVideo = false;
+      this.$refs.DroneVideoRef.getInfo(this.Drone);
+    },
+    // 无人机开机
+    airOpen() {
+      let gateway = JSON.parse(getLocal('airGateway')).gateway;
+      let obj = {
+        gateway,
+        method: 'flight_authority_grab'
+      };
+      hasDataFlight(obj).then((res) => {
+        if (res.code == 200) {
+          // this.$message.success("获取负载控制权");
+          this.AuthorityGrab = true;
+        }
+      });
+    },
+    // 清除定时器
+    clearTime() {
+      clearInterval(this.time);
+      this.time = null;
+    },
+
+    // 推出指令模式
+    noData() {
+      let gateway = JSON.parse(getLocal('airGateway')).gateway;
+      let obj = {
+        gateway,
+        method: 'drc_mode_exit'
+      };
+      noDataFlight(obj).then((res) => {
+        if (res.code == 200) {
+          this.$message.success('退出指令模式');
+        }
+      });
+    },
+
+    // 确认飞向此处
+    confirm() {
+      this.$confirm('确定飞向此处？', '飞向此处', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.flyOnclick();
+        })
+        .catch(() => {
+          contextMenu.style.display = 'none';
+        });
+      //
+    },
+    // 点击飞向此处
+    flyTowardsPlace() {
+      let hasTerrain = window.Earth1.viewer.terrainProvider.availability;
+      if (!hasTerrain) {
+        this.$message.warning('请先添加地形文件（.pnk）,再进行操作');
+      }
+      let viewer = window.Earth1.viewer;
+      let tools = new YJ.Tools();
+      let that = this;
+      // 右键菜单的DOM元素
+      const contextMenu = document.getElementById('contextMenu');
+      // 添加右键点击事件处理程序
+      const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
+      handler.setInputAction(function (click) {
+        // 获取点击的屏幕位置
+        const windowPosition = click.position;
+        // 转换为世界坐标
+        let earthPosition = viewer.scene.pickPosition(windowPosition);
+        if (!earthPosition) {
+          const ray = viewer.camera.getPickRay(windowPosition); //相交的射线
+          earthPosition = viewer.scene.globe.pick(ray, viewer.scene);
+        }
+        // console.log("tools.cartesian3Towgs84", tools.cartesian3Towgs84);
+        // console.log(earthPosition);
+        if (Cesium.defined(earthPosition)) {
+          // 获取屏幕上的点击位置，并显示HTML菜单
+          contextMenu.style.left = `${windowPosition.x}px`;
+          contextMenu.style.top = `${windowPosition.y}px`;
+          contextMenu.style.display = 'block';
+          that.position = tools.cartesian3Towgs84(earthPosition, viewer);
+          // console.log(that.position);
+        }
+        // }
+
+        // 阻止默认的右键菜单
+        return false;
+      }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
+      handler.setInputAction(function (click) {
+        contextMenu.style.display = 'none';
+        return false;
+      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+    },
+    flyOnclick() {
+      contextMenu.style.display = 'none';
+      if (this.position.lng) {
+        console.log(this.position);
+        this.flyPoint(this.position);
+      }
+    },
+    flyPoint(position) {
+      let hasTerrain = window.Earth1.viewer.terrainProvider.availability;
+      if (!hasTerrain) {
+        this.$message.warning('请先添加地形文件（.pnk）,再进行操作');
+        return;
+      }
+      let gateway = JSON.parse(getLocal('airGateway')).gateway;
+      let obj = {
+        gateway,
+        method: 'fly_to_point',
+        params: {
+          max_speed: 12,
+          fly_to_id: '45374',
+          points: [
+            {
+              height: position.alt + useAirStore().queryParams.height,
+              latitude: position.lat,
+              longitude: position.lng
+            }
+          ]
+        }
+      };
+      hasDataFlight(obj).then((res) => {
+        if (res.code == 200) {
+          this.dialogVisible = false;
+          this.$message.success('操作成功');
+        }
+      });
+    },
+    setDroneStatus(key) {
+      if (key == 1) {
+        return this.DroneStatus.drone_in_dock == 1 ? '舱内' : '舱外';
+      } else {
+        return this.DroneStatus.device_online_status == 1 ? '开机' : '关机';
+      }
+    },
+    // 是否开启或关闭起飞按钮
+    setStart(elevation) {
+      if (elevation > 0) {
+        this.AircraftShow = true;
+        localStorage.setItem('AircraftShow', true);
+      } else {
+        this.AircraftShow = false;
+        localStorage.setItem('AircraftShow', false);
+      }
+    },
+    setShutter() {
+      // 设置拍照效果
+      this.$refs.DroneVideoRef.setShutter();
+    },
+    // 设置背光灯
+    changeBacklight() {
+      this.backlight.light = !this.backlight.light;
+      if (this.backlight.light) {
+        this.backlight.img = uavBgdOpen;
+        this.backlight.key = 'supplement_light_open';
+        this.backlight.tips = '关闭背光灯';
+      } else {
+        this.backlight.img = uavBgd;
+        this.backlight.key = 'supplement_light_close';
+        this.backlight.tips = '打开背光灯';
+      }
+      let method = this.backlight.key;
+      const params = { gateway: this.Aerodrome.gateway, method };
+      remoteDebug(params).then((res) => {
+        this.$message.success(res.msg);
+      });
+    },
+    // 关闭虚拟仓
+    closeEnter() {
+      // 关闭视频
+      if (this.$refs.AerodromeVideoRef) {
+        this.showVideoPlay = false;
+      }
+      if (this.$refs.DroneVideoRef) {
+        this.$refs.DroneVideoRef.getVideoEnd(this.Drone); //无人机视频
+      }
+      this.showEnterCockpit = false;
+      this.$sendChanel('EnterCockpit', { flag: false });
+      this.$changeComponentShow('.fly_heard', true);
+      this.$changeComponentShow('.bottomTabs', true);
+      YJ.Global.MouseRightMenu(window.Earth1, true, (text, object) => {
+        switch (text) {
+          case 'rotateAround':
+            YJ.Global.rotateAround(window.Earth1, object.position);
+            break;
+          case 'attribute':
+            this.getNode(object.id);
+            break;
+        }
+      });
+      this.noData();
+      remoteDebug({ gateway: this.Drone.gateway, method: 'debug_mode_close' });
+      this.showAiVideo = false;
+      if (this.droneOfflineWatcher) {
+        this.droneOfflineWatcher();
+      }
+      if (this.taskId) {
+        this.closeAiVideo();
+      }
+    },
+    // 获取当前得node
+    getNode(source_id) {
+      console.log('source_id', source_id);
+      console.log('this.treeObj', window.treeObj);
+
+      let node = window.treeObj.getNodeByParam('source_id', source_id, null);
+      this.rightMenus.edit.callback(node);
+    },
+    // 调用
+    startMethods() {
+      this.$nextTick(() => {
+        if (!this.DroneStatus.device_online_status) {
+          this.onPowerOn();
+        } else {
+          this.$refs.DroneVideoRef.getInfo(this.Drone); //无人机视频播放
+        }
+      });
+    },
+    // 循环调用开启直播
+    async onPowerOn() {
+      // 创建 loading 实例
+      const loading = this.$loading({
+        lock: true,
+        text: '正在开机...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+      try {
+        const { gateway } = this.Drone;
+
+        // 开启调试模式
+        const res = await remoteDebug({ gateway, method: 'debug_mode_open' });
+        if (res.code !== 200) {
+          // res.msg ||
+          throw new Error('Failed to open debug mode');
+        }
+
+        loading.text = '正在启动无人机...'; // 更新 loading 文字loading.text = '正在启动无人机...'; // 更新 loading 文字
+        // 等待 1 秒后打开无人机
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        const res2 = await remoteDebug({ gateway, method: 'drone_open' });
+        if (res2.code !== 200) {
+          // res2.msg ||
+          throw new Error('Failed to open drone');
+        }
+
+        // 提示成功信息
+        this.$message.success(res2.msg);
+
+        loading.text = '等待无人机开机...'; // 更新 loading 文字
+        // 创建一个Promise来等待websocket数据
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(() => {
+            reject(new Error('等待开机状态超时'));
+          }, 30000); // 30秒超时
+
+          const unwatch = this.$watch('DroneStatus.device_online_status', (newVal) => {
+            if (newVal === 1) {
+              clearTimeout(timeout);
+              unwatch(); // 取消watch
+              resolve();
+            }
+          });
+        });
+
+        loading.text = '正在初始化视频...'; // 更新 loading 文字
+        // 等待height不为null
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(() => {
+            reject(new Error('等待高度数据超时'));
+          }, 30000);
+
+          const checkHeight = () => {
+            if (this.height != null) {
+              clearTimeout(timeout);
+              clearInterval(interval);
+              resolve();
+            }
+          };
+
+          const interval = setInterval(checkHeight, 500);
+          checkHeight(); // 立即检查一次
+        });
+        // websocket数据显示开机成功后，重置视频
+        setTimeout(() => {
+          this.onResetVideo('DroneVideoRef', 'Drone');
+        }, 1500);
+      } catch (error) {
+        // error.message||
+        this.$message.error('Unexpected error occurred');
+      } finally {
+        loading.close(); // 关闭 loading
+      }
+    },
+    //开启调试无人机指令
+    playDroneVideo(gateway) {
+      drcModeEnter({ gateway }).then((res) => {
+        if (res.code == 200) {
+          this.AuthorityGrab = true;
+          // this.$message.success("操作成功");
+        }
+      });
+    },
+    wheelScale(event) {
+      this.$refs.GraduatedScaleRef.debouncedWheel(event);
+    },
+    // 获取倍速 并设置倍速
+    getScale(valueScale) {
+      this.valueScale = valueScale;
+      this.selectRow.value = valueScale;
+      this.setCameraFocal(valueScale);
+    },
+    // 切换视角(变焦 广角 红外)
+    onUpdateType(item) {
+      // 切换模式
+      this.camera_type = item.type;
+      let obj = {
+        cameraIndex: this.Drone.cameraIndex,
+        gateway: this.Drone.gateway,
+        sn: this.Drone.sn,
+        videoIndex: item.type + '-' + item.value,
+        videoType: item.type
+      };
+      this.$sendChanel('camera_type', item.type);
+      liveChange(obj).then((res) => {
+        if (res.code == 200) {
+          this.$message.success('切换模式成功');
+        }
+      });
+      if (item.id == 3) {
+        // 广角 直接调用接口
+      } else {
+        this.valueScale = item.value;
+      }
+      this.selectRow = item;
+      this.typeLabel = item.label;
+      this.camera_type = item.type;
+    },
+    // 倍速设置
+    setCameraFocal(value = 2) {
+      let obj = {
+        params: {
+          camera_type: this.camera_type,
+          payload_index: this.Drone.cameraIndex,
+          zoom_factor: value
+        },
+        gateway: this.Drone.gateway,
+        method: 'camera_focal_length_set'
+      };
+      this.setHasDataFlight(obj);
+    },
+    // 无人机结束录像
+    onVideoRecord(method) {
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method
+      };
+      this.setHasDataFlight(obj);
+    },
+    // 获取负载控制权
+    onPayloadAuthorityGrab() {
+      let obj = {
+        params: {
+          payload_index: this.Drone.cameraIndex
+        },
+        gateway: this.Drone.gateway,
+        method: 'payload_authority_grab'
+      };
+      this.AuthorityGrab = !this.AuthorityGrab;
+      this.setHasDataFlight(obj);
+    },
+    // 清晰度调整
+    updateDefinition(data, type) {
+      this.$refs[type].getInfo(data); //无人机视频播放
+    },
+    // 清晰度选择器弹框显示
+    onArticulation(type) {
+      //type:1、机场视频  2、无人机视频
+      this.$refs[type].openCloseShow(true);
+    },
+    // 机场视频**********
+    onVideoPlay(flag) {
+      // 打开监控直播
+      this.showVideoPlay = flag;
+      // 机场监控直播
+      if (!flag) return;
+      this.$nextTick(() => {
+        this.$refs.AerodromeVideoRef.getInfo(this.Aerodrome);
+      });
+    },
+    // 重置机场视频
+    onResetVideo(type, dome) {
+      console.log('this[dome]this[dome]', this[dome]);
+      this.$refs[type].getInfo(this[dome]);
+    },
+    // ******************
+    showTips() {
+      // 打开提示信息
+      this.tipObj = {
+        text: '是否确认立即返航？',
+        flag: true
+      };
+      this.$refs.TipsRef.openTip();
+    },
+    // 取消返航
+    showTipss() {
+      // 打开提示信息
+      this.tipObj = {
+        text: '是否确认取消返航？',
+        flag: false
+      };
+      this.$refs.TipsRef.openTip();
+    },
+    // 飞机立即执行操作成功
+    onflight() {
+      // 状态存储
+      localStorage.setItem('AircraftShow', true);
+      // this.$refs.DroneVideoRef.destroyVideo(); //无人机视频
+      this.AircraftShow = true;
+    },
+    onTakeOff(flag = false) {
+      // 一键起飞
+      this.$refs.controlFightToolRef.openDialog(flag);
+    },
+    // 有参数接口调用
+    setHasDataFlight(data) {
+      hasDataFlight(data).then((res) => {
+        if (res.code == 200) {
+          // this.$message.success("操作成功");
+        }
+      });
+    },
+    // 无参数接口调用
+    setNoDataFlight() {
+      noDataFlight().then((res) => {
+        if (res.code == 200) {
+          this.$message.success('操作成功');
+        }
+      });
+    },
+    // 添加监听方法
+    watchDroneStatus() {
+      this.droneOfflineWatcher = this.$watch(
+        'DroneStatus.device_online_status',
+        (newVal) => {
+          // 当状态为0时表示飞机已关机
+          if (newVal === 0) {
+            this.$message.warning('飞机已关机');
+            // 返回首页
+            this.closeEnter();
+          }
+        },
+        { immediate: true } // 立即执行一次
+      );
+    }
+  }
+};
+</script>
+<style lang="scss">
+$backColor: rgba(40, 40, 40, 1);
+
+* {
+  user-select: none;
+}
+
+.virtual_warehouse {
+  width: 100%;
+  position: absolute;
+  top: 0%;
+  background: rgba(0, 0, 0, 1);
+  z-index: 9999999999;
+  font-size: 14px;
+
+  .head_title {
+    background: $backColor;
+    width: 100%;
+    height: 30px;
+    display: grid;
+    position: relative;
+    place-items: center;
+    color: #fff;
+    z-index: 2000;
+
+    .rihgt_close {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      right: 20px;
+      top: 10px;
+      color: #fff;
+
+      > div {
+        margin-right: 40px;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+
+        > img {
+          width: 14px;
+          margin-right: 6px;
+        }
+      }
+
+      > img {
+        cursor: pointer;
+        width: 12px;
+        height: 12px;
+      }
+    }
+  }
+
+  .left_tltie {
+    width: 46%;
+    margin-top: 4px;
+    background: $backColor;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 10px;
+    box-sizing: border-box;
+    font-size: 14px;
+    color: #fff;
+
+    img {
+      width: 14px;
+      cursor: pointer;
+      height: 14px;
+    }
+
+    > div {
+      position: relative;
+
+      img {
+        margin-left: 6px;
+      }
+    }
+
+    .img_tip::before {
+      content: '';
+      position: absolute;
+      right: -5px;
+      top: 100%;
+      background: url('./icons/shouTip.svg') no-repeat;
+      background-size: 100% 100%;
+      width: 50px;
+      height: 28px;
+    }
+  }
+
+  .live_video {
+    width: 46%;
+    height: 290px;
+    display: grid;
+    place-items: center;
+
+    > div {
+      width: 520px;
+      height: 280px;
+      // background: url("./icons/bj.png") no-repeat;
+      background-size: 100% 100%;
+      position: relative;
+    }
+  }
+
+  .right_box {
+    position: absolute;
+    top: 34px;
+    right: 0;
+    width: 54%;
+    background-color: #000;
+    height: calc(100vh - 34px);
+    padding: 26px 10px 0;
+    box-sizing: border-box;
+
+    > div {
+      width: 100%;
+    }
+
+    .top_video_box {
+      height: calc(100% - 180px);
+      background-color: #000;
+      position: relative;
+
+      .top_label {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: #fff;
+        position: relative;
+        z-index: 2000;
+
+        .btns {
+          .el-button {
+            background: rgba(0, 255, 255, 0.2);
+            border: 1px solid rgba(0, 255, 255, 0.5);
+            color: #fff;
+          }
+        }
+
+        > div {
+          display: flex;
+          align-items: center;
+          position: relative;
+
+          > span {
+            cursor: pointer;
+          }
+        }
+
+        img {
+          cursor: pointer;
+          width: 18px;
+          margin-right: 10px;
+        }
+      }
+
+      .video_box {
+        position: absolute;
+        top: 57%;
+        left: 50%;
+        width: 100%;
+        transform: translate(-50%, -58%);
+        height: 720px;
+        // background-color: rgb(126, 126, 126);
+        // background: url("./icons/bj.png") no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+
+    .bottom_detail::before {
+      content: '';
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: 1px;
+      height: 100%;
+      background: url('./icons/line.png') no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .bottom_detail {
+      background-color: $backColor;
+      height: 180px;
+      display: flex;
+      position: relative;
+
+      > div {
+        width: 50%;
+      }
+    }
+  }
+}
+
+#contextMenu {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: none;
+  background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
+  border: 1px solid rgba(0, 255, 255, 0.5);
+  color: #fff;
+  z-index: 1000;
+
+  img {
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+  }
+}
+</style>
diff --git a/src/views/drone/components/virtualWarehouse/style/comm.scss b/src/views/drone/components/virtualWarehouse/style/comm.scss
new file mode 100644
index 0000000..3f81a22
--- /dev/null
+++ b/src/views/drone/components/virtualWarehouse/style/comm.scss
@@ -0,0 +1,122 @@
+.el-icon-arrow-up:before {
+    content: "▲";
+  }
+  .el-select-dropdown {
+    background-color: rgba(0, 0, 0, 0.8);
+    border-color: rgba(0, 255, 255, 0.5);
+  }
+  .el-select-dropdown__item.hover,
+  .el-select-dropdown__item:hover {
+    background-color: rgba(0, 255, 255, 0.5);
+  }
+  .el-select-dropdown__item {
+    color: #fff;
+  }
+  .el-select-dropdown__item.selected {
+    color: rgba(0, 255, 255, 1);
+  }
+.right_detail {
+    display: flex;
+    align-items: center;
+    padding: 20px 20px 10px 30px;
+    height: 100%;
+    .left_box {
+      > div {
+        margin: 10px;
+        > div {
+          margin-left: 20px;
+          .el-input__inner,
+          .el-input {
+            width: 120px !important;
+          }
+        }
+      }
+    }
+    .left_info {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      justify-content: space-between;
+      > div {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 32px;
+        > span {
+          font-size: 14px;
+          color: #fff;
+          width: 140px;
+          display: inline-block;
+        }
+        > div {
+          width: 120px;
+          height: 30px;
+          color: #fff;
+          display: grid;
+          place-items: center;
+          .lost_action {
+            .el-select {
+              width: 100%;
+              margin: 10px 0;
+            }
+            .el-input__inner {
+              background-color: rgba(0, 0, 0, 0.5);
+              border-color: rgba(0, 255, 255, 0.5);
+              color: #fff;
+            }
+            .el-select .el-input__inner:focus {
+              border-color: rgba(0, 255, 255, 0.5);
+            }
+          }
+          .custom-number-input input::-webkit-inner-spin-button,
+          .custom-number-input input::-webkit-outer-spin-button {
+            appearance: none;
+            margin: 0;
+          }
+          .el-input__inner {
+            height: 30px;
+            background: #f0f8ff00;
+            color: white;
+            border: 1px solid rgba(0, 255, 255, 0.5);
+            width: 90px;
+          }
+          .el-input {
+            width: 90px;
+          }
+          .button_right {
+            display: flex;
+            color: #fff;
+            font-size: 14px;
+            align-items: center;
+            height: 30px;
+            padding-right: 3px;
+            > div {
+              font-size: 9px;
+              color: #fff;
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              margin-right: 6px;
+              > span {
+                cursor: pointer;
+              }
+              & > span:hover {
+                color: #c7c7c7;
+              }
+            }
+          }
+        }
+      }
+    }
+    .take_off {
+        cursor: pointer;
+        width: 120px;
+        height: 100%;
+        margin-left: 20px;
+        display: grid;
+        place-items: center;
+        > img {
+          width: 100%;
+        }
+      }
+  }
\ No newline at end of file
diff --git a/src/views/drone/images/add.png b/src/views/drone/images/add.png
new file mode 100644
index 0000000..ebc017a
Binary files /dev/null and b/src/views/drone/images/add.png differ
diff --git a/src/views/drone/images/add_plan.png b/src/views/drone/images/add_plan.png
new file mode 100644
index 0000000..9c24c3c
Binary files /dev/null and b/src/views/drone/images/add_plan.png differ
diff --git a/src/views/drone/images/addh.png b/src/views/drone/images/addh.png
new file mode 100644
index 0000000..0615269
Binary files /dev/null and b/src/views/drone/images/addh.png differ
diff --git a/src/views/drone/images/after_f.png b/src/views/drone/images/after_f.png
new file mode 100644
index 0000000..81e2024
Binary files /dev/null and b/src/views/drone/images/after_f.png differ
diff --git a/src/views/drone/images/air.png b/src/views/drone/images/air.png
new file mode 100644
index 0000000..e6b0ec8
Binary files /dev/null and b/src/views/drone/images/air.png differ
diff --git a/src/views/drone/images/airlist.png b/src/views/drone/images/airlist.png
new file mode 100644
index 0000000..1b7065b
Binary files /dev/null and b/src/views/drone/images/airlist.png differ
diff --git a/src/views/drone/images/airsetup.png b/src/views/drone/images/airsetup.png
new file mode 100644
index 0000000..89e2b47
Binary files /dev/null and b/src/views/drone/images/airsetup.png differ
diff --git a/src/views/drone/images/back.png b/src/views/drone/images/back.png
new file mode 100644
index 0000000..6132cf3
Binary files /dev/null and b/src/views/drone/images/back.png differ
diff --git a/src/views/drone/images/back_h.png b/src/views/drone/images/back_h.png
new file mode 100644
index 0000000..beb4f26
Binary files /dev/null and b/src/views/drone/images/back_h.png differ
diff --git a/src/views/drone/images/bottom_r.png b/src/views/drone/images/bottom_r.png
new file mode 100644
index 0000000..31c2cab
Binary files /dev/null and b/src/views/drone/images/bottom_r.png differ
diff --git a/src/views/drone/images/climb.png b/src/views/drone/images/climb.png
new file mode 100644
index 0000000..6224f46
Binary files /dev/null and b/src/views/drone/images/climb.png differ
diff --git a/src/views/drone/images/close.png b/src/views/drone/images/close.png
new file mode 100644
index 0000000..9f34cca
Binary files /dev/null and b/src/views/drone/images/close.png differ
diff --git a/src/views/drone/images/close1.png b/src/views/drone/images/close1.png
new file mode 100644
index 0000000..fd712ca
Binary files /dev/null and b/src/views/drone/images/close1.png differ
diff --git a/src/views/drone/images/control_Isochronous.png b/src/views/drone/images/control_Isochronous.png
new file mode 100644
index 0000000..9e9ae6a
Binary files /dev/null and b/src/views/drone/images/control_Isochronous.png differ
diff --git a/src/views/drone/images/control_add.png b/src/views/drone/images/control_add.png
new file mode 100644
index 0000000..43e0f31
Binary files /dev/null and b/src/views/drone/images/control_add.png differ
diff --git a/src/views/drone/images/control_aircraft.png b/src/views/drone/images/control_aircraft.png
new file mode 100644
index 0000000..f99a667
Binary files /dev/null and b/src/views/drone/images/control_aircraft.png differ
diff --git a/src/views/drone/images/control_equidistant.png b/src/views/drone/images/control_equidistant.png
new file mode 100644
index 0000000..7d3d382
Binary files /dev/null and b/src/views/drone/images/control_equidistant.png differ
diff --git a/src/views/drone/images/control_hover.png b/src/views/drone/images/control_hover.png
new file mode 100644
index 0000000..d3c5528
Binary files /dev/null and b/src/views/drone/images/control_hover.png differ
diff --git a/src/views/drone/images/control_interval.png b/src/views/drone/images/control_interval.png
new file mode 100644
index 0000000..8096a8c
Binary files /dev/null and b/src/views/drone/images/control_interval.png differ
diff --git a/src/views/drone/images/control_more.png b/src/views/drone/images/control_more.png
new file mode 100644
index 0000000..eede88c
Binary files /dev/null and b/src/views/drone/images/control_more.png differ
diff --git a/src/views/drone/images/control_panorama.png b/src/views/drone/images/control_panorama.png
new file mode 100644
index 0000000..16fe20f
Binary files /dev/null and b/src/views/drone/images/control_panorama.png differ
diff --git a/src/views/drone/images/control_photograph.png b/src/views/drone/images/control_photograph.png
new file mode 100644
index 0000000..9b6c940
Binary files /dev/null and b/src/views/drone/images/control_photograph.png differ
diff --git a/src/views/drone/images/control_pitch.png b/src/views/drone/images/control_pitch.png
new file mode 100644
index 0000000..9f411f2
Binary files /dev/null and b/src/views/drone/images/control_pitch.png differ
diff --git a/src/views/drone/images/control_start.png b/src/views/drone/images/control_start.png
new file mode 100644
index 0000000..b50f7ef
Binary files /dev/null and b/src/views/drone/images/control_start.png differ
diff --git a/src/views/drone/images/control_suspend.png b/src/views/drone/images/control_suspend.png
new file mode 100644
index 0000000..5292f2a
Binary files /dev/null and b/src/views/drone/images/control_suspend.png differ
diff --git a/src/views/drone/images/control_yaw.png b/src/views/drone/images/control_yaw.png
new file mode 100644
index 0000000..294df3a
Binary files /dev/null and b/src/views/drone/images/control_yaw.png differ
diff --git a/src/views/drone/images/control_zoom.png b/src/views/drone/images/control_zoom.png
new file mode 100644
index 0000000..6d66a09
Binary files /dev/null and b/src/views/drone/images/control_zoom.png differ
diff --git a/src/views/drone/images/del.png b/src/views/drone/images/del.png
new file mode 100644
index 0000000..3301af7
Binary files /dev/null and b/src/views/drone/images/del.png differ
diff --git a/src/views/drone/images/delh.png b/src/views/drone/images/delh.png
new file mode 100644
index 0000000..066a918
Binary files /dev/null and b/src/views/drone/images/delh.png differ
diff --git a/src/views/drone/images/edit.png b/src/views/drone/images/edit.png
new file mode 100644
index 0000000..ff046f9
Binary files /dev/null and b/src/views/drone/images/edit.png differ
diff --git a/src/views/drone/images/edith.png b/src/views/drone/images/edith.png
new file mode 100644
index 0000000..beea58d
Binary files /dev/null and b/src/views/drone/images/edith.png differ
diff --git a/src/views/drone/images/eq.png b/src/views/drone/images/eq.png
new file mode 100644
index 0000000..09a31b8
Binary files /dev/null and b/src/views/drone/images/eq.png differ
diff --git a/src/views/drone/images/fanhang.png b/src/views/drone/images/fanhang.png
new file mode 100644
index 0000000..f16cda1
Binary files /dev/null and b/src/views/drone/images/fanhang.png differ
diff --git a/src/views/drone/images/feiji.png b/src/views/drone/images/feiji.png
new file mode 100644
index 0000000..de203f7
Binary files /dev/null and b/src/views/drone/images/feiji.png differ
diff --git a/src/views/drone/images/flyh.png b/src/views/drone/images/flyh.png
new file mode 100644
index 0000000..0bdd340
Binary files /dev/null and b/src/views/drone/images/flyh.png differ
diff --git a/src/views/drone/images/guaqi.png b/src/views/drone/images/guaqi.png
new file mode 100644
index 0000000..cb84528
Binary files /dev/null and b/src/views/drone/images/guaqi.png differ
diff --git a/src/views/drone/images/head.png b/src/views/drone/images/head.png
new file mode 100644
index 0000000..4d0e67e
Binary files /dev/null and b/src/views/drone/images/head.png differ
diff --git a/src/views/drone/images/home/UAV-bg.png b/src/views/drone/images/home/UAV-bg.png
new file mode 100644
index 0000000..cecb568
Binary files /dev/null and b/src/views/drone/images/home/UAV-bg.png differ
diff --git a/src/views/drone/images/home/action.png b/src/views/drone/images/home/action.png
new file mode 100644
index 0000000..771cbf6
Binary files /dev/null and b/src/views/drone/images/home/action.png differ
diff --git a/src/views/drone/images/home/aircraft-camera-active.png b/src/views/drone/images/home/aircraft-camera-active.png
new file mode 100644
index 0000000..80dbe17
Binary files /dev/null and b/src/views/drone/images/home/aircraft-camera-active.png differ
diff --git a/src/views/drone/images/home/aircraft-camera.png b/src/views/drone/images/home/aircraft-camera.png
new file mode 100644
index 0000000..3f3eb58
Binary files /dev/null and b/src/views/drone/images/home/aircraft-camera.png differ
diff --git a/src/views/drone/images/home/aircraft.png b/src/views/drone/images/home/aircraft.png
new file mode 100644
index 0000000..d8a4cb2
Binary files /dev/null and b/src/views/drone/images/home/aircraft.png differ
diff --git a/src/views/drone/images/home/border-lb.png b/src/views/drone/images/home/border-lb.png
new file mode 100644
index 0000000..a46e477
Binary files /dev/null and b/src/views/drone/images/home/border-lb.png differ
diff --git a/src/views/drone/images/home/border-lt.png b/src/views/drone/images/home/border-lt.png
new file mode 100644
index 0000000..9432710
Binary files /dev/null and b/src/views/drone/images/home/border-lt.png differ
diff --git a/src/views/drone/images/home/border-rb.png b/src/views/drone/images/home/border-rb.png
new file mode 100644
index 0000000..11170de
Binary files /dev/null and b/src/views/drone/images/home/border-rb.png differ
diff --git a/src/views/drone/images/home/border-rt.png b/src/views/drone/images/home/border-rt.png
new file mode 100644
index 0000000..30c03c6
Binary files /dev/null and b/src/views/drone/images/home/border-rt.png differ
diff --git a/src/views/drone/images/home/cabin.png b/src/views/drone/images/home/cabin.png
new file mode 100644
index 0000000..1cc30e8
Binary files /dev/null and b/src/views/drone/images/home/cabin.png differ
diff --git a/src/views/drone/images/home/calibration.png b/src/views/drone/images/home/calibration.png
new file mode 100644
index 0000000..cd57413
Binary files /dev/null and b/src/views/drone/images/home/calibration.png differ
diff --git a/src/views/drone/images/home/debug-cg.png b/src/views/drone/images/home/debug-cg.png
new file mode 100644
index 0000000..78c98f0
Binary files /dev/null and b/src/views/drone/images/home/debug-cg.png differ
diff --git a/src/views/drone/images/home/debug-fxq.png b/src/views/drone/images/home/debug-fxq.png
new file mode 100644
index 0000000..d1c79bd
Binary files /dev/null and b/src/views/drone/images/home/debug-fxq.png differ
diff --git a/src/views/drone/images/home/debug-jccc.png b/src/views/drone/images/home/debug-jccc.png
new file mode 100644
index 0000000..5c6a134
Binary files /dev/null and b/src/views/drone/images/home/debug-jccc.png differ
diff --git a/src/views/drone/images/home/debug-jcxt.png b/src/views/drone/images/home/debug-jcxt.png
new file mode 100644
index 0000000..a4f402a
Binary files /dev/null and b/src/views/drone/images/home/debug-jcxt.png differ
diff --git a/src/views/drone/images/home/debug-jyms.png b/src/views/drone/images/home/debug-jyms.png
new file mode 100644
index 0000000..473663a
Binary files /dev/null and b/src/views/drone/images/home/debug-jyms.png differ
diff --git a/src/views/drone/images/home/debug-kt.png b/src/views/drone/images/home/debug-kt.png
new file mode 100644
index 0000000..9999cad
Binary files /dev/null and b/src/views/drone/images/home/debug-kt.png differ
diff --git a/src/views/drone/images/home/debug-tg.png b/src/views/drone/images/home/debug-tg.png
new file mode 100644
index 0000000..78c98f0
Binary files /dev/null and b/src/views/drone/images/home/debug-tg.png differ
diff --git a/src/views/drone/images/home/debug-zqtc.png b/src/views/drone/images/home/debug-zqtc.png
new file mode 100644
index 0000000..461d6e7
Binary files /dev/null and b/src/views/drone/images/home/debug-zqtc.png differ
diff --git a/src/views/drone/images/home/file.png b/src/views/drone/images/home/file.png
new file mode 100644
index 0000000..b3935dc
Binary files /dev/null and b/src/views/drone/images/home/file.png differ
diff --git a/src/views/drone/images/home/jicang.png b/src/views/drone/images/home/jicang.png
new file mode 100644
index 0000000..2732bdb
Binary files /dev/null and b/src/views/drone/images/home/jicang.png differ
diff --git a/src/views/drone/images/home/live-stop.png b/src/views/drone/images/home/live-stop.png
new file mode 100644
index 0000000..e9f93b1
Binary files /dev/null and b/src/views/drone/images/home/live-stop.png differ
diff --git a/src/views/drone/images/home/loading.png b/src/views/drone/images/home/loading.png
new file mode 100644
index 0000000..636ec32
Binary files /dev/null and b/src/views/drone/images/home/loading.png differ
diff --git a/src/views/drone/images/home/local-point.png b/src/views/drone/images/home/local-point.png
new file mode 100644
index 0000000..b1b24dd
Binary files /dev/null and b/src/views/drone/images/home/local-point.png differ
diff --git a/src/views/drone/images/home/module-item-title.png b/src/views/drone/images/home/module-item-title.png
new file mode 100644
index 0000000..2434056
Binary files /dev/null and b/src/views/drone/images/home/module-item-title.png differ
diff --git a/src/views/drone/images/home/over.png b/src/views/drone/images/home/over.png
new file mode 100644
index 0000000..1dc0c63
Binary files /dev/null and b/src/views/drone/images/home/over.png differ
diff --git a/src/views/drone/images/home/paizhao.png b/src/views/drone/images/home/paizhao.png
new file mode 100644
index 0000000..dfb80ca
Binary files /dev/null and b/src/views/drone/images/home/paizhao.png differ
diff --git a/src/views/drone/images/home/pzsyl.png b/src/views/drone/images/home/pzsyl.png
new file mode 100644
index 0000000..0782ee8
Binary files /dev/null and b/src/views/drone/images/home/pzsyl.png differ
diff --git a/src/views/drone/images/home/recharge.png b/src/views/drone/images/home/recharge.png
new file mode 100644
index 0000000..cff400f
Binary files /dev/null and b/src/views/drone/images/home/recharge.png differ
diff --git a/src/views/drone/images/home/satellite.png b/src/views/drone/images/home/satellite.png
new file mode 100644
index 0000000..9b23658
Binary files /dev/null and b/src/views/drone/images/home/satellite.png differ
diff --git a/src/views/drone/images/home/uav-bgd-open.png b/src/views/drone/images/home/uav-bgd-open.png
new file mode 100644
index 0000000..cb3281a
Binary files /dev/null and b/src/views/drone/images/home/uav-bgd-open.png differ
diff --git a/src/views/drone/images/home/uav-bgd.png b/src/views/drone/images/home/uav-bgd.png
new file mode 100644
index 0000000..ffd54b8
Binary files /dev/null and b/src/views/drone/images/home/uav-bgd.png differ
diff --git a/src/views/drone/images/home/uav-close.png b/src/views/drone/images/home/uav-close.png
new file mode 100644
index 0000000..0e41de4
Binary files /dev/null and b/src/views/drone/images/home/uav-close.png differ
diff --git a/src/views/drone/images/home/uav-local.png b/src/views/drone/images/home/uav-local.png
new file mode 100644
index 0000000..1b611de
Binary files /dev/null and b/src/views/drone/images/home/uav-local.png differ
diff --git a/src/views/drone/images/home/uav-monitor.png b/src/views/drone/images/home/uav-monitor.png
new file mode 100644
index 0000000..d550a20
Binary files /dev/null and b/src/views/drone/images/home/uav-monitor.png differ
diff --git a/src/views/drone/images/home/uav-reset.png b/src/views/drone/images/home/uav-reset.png
new file mode 100644
index 0000000..82f1042
Binary files /dev/null and b/src/views/drone/images/home/uav-reset.png differ
diff --git a/src/views/drone/images/home/uav-screen-esc.png b/src/views/drone/images/home/uav-screen-esc.png
new file mode 100644
index 0000000..fb69a2b
Binary files /dev/null and b/src/views/drone/images/home/uav-screen-esc.png differ
diff --git a/src/views/drone/images/home/uav-screen.png b/src/views/drone/images/home/uav-screen.png
new file mode 100644
index 0000000..a78b5ca
Binary files /dev/null and b/src/views/drone/images/home/uav-screen.png differ
diff --git a/src/views/drone/images/home/uav-set.png b/src/views/drone/images/home/uav-set.png
new file mode 100644
index 0000000..1c6eda1
Binary files /dev/null and b/src/views/drone/images/home/uav-set.png differ
diff --git a/src/views/drone/images/home/uav.png b/src/views/drone/images/home/uav.png
new file mode 100644
index 0000000..065e747
Binary files /dev/null and b/src/views/drone/images/home/uav.png differ
diff --git a/src/views/drone/images/hover.png b/src/views/drone/images/hover.png
new file mode 100644
index 0000000..5d20a63
Binary files /dev/null and b/src/views/drone/images/hover.png differ
diff --git a/src/views/drone/images/huifu.png b/src/views/drone/images/huifu.png
new file mode 100644
index 0000000..0ad0385
Binary files /dev/null and b/src/views/drone/images/huifu.png differ
diff --git a/src/views/drone/images/importpath.png b/src/views/drone/images/importpath.png
new file mode 100644
index 0000000..0838bcc
Binary files /dev/null and b/src/views/drone/images/importpath.png differ
diff --git a/src/views/drone/images/importpathh.png b/src/views/drone/images/importpathh.png
new file mode 100644
index 0000000..dff56a5
Binary files /dev/null and b/src/views/drone/images/importpathh.png differ
diff --git a/src/views/drone/images/jichang.png b/src/views/drone/images/jichang.png
new file mode 100644
index 0000000..38f35d1
Binary files /dev/null and b/src/views/drone/images/jichang.png differ
diff --git a/src/views/drone/images/left.png b/src/views/drone/images/left.png
new file mode 100644
index 0000000..d1505ae
Binary files /dev/null and b/src/views/drone/images/left.png differ
diff --git a/src/views/drone/images/left_f.png b/src/views/drone/images/left_f.png
new file mode 100644
index 0000000..fb5b93e
Binary files /dev/null and b/src/views/drone/images/left_f.png differ
diff --git a/src/views/drone/images/loading.png b/src/views/drone/images/loading.png
new file mode 100644
index 0000000..dec43b8
Binary files /dev/null and b/src/views/drone/images/loading.png differ
diff --git a/src/views/drone/images/loadingdow.gif b/src/views/drone/images/loadingdow.gif
new file mode 100644
index 0000000..6bb1f10
Binary files /dev/null and b/src/views/drone/images/loadingdow.gif differ
diff --git a/src/views/drone/images/medium/arrow.png b/src/views/drone/images/medium/arrow.png
new file mode 100644
index 0000000..dee6da7
Binary files /dev/null and b/src/views/drone/images/medium/arrow.png differ
diff --git a/src/views/drone/images/medium/close.png b/src/views/drone/images/medium/close.png
new file mode 100644
index 0000000..48a93a3
Binary files /dev/null and b/src/views/drone/images/medium/close.png differ
diff --git a/src/views/drone/images/medium/delete.png b/src/views/drone/images/medium/delete.png
new file mode 100644
index 0000000..6efad58
Binary files /dev/null and b/src/views/drone/images/medium/delete.png differ
diff --git a/src/views/drone/images/medium/down-load.png b/src/views/drone/images/medium/down-load.png
new file mode 100644
index 0000000..e17fd57
Binary files /dev/null and b/src/views/drone/images/medium/down-load.png differ
diff --git a/src/views/drone/images/medium/files-icon.png b/src/views/drone/images/medium/files-icon.png
new file mode 100644
index 0000000..f1e076f
Binary files /dev/null and b/src/views/drone/images/medium/files-icon.png differ
diff --git a/src/views/drone/images/medium/medium-img.png b/src/views/drone/images/medium/medium-img.png
new file mode 100644
index 0000000..be4eb29
Binary files /dev/null and b/src/views/drone/images/medium/medium-img.png differ
diff --git a/src/views/drone/images/medium/medium-storage.png b/src/views/drone/images/medium/medium-storage.png
new file mode 100644
index 0000000..7fbed3e
Binary files /dev/null and b/src/views/drone/images/medium/medium-storage.png differ
diff --git a/src/views/drone/images/medium/medium-video.png b/src/views/drone/images/medium/medium-video.png
new file mode 100644
index 0000000..2432712
Binary files /dev/null and b/src/views/drone/images/medium/medium-video.png differ
diff --git a/src/views/drone/images/medium/prview-icon.png b/src/views/drone/images/medium/prview-icon.png
new file mode 100644
index 0000000..a807723
Binary files /dev/null and b/src/views/drone/images/medium/prview-icon.png differ
diff --git a/src/views/drone/images/medium/refresh.png b/src/views/drone/images/medium/refresh.png
new file mode 100644
index 0000000..8a8baaf
Binary files /dev/null and b/src/views/drone/images/medium/refresh.png differ
diff --git a/src/views/drone/images/medium/video-icon.png b/src/views/drone/images/medium/video-icon.png
new file mode 100644
index 0000000..f60ed92
Binary files /dev/null and b/src/views/drone/images/medium/video-icon.png differ
diff --git a/src/views/drone/images/more1.png b/src/views/drone/images/more1.png
new file mode 100644
index 0000000..3caaabf
Binary files /dev/null and b/src/views/drone/images/more1.png differ
diff --git a/src/views/drone/images/more2.png b/src/views/drone/images/more2.png
new file mode 100644
index 0000000..b652e9f
Binary files /dev/null and b/src/views/drone/images/more2.png differ
diff --git a/src/views/drone/images/point.png b/src/views/drone/images/point.png
new file mode 100644
index 0000000..4b9c3b5
Binary files /dev/null and b/src/views/drone/images/point.png differ
diff --git a/src/views/drone/images/right.png b/src/views/drone/images/right.png
new file mode 100644
index 0000000..1b4325d
Binary files /dev/null and b/src/views/drone/images/right.png differ
diff --git a/src/views/drone/images/right_f.png b/src/views/drone/images/right_f.png
new file mode 100644
index 0000000..ff790c9
Binary files /dev/null and b/src/views/drone/images/right_f.png differ
diff --git a/src/views/drone/images/save.png b/src/views/drone/images/save.png
new file mode 100644
index 0000000..10f6d83
Binary files /dev/null and b/src/views/drone/images/save.png differ
diff --git a/src/views/drone/images/saveh.png b/src/views/drone/images/saveh.png
new file mode 100644
index 0000000..85ad900
Binary files /dev/null and b/src/views/drone/images/saveh.png differ
diff --git a/src/views/drone/images/shanchu.png b/src/views/drone/images/shanchu.png
new file mode 100644
index 0000000..04cfd04
Binary files /dev/null and b/src/views/drone/images/shanchu.png differ
diff --git a/src/views/drone/images/switch.png b/src/views/drone/images/switch.png
new file mode 100644
index 0000000..26f9397
Binary files /dev/null and b/src/views/drone/images/switch.png differ
diff --git a/src/views/drone/images/switchh.png b/src/views/drone/images/switchh.png
new file mode 100644
index 0000000..cf11678
Binary files /dev/null and b/src/views/drone/images/switchh.png differ
diff --git a/src/views/drone/images/tab.png b/src/views/drone/images/tab.png
new file mode 100644
index 0000000..8ef5ec4
Binary files /dev/null and b/src/views/drone/images/tab.png differ
diff --git a/src/views/drone/images/tab_h.png b/src/views/drone/images/tab_h.png
new file mode 100644
index 0000000..8793eac
Binary files /dev/null and b/src/views/drone/images/tab_h.png differ
diff --git a/src/views/drone/images/time.png b/src/views/drone/images/time.png
new file mode 100644
index 0000000..252238a
Binary files /dev/null and b/src/views/drone/images/time.png differ
diff --git a/src/views/drone/images/title.png b/src/views/drone/images/title.png
new file mode 100644
index 0000000..4c66b1b
Binary files /dev/null and b/src/views/drone/images/title.png differ
diff --git a/src/views/drone/images/top.png b/src/views/drone/images/top.png
new file mode 100644
index 0000000..486309e
Binary files /dev/null and b/src/views/drone/images/top.png differ
diff --git a/src/views/drone/images/top_r.png b/src/views/drone/images/top_r.png
new file mode 100644
index 0000000..9cbabd6
Binary files /dev/null and b/src/views/drone/images/top_r.png differ
diff --git a/src/views/drone/images/wurenji.png b/src/views/drone/images/wurenji.png
new file mode 100644
index 0000000..1d4f443
Binary files /dev/null and b/src/views/drone/images/wurenji.png differ
diff --git a/src/views/drone/images/zanting.png b/src/views/drone/images/zanting.png
new file mode 100644
index 0000000..5b34b19
Binary files /dev/null and b/src/views/drone/images/zanting.png differ
diff --git a/src/views/drone/index.vue b/src/views/drone/index.vue
new file mode 100644
index 0000000..f47b7a3
--- /dev/null
+++ b/src/views/drone/index.vue
@@ -0,0 +1,648 @@
+<template>
+  <div class="UAVhome">
+    <div class="fly_heard" style="position: fixed; top: 0; left: 0">
+      <img src="./images/head.png" alt="" />
+      <div class="setFlyer">
+        <el-dropdown placement="bottom">
+          <div>
+            <svg-icon v-for="item in downList" :key="item.id" :icon-class="item.icon" :class-name="[item.icon, item.className]"></svg-icon>
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item :class="{ dropdownMy: value === item.gateway }" v-for="(item, i) of options" :key="i">
+                <span @click.stop="beforeHandleDropMenu(item.gateway)">
+                  {{ item.businessName || item.gateway }}
+                </span>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+        <div style="margin-left: 20px" @click="airLine">
+          <svg-icon :icon-class="backIcon.icon" :class-name="[backIcon.icon, backIcon.className]"></svg-icon>
+        </div>
+      </div>
+    </div>
+    <!-- <headCom class="headCom"></headCom> -->
+    <!-- 选择飞机 -->
+    <!-- <UAVselcet v-if="showUAVselcet" @showAirListAndAttr="showAirListAndAttr"></UAVselcet> -->
+    <!-- 无人机 -->
+    <home v-if="showHome"></home>
+    <!-- 驾驶舱 -->
+    <virtualWarehouse v-show="showEnter" :dataList="dataList"></virtualWarehouse>
+    <!-- 底部tab切换 -->
+    <div class="bottomTabs">
+      <bottomTabs @select="select"></bottomTabs>
+    </div>
+    <!-- 航线库列表 -->
+    <airList v-if="airListShow" @routeEdit="routeEdit"></airList>
+    <!-- 航点设置 -->
+    <airPointSetup v-if="airPointSetupShow" @seniorSet="seniorSet" @back="back" :routeLine="routeLine"> </airPointSetup>
+    <!-- 高级设置 -->
+    <airAdvancedSet v-if="airAdvancedSetShow" @save="save"></airAdvancedSet>
+    <!-- 计划库 -->
+    <planLank v-if="planLankShow" @openHistroy="openHistroy"></planLank>
+    <!-- 飞手信息 -->
+    <!-- <flyerImg v-if="flyerImgShow"></flyerImg> -->
+    <!-- 飞行历史 -->
+    <flyHistory v-if="flyHistoryShow" :data="historyData" @back="backHistory"></flyHistory>
+    <!-- 媒体库 -->
+    <medium v-if="mediumShow"></medium>
+
+    <!-- 地球 -->
+    <!-- <div v-show="airPointSetupShow" id="tongbu"></div> -->
+    <div class="ol-map" id="olMap"></div>
+  </div>
+</template>
+
+<script>
+import UAVselcet from './components/selcet/index.vue';
+import home from './components/home/index.vue';
+import bottomTabs from './components/bottomTabs/index.vue';
+import airList from './components/airRoute/list.vue';
+import airPointSetup from './components/airRoute/pointSetup.vue';
+import airAdvancedSet from './components/airRoute/advancedSet.vue';
+import virtualWarehouse from './components/virtualWarehouse/index.vue';
+import planLank from './components/planLank/index.vue';
+import flyHistory from './components/planLank/histroy.vue';
+import medium from './components/medium/index.vue';
+import flyerImg from './components/flyer/index.vue';
+import { listInfo } from '@/api/air';
+import { getDockSocketUrl } from '@/utils/auth.ts';
+import { useAirStore } from '@/store/modules/drone';
+import { getLocal } from '@/utils';
+import md5 from 'md5';
+let ws;
+export default {
+  components: {
+    home,
+    bottomTabs,
+    airList,
+    airPointSetup,
+    airAdvancedSet,
+    virtualWarehouse,
+    planLank,
+    UAVselcet,
+    flyHistory,
+    medium,
+    flyerImg
+  },
+  data() {
+    return {
+      airPointSetupShow: false,
+      airListShow: false,
+      airAdvancedSetShow: false,
+      routeLine: {},
+      showHome: true,
+      showEnter: false,
+      planLankShow: false,
+      showUAVselcet: true,
+      flyHistoryShow: false,
+      mediumShow: false,
+      flyerImgShow: false,
+      dataList: [],
+      historyData: {},
+      networkState: {},
+      downList: [
+        {
+          id: 6,
+          index: 5,
+          icon: 'air',
+          className: 'header_public'
+        }
+      ],
+      backIcon: {
+        icon: 'outAir',
+        className: 'header_public'
+      },
+      parma: {
+        pageNum: 1,
+        pageSize: 1000,
+        type: '机场'
+      },
+      options: [],
+      value: '',
+      gateWay: useAirStore().gateWay
+    };
+  },
+  watch: {
+    // 监听 Vuex 中的状态变化
+    'useAirStore().gateWay': {
+      handler(newValue, oldVal) {
+        this.gateWay = newValue;
+      },
+      deep: true
+    }
+  },
+  /**
+   * 在组件创建时设置WebSocket连接。
+   * 当WebSocket连接打开时，设置消息处理函数以接收数据。
+   * 根据接收到的数据类型更新组件的状态：
+   * - 如果业务类型为"osd3"，更新网络状态。
+   * - 如果业务类型为"osd4"，更新飞机信息，并同步到全局飞机模型对象。
+   * 每次接收到消息后，通过$sendChanel方法发送数据到websocketBus。
+   */
+  created() {
+    this.gateWay = this.gateWay = JSON.parse(localStorage.getItem('airGateway'));
+
+    ws = new ReconnectingWebSocket(getDockSocketUrl());
+    console.log(getDockSocketUrl());
+
+    ws.onopen = (e) => {
+      console.log('this.gateWay', this.gateWay);
+      // return;
+      if (!this.gateWay) {
+        return;
+      }
+      const message = {
+        clientID: localStorage.getItem('clientID'),
+        gateway: this.gateWay.gateway
+      };
+      ws.send(JSON.stringify(message));
+      ws.onmessage = (e) => {
+        let data = JSON.parse(e.data);
+        if (data.gateway == this.gateWay.gateway) {
+          this.$sendChanel('websocketBus', data);
+        }
+        if (data.businessType == 'osd3' && data.gateway == this.gateWay.gateway) {
+          this.networkState = { ...data.data };
+        }
+        // 判断是否有osd4数据
+        if (data.businessType == 'osd4' && data.gateway == this.gateWay.gateway) {
+          this.aircraft = { ...data.data };
+          if (window.airModel) {
+            window.airModel.lng = this.aircraft.longitude;
+            window.airModel.lat = this.aircraft.latitude;
+            window.airModel.alt = this.aircraft.height;
+            window.airModel.name = `经度：${this.aircraft.longitude}\n维度：${this.aircraft.latitude}\n高度：${this.aircraft.height}`;
+          }
+          this.airGlbAdd();
+          if (window.VideoPlacement) {
+            let c3position = Cesium.Cartesian3.fromDegrees(this.aircraft.longitude, this.aircraft.latitude, this.aircraft.height);
+            window.VideoPlacement.head = this.networkState.attitude_head;
+            window.VideoPlacement.roll = this.networkState.attitude_roll;
+            window.VideoPlacement.updateFrustumPosition('update', c3position);
+          }
+        }
+      };
+    };
+  },
+  mounted() {
+    // this.lianjieWS();
+    this.initEarth();
+    this.$recvChanel('EnterCockpit', (data) => {
+      this.showEnter = data.flag;
+      this.showHome = !data.flag;
+      this.dataList = data.dataList;
+      if (window.airModel) {
+        window.airModel.flyTo();
+      } else {
+        this.flyPosition(data.flag ? 0.0005 : 0);
+      }
+    });
+    this.$recvChanel('onView', () => {
+      this.flyPosition();
+    });
+    this.$recvChanel('onViewUAV', () => {
+      if (window.airModel) {
+        window.airModel.flyTo();
+      } else {
+        this.$message.warning('无人机不在线，请稍后重试！');
+      }
+    });
+    this.$recvChanel('VideoPlacement', (obj) => {
+      this.videoFrustum(obj);
+    });
+    this.getDrone();
+    if (getLocal('airGateway')) {
+      this.value = JSON.parse(getLocal('airGateway')).gateway;
+      // console.log('123', this.value, getDockSocketUrl());
+    }
+    if (!localStorage.getItem('clientID')) {
+      localStorage.setItem('clientID', this.getUniqueID());
+    }
+  },
+  methods: {
+    // 链接ws
+    lianjieWS() {
+      return new Promise((resolve, reject) => {
+        this.gateWay = JSON.parse(localStorage.getItem('airGateway'));
+
+        ws = new ReconnectingWebSocket(getDockSocketUrl());
+        ws.onopen = (e) => {
+          console.log('连接成功');
+          resolve(true);
+          const message = {
+            clientID: localStorage.getItem('clientID'),
+            gateway: this.gateWay.gateway
+          };
+          ws.send(JSON.stringify(message));
+          ws.onmessage = (e) => {
+            let data = JSON.parse(e.data);
+            if (data.gateway == this.gateWay.gateway) {
+              this.$sendChanel('websocketBus', data);
+            }
+            if (data.businessType == 'osd3' && data.gateway == this.gateWay.gateway) {
+              this.networkState = { ...data.data };
+            }
+            if (data.businessType == 'osd4' && data.gateway == this.gateWay.gateway) {
+              this.aircraft = { ...data.data };
+              // console.log(456);
+              this.airGlbAdd();
+              if (window.VideoPlacement) {
+                let c3position = Cesium.Cartesian3.fromDegrees(this.aircraft.longitude, this.aircraft.latitude, this.aircraft.height);
+                window.VideoPlacement.updateFrustumPosition('update', c3position);
+              }
+            }
+          };
+        };
+      });
+    },
+    async initEarth() {
+      try {
+        await YJ.on(); // ✅ 等待 YJ 初始化完成
+        this.createEarth(); // ✅ 初始化地球或场景等
+      } catch (err) {
+        console.error('初始化失败:', err);
+      }
+    },
+    createEarth() {
+      window.sdk = new YJ.YJEarth('olMap');
+      YJ.Global.setDefaultView(sdk, {
+        destination: { lng: 100, lat: 30, alt: 22099000 },
+        orientation: {
+          heading: 0.0,
+          pitch: -90.0,
+          roll: 0.0
+        }
+      });
+      let layer = new YJ.Obj.ArcgisWXImagery(sdk, {
+        show: true,
+        layer_index: 1
+      });
+      YJ.Global.CesiumContainer(sdk, {
+        compass: false // 罗盘
+      });
+      new YJ.Tools(sdk).flyHome(0);
+    },
+    async flyPosition(flag = 0) {
+      if (!this.networkState || !this.networkState.longitude) {
+        // this.$message.warning("无人机不在线，请稍后重试！");
+        return;
+      }
+      let position = {
+        lng: this.networkState.longitude + flag,
+        lat: this.networkState.latitude,
+        alt: this.networkState.height + 200
+      };
+      let des = {
+        position: new Cesium.Cartesian3.fromDegrees(position.lng, position.lat, position.alt),
+        orientation: {
+          heading: 0,
+          pitch: Cesium.Math.toRadians(-90.0),
+          roll: 0
+        }
+      };
+      window.Earth1.viewer.camera.flyTo({
+        destination: des.position,
+        duration: 3,
+        orientation: des.orientation
+      });
+      this.airportAdd();
+      await this.airGlbAdd();
+    },
+    async airGlbAdd() {
+      if (window.airModel) {
+        if (!this.aircraft) {
+          return;
+        }
+        return;
+      }
+      let id = new YJ.Tools().randomString();
+      let option = {
+        id,
+        url: 'http://localhost:55110/static/sdk/img/air.glb',
+        position: {
+          lng: this.aircraft.longitude,
+          lat: this.aircraft.latitude,
+          alt: this.aircraft.height
+        },
+        scale: 10,
+        name: `经度：${this.aircraft.longitude}\n维度：${this.aircraft.latitude}\n高度：${this.aircraft.height}`,
+        // name: '无人机',
+        label: {
+          show: true,
+          color: '#fff'
+        },
+        rotate: {
+          x: this.aircraft.attitude_roll,
+          y: this.aircraft.attitude_pitch,
+          z: this.aircraft.attitude_head
+        }
+      };
+      let Model = await new YJ.Obj.Model(window.Earth1, option);
+      Model.picking = false;
+      Model.entity.readyPromise.then(() => {
+        Model.entity.activeAnimations.add({ index: 0, loop: 1 });
+      });
+      // Model.flyTo();
+      window.airModel = Model;
+    },
+    //
+    videoFrustum(obj) {
+      if (!this.networkState.longitude) {
+        return;
+      }
+      if (window.VideoPlacement) {
+        window.VideoPlacement.remove();
+      }
+      let videoEntity = new YJ.Obj.FRUSTUN(
+        {
+          position: {
+            lng: this.networkState.longitude,
+            lat: this.networkState.latitude,
+            alt: this.networkState.height
+          },
+          head: this.networkState.attitude_head,
+          roll: this.networkState.attitude_roll,
+          pitch: -180,
+          videoUrl: obj.url
+        },
+        window.Earth1.viewer
+      );
+      window.VideoPlacement = videoEntity;
+    },
+    airportAdd() {
+      if (window.airportEntity) {
+        return;
+      }
+      // 新增：只保存第一次的位置
+      if (!this.airportPosition) {
+        this.airportPosition = {
+          lng: this.networkState.longitude,
+          lat: this.networkState.latitude,
+          alt: this.networkState.height
+        };
+      }
+      let id = 'airportBillboard';
+      let params = {
+        id,
+        positions: {
+          lng: this.airportPosition.lng,
+          lat: this.airportPosition.lat,
+          alt: this.airportPosition.alt
+        },
+        billboard: {
+          show: true,
+          image: 'http://localhost:' + window.staticPort + '/' + 'sdk/img/airport.png',
+          isSelect: true
+          // width: 320,
+          // height: 360,
+        },
+        show: true,
+        label: {
+          show: true,
+          text: '机场',
+          fontSize: 20,
+          color: '#FFF200FF',
+          scale: 3
+        },
+        heightMode: 0
+      };
+      let airportEntity = new YJ.Obj.BillboardObject(window.Earth1, params);
+      airportEntity.far = 1000000000;
+      airportEntity.picking = false;
+      window.airportEntity = airportEntity;
+    },
+    openHistroy(item) {
+      this.flyHistoryShow = true;
+      this.planLankShow = false;
+      this.historyData = item;
+      // console.log("itemitemitemitem", item);
+    },
+    routeEdit(item, networkState, normal) {
+      this.routeLine = { ...item, ...networkState, ...normal };
+      this.airPointSetupShow = true;
+      this.airListShow = false;
+      this.$changeComponentShow('.bottomTabs', false);
+    },
+    seniorSet() {
+      this.airPointSetupShow = false;
+      this.airAdvancedSetShow = true;
+    },
+    back() {
+      this.airListShow = true;
+      this.airPointSetupShow = false;
+    },
+    save() {
+      this.airPointSetupShow = true;
+      this.airAdvancedSetShow = false;
+    },
+    // 返回历史
+    backHistory() {
+      let item = {
+        label: '计划库'
+      };
+      this.select(item);
+    },
+    // 选中tab
+    select(item) {
+      let { label } = item;
+      if (label == '无人机') {
+        this.showHome = true;
+        this.showEnter = false;
+        this.airListShow = false;
+        this.airPointSetupShow = false;
+        this.planLankShow = false;
+        this.showUAVselcet = true;
+        this.flyHistoryShow = false;
+        this.mediumShow = false;
+        // this.flyerImgShow = false;
+      }
+      if (label == '航线库') {
+        this.airListShow = true;
+        this.showEnter = false;
+        this.showHome = false;
+        this.airPointSetupShow = false;
+        this.planLankShow = false;
+        this.showUAVselcet = false;
+        this.flyHistoryShow = false;
+        this.mediumShow = false;
+        // this.flyerImgShow = false;
+        this.flyPosition();
+      }
+      if (label == '计划库') {
+        this.planLankShow = true;
+        this.airListShow = false;
+        this.showEnter = false;
+        this.showHome = false;
+        this.airPointSetupShow = false;
+        this.airAdvancedSetShow = false;
+        this.showUAVselcet = false;
+        this.flyHistoryShow = false;
+        this.mediumShow = false;
+        // this.flyerImgShow = false;
+      }
+      if (label == '媒体库') {
+        this.mediumShow = true;
+        this.planLankShow = false;
+        this.airListShow = false;
+        this.showEnter = false;
+        this.showHome = false;
+        this.airPointSetupShow = false;
+        this.airAdvancedSetShow = false;
+        this.showUAVselcet = false;
+        this.flyHistoryShow = false;
+        // this.flyerImgShow = false;
+      }
+      if (label == '飞手信息') {
+        // this.flyerImgShow = true;
+        this.planLankShow = false;
+        this.airListShow = false;
+        this.showEnter = false;
+        this.showHome = false;
+        this.airPointSetupShow = false;
+        this.airAdvancedSetShow = false;
+        this.showUAVselcet = false;
+      }
+      if (label !== '航线库') {
+        if (window.airLine) {
+          window.airLine.remove();
+          window.airLine = null;
+        }
+      }
+    },
+    // 保存sn gateway
+    beforeHandleDropMenu(gateway) {
+      this.networkState = {};
+      this.aircraft = {};
+      let obj = this.options.filter((item) => item.gateway == gateway)[0];
+      // 先关闭之前的ws
+      if (ws) {
+        ws.close();
+        ws = null;
+      }
+      this.lianjieWS().then((res) => {
+        // 向后端发一条信息
+        const message = {
+          clientID: localStorage.getItem('clientID'),
+          gateway
+        };
+        // setTimeout(() => {
+        ws.send(JSON.stringify(message));
+      });
+      setLocal('airGateway', JSON.stringify(obj));
+      this.value = obj.gateway;
+      useAirStore().SET_GATEWAY(obj);
+      this.$sendChanel('liveBus', true);
+      this.$message.success('切换成功');
+      // }, 1000)
+      if (window.airModel) {
+        window.airModel.remove();
+        window.airModel = null;
+      }
+      // 生成唯一id
+    },
+    // // 生成一个唯一的clientID
+    getUniqueID() {
+      console.log(md5(new Date().getTime() + 'clientID'), 'md5');
+
+      return md5(new Date().getTime() + 'clientID');
+    },
+
+    // 获取机场列表
+    getDrone() {
+      listInfo(this.parma).then((res) => {
+        if (res.code == 200) {
+          let list = res.rows || [];
+          this.options = list;
+        }
+      });
+    },
+    airLine() {
+      // 断开websocket连接
+      if (ws) {
+        ws.close();
+        ws = null;
+      }
+      $root_home_index.changeState();
+      $root_home_index.$refs.tree.isShowTree();
+      $root_home_index.flyerDiv = false;
+      this.$changeComponentShow('.logo', true);
+      this.$changeComponentShow('.tree', true);
+      this.$changeComponentShow('.header_top', true);
+      this.reset();
+      YJ.Global.setKeyboardEventActive(window.Earth1, true);
+      this.$changeComponentShow('.bottomTabs', true);
+      this.select({ label: '无人机' });
+
+      // 清理地图上的实体
+      if (window.airLine) {
+        window.airLine.remove();
+        window.airLine = null;
+      }
+      if (window.airModel) {
+        window.airModel.remove();
+        window.airModel = null;
+      }
+      if (window.PointEntity) {
+        window.PointEntity.remove();
+        window.PointEntity = null;
+      }
+      if (window.airportEntity) {
+        window.airportEntity.remove();
+        window.airportEntity = null;
+      }
+
+      // 清空状态数据
+      this.networkState = {};
+      this.aircraft = {};
+    },
+    // 退出后设置为默认
+    reset() {
+      this.airPointSetupShow = false;
+      this.airListShow = false;
+      this.airAdvancedSetShow = false;
+      this.showHome = true;
+      this.showEnter = false;
+      this.planLankShow = false;
+      this.showUAVselcet = true;
+      this.flyHistoryShow = false;
+      this.mediumShow = false;
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+@import url('./style/common.scss');
+
+.setFlyer {
+  height: 36px;
+  position: fixed;
+  right: 70px;
+  top: 10px;
+  z-index: 19;
+  display: flex;
+}
+
+.dropdownMy {
+  background: rgba(0, 255, 255, 0.2) !important;
+  color: aqua !important;
+}
+
+#tongbu {
+  position: fixed;
+  right: 0;
+  // width: 400px;
+  // height: 300px;
+  bottom: 0;
+  z-index: 99999;
+}
+.ol-map {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1;
+  height: calc(100vh);
+}
+</style>
diff --git a/src/views/drone/style/common.scss b/src/views/drone/style/common.scss
new file mode 100644
index 0000000..af843ea
--- /dev/null
+++ b/src/views/drone/style/common.scss
@@ -0,0 +1,62 @@
+.uav_box {
+  width: 400px;
+  height: 90%;
+  position: absolute;
+  top: 8%;
+  z-index: 20;
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(0, 255, 255, 0.5);
+  padding: 15px 10px;
+}
+.flex {
+  display: flex;
+}
+.space_between {
+  justify-content: space-between;
+}
+.center {
+  justify-content: center;
+}
+.ai_center {
+  align-items: center;
+}
+.m10 {
+  margin: 10px 0;
+}
+.ml10 {
+  margin-left: 10px;
+}
+.mr20 {
+  margin-right: 20px;
+}
+.mr10 {
+  margin-right: 10px;
+}
+.mt15 {
+  margin-top: 15px;
+}
+.mb10 {
+  margin-bottom: 10px;
+}
+.f14 {
+  font-size: 14px;
+}
+.f12 {
+  font-size: 12px;
+}
+.f30 {
+  font-size: 30px;
+}
+.fw500 {
+  font-weight: 500;
+}
+.text_algin_right {
+  text-align: right;
+}
+.text_algin_left {
+  text-align: left;
+}
+.text_algin_center {
+  text-align: center;
+}
diff --git a/src/views/drone/utils/options.js b/src/views/drone/utils/options.js
new file mode 100644
index 0000000..c198abc
--- /dev/null
+++ b/src/views/drone/utils/options.js
@@ -0,0 +1,107 @@
+// 航点类型
+export const waypointType = [
+  {
+    value: "1",
+    label: "协调转弯，不过点，提前转弯",
+  },
+  {
+    value: "2",
+    label: "直线飞行，飞行器到点停",
+  },
+  {
+    value: "3",
+    label: "平滑过点，提前转弯",
+  },
+  {
+    value: "4",
+    label: "曲线飞行，飞行器到点停",
+  },
+  {
+    value: "5",
+    label: "曲线飞行，飞行器到点不停",
+  },
+];
+// 偏航角模式
+export const yawAngleMode = [
+  {
+    value: "1",
+    label: "沿航线方向",
+  },
+  {
+    value: "2",
+    label: "手动控制",
+  },
+  {
+    value: "3",
+    label: "锁定当前偏航角",
+  },
+];
+// 完成动作
+export const completeAction = [
+  {
+    value: "1",
+    label: "自动返航",
+  },
+  {
+    value: "2",
+    label: "返回航线起始点悬停",
+  },
+  {
+    value: "3",
+    label: "推出航线模式",
+  },
+  {
+    value: "4",
+    label: "原地降落",
+  },
+];
+
+// 失控选项
+export const exitWaylineOptions = [
+  {
+    label: "继续执行航线",
+    value: 0,
+  },
+  {
+    label: "退出并执行失控动作",
+    value: 1,
+  },
+];
+// 精度模式
+export const waylinePrecisionTypeOptions = [
+  {
+    label: "GPS 任务",
+    value: 0,
+  },
+  {
+    label: "高精度 RTK 任务",
+    value: 1,
+  },
+];
+// 失控动作类型
+export const outOfControlOptions = [
+  {
+    label: "返航",
+    value: 0,
+  },
+  {
+    label: "悬停",
+    value: 1,
+  },
+  {
+    label: "降落",
+    value: 2,
+  },
+];
+
+// 返航高度模式
+export const rthModeOptions = [
+  {
+    label: "智能高度",
+    value: 0,
+  },
+  // {
+  //   label: "设定高度",
+  //   value: 1,
+  // },
+];
diff --git a/src/views/gisHome/index.vue b/src/views/gisHome/index.vue
index 56dfb78..8ed4d22 100644
--- a/src/views/gisHome/index.vue
+++ b/src/views/gisHome/index.vue
@@ -6,7 +6,7 @@
         <div class="flex items-center">
           <!-- <img src="@/assets/images/projectday.png" alt="" /> -->
           <div class="days">安全生产天数：</div>
-          <div class="num">1,235</div>
+          <div class="num">{{ safetyDay }}</div>
           <div class="unit">天</div>
           <!-- <img src="@/assets/images/days.png" alt="" /> -->
         </div>
@@ -17,7 +17,7 @@
           <template #default="{ item, index }">
             <div class="flex items-center">
               <div class="Weather text-white flex items-center">
-                <img :src="`../../../src/assets/images/${item.nightIcon}.png`" alt="" />
+                <img :src="`../../../src/assets/images/${weatherimgUrl(item)}.png`" alt="" />
                 <div>
                   <div class="textBlack">{{ item.dayStatus + ' ' }}&nbsp;</div>
                   <div class="robotocondensed">{{ item.tempMin }}°/{{ item.tempMax }}°</div>
@@ -66,25 +66,59 @@ import Map from './component/map.vue';
 import RightMain from './component/rightMain.vue';
 //天气
 import WeatherListScroll from './component/weatherListScroll.vue';
-import { getweatherList } from '@/api/gis';
+import { getSafetyDay, getweatherList } from '@/api/gis';
 import { useUserStoreHook } from '@/store/modules/user';
 const userStore = useUserStoreHook();
 const currentProject = computed(() => userStore.selectedProject);
 const weatherData = ref([]);
+const safetyDay = ref(null);
 const goHome = () => {
   let routeUrl = router.resolve({
     path: '/index'
   });
   window.open(routeUrl.href, 'index');
 };
-
+//获取天气
 const getweatherData = async () => {
   const res = await getweatherList(currentProject.value.id);
   weatherData.value = res.data;
 };
+//获取生产天数
+const getProductionDays = async () => {
+  const res = await getSafetyDay(currentProject.value.id);
+  safetyDay.value = res.data.safetyDay.toLocaleString();
+};
+//获取白天或夜晚
+const weatherimgUrl = computed(() => (item) => {
+  let startTime = item.sunRise; // 开始时间
+  let endTime = item.sunSet; // 结束时间
+  // 获取当前时间
+  const now = new Date();
+
+  // 解析开始时间和结束时间（格式：HH:MM）
+  const [startHours, startMinutes] = startTime.split(':').map(Number);
+  const [endHours, endMinutes] = endTime.split(':').map(Number);
+
+  // 创建今天的开始时间和结束时间对象
+  const start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), startHours, startMinutes);
+  const end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), endHours, endMinutes);
+
+  // 如果结束时间早于开始时间，将结束时间设为明天
+  if (end <= start) {
+    end.setDate(end.getDate() + 1);
+  }
+
+  // 判断当前时间是否在区间内
+  if (now >= start && now <= end) {
+    return item.dayIcon;
+  } else {
+    return item.nightIcon;
+  }
+});
 
 onMounted(() => {
   getweatherData();
+  getProductionDays();
 });
 </script>
 
@@ -205,7 +239,7 @@ onMounted(() => {
       font-family: 'Roboto';
       font-size: vw(28);
       font-weight: 700;
-      width: vw(73);
+      max-width: vw(73);
       color: rgba(255, 255, 255, 1);
       text-shadow: 0px 1.24px 6.21px rgba(25, 179, 250, 1);
       padding-bottom: vh(40);