[ { "path": ".eslintignore", "content": "/src/vendors/**\n" }, { "path": ".eslintrc.js", "content": "module.exports = {\n env: {\n browser: true,\n commonjs: true,\n es2021: true,\n node: true\n },\n extends: ['standard', 'plugin:vue/vue3-essential'],\n parserOptions: {\n ecmaVersion: 12,\n parser: '@typescript-eslint/parser'\n },\n plugins: ['vue', '@typescript-eslint'],\n rules: {\n 'comma-dangle': 'off',\n 'import/no-absolute-path': 'off',\n 'no-unused-vars': 'off',\n camelcase: 'off',\n 'no-redeclare': 'off',\n 'vue/no-unused-components': 'off'\n }\n}\n" }, { "path": ".gitignore", "content": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\nnode_modules/\n\n# Log files\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Editor directories and files\n.idea\n# .vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n\n.history\n/coverage\n/backup\nnode_modules\n" }, { "path": ".gitignore copy", "content": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n" }, { "path": ".npmrc", "content": "registry=https://registry.npmmirror.com/" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2022 DJI-SDK\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# 关于DJI Cloud API Demo 终止维护公告\n\n发布日期：2025年4月10日\n\n1.项目终止维护说明\n即日起，大疆创新(DJI)将停止对DJI Cloud API Demo (地址：https://github.com/dji-sdk/Cloud-API-Demo-Web、https://github.com/dji-sdk/DJI-Cloud-API-Demo）示例项目的更新与技术支持。\n该项目作为官方提供的云端集成参考实现，旨在辅助开发者理解API调用逻辑。并非生产级解决方案，可能存在未修复的安全隐患（如数据泄露、未授权访问等）。请避免在生产环境中直接使用Demo中的代码，若直接使用我们强烈建议您启动安全自查，或避免将基于该Demo的服务暴露于公网环境。\n\n2.免责声明\n因直接使用Demo代码导致的业务损失、数据风险或第三方纠纷，DJI将不承担任何责任。\n\n3.后续支持\n如有疑问，请联系DJI开发者支持团队（邮箱：developer@dji.com)或访问大疆开发者社区获取最新技术资源。\n感谢您一直以来的理解与支持！\n\n# DJI Cloud API\n\n## What is the DJI Cloud API?\n\nThe launch of the Cloud API mainly solves the problem of developers reinventing the wheel. For developers who do not need in-depth customization of APP, they can directly use DJI Pilot2 to communicate with the third cloud platform, and developers can focus on the development and implementation of cloud service interfaces.\n\n## Docker\n\nIf you don't want to install the development environment, you can try deploying with docker. [Click the link to download.](https://terra-sz-hc1pro-cloudapi.oss-cn-shenzhen.aliyuncs.com/c0af9fe0d7eb4f35a8fe5b695e4d0b96/docker/cloud_api_sample_docker.zip)\n\n## Usage\n\nFor more documentation, please visit the [DJI Developer Documentation](https://developer.dji.com/doc/cloud-api-tutorial/cn/).\n\n## Latest Release\n\nCloud API 1.10.0 was released on 7 April 2024. For more information, please visit the [Release Note](https://developer.dji.com/doc/cloud-api-tutorial/cn/).\n\n## License\n\nCloud API is MIT-licensed. Please refer to the LICENSE file for more information.\n" }, { "path": "index.html", "content": "\n\n \n \n \n \n demo-web\n \n \n
\n \n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"demo-web\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"serve\": \"vite\",\n \"build:test\": \"vite build --mode stag\",\n \"build\": \"vite build\",\n \"preview\": \"vite preview\",\n \"lint\": \"eslint --fix\"\n },\n \"dependencies\": {\n \"@amap/amap-jsapi-loader\": \"^1.0.1\",\n \"@ant-design/icons-vue\": \"^6.0.1\",\n \"@vitejs/plugin-legacy\": \"^1.6.2\",\n \"agora-rtc-sdk-ng\": \"^4.12.1\",\n \"ant-design-vue\": \"^2.2.8\",\n \"axios\": \"^0.21.1\",\n \"eventemitter3\": \"^5.0.0\",\n \"mitt\": \"^3.0.0\",\n \"mqtt\": \"^4.3.7\",\n \"query-string\": \"^7.0.1\",\n \"reconnecting-websocket\": \"^4.4.0\",\n \"vconsole\": \"^3.8.1\",\n \"vite-plugin-components\": \"^0.13.3\",\n \"vite-plugin-importer\": \"^0.2.5\",\n \"vite-plugin-optimize-persist\": \"^0.1.2\",\n \"vite-plugin-package-config\": \"^0.1.1\",\n \"vue\": \"^3.2.26\",\n \"vue-cookies\": \"^1.7.4\",\n \"vue-i18n\": \"^9.1.6\",\n \"vue-router\": \"4\",\n \"vuex\": \"^4.0.2\"\n },\n \"devDependencies\": {\n \"@types/node\": \"^16.3.2\",\n \"@types/urlencode\": \"^1.1.2\",\n \"@typescript-eslint/eslint-plugin\": \"^5.8.1\",\n \"@typescript-eslint/parser\": \"^5.8.1\",\n \"@vitejs/plugin-vue\": \"^1.2.4\",\n \"@vue/compiler-sfc\": \"^3.0.5\",\n \"eslint\": \"^7.30.0\",\n \"eslint-config-standard\": \"^16.0.3\",\n \"eslint-plugin-import\": \"^2.23.4\",\n \"eslint-plugin-node\": \"^11.1.0\",\n \"eslint-plugin-promise\": \"^5.1.0\",\n \"eslint-plugin-vue\": \"^7.13.0\",\n \"rollup-plugin-external-globals\": \"^0.6.1\",\n \"sass\": \"^1.35.1\",\n \"typescript\": \"^4.5.4\",\n \"vite\": \"^2.4.0\",\n \"vite-plugin-eslint\": \"^1.3.0\",\n \"vite-plugin-style-import\": \"^1.0.1\",\n \"vite-plugin-svg-icons\": \"^1.0.5\",\n \"vite-plugin-vconsole\": \"^1.1.0\",\n \"vue-tsc\": \"^0.0.24\"\n },\n \"license\": \"ISC\",\n \"vite\": {\n \"optimizeDeps\": {\n \"include\": [\n \"@amap/amap-jsapi-loader\",\n \"@ant-design/icons-vue\",\n \"@vue/reactivity\",\n \"agora-rtc-sdk-ng\",\n \"ant-design-vue\",\n \"ant-design-vue/es\",\n \"ant-design-vue/es/avatar/style/css\",\n \"ant-design-vue/es/breadcrumb/style/css\",\n \"ant-design-vue/es/button/style/css\",\n \"ant-design-vue/es/checkbox/style/css\",\n \"ant-design-vue/es/col/style/css\",\n \"ant-design-vue/es/collapse/style/css\",\n \"ant-design-vue/es/date-picker/style/css\",\n \"ant-design-vue/es/divider/style/css\",\n \"ant-design-vue/es/drawer/style/css\",\n \"ant-design-vue/es/dropdown/style/css\",\n \"ant-design-vue/es/empty/style/css\",\n \"ant-design-vue/es/form/style/css\",\n \"ant-design-vue/es/image/style/css\",\n \"ant-design-vue/es/input-number/style/css\",\n \"ant-design-vue/es/input/style/css\",\n \"ant-design-vue/es/layout/style/css\",\n \"ant-design-vue/es/menu/style/css\",\n \"ant-design-vue/es/message/style/css\",\n \"ant-design-vue/es/modal/style/css\",\n \"ant-design-vue/es/pagination/style/css\",\n \"ant-design-vue/es/popconfirm/style/css\",\n \"ant-design-vue/es/popover/style/css\",\n \"ant-design-vue/es/progress/style/css\",\n \"ant-design-vue/es/radio/style/css\",\n \"ant-design-vue/es/row/style/css\",\n \"ant-design-vue/es/select/style/css\",\n \"ant-design-vue/es/space/style/css\",\n \"ant-design-vue/es/spin/style/css\",\n \"ant-design-vue/es/switch/style/css\",\n \"ant-design-vue/es/table/style/css\",\n \"ant-design-vue/es/tag/style/css\",\n \"ant-design-vue/es/time-picker/style/css\",\n \"ant-design-vue/es/tooltip/style/css\",\n \"ant-design-vue/es/tree/style/css\",\n \"ant-design-vue/es/upload/style/css\",\n \"axios\",\n \"eventemitter3\",\n \"lodash\",\n \"mitt\",\n \"moment\",\n \"mqtt\",\n \"mqtt/dist/mqtt.min\",\n \"reconnecting-websocket\",\n \"vconsole\",\n \"vue\",\n \"vue-router\",\n \"vuex\"\n ]\n }\n }\n}\n" }, { "path": "src/App.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/antd.ts", "content": "// import Icon from '@ant-design/icons-vue'\nimport * as antDesign from 'ant-design-vue'\nimport 'ant-design-vue/dist/antd.css'\nimport { App } from 'vue'\nimport svgIcon from '/@/components/svgIcon.vue'\n\nexport const antComponents = {\n install (app: App): void {\n app.use(antDesign)\n // app.component('Icon', Icon)\n app.component('svg-icon', svgIcon)\n }\n}\n" }, { "path": "src/api/device-cmd/index.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { DeviceCmd, DeviceCmdItemAction } from '/@/types/device-cmd'\n\nconst CMD_API_PREFIX = '/control/api/v1'\n\nexport interface SendCmdParams {\n dock_sn: string, // 机场cn\n device_cmd: DeviceCmd // 指令\n}\n\nexport interface PostSendCmdBody {\n action: DeviceCmdItemAction\n}\n/**\n * 发送机场控制指令\n * @param params\n * @returns\n */\n// /control/api/v1/devices/{dock_sn}/jobs/{service_identifier}\nexport async function postSendCmd (params: SendCmdParams, body?: PostSendCmdBody): Promise> {\n const resp = await request.post(`${CMD_API_PREFIX}/devices/${params.dock_sn}/jobs/${params.device_cmd}`, body)\n return resp.data\n}\n" }, { "path": "src/api/device-log/index.ts", "content": "import request, { IWorkspaceResponse, IListWorkspaceResponse } from '/@/api/http/request'\nimport { DeviceValue, DOMAIN } from '/@/types/device'\nimport { DeviceLogUploadStatusEnum } from '/@/types/device-log'\nimport { ELocalStorageKey } from '/@/types'\nimport { CURRENT_CONFIG } from '/@/api/http/config'\n\nconst MNG_API_PREFIX = '/manage/api/v1'\n\nconst workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || ''\n\nexport interface GetDeviceUploadLogListParams {\n device_sn: string,\n page: number,\n page_size: number,\n begin_time?: number, // 开始时间\n end_time?: number, // 结束时间\n status?: DeviceLogUploadStatusEnum, // 日志上传状态\n logs_information?: string // 搜索内容\n}\n\nexport interface BriefDeviceInfo {\n sn: string,\n device_model: DeviceValue,\n device_callsign: string\n}\n\nexport interface DeviceLogProgressInfo{\n device_sn: string,\n device_model_domain: DOMAIN,\n progress: number, // 进度\n result: number, // 上传结果\n upload_rate: number, // 上传速率\n status: DeviceLogUploadStatusEnum // 上传状态\n}\n\nexport interface DeviceLogItem {\n boot_index: number, // 日志id\n start_time: number, // 日志开始时间\n end_time: number, // 日志结束时间\n size: number // 日志大小\n}\n\nexport interface DeviceLogFileInfo {\n device_sn: string,\n module: DOMAIN,\n result: number,\n object_key: string,\n file_id: string,\n list: DeviceLogItem[]\n}\n\nexport interface DeviceLogFileListInfo {\n files: DeviceLogFileInfo[]\n}\n\nexport interface GetDeviceUploadLogListRsp {\n logs_id: string, // 记录id\n happen_time: string, // 发生时间\n user_name: string, // 用户\n logs_information: string, // 异常描述\n create_time: string, // 上传时间\n status:DeviceLogUploadStatusEnum, // 日志上传状态\n device_topo:{ // 设备topo\n hosts: BriefDeviceInfo[],\n parents: BriefDeviceInfo[]\n },\n logs_progress: DeviceLogProgressInfo[], // 日志上传进度\n device_logs: DeviceLogFileListInfo // 设备日志\n}\n\n/**\n * 获取设备上传日志列表信息\n * @param params\n * @returns\n */\nexport async function getDeviceUploadLogList (params: GetDeviceUploadLogListParams): Promise> {\n const resp = await request.get(`${MNG_API_PREFIX}/workspaces/${workspaceId}/devices/${params.device_sn}/logs-uploaded`, {\n params: params\n })\n return resp.data\n}\n\nexport interface GetDeviceLogListParams{\n device_sn: string,\n domain: DOMAIN[]\n}\n\n/**\n * 获取设备日志列表信息\n * @param params\n * @returns\n */\nexport async function getDeviceLogList (params: GetDeviceLogListParams): Promise> {\n const domain = params.domain ? params.domain : []\n const resp = await request.get(`${MNG_API_PREFIX}/workspaces/${workspaceId}/devices/${params.device_sn}/logs`, {\n params: {\n domain_list: domain.join(',')\n }\n })\n return resp.data\n}\n\nexport interface UploadDeviceLogBody {\n device_sn: string\n happen_time: string // 发生时间\n logs_information: string // 异常描述\n files:{\n list: DeviceLogItem[],\n device_sn: string,\n module: DOMAIN\n }[]\n}\n\n/**\n * 上传设备日志\n * @param body\n * @returns\n */\nexport async function postDeviceUpgrade (body: UploadDeviceLogBody): Promise> {\n const resp = await request.post(`${MNG_API_PREFIX}/workspaces/${workspaceId}/devices/${body.device_sn}/logs`, body)\n return resp.data\n}\n\nexport type DeviceLogUploadAction = 'cancel'\n\nexport interface CancelDeviceLogUploadBody {\n device_sn: string\n status: DeviceLogUploadAction\n module_list: DOMAIN[]\n}\n\n// 取消上传\nexport async function cancelDeviceLogUpload (body: CancelDeviceLogUploadBody): Promise> {\n const url = `${MNG_API_PREFIX}/workspaces/${workspaceId}/devices/${body.device_sn}/logs`\n const result = await request.delete(url, {\n data: body\n })\n return result.data\n}\n\nexport interface DeleteDeviceLogUploadBody {\n device_sn: string\n logs_id: string\n}\n\n// 取消上传\nexport async function deleteDeviceLogUpload (body: DeleteDeviceLogUploadBody): Promise> {\n const url = `${MNG_API_PREFIX}/workspaces/${workspaceId}/devices/${body.device_sn}/logs/${body.logs_id}`\n const result = await request.delete(url, {\n data: body\n })\n return result.data\n}\n\nexport interface GetUploadDeviceLogUrlParams{\n logs_id: string,\n file_id: string,\n}\n\n// export interface GetUploadDeviceLogRsp{\n// url: string\n// }\n\n/**\n * 获取设备上传日志url\n * @param params\n * @returns\n */\nexport async function getUploadDeviceLogUrl (params: GetUploadDeviceLogUrlParams): Promise> {\n const resp = await request.get(`${MNG_API_PREFIX}/workspaces/${workspaceId}/logs/${params.logs_id}/url/${params.file_id}`)\n return resp.data\n}\n" }, { "path": "src/api/device-setting/index.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { ELocalStorageKey } from '/@/types'\nimport { NightLightsStateEnum, DistanceLimitStatus, ObstacleAvoidance } from '/@/types/device-setting'\n\nconst MNG_API_PREFIX = '/manage/api/v1'\nconst workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || ''\n\nexport interface PutDevicePropsBody {\n night_lights_state?: NightLightsStateEnum;// 夜航灯开关\n height_limit?: number;// 限高设置\n distance_limit_status?: DistanceLimitStatus;// 限远开关\n obstacle_avoidance?: ObstacleAvoidance;// 飞行器避障开关设置\n}\n\n/**\n * 设置设备属性\n * @param params\n * @returns\n */\n// /manage/api/v1/devices/{{workspace_id}}/devices/{{device_sn}}/property\nexport async function putDeviceProps (deviceSn: string, body: PutDevicePropsBody): Promise> {\n const resp = await request.put(`${MNG_API_PREFIX}/devices/${workspaceId}/devices/${deviceSn}/property`, body)\n return resp.data\n}\n" }, { "path": "src/api/device-upgrade/index.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { DeviceFirmwareTypeEnum } from '/@/types/device'\n\nconst MNG_API_PREFIX = '/manage/api/v1'\n\nexport interface GetDeviceUpgradeInfoParams {\n device_name: string\n}\n\nexport interface GetDeviceUpgradeInfoRsp {\n device_name: string\n product_version: string\n release_note: string\n released_time: string\n}\n\n/**\n * 获取设备升级信息\n * @param params\n * @returns\n */\nexport async function getDeviceUpgradeInfo (params: GetDeviceUpgradeInfoParams): Promise> {\n const resp = await request.get(`${MNG_API_PREFIX}/workspaces/firmware-release-notes/latest`, {\n params: params\n })\n return resp.data\n}\n\nexport interface UpgradeDeviceInfo {\n device_name: string,\n sn: string,\n product_version: string,\n firmware_upgrade_type: DeviceFirmwareTypeEnum // 1-普通升级，2-一致性升级\n}\n\nexport type DeviceUpgradeBody = UpgradeDeviceInfo[]\n\n/**\n * 设备升级\n * @param workspace_id\n * @param body\n * @returns\n */\nexport async function postDeviceUpgrade (workspace_id: string, body: DeviceUpgradeBody): Promise> {\n const resp = await request.post(`${MNG_API_PREFIX}/devices/${workspace_id}/devices/ota`, body)\n return resp.data\n}\n" }, { "path": "src/api/drc.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { ELocalStorageKey } from '/@/types'\n\n// DRC 链路\nconst DRC_API_PREFIX = '/control/api/v1'\nconst workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || ''\n\nexport interface PostDrcBody {\n client_id?: string // token过期时，用于续期则必填\n expire_sec?: number // 过期时间，单位秒，默认3600\n}\n\nexport interface DrcParams {\n address: string\n username: string\n password: string\n client_id: string\n expire_time: number // 过期时间\n enable_tls: boolean // 是否开启tls\n}\n\n// 获取 mqtt 连接认证\nexport async function postDrc (body: PostDrcBody): Promise> {\n const resp = await request.post(`${DRC_API_PREFIX}/workspaces/${workspaceId}/drc/connect`, body)\n return resp.data\n}\n\nexport interface DrcEnterBody {\n client_id: string\n dock_sn: string\n expire_sec?: number // 过期时间，单位秒，默认3600\n device_info?: {\n osd_frequency?: number\n hsi_frequency?: number\n }\n}\n\nexport interface DrcEnterResp {\n sub: string[] // 需要订阅接收的topic\n pub: string[] // 推送的topic地址\n}\n\n// 进入飞行控制 （建立drc连接&获取云控控制权）\nexport async function postDrcEnter (body: DrcEnterBody): Promise> {\n const resp = await request.post(`${DRC_API_PREFIX}/workspaces/${workspaceId}/drc/enter`, body)\n return resp.data\n}\n\nexport interface DrcExitBody {\n client_id: string\n dock_sn: string\n}\n\n// 退出飞行控制 （退出drc连接&退出云控控制权）\nexport async function postDrcExit (body: DrcExitBody): Promise> {\n const resp = await request.post(`${DRC_API_PREFIX}/workspaces/${workspaceId}/drc/exit`, body)\n return resp.data\n}\n" }, { "path": "src/api/drone-control/drone.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\n// import { ELocalStorageKey } from '/@/types'\n\nconst API_PREFIX = '/control/api/v1'\n// const workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || '\n\n// 获取飞行控制权\nexport async function postFlightAuth (sn: string): Promise> {\n const resp = await request.post(`${API_PREFIX}/devices/${sn}/authority/flight`)\n return resp.data\n}\nexport enum WaylineLostControlActionInCommandFlight {\n CONTINUE = 0,\n EXEC_LOST_ACTION = 1\n}\nexport enum LostControlActionInCommandFLight {\n HOVER = 0, // 悬停\n Land = 1, // 着陆\n RETURN_HOME = 2, // 返航\n}\nexport enum ERthMode {\n SMART = 0,\n SETTING = 1\n}\nexport enum ECommanderModeLostAction {\n CONTINUE = 0,\n EXEC_LOST_ACTION = 1\n}\nexport enum ECommanderFlightMode {\n SMART = 0,\n SETTING = 1\n}\nexport interface PointBody {\n latitude: number;\n longitude: number;\n height: number;\n}\nexport interface PostFlyToPointBody {\n max_speed: number,\n points: PointBody[]\n}\n\n// 飞向目标点\nexport async function postFlyToPoint (sn: string, body: PostFlyToPointBody): Promise> {\n const resp = await request.post(`${API_PREFIX}/devices/${sn}/jobs/fly-to-point`, body)\n return resp.data\n}\n\n// 停止飞向目标点\nexport async function deleteFlyToPoint (sn: string): Promise> {\n const resp = await request.delete(`${API_PREFIX}/devices/${sn}/jobs/fly-to-point`)\n return resp.data\n}\n\nexport interface PostTakeoffToPointBody{\n target_height: number;\n target_latitude: number;\n target_longitude: number;\n security_takeoff_height: number; // 安全起飞高\n max_speed: number; // flyto过程中能达到的最大速度, 单位m/s 跟飞机档位有关\n rc_lost_action: LostControlActionInCommandFLight; // 失控行为\n rth_altitude: number; // 返航高度\n exit_wayline_when_rc_lost: WaylineLostControlActionInCommandFlight;\n rth_mode: ERthMode;\n commander_mode_lost_action: ECommanderModeLostAction;\n commander_flight_mode: ECommanderFlightMode;\n commander_flight_height: number;\n}\n\n// 一键起飞\nexport async function postTakeoffToPoint (sn: string, body: PostTakeoffToPointBody): Promise> {\n const resp = await request.post(`${API_PREFIX}/devices/${sn}/jobs/takeoff-to-point`, body)\n return resp.data\n}\n" }, { "path": "src/api/drone-control/payload.ts", "content": "import request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { CameraType, CameraMode } from '/@/types/live-stream'\nimport { GimbalResetMode } from '/@/types/drone-control'\n// import { ELocalStorageKey } from '/@/types'\n\nconst API_PREFIX = '/control/api/v1'\n// const workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || '\n\nexport interface PostPayloadAuthBody {\n payload_index: string\n}\n\n// 获取负载控制权\nexport async function postPayloadAuth (sn: string, body: PostPayloadAuthBody): Promise> {\n const resp = await request.post(`${API_PREFIX}/devices/${sn}/authority/payload`, body)\n return resp.data\n}\n\n// TODO: 画面拖动控制\nexport enum PayloadCommandsEnum {\n CameraModeSwitch = 'camera_mode_switch',\n CameraPhotoTake = 'camera_photo_take',\n CameraRecordingStart = 'camera_recording_start',\n CameraRecordingStop = 'camera_recording_stop',\n CameraFocalLengthSet = 'camera_focal_length_set',\n GimbalReset = 'gimbal_reset',\n CameraAim = 'camera_aim'\n}\n\nexport interface PostCameraModeBody {\n payload_index: string\n camera_mode: CameraMode\n}\n\nexport interface PostCameraPhotoBody {\n payload_index: string\n}\n\nexport interface PostCameraRecordingBody {\n payload_index: string\n}\n\nexport interface DeleteCameraRecordingParams {\n payload_index: string\n}\n\nexport interface PostCameraFocalLengthBody {\n payload_index: string,\n camera_type: CameraType,\n zoom_factor: number\n}\n\nexport interface PostGimbalResetBody{\n payload_index: string,\n reset_mode: GimbalResetMode,\n}\n\nexport interface PostCameraAimBody{\n payload_index: string,\n camera_type: CameraType,\n locked: boolean,\n x: number,\n y: number,\n}\n\nexport type PostPayloadCommandsBody = {\n cmd: PayloadCommandsEnum.CameraModeSwitch,\n data: PostCameraModeBody\n} | {\n cmd: PayloadCommandsEnum.CameraPhotoTake,\n data: PostCameraPhotoBody\n} | {\n cmd: PayloadCommandsEnum.CameraRecordingStart,\n data: PostCameraRecordingBody\n} | {\n cmd: PayloadCommandsEnum.CameraRecordingStop,\n data: DeleteCameraRecordingParams\n} | {\n cmd: PayloadCommandsEnum.CameraFocalLengthSet,\n data: PostCameraFocalLengthBody\n} | {\n cmd: PayloadCommandsEnum.GimbalReset,\n data: PostGimbalResetBody\n} | {\n cmd: PayloadCommandsEnum.CameraAim,\n data: PostCameraAimBody\n}\n\n// 发送负载名称\nexport async function postPayloadCommands (sn: string, body: PostPayloadCommandsBody): Promise> {\n const resp = await request.post(`${API_PREFIX}/devices/${sn}/payload/commands`, body)\n return resp.data\n}\n" }, { "path": "src/api/flight-area/index.ts", "content": "import request from '../http/request'\nimport { IWorkspaceResponse } from '../http/type'\nimport { EFlightAreaType, ESyncStatus, FlightAreaContent } from './../../types/flight-area'\nimport { ELocalStorageKey } from '/@/types/enums'\nimport { GeojsonCoordinate } from '/@/utils/genjson'\n\nexport interface GetFlightArea {\n area_id: string,\n name: string,\n type: EFlightAreaType,\n content: FlightAreaContent,\n status: boolean,\n username: string,\n create_time: number,\n update_time: number,\n}\n\nexport interface PostFlightAreaBody {\n id: string,\n name: string,\n type: EFlightAreaType,\n content: {\n properties: {\n color: string,\n clampToGround: boolean,\n },\n geometry: {\n type: string,\n coordinates: GeojsonCoordinate | GeojsonCoordinate[][],\n radius?: number,\n }\n }\n}\n\nexport interface FlightAreaStatus {\n sync_code: number,\n sync_status: ESyncStatus,\n sync_msg: string,\n\n}\nexport interface GetDeviceStatus {\n device_sn: string,\n nickname?: string,\n device_name?: string,\n online?: boolean,\n flight_area_status: FlightAreaStatus,\n}\n\nconst MAP_API_PREFIX = '/map/api/v1'\n\nconst workspaceId: string = localStorage.getItem(ELocalStorageKey.WorkspaceId) || ''\n\nexport async function getFlightAreaList (): Promise> {\n const resp = await request.get(`${MAP_API_PREFIX}/workspaces/${workspaceId}/flight-areas`)\n return resp.data\n}\n\nexport async function changeFlightAreaStatus (area_id: string, status: boolean): Promise> {\n const resp = await request.put(`${MAP_API_PREFIX}/workspaces/${workspaceId}/flight-area/${area_id}`, { status })\n return resp.data\n}\n\nexport async function saveFlightArea (body: PostFlightAreaBody): Promise> {\n const resp = await request.post(`${MAP_API_PREFIX}/workspaces/${workspaceId}/flight-area`, body)\n return resp.data\n}\n\nexport async function deleteFlightArea (area_id: string): Promise> {\n const resp = await request.delete(`${MAP_API_PREFIX}/workspaces/${workspaceId}/flight-area/${area_id}`)\n return resp.data\n}\n\nexport async function syncFlightArea (device_sn: string[]): Promise> {\n const resp = await request.post(`${MAP_API_PREFIX}/workspaces/${workspaceId}/flight-area/sync`, { device_sn })\n return resp.data\n}\n\nexport async function getDeviceStatus (): Promise> {\n const resp = await request.get(`${MAP_API_PREFIX}/workspaces/${workspaceId}/device-status`)\n return resp.data\n}\n" }, { "path": "src/api/http/config.ts", "content": "export const CURRENT_CONFIG = {\n\n // license\n appId: 'Please enter the app id.', // You need to go to the development website to apply.\n appKey: 'Please enter the app key.', // You need to go to the development website to apply.\n appLicense: 'Please enter the app license.', // You need to go to the development website to apply.\n\n // http\n baseURL: 'Please enter the backend access address prefix.', // This url must end with \"/\". Example: 'http://192.168.1.1:6789/'\n websocketURL: 'Please enter the WebSocket access address.', // Example: 'ws://192.168.1.1:6789/api/v1/ws'\n\n // livestreaming\n // RTMP Note: This IP is the address of the streaming server. If you want to see livestream on web page, you need to convert the RTMP stream to WebRTC stream.\n rtmpURL: 'Please enter the rtmp access address.', // Example: 'rtmp://192.168.1.1/live/'\n // GB28181 Note:If you don't know what these parameters mean, you can go to Pilot2 and select the GB28181 page in the cloud platform. Where the parameters same as these parameters.\n gbServerIp: 'Please enter the server ip.',\n gbServerPort: 'Please enter the server port.',\n gbServerId: 'Please enter the server id.',\n gbAgentId: 'Please enter the agent id',\n gbPassword: 'Please enter the agent password',\n gbAgentPort: 'Please enter the local port.',\n gbAgentChannel: 'Please enter the channel.',\n // RTSP\n rtspUserName: 'Please enter the username.',\n rtspPassword: 'Please enter the password.',\n rtspPort: '8554',\n // Agora\n agoraAPPID: 'Please enter the agora app id.',\n agoraToken: 'Please enter the agora temporary token.',\n agoraChannel: 'Please enter the agora channel.',\n\n // map\n // You can apply on the AMap website.\n amapKey: 'Please enter the amap key.',\n\n}\n" }, { "path": "src/api/http/request.ts", "content": "import axios from 'axios'\nimport { uuidv4 } from '/@/utils/uuid'\nimport { CURRENT_CONFIG } from './config'\nimport { message } from 'ant-design-vue'\nimport router from '/@/router'\nimport { ELocalStorageKey, ERouterName, EUserType } from '/@/types/enums'\nexport * from './type'\n\nconst REQUEST_ID = 'X-Request-Id'\nfunction getAuthToken () {\n return localStorage.getItem(ELocalStorageKey.Token)\n}\n\nconst instance = axios.create({\n // withCredentials: true,\n headers: {\n 'Content-Type': 'application/json',\n },\n // timeout: 12000,\n})\n\ninstance.interceptors.request.use(\n config => {\n config.headers[ELocalStorageKey.Token] = getAuthToken()\n // config.headers[REQUEST_ID] = uuidv4()\n config.baseURL = CURRENT_CONFIG.baseURL\n return config\n },\n error => {\n return Promise.reject(error)\n },\n)\n\ninstance.interceptors.response.use(\n response => {\n console.info('URL: ' + response.config.baseURL + response.config.url, '\\nData: ', response.data, '\\nResponse:', response)\n if (response.data.code && response.data.code !== 0) {\n message.error(response.data.message)\n }\n return response\n },\n err => {\n const requestId = err?.config?.headers && err?.config?.headers[REQUEST_ID]\n if (requestId) {\n console.info(REQUEST_ID, '：', requestId)\n }\n console.info('url: ', err?.config?.url, `【${err?.config?.method}】 \\n>>>> err: `, err)\n\n let description = '-'\n if (err.response?.data && err.response.data.message) {\n description = err.response.data.message\n }\n if (err.response?.data && err.response.data.result) {\n description = err.response.data.result.message\n }\n // @See: https://github.com/axios/axios/issues/383\n if (!err.response || !err.response.status) {\n message.error('The network is abnormal, please check the backend service and try again')\n return\n }\n if (err.response?.status !== 200) {\n message.error(`ERROR_CODE: ${err.response?.status}`)\n }\n // if (err.response?.status === 403) {\n // // window.location.href = '/'\n // }\n if (err.response?.status === 401) {\n console.error(err.response)\n const flag: number = Number(localStorage.getItem(ELocalStorageKey.Flag))\n switch (flag) {\n case EUserType.Web:\n router.push(ERouterName.PROJECT)\n break\n case EUserType.Pilot:\n router.push(ERouterName.PILOT)\n break\n }\n }\n\n return Promise.reject(err)\n },\n)\n\nexport default instance\n" }, { "path": "src/api/http/type.ts", "content": "export interface IResult {\n code: number;\n message: string;\n}\n\nexport interface IPage {\n page: number;\n total: number;\n page_size: number;\n}\n\nexport interface IListWorkspaceResponse {\n code: number;\n message: string;\n data: {\n list: T[];\n pagination: IPage;\n };\n}\n// Workspace\nexport interface IWorkspaceResponse {\n code: number;\n data: T;\n message: string;\n}\n\nexport type IStatus = 'WAITING' | 'DOING' | 'SUCCESS' | 'FAILED';\n\nexport interface CommonListResponse extends IResult {\n data: {\n list: T[];\n pagination: IPage;\n };\n}\n\nexport interface CommonResponse extends IResult {\n data: T\n}\n" }, { "path": "src/api/http.ts", "content": "/**\n * 职责声明：\n * 1.提供一个 单一的 axios 实例（方面进行统一拦截）\n * 2.允许调用方定制自己的配置（例如拦截器等），而不影响其他实例\n *\n * 暴露 API：\n * 1.一个统一的 axios 实例: singleAxiosInstance（绑定了统一的拦截器）\n * 2.创建 axios 实例的方法 createAxiosInstance，并在参数中允许配置是否绑定统一拦截器\n * 3.对外暴露统一拦截器绑定方案，允许外界进行定制: bindCommonRequestInterceptors、bindCommonResponseInterceptors\n */\n\nimport Axios, { AxiosInstance, AxiosRequestConfig } from 'axios'\n\n// 统一的 request 拦截器\nexport function bindCommonRequestInterceptors (instance: AxiosInstance): void {\n instance.interceptors.request.use(config => {\n return config\n })\n}\n\n// Unified response interceptor\nexport function bindCommonResponseInterceptors (instance: AxiosInstance): void {\n instance.interceptors.response.use(config => {\n return config\n }, err => {\n return Promise.reject(err)\n })\n}\n\nexport function createAxiosInstance (config?: AxiosRequestConfig, commonInterceptorConf: { request?: boolean, response?: boolean } = {}): AxiosInstance {\n const instance = Axios.create(config)\n\n // Binding a unified interceptor, binding by default\n commonInterceptorConf.request !== false && bindCommonRequestInterceptors(instance)\n commonInterceptorConf.response !== false && bindCommonResponseInterceptors(instance)\n\n return instance\n}\n\nconst singleAxios = createAxiosInstance({}, { request: true, response: false })\n\nexport default singleAxios\n" }, { "path": "src/api/layer.ts", "content": "import { ELocalStorageKey } from '../types/enums'\nimport request, { IWorkspaceResponse } from '/@/api/http/request'\nimport { mapLayers } from '/@/constants/mock-layers'\nimport { elementGroupsReq, PostElementsBody, PutElementsBody } from '/@/types/mapLayer'\nconst PREFIX = '/map/api/v1'\nconst workspace_id = localStorage.getItem(ELocalStorageKey.WorkspaceId)\ntype UnknownResponse = Promise>\n// get elements group\n// export const getLayers = async (reqParams: elementGroupsReq): UnknownResponse => {\n// const url = `${PREFIX}/workspaces/${workspace_id}/element_groups`\n// const result = await request.get(url, {\n// params: {\n// group_id: reqParams.groupId,\n// is_distributed: reqParams.isDistributed\n// },\n// })\n// return result.data\n// }\nexport const getLayers = async (reqParams: elementGroupsReq): UnknownResponse => {\n return mapLayers\n}\n\n// Get elements groups request\nexport const getElementGroupsReq = async (body: elementGroupsReq): Promise> => {\n const url = `${PREFIX}/workspaces/` + workspace_id + '/element-groups'\n const result = await request.get(url, body)\n return result.data\n}\n// add element\nexport const postElementsReq = async (pid: string, body: PostElementsBody): Promise> => {\n const url = `${PREFIX}/workspaces/` + workspace_id + `/element-groups/${pid}/elements`\n const result = await request.post(url, body)\n return result.data\n}\n// Update map element request\nexport const updateElementsReq = async (id: string, body: PutElementsBody): Promise> => {\n const url = `${PREFIX}/workspaces/` + workspace_id + `/elements/${id}`\n const result = await request.put(url, body)\n return result.data\n}\n// Delete map element\nexport const deleteElementReq = async (id: string, body: {}): Promise => {\n const url = `${PREFIX}/workspaces/` + workspace_id + `/elements/${id}`\n const result = await request.delete(url, body)\n return result.data\n}\n\n// Delete layer elements\nexport const deleteLayerEleReq = async (id: string, body: {}): Promise => {\n const url = `${PREFIX}/workspaces/` + workspace_id + `/element-groups/${id}/elements`\n const result = await request.delete(url, body)\n return result.data\n}\n" }, { "path": "src/api/manage.ts", "content": "import { Firmware, FirmwareQueryParam, FirmwareUploadParam } from '/@/types/device-firmware'\nimport request, { CommonListResponse, IListWorkspaceResponse, IPage, IWorkspaceResponse } from '/@/api/http/request'\nimport { Device } from '/@/types/device'\n\nconst HTTP_PREFIX = '/manage/api/v1'\n\n// login\nexport interface LoginBody {\n username: string,\n password: string,\n flag: number,\n}\nexport interface BindBody {\n device_sn: string,\n user_id: string,\n workspace_id: string,\n domain?: string\n}\nexport interface HmsQueryBody {\n sns: string[],\n children_sn: string,\n device_sn: string,\n language: string,\n level: number | string,\n begin_time: number,\n end_time: number,\n message: string,\n domain: number,\n}\n\nexport const login = async function (body: LoginBody): Promise> {\n const url = `${HTTP_PREFIX}/login`\n const result = await request.post(url, body)\n return result.data\n}\n\n// Refresh Token\nexport const refreshToken = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/token/refresh`\n const result = await request.post(url, body)\n return result.data\n}\n\n// Get Platform Info\nexport const getPlatformInfo = async function (): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/current`\n const result = await request.get(url)\n return result.data\n}\n\n// Get User Info\nexport const getUserInfo = async function (): Promise> {\n const url = `${HTTP_PREFIX}/users/current`\n const result = await request.get(url)\n return result.data\n}\n\n// Get Device Topo\nexport const getDeviceTopo = async function (workspace_id: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices`\n const result = await request.get(url)\n return result.data\n}\n\n// Get Livestream Capacity\nexport const getLiveCapacity = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/live/capacity`\n const result = await request.get(url, body)\n return result.data\n}\n\n// Start Livestream\nexport const startLivestream = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/live/streams/start`\n const result = await request.post(url, body)\n return result.data\n}\n\n// Stop Livestream\nexport const stopLivestream = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/live/streams/stop`\n const result = await request.post(url, body)\n return result.data\n}\n// Update Quality\nexport const setLivestreamQuality = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/live/streams/update`\n const result = await request.post(url, body)\n return result.data\n}\n\nexport const getAllUsersInfo = async function (wid: string, body: IPage): Promise> {\n const url = `${HTTP_PREFIX}/users/${wid}/users?&page=${body.page}&page_size=${body.page_size}`\n const result = await request.get(url)\n return result.data\n}\n\nexport const updateUserInfo = async function (wid: string, user_id: string, body: {}): Promise> {\n const url = `${HTTP_PREFIX}/users/${wid}/users/${user_id}`\n const result = await request.put(url, body)\n return result.data\n}\n\nexport const bindDevice = async function (body: BindBody): Promise> {\n const url = `${HTTP_PREFIX}/devices/${body.device_sn}/binding`\n const result = await request.post(url, body)\n return result.data\n}\n\nexport const unbindDevice = async function (device_sn: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${device_sn}/unbinding`\n const result = await request.delete(url)\n return result.data\n}\n\nexport const getDeviceBySn = async function (workspace_id: string, device_sn: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/${device_sn}`\n const result = await request.get(url)\n return result.data\n}\n\n/**\n * 获取绑定设备信息\n * @param workspace_id\n * @param body\n * @param domain\n * @returns\n */\nexport const getBindingDevices = async function (workspace_id: string, body: IPage, domain: number): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/bound?&page=${body.page}&page_size=${body.page_size}&domain=${domain}`\n const result = await request.get(url)\n return result.data\n}\n\nexport const updateDevice = async function (body: {}, workspace_id: string, device_sn: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/${device_sn}`\n const result = await request.put(url, body)\n return result.data\n}\n\nexport const getUnreadDeviceHms = async function (workspace_id: string, device_sn: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/hms/${device_sn}`\n const result = await request.get(url)\n return result.data\n}\n\nexport const updateDeviceHms = async function (workspace_id: string, device_sn: string): Promise> {\n const url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/hms/${device_sn}`\n const result = await request.put(url)\n return result.data\n}\n\nexport const getDeviceHms = async function (body: HmsQueryBody, workspace_id: string, pagination: IPage): Promise> {\n let url = `${HTTP_PREFIX}/devices/${workspace_id}/devices/hms?page=${pagination.page}&page_size=${pagination.page_size}` +\n `&level=${body.level ?? ''}&begin_time=${body.begin_time ?? ''}&end_time=${body.end_time ?? ''}&message=${body.message ?? ''}&language=${body.language}`\n body.sns.forEach((sn: string) => {\n if (sn !== '') {\n url = url.concat(`&device_sn=${sn}`)\n }\n })\n const result = await request.get(url)\n return result.data\n}\n\nexport const changeLivestreamLens = async function (body: {}): Promise> {\n const url = `${HTTP_PREFIX}/live/streams/switch`\n const result = await request.post(url, body)\n return result.data\n}\n\nexport const getFirmwares = async function (workspace_id: string, page: IPage, body: FirmwareQueryParam): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspace_id}/firmwares?page=${page.page}&page_size=${page.page_size}` +\n `&device_name=${body.device_name}&product_version=${body.product_version}&status=${body.firmware_status ?? ''}`\n const result = await request.get(url)\n return result.data\n}\n\nexport const importFirmareFile = async function (workspaceId: string, param: FormData): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/firmwares/file/upload`\n const result = await request.post(url, param)\n return result.data\n}\n\nexport const changeFirmareStatus = async function (workspaceId: string, firmwareId: string, param: {status: boolean}): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/firmwares/${firmwareId}`\n const result = await request.put(url, param)\n return result.data\n}\n" }, { "path": "src/api/media.ts", "content": "import { message } from 'ant-design-vue'\nimport request, { IPage, IWorkspaceResponse } from '/@/api/http/request'\nconst HTTP_PREFIX = '/media/api/v1'\n\n// Get Media Files\nexport const getMediaFiles = async function (wid: string, pagination: IPage): Promise> {\n const url = `${HTTP_PREFIX}/files/${wid}/files?page=${pagination.page}&page_size=${pagination.page_size}`\n const result = await request.get(url)\n return result.data\n}\n// Download Media File\nexport const downloadMediaFile = async function (workspaceId: string, fileId: string): Promise {\n const url = `${HTTP_PREFIX}/files/${workspaceId}/file/${fileId}/url`\n const result = await request.get(url, { responseType: 'blob' })\n if (result.data.type === 'application/json') {\n const reader = new FileReader()\n reader.onload = function (e) {\n const text = reader.result as string\n const result = JSON.parse(text)\n message.error(result.message)\n }\n reader.readAsText(result.data, 'utf-8')\n } else {\n return result.data\n }\n}\n" }, { "path": "src/api/pilot-bridge.ts", "content": "import { message } from 'ant-design-vue'\nimport { EComponentName, EPhotoType, ERouterName } from '../types'\nimport { CURRENT_CONFIG } from './http/config'\nimport { EVideoPublishType, LiveStreamStatus } from '../types/live-stream'\nimport { getRoot } from '/@/root'\n\nconst root = getRoot()\nexport const components = new Map()\ndeclare let window:any\ninterface JsResponse{\n code:number,\n message:string,\n data:any\n}\n\nexport interface ThingParam {\n host: string,\n username: string,\n password: string,\n connectCallback: string\n}\n\nexport interface LiveshareParam {\n videoPublishType: string, // video-on-demand、video-by-manual、video-demand-aux-manual\n statusCallback: string\n}\n\nexport interface MapParam {\n userName: string,\n elementPreName: string\n}\n\nexport interface WsParam {\n host: string,\n token: string,\n connectCallback: string\n}\n\nexport interface ApiParam {\n host: string,\n token: string\n}\n\nexport interface MediaParam {\n autoUploadPhoto: boolean, // 是否自动上传图片, 非必需\n autoUploadPhotoType: number, // 自动上传的照片类型，0：原图， 1：缩略图， 非必需\n autoUploadVideo: boolean // 是否自动上传视频， 非必需\n}\n\nfunction returnBool (response: string): boolean {\n const res: JsResponse = JSON.parse(response)\n const isError = errorHint(res)\n if (JSON.stringify(res.data) !== '{}') {\n return isError && res.data\n }\n return isError\n}\n\nfunction returnString (response: string): string {\n const res: JsResponse = JSON.parse(response)\n return errorHint(res) ? res.data : ''\n}\n\nfunction returnNumber (response: string): number {\n const res: JsResponse = JSON.parse(response)\n return errorHint(res) ? res.data : -1\n}\n\nfunction errorHint (response: JsResponse): boolean {\n if (response.code !== 0) {\n message.error(response.message)\n console.error(response.message)\n return false\n }\n return true\n}\n\nexport default {\n init (): Map {\n const thingParam: ThingParam = {\n host: '',\n connectCallback: '',\n username: '',\n password: ''\n }\n components.set(EComponentName.Thing, thingParam)\n const liveshareParam: LiveshareParam = {\n videoPublishType: EVideoPublishType.VideoDemandAuxManual,\n statusCallback: 'liveStatusCallback'\n }\n components.set(EComponentName.Liveshare, liveshareParam)\n const mapParam: MapParam = {\n userName: '',\n elementPreName: 'PILOT'\n }\n components.set(EComponentName.Map, mapParam)\n const wsParam: WsParam = {\n host: CURRENT_CONFIG.websocketURL,\n token: '',\n connectCallback: 'wsConnectCallback'\n }\n components.set(EComponentName.Ws, wsParam)\n const apiParam: ApiParam = {\n host: '',\n token: ''\n }\n components.set(EComponentName.Api, apiParam)\n components.set(EComponentName.Tsa, {})\n const mediaParam: MediaParam = {\n autoUploadPhoto: true,\n autoUploadPhotoType: EPhotoType.Preview,\n autoUploadVideo: true\n }\n components.set(EComponentName.Media, mediaParam)\n components.set(EComponentName.Mission, {})\n\n return components\n },\n\n getComponentParam (key:EComponentName): any {\n return components.get(key)\n },\n setComponentParam (key:EComponentName, value:any) {\n components.set(key, value)\n },\n loadComponent (name:string, param:any):string {\n return returnString(window.djiBridge.platformLoadComponent(name, JSON.stringify(param)))\n },\n unloadComponent (name:string) :string {\n return returnString(window.djiBridge.platformUnloadComponent(name))\n },\n isComponentLoaded (module:string): boolean {\n return returnBool(window.djiBridge.platformIsComponentLoaded(module))\n },\n setWorkspaceId (uuid:string):string {\n return returnString(window.djiBridge.platformSetWorkspaceId(uuid))\n },\n setPlatformMessage (platformName:string, title:string, desc:string): boolean {\n return returnBool(window.djiBridge.platformSetInformation(platformName, title, desc))\n },\n getRemoteControllerSN () :string {\n return returnString(window.djiBridge.platformGetRemoteControllerSN())\n },\n getAircraftSN ():string {\n return returnString(window.djiBridge.platformGetAircraftSN())\n },\n stopwebview ():string {\n return returnString(window.djiBridge.platformStopSelf())\n },\n setLogEncryptKey (key:string):string {\n return window.djiBridge.platformSetLogEncryptKey(key)\n },\n clearLogEncryptKey ():string {\n return window.djiBridge.platformClearLogEncryptKey()\n },\n getLogPath ():string {\n return returnString(window.djiBridge.platformGetLogPath())\n },\n platformVerifyLicense (appId:string, appKey:string, appLicense:string): boolean {\n return returnBool(window.djiBridge.platformVerifyLicense(appId, appKey, appLicense))\n },\n isPlatformVerifySuccess (): boolean {\n return returnBool(window.djiBridge.platformIsVerified())\n },\n isAppInstalled (pkgName: string): boolean {\n return returnBool(window.djiBridge.platformIsAppInstalled(pkgName))\n },\n getVersion (): string {\n return window.djiBridge.platformGetVersion()\n },\n\n // thing\n thingGetConnectState (): boolean {\n return returnBool(window.djiBridge.thingGetConnectState())\n },\n\n thingGetConfigs (): ThingParam {\n const thingParam = JSON.parse(window.djiBridge.thingGetConfigs())\n return thingParam.code === 0 ? JSON.parse(thingParam.data) : {}\n },\n\n // api\n getToken () : string {\n return returnString(window.djiBridge.apiGetToken())\n },\n setToken (token:string):string {\n return returnString(window.djiBridge.apiSetToken(token))\n },\n getHost (): string {\n return returnString(window.djiBridge.apiGetHost())\n },\n\n // liveshare\n /**\n *\n * @param type\n * video-on-demand: 服务器点播，依赖于thing模块，具体的点播命令参见设备物模型的直播服务\n * video-by-manual：手动点播，配置好直播类型参数之后，在图传页面可修改直播参数，停止直播\n * video-demand-aux-manual: 混合模式，支持服务器点播，以及图传页面修改直播参数，停止直播\n */\n setVideoPublishType (type:string): boolean {\n return returnBool(window.djiBridge.liveshareSetVideoPublishType(type))\n },\n\n /**\n *\n * @returns\n * type: liveshare type， 0：unknown, 1:agora, 2:rtmp, 3:rtsp, 4:gb28181\n */\n getLiveshareConfig (): string {\n return returnString(window.djiBridge.liveshareGetConfig())\n },\n\n setLiveshareConfig (type:number, params:string):string {\n return window.djiBridge.liveshareSetConfig(type, params)\n },\n\n setLiveshareStatusCallback (callbackFunc:string) :string {\n return window.djiBridge.liveshareSetStatusCallback(callbackFunc)\n },\n getLiveshareStatus (): LiveStreamStatus {\n return JSON.parse(JSON.parse(window.djiBridge.liveshareGetStatus()).data)\n },\n startLiveshare (): boolean {\n return returnBool(window.djiBridge.liveshareStartLive())\n },\n stopLiveshare (): boolean {\n return returnBool(window.djiBridge.liveshareStopLive())\n },\n // WebSocket\n wsGetConnectState (): boolean {\n return returnBool(window.djiBridge.wsGetConnectState())\n },\n wsConnect (host: string, token: string, callback: string): string {\n return window.djiBridge.wsConnect(host, token, callback)\n },\n wsDisconnect (): string {\n return window.djiBridge.wsConnect()\n },\n wsSend (message: string): string {\n return window.djiBridge.wsSend(message)\n },\n // media\n setAutoUploadPhoto (auto:boolean):string {\n return window.djiBridge.mediaSetAutoUploadPhoto(auto)\n },\n getAutoUploadPhoto (): boolean {\n return returnBool(window.djiBridge.mediaGetAutoUploadPhoto())\n },\n setUploadPhotoType (type:number):string {\n return window.djiBridge.mediaSetUploadPhotoType(type)\n },\n getUploadPhotoType (): number {\n return returnNumber(window.djiBridge.mediaGetUploadPhotoType())\n },\n setAutoUploadVideo (auto:boolean):string {\n return window.djiBridge.mediaSetAutoUploadVideo(auto)\n },\n getAutoUploadVideo (): boolean {\n return returnBool(window.djiBridge.mediaGetAutoUploadVideo())\n },\n setDownloadOwner (rcIndex:number):string {\n return window.djiBridge.mediaSetDownloadOwner(rcIndex)\n },\n getDownloadOwner (): number {\n return returnNumber(window.djiBridge.mediaGetDownloadOwner())\n },\n onBackClickReg () {\n window.djiBridge.onBackClick = () => {\n if (root.$router.currentRoute.value.path === '/' + ERouterName.PILOT_HOME) {\n return false\n } else {\n history.go(-1)\n return true\n }\n }\n },\n onStopPlatform () {\n window.djiBridge.onStopPlatform = () => {\n localStorage.clear()\n }\n }\n}\n" }, { "path": "src/api/wayline.ts", "content": "import { message } from 'ant-design-vue'\nimport request, { IPage, IWorkspaceResponse, IListWorkspaceResponse } from '/@/api/http/request'\nimport { TaskType, TaskStatus, OutOfControlAction } from '/@/types/task'\nimport { WaylineType } from '/@/types/wayline'\n\nconst HTTP_PREFIX = '/wayline/api/v1'\n\n// Get Wayline Files\nexport const getWaylineFiles = async function (wid: string, body: {}): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${wid}/waylines?order_by=${body.order_by}&page=${body.page}&page_size=${body.page_size}`\n const result = await request.get(url)\n return result.data\n}\n\n// Download Wayline File\nexport const downloadWaylineFile = async function (workspaceId: string, waylineId: string): Promise {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/waylines/${waylineId}/url`\n const result = await request.get(url, { responseType: 'blob' })\n if (result.data.type === 'application/json') {\n const reader = new FileReader()\n reader.onload = function (e) {\n const text = reader.result as string\n const result = JSON.parse(text)\n message.error(result.message)\n }\n reader.readAsText(result.data, 'utf-8')\n } else {\n return result.data\n }\n}\n\n// Delete Wayline File\nexport const deleteWaylineFile = async function (workspaceId: string, waylineId: string): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/waylines/${waylineId}`\n const result = await request.delete(url)\n return result.data\n}\n\nexport interface CreatePlan {\n name: string,\n file_id: string,\n dock_sn: string,\n task_type: TaskType, // 任务类型\n wayline_type: WaylineType, // 航线类型\n task_days: number[] // 执行任务的日期（秒）\n task_periods: number[][] // 执行任务的时间点（秒）\n rth_altitude: number // 相对机场返航高度 20 - 500\n out_of_control_action: OutOfControlAction // 失控动作\n min_battery_capacity?: number, // The minimum battery capacity of aircraft.\n min_storage_capacity?: number, // The minimum storage capacity of dock and aircraft.\n}\n\n// Create Wayline Job\nexport const createPlan = async function (workspaceId: string, plan: CreatePlan): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/flight-tasks`\n const result = await request.post(url, plan)\n return result.data\n}\n\nexport interface Task {\n job_id: string,\n job_name: string,\n task_type: TaskType, // 任务类型\n file_id: string, // 航线文件id\n file_name: string, // 航线名称\n wayline_type: WaylineType, // 航线类型\n dock_sn: string,\n dock_name: string,\n workspace_id: string,\n username: string,\n begin_time: string,\n end_time: string,\n execute_time: string,\n completed_time: string,\n status: TaskStatus, // 任务状态\n progress: number, // 执行进度\n code: number, // 错误码\n rth_altitude: number // 相对机场返航高度 20 - 500\n out_of_control_action: OutOfControlAction // 失控动作\n media_count: number // 媒体数量\n uploading:boolean // 是否正在上传媒体\n uploaded_count: number // 已上传媒体数量\n}\n\n// Get Wayline Jobs\nexport const getWaylineJobs = async function (workspaceId: string, page: IPage): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/jobs?page=${page.page}&page_size=${page.page_size}`\n const result = await request.get(url)\n return result.data\n}\n\nexport interface DeleteTaskParams {\n job_id: string\n}\n\n// 删除机场任务\nexport async function deleteTask (workspaceId: string, params: DeleteTaskParams): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/jobs`\n const result = await request.delete(url, {\n params: params\n })\n return result.data\n}\n\nexport enum UpdateTaskStatus {\n Suspend = 0, // 暂停\n Resume = 1, // 恢复\n}\nexport interface UpdateTaskStatusBody {\n job_id: string\n status: UpdateTaskStatus\n}\n\n// 更新机场任务状态\nexport async function updateTaskStatus (workspaceId: string, body: UpdateTaskStatusBody): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/jobs/${body.job_id}`\n const result = await request.put(url, {\n status: body.status\n })\n return result.data\n}\n\n// Upload Wayline file\nexport const importKmzFile = async function (workspaceId: string, file: {}): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/waylines/file/upload`\n const result = await request.post(url, file, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n }\n })\n return result.data\n}\n\n// 媒体立即上传\nexport const uploadMediaFileNow = async function (workspaceId: string, jobId: string): Promise> {\n const url = `${HTTP_PREFIX}/workspaces/${workspaceId}/jobs/${jobId}/media-highest`\n const result = await request.post(url)\n return result.data\n}\n" }, { "path": "src/components/GMap.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/LayersTree.vue", "content": "\n\n\n\n" }, { "path": "src/components/MediaPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/common/sidebar.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/common/topbar.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/DeviceFirmwareStatus.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/device-hms/DeviceHmsDrawer.vue", "content": "\n\n\n\n" }, { "path": "src/components/devices/device-log/DeviceLogDetailModal.vue", "content": "\n\n\n\n\n>\n" }, { "path": "src/components/devices/device-log/DeviceLogUploadModal.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/device-log/DeviceLogUploadRecordDrawer.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/device-log/use-device-log-upload-detail.ts", "content": "import { DeviceLogItem } from '/@/api/device-log'\nimport { bytesToSize } from '/@/utils/bytes'\nimport { formatUnixTime } from '/@/utils/time'\nimport {\n DATE_FORMAT_MINUTE\n} from '/@/utils/constants'\n\nexport function useDeviceLogUploadDetail () {\n function getLogTime (deviceLog: DeviceLogItem): string {\n const startTime = formatUnixTime(deviceLog.start_time, DATE_FORMAT_MINUTE)\n const endTime = formatUnixTime(deviceLog.end_time, DATE_FORMAT_MINUTE)\n return `${startTime} — ${endTime}`\n }\n\n function getLogSize (size: number) {\n return bytesToSize(size)\n }\n\n return {\n getLogTime,\n getLogSize\n }\n}\n" }, { "path": "src/components/devices/device-log/use-device-log-upload-progress-event.ts", "content": "import EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\nimport { DeviceLogUploadInfo } from '/@/types/device-log'\n\nexport function useDeviceLogUploadProgressEvent (onDeviceLogUploadWs: (data: DeviceLogUploadInfo) => void): void {\n function handleDeviceLogUploadProgress (payload: any) {\n onDeviceLogUploadWs(payload.data)\n // eslint-disable-next-line no-unused-expressions\n // console.log('payload', payload.data)\n }\n\n onMounted(() => {\n EventBus.on('deviceLogUploadProgress', handleDeviceLogUploadProgress)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('deviceLogUploadProgress', handleDeviceLogUploadProgress)\n })\n}\n" }, { "path": "src/components/devices/device-upgrade/DeviceFirmwareUpgrade.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/device-upgrade/DeviceFirmwareUpgradeModal.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/devices/device-upgrade/use-device-upgrade-event.ts", "content": "import EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\nimport { DeviceCmdExecuteInfo, DeviceCmdExecuteStatus } from '/@/types/device-cmd'\n\nexport function useDeviceUpgradeEvent (onDeviceUpgradeWs: (payload: DeviceCmdExecuteInfo) => void): void {\n function handleDeviceUpgrade (payload: any) {\n onDeviceUpgradeWs(payload.data)\n // eslint-disable-next-line no-unused-expressions\n // console.log('payload', payload.data)\n }\n\n onMounted(() => {\n EventBus.on('deviceUpgrade', handleDeviceUpgrade)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('deviceUpgrade', handleDeviceUpgrade)\n })\n}\n" }, { "path": "src/components/devices/device-upgrade/use-device-upgrade.ts", "content": "import { Ref, ref } from 'vue'\nimport { Device } from '/@/types/device'\nimport { postDeviceUpgrade, DeviceUpgradeBody } from '/@/api/device-upgrade'\n\nexport function useDeviceFirmwareUpgrade (workspaceId: string) {\n const deviceFirmwareUpgradeModalVisible = ref(false)\n const selectedDevice: Ref = ref(null)\n\n function setDeviceFirmwareUpgradeModalVisible (visible: boolean) {\n deviceFirmwareUpgradeModalVisible.value = visible\n }\n\n function setSelectedDevice (device: null | Device) {\n selectedDevice.value = device\n }\n\n // 点击设备升级\n function onDeviceUpgrade (record: Device) {\n if (!record) {\n return\n }\n setSelectedDevice(record)\n setDeviceFirmwareUpgradeModalVisible(true)\n }\n\n // 确认设备升级\n async function onUpgradeDeviceOk (deviceUpgradeBody: DeviceUpgradeBody) {\n const { code } = await postDeviceUpgrade(workspaceId, deviceUpgradeBody)\n if (code === 0) {\n // setDeviceFirmwareUpgradeModalVisible(false)\n }\n }\n\n return {\n deviceFirmwareUpgradeModalVisible,\n setDeviceFirmwareUpgradeModalVisible,\n selectedDevice,\n setSelectedDevice,\n onDeviceUpgrade,\n onUpgradeDeviceOk,\n }\n}\n" }, { "path": "src/components/flight-area/FlightAreaActionIcon.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/FlightAreaDevicePanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/FlightAreaIcon.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/FlightAreaItem.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/FlightAreaPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/FlightAreaSyncPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flight-area/use-flight-area-drone-location-event.ts", "content": "import { FlightAreasDroneLocation } from '/@/types/flight-area'\nimport { CommonHostWs } from '/@/websocket'\nimport EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\n\nexport function useFlightAreaDroneLocationEvent (onFlightAreaDroneLocationWs: (data: CommonHostWs) => void): void {\n function handleDroneLocationEvent (data: any) {\n onFlightAreaDroneLocationWs(data.data)\n }\n\n onMounted(() => {\n EventBus.on('flightAreasDroneLocationWs', handleDroneLocationEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('flightAreasDroneLocationWs', handleDroneLocationEvent)\n })\n}\n" }, { "path": "src/components/flight-area/use-flight-area-sync-progress-event.ts", "content": "import EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\nimport { FlightAreaSyncProgress } from '/@/types/flight-area'\n\nexport function useFlightAreaSyncProgressEvent (onFlightAreaSyncProgressWs: (data: FlightAreaSyncProgress) => void): void {\n function handleSyncProgressEvent (data: FlightAreaSyncProgress) {\n onFlightAreaSyncProgressWs(data)\n }\n\n onMounted(() => {\n EventBus.on('flightAreasSyncProgressWs', handleSyncProgressEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('flightAreasSyncProgressWs', handleSyncProgressEvent)\n })\n}\n" }, { "path": "src/components/flight-area/use-flight-area-update.ts", "content": "import { EFlightAreaUpdate, FlightAreaUpdate, FlightAreasDroneLocation } from '/@/types/flight-area'\nimport { CommonHostWs } from '/@/websocket'\nimport EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\n\nfunction doNothing (data: FlightAreaUpdate) {\n}\nexport function useFlightAreaUpdateEvent (addFunc = doNothing, deleteFunc = doNothing, updateFunc = doNothing): void {\n function handleDroneLocationEvent (data: FlightAreaUpdate) {\n switch (data.operation) {\n case EFlightAreaUpdate.ADD:\n addFunc(data)\n break\n case EFlightAreaUpdate.UPDATE:\n updateFunc(data)\n break\n case EFlightAreaUpdate.DELETE:\n deleteFunc(data)\n break\n }\n }\n\n onMounted(() => {\n EventBus.on('flightAreasUpdateWs', handleDroneLocationEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('flightAreasUpdateWs', handleDroneLocationEvent)\n })\n}\n" }, { "path": "src/components/flight-area/use-flight-area.ts", "content": "import { message, notification } from 'ant-design-vue'\nimport { MapDoodleEnum } from '/@/types/map-enum'\nimport { getRoot } from '/@/root'\nimport { PostFlightAreaBody, saveFlightArea } from '/@/api/flight-area'\nimport { generateCircleContent, generatePolyContent } from '/@/utils/map-layer-utils'\nimport { GeojsonCoordinate } from '/@/utils/genjson'\nimport { gcj02towgs84, wgs84togcj02 } from '/@/vendors/coordtransform.js'\nimport { uuidv4 } from '/@/utils/uuid'\nimport { CommonHostWs } from '/@/websocket'\nimport { FlightAreasDroneLocation } from '/@/types/flight-area'\nimport rootStore from '/@/store'\nimport { h } from 'vue'\nimport { useGMapCover } from '/@/hooks/use-g-map-cover'\nimport moment from 'moment'\nimport { DATE_FORMAT } from '/@/utils/constants'\n\nexport function useFlightArea () {\n const root = getRoot()\n const store = rootStore\n const coverMap = store.state.coverMap\n\n let useGMapCoverHook = useGMapCover()\n\n const MIN_RADIUS = 10\n function checkCircle (obj: any): boolean {\n if (obj.getRadius() < MIN_RADIUS) {\n message.error(`The radius must be greater than ${MIN_RADIUS}m.`)\n root.$map.remove(obj)\n return false\n }\n return true\n }\n\n function checkPolygon (obj: any): boolean {\n const path: any[][] = obj.getPath()\n if (path.length < 3) {\n message.error('The path of the polygon cannot be crossed.')\n root.$map.remove(obj)\n return false\n }\n // root.$aMap.GeometryUtil.doesLineLineIntersect()\n return true\n }\n\n function setExtData (obj: any) {\n let ext = obj.getExtData()\n const id = uuidv4()\n const name = `${ext.type}-${moment().format(DATE_FORMAT)}`\n ext = Object.assign({}, ext, { id, name })\n obj.setExtData(ext)\n return ext\n }\n function createFlightArea (obj: any) {\n const ext = obj.getExtData()\n const data = {\n id: ext.id,\n type: ext.type,\n name: ext.name,\n }\n let coordinates: GeojsonCoordinate | GeojsonCoordinate[][]\n let content\n switch (ext.mapType) {\n case 'circle':\n content = generateCircleContent(obj.getCenter(), obj.getRadius())\n coordinates = getWgs84(content.geometry.coordinates as GeojsonCoordinate)\n break\n case 'polygon':\n content = generatePolyContent(obj.getPath()).content\n coordinates = [getWgs84(content.geometry.coordinates[0] as GeojsonCoordinate[])]\n break\n default:\n message.error(`Invalid type: ${obj.mapType}`)\n root.$map.remove(obj)\n return\n }\n content.geometry.coordinates = coordinates\n\n saveFlightArea(Object.assign({}, data, { content }) as PostFlightAreaBody).then(res => {\n if (res.code !== 0) {\n useGMapCoverHook.removeCoverFromMap(ext.id)\n }\n }).finally(() => root.$map.remove(obj))\n }\n\n function getDrawFlightAreaCallback (obj: any) {\n useGMapCoverHook = useGMapCover()\n const ext = setExtData(obj)\n switch (ext.mapType) {\n case MapDoodleEnum.CIRCLE:\n if (!checkCircle(obj)) {\n return\n }\n break\n case MapDoodleEnum.POLYGON:\n if (!checkPolygon(obj)) {\n return\n }\n break\n default:\n break\n }\n createFlightArea(obj)\n }\n\n const getWgs84 = (coordinate: T): T => {\n if (coordinate[0] instanceof Array) {\n return (coordinate as GeojsonCoordinate[]).map(c => gcj02towgs84(c[0], c[1])) as T\n }\n return gcj02towgs84(coordinate[0], coordinate[1])\n }\n\n const getGcj02 = (coordinate: T): T => {\n if (coordinate[0] instanceof Array) {\n return (coordinate as GeojsonCoordinate[]).map(c => wgs84togcj02(c[0], c[1])) as T\n }\n return wgs84togcj02(coordinate[0], coordinate[1])\n }\n\n const onFlightAreaDroneLocationWs = (data: CommonHostWs) => {\n const nearArea = data.host.drone_locations.filter(val => !val.is_in_area)\n const inArea = data.host.drone_locations.filter(val => val.is_in_area)\n notification.warning({\n key: `flight-area-${data.sn}`,\n message: `Drone(${data.sn}) flight area information`,\n description: h('div',\n [\n h('div', [\n h('span', { class: 'fz18' }, 'In the flight area: '),\n h('ul', [\n ...inArea.map(val => h('li', `There are ${val.area_distance} meters from the edge of the area(${coverMap[val.area_id][1]?.getText() || val.area_id}).`))\n ])\n ]),\n h('div', [\n h('span', { class: 'fz18' }, 'Near the flight area: '),\n h('ul', [\n ...nearArea.map(val => h('li', `There are ${val.area_distance} meters from the edge of the area(${coverMap[val.area_id][1]?.getText() || val.area_id}).`))\n ])\n ])\n ]),\n duration: null,\n style: {\n width: '420px',\n marginTop: '-8px',\n marginLeft: '-28px',\n }\n })\n }\n\n return {\n getDrawFlightAreaCallback,\n getGcj02,\n getWgs84,\n onFlightAreaDroneLocationWs,\n }\n}\n" }, { "path": "src/components/g-map/DeviceSettingBox.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/DeviceSettingPopover.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/DockControlPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/DroneControlInfoPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/DroneControlPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/DroneControlPopover.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/g-map/use-connect-mqtt.ts", "content": "\nimport {\n ref,\n watch,\n computed,\n onUnmounted,\n} from 'vue'\nimport { useMyStore } from '/@/store'\nimport { postDrc } from '/@/api/drc'\nimport {\n UranusMqtt,\n} from '/@/mqtt'\n\ntype StatusOptions = {\n status: 'close';\n event?: CloseEvent;\n} | {\n status: 'open';\n retryCount: number;\n} | {\n status: 'pending';\n}\n\nexport function useConnectMqtt () {\n const store = useMyStore()\n const dockOsdVisible = computed(() => {\n return store.state.osdVisible && store.state.osdVisible.visible && store.state.osdVisible.is_dock\n })\n const mqttState = ref(null)\n\n // 监听已打开的设备小窗 窗口数量\n watch(() => dockOsdVisible.value, async (val) => {\n // 1.打开小窗\n // 2.设备拥有飞行控制权\n // 3.请求建立mqtt连接的认证信息\n if (val) {\n if (mqttState.value) return\n const result = await postDrc({})\n if (result?.code === 0) {\n const { address, client_id, username, password, expire_time } = result.data\n // @TODO: 校验 expire_time\n mqttState.value = new UranusMqtt(address, {\n clientId: client_id,\n username,\n password,\n })\n mqttState.value?.initMqtt()\n mqttState.value?.on('onStatus', (statusOptions: StatusOptions) => {\n // @TODO: 异常case\n })\n\n store.commit('SET_MQTT_STATE', mqttState.value)\n store.commit('SET_CLIENT_ID', client_id)\n }\n // @TODO: 认证失败case\n return\n }\n // 关闭所有小窗后\n // 1.销毁mqtt连接重置mqtt状态\n if (mqttState?.value) {\n mqttState.value?.destroyed()\n mqttState.value = null\n store.commit('SET_MQTT_STATE', null)\n store.commit('SET_CLIENT_ID', '')\n }\n }, { immediate: true })\n\n onUnmounted(() => {\n mqttState.value?.destroyed()\n })\n}\n" }, { "path": "src/components/g-map/use-device-setting.ts", "content": "import { message } from 'ant-design-vue'\nimport { putDeviceProps, PutDevicePropsBody } from '/@/api/device-setting'\nimport { DeviceSettingKeyEnum, DeviceSettingFormModel, ObstacleAvoidanceStatusEnum, NightLightsStateEnum, DistanceLimitStatusEnum } from '/@/types/device-setting'\n\nexport function useDeviceSetting () {\n // 生成参数\n function genDevicePropsBySettingKey (key: DeviceSettingKeyEnum, fromModel: DeviceSettingFormModel) {\n const body = {} as PutDevicePropsBody\n if (key === DeviceSettingKeyEnum.NIGHT_LIGHTS_MODE_SET) {\n body.night_lights_state = fromModel.nightLightsState ? NightLightsStateEnum.OPEN : NightLightsStateEnum.CLOSE\n } else if (key === DeviceSettingKeyEnum.HEIGHT_LIMIT_SET) {\n body.height_limit = fromModel.heightLimit\n } else if (key === DeviceSettingKeyEnum.DISTANCE_LIMIT_SET) {\n body.distance_limit_status = {}\n if (fromModel.distanceLimitStatus.state) {\n body.distance_limit_status.state = DistanceLimitStatusEnum.SET\n body.distance_limit_status.distance_limit = fromModel.distanceLimitStatus.distanceLimit\n } else {\n body.distance_limit_status.state = DistanceLimitStatusEnum.UNSET\n }\n } else if (key === DeviceSettingKeyEnum.OBSTACLE_AVOIDANCE_HORIZON) {\n body.obstacle_avoidance = {\n horizon: fromModel.obstacleAvoidanceHorizon ? ObstacleAvoidanceStatusEnum.OPEN : ObstacleAvoidanceStatusEnum.CLOSE\n }\n } else if (key === DeviceSettingKeyEnum.OBSTACLE_AVOIDANCE_UPSIDE) {\n body.obstacle_avoidance = {\n upside: fromModel.obstacleAvoidanceUpside ? ObstacleAvoidanceStatusEnum.OPEN : ObstacleAvoidanceStatusEnum.CLOSE\n }\n } else if (key === DeviceSettingKeyEnum.OBSTACLE_AVOIDANCE_DOWNSIDE) {\n body.obstacle_avoidance = {\n downside: fromModel.obstacleAvoidanceDownside ? ObstacleAvoidanceStatusEnum.OPEN : ObstacleAvoidanceStatusEnum.CLOSE\n }\n }\n return body\n }\n\n // 设置设备属性\n async function setDeviceProps (sn: string, body: PutDevicePropsBody) {\n try {\n const { code, message: msg } = await putDeviceProps(sn, body)\n if (code === 0) {\n // message.success('指令发送成功')\n return true\n }\n throw (msg)\n } catch (e) {\n message.error('设备属性设置失败')\n return false\n }\n }\n\n return {\n genDevicePropsBySettingKey,\n setDeviceProps\n }\n}\n" }, { "path": "src/components/g-map/use-dock-control.ts", "content": "import { message } from 'ant-design-vue'\nimport { ref } from 'vue'\nimport { postSendCmd } from '/@/api/device-cmd'\nimport { DeviceCmd, DeviceCmdItemAction } from '/@/types/device-cmd'\n\nexport function useDockControl () {\n const dockControlPanelVisible = ref(false)\n\n function setDockControlPanelVisible (visible: boolean) {\n dockControlPanelVisible.value = visible\n }\n\n // 远程调试开关\n async function dockDebugOnOff (sn: string, on: boolean) {\n const result = await sendDockControlCmd({\n sn: sn,\n cmd: on ? DeviceCmd.DebugModeOpen : DeviceCmd.DebugModeClose\n }, false)\n return result\n }\n\n // 发送指令\n async function sendDockControlCmd (params: {\n sn: string,\n cmd: DeviceCmd\n action?: DeviceCmdItemAction\n }, tip = true) {\n try {\n let body = undefined as any\n if (params.action !== undefined) {\n body = {\n action: params.action\n }\n }\n const { code, message: msg } = await postSendCmd({ dock_sn: params.sn, device_cmd: params.cmd }, body)\n if (code === 0) {\n tip && message.success('指令发送成功')\n return true\n }\n throw (msg)\n } catch (e) {\n tip && message.error('指令发送失败')\n return false\n }\n }\n\n // 控制面板关闭\n async function onCloseControlPanel (sn: string, debugging: boolean) {\n if (debugging) {\n await dockDebugOnOff(sn, false)\n }\n setDockControlPanelVisible(false)\n }\n\n return {\n dockControlPanelVisible,\n setDockControlPanelVisible,\n sendDockControlCmd,\n dockDebugOnOff,\n onCloseControlPanel,\n }\n}\n" }, { "path": "src/components/g-map/use-drone-control-mqtt-event.ts", "content": "import { ref, onMounted, onBeforeUnmount } from 'vue'\nimport EventBus from '/@/event-bus/'\nimport {\n DRC_METHOD,\n DRCHsiInfo,\n DRCOsdInfo,\n DRCDelayTimeInfo,\n DrcResponseInfo,\n} from '/@/types/drc'\n\nexport function useDroneControlMqttEvent (sn: string) {\n const drcInfo = ref('')\n const hsiInfo = ref('')\n const osdInfo = ref('')\n const delayInfo = ref('')\n const errorInfo = ref('')\n\n function handleHsiInfo (data: DRCHsiInfo) {\n hsiInfo.value = `method: ${DRC_METHOD.HSI_INFO_PUSH}\\r\\n ${JSON.stringify(data)}\\r\\n `\n }\n\n function handleOsdInfo (data: DRCOsdInfo) {\n osdInfo.value = `method: ${DRC_METHOD.OSD_INFO_PUSH}\\r\\n ${JSON.stringify(data)}\\r\\n `\n }\n\n function handleDelayTimeInfo (data: DRCDelayTimeInfo) {\n delayInfo.value = `method: ${DRC_METHOD.DELAY_TIME_INFO_PUSH}\\r\\n ${JSON.stringify(data)}\\r\\n `\n }\n\n function handleDroneControlErrorInfo (data: DrcResponseInfo) {\n if (!data.result) {\n return\n }\n errorInfo.value = `Drc error code: ${data.result}, seq: ${data.output?.seq}`\n }\n\n function handleDroneControlMqttEvent (payload: any) {\n if (!payload || !payload.method) {\n return\n }\n\n switch (payload.method) {\n case DRC_METHOD.HSI_INFO_PUSH: {\n handleHsiInfo(payload.data)\n break\n }\n case DRC_METHOD.OSD_INFO_PUSH: {\n handleOsdInfo(payload.data)\n break\n }\n case DRC_METHOD.DELAY_TIME_INFO_PUSH: {\n handleDelayTimeInfo(payload.data)\n break\n }\n case DRC_METHOD.DRONE_EMERGENCY_STOP:\n case DRC_METHOD.DRONE_CONTROL: {\n handleDroneControlErrorInfo(payload.data)\n break\n }\n }\n drcInfo.value = hsiInfo.value + osdInfo.value + delayInfo.value\n }\n\n onMounted(() => {\n EventBus.on('droneControlMqttInfo', handleDroneControlMqttEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('droneControlMqttInfo', handleDroneControlMqttEvent)\n })\n\n return {\n drcInfo: drcInfo,\n errorInfo: errorInfo\n }\n}\n" }, { "path": "src/components/g-map/use-drone-control-ws-event.ts", "content": "import { message, notification } from 'ant-design-vue'\nimport { ref, onMounted, onBeforeUnmount } from 'vue'\nimport EventBus from '/@/event-bus/'\nimport { EBizCode } from '/@/types'\nimport { ControlSource } from '/@/types/device'\nimport { ControlSourceChangeType, ControlSourceChangeInfo, FlyToPointMessage, TakeoffToPointMessage, DrcModeExitNotifyMessage, DrcStatusNotifyMessage } from '/@/types/drone-control'\n\nexport interface UseDroneControlWsEventParams {\n}\n\nexport function useDroneControlWsEvent (sn: string, payloadSn: string, funcs?: UseDroneControlWsEventParams) {\n const droneControlSource = ref(ControlSource.A)\n const payloadControlSource = ref(ControlSource.B)\n function onControlSourceChange (data: ControlSourceChangeInfo) {\n if (data.type === ControlSourceChangeType.Flight && data.sn === sn) {\n droneControlSource.value = data.control_source\n message.info(`Flight control is changed to ${droneControlSource.value}`)\n return\n }\n if (data.type === ControlSourceChangeType.Payload && data.sn === payloadSn) {\n payloadControlSource.value = data.control_source\n message.info(`Payload control is changed to ${payloadControlSource.value}.`)\n }\n }\n\n function handleProgress (key: string, message: string, error: number) {\n if (error !== 0) {\n notification.error({\n key: key,\n message: key + 'Error code:' + error,\n description: message,\n duration: null\n })\n } else {\n notification.info({\n key: key,\n message: key,\n description: message,\n duration: 30\n })\n }\n }\n\n function handleDroneControlWsEvent (payload: any) {\n if (!payload) {\n return\n }\n\n switch (payload.biz_code) {\n case EBizCode.ControlSourceChange: {\n onControlSourceChange(payload.data)\n break\n }\n case EBizCode.FlyToPointProgress: {\n const { sn: deviceSn, result, message: msg } = payload.data as FlyToPointMessage\n if (deviceSn !== sn) return\n handleProgress(EBizCode.FlyToPointProgress, `device(sn: ${deviceSn}) ${msg}`, result)\n break\n }\n case EBizCode.TakeoffToPointProgress: {\n const { sn: deviceSn, result, message: msg } = payload.data as TakeoffToPointMessage\n if (deviceSn !== sn) return\n handleProgress(EBizCode.TakeoffToPointProgress, `device(sn: ${deviceSn}) ${msg}`, result)\n break\n }\n case EBizCode.JoystickInvalidNotify: {\n const { sn: deviceSn, result, message: msg } = payload.data as DrcModeExitNotifyMessage\n if (deviceSn !== sn) return\n handleProgress(EBizCode.JoystickInvalidNotify, `device(sn: ${deviceSn}) ${msg}`, result)\n break\n }\n case EBizCode.DrcStatusNotify: {\n const { sn: deviceSn, result, message: msg } = payload.data as DrcStatusNotifyMessage\n // handleProgress(EBizCode.DrcStatusNotify, `device(sn: ${deviceSn}) ${msg}`, result)\n\n break\n }\n }\n // eslint-disable-next-line no-unused-expressions\n // console.log('payload.biz_code', payload.data)\n }\n\n onMounted(() => {\n EventBus.on('droneControlWs', handleDroneControlWsEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('droneControlWs', handleDroneControlWsEvent)\n })\n\n return {\n droneControlSource: droneControlSource,\n payloadControlSource: payloadControlSource\n }\n}\n" }, { "path": "src/components/g-map/use-drone-control.ts", "content": "import { ref } from 'vue'\nimport { postFlyToPoint, PostFlyToPointBody, deleteFlyToPoint, postTakeoffToPoint, PostTakeoffToPointBody } from '/@/api/drone-control/drone'\nimport { message } from 'ant-design-vue'\n\nexport function useDroneControl () {\n const droneControlPanelVisible = ref(false)\n\n function setDroneControlPanelVisible (visible: boolean) {\n droneControlPanelVisible.value = visible\n }\n\n async function flyToPoint (sn: string, body: PostFlyToPointBody) {\n const { code } = await postFlyToPoint(sn, body)\n if (code === 0) {\n message.success('Fly to')\n }\n }\n\n async function stopFlyToPoint (sn: string) {\n const { code } = await deleteFlyToPoint(sn)\n if (code === 0) {\n message.success('Stop fly to')\n }\n }\n\n async function takeoffToPoint (sn: string, body: PostTakeoffToPointBody) {\n const { code } = await postTakeoffToPoint(sn, body)\n if (code === 0) {\n message.success('Take off successfully')\n }\n }\n\n return {\n droneControlPanelVisible,\n setDroneControlPanelVisible,\n flyToPoint,\n stopFlyToPoint,\n takeoffToPoint\n }\n}\n" }, { "path": "src/components/g-map/use-manual-control.ts", "content": "import {\n ref,\n onUnmounted,\n watch,\n Ref,\n} from 'vue'\nimport { message } from 'ant-design-vue'\nimport {\n DRC_METHOD,\n DroneControlProtocol,\n} from '/@/types/drc'\nimport {\n useMqtt,\n DeviceTopicInfo\n} from './use-mqtt'\n\nlet myInterval: any\n\nexport enum KeyCode {\n KEY_W = 'KeyW',\n KEY_A = 'KeyA',\n KEY_S = 'KeyS',\n KEY_D = 'KeyD',\n KEY_Q = 'KeyQ',\n KEY_E = 'KeyE',\n ARROW_UP = 'ArrowUp',\n ARROW_DOWN = 'ArrowDown',\n}\n\nexport function useManualControl (deviceTopicInfo: DeviceTopicInfo, isCurrentFlightController: Ref) {\n const activeCodeKey = ref(null) as Ref\n const mqttHooks = useMqtt(deviceTopicInfo)\n let seq = 0\n function handlePublish (params: DroneControlProtocol) {\n const body = {\n method: DRC_METHOD.DRONE_CONTROL,\n data: params,\n }\n handleClearInterval()\n myInterval = setInterval(() => {\n body.data.seq = seq++\n seq++\n window.console.log('keyCode>>>>', activeCodeKey.value, body)\n mqttHooks?.publishMqtt(deviceTopicInfo.pubTopic, body, { qos: 0 })\n }, 50)\n }\n\n function handleKeyup (keyCode: KeyCode) {\n if (!deviceTopicInfo.pubTopic) {\n message.error('请确保已经建立DRC链路')\n return\n }\n const SPEED = 5 // check\n const HEIGHT = 5 // check\n const W_SPEED = 20 // 机头角速度\n seq = 0\n switch (keyCode) {\n case 'KeyA':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ y: -SPEED })\n activeCodeKey.value = keyCode\n break\n case 'KeyW':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ x: SPEED })\n activeCodeKey.value = keyCode\n break\n case 'KeyS':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ x: -SPEED })\n activeCodeKey.value = keyCode\n break\n case 'KeyD':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ y: SPEED })\n activeCodeKey.value = keyCode\n break\n case 'ArrowUp':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ h: HEIGHT })\n activeCodeKey.value = keyCode\n break\n case 'ArrowDown':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ h: -HEIGHT })\n activeCodeKey.value = keyCode\n break\n case 'KeyQ':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ w: -W_SPEED })\n activeCodeKey.value = keyCode\n break\n case 'KeyE':\n if (activeCodeKey.value === keyCode) return\n handlePublish({ w: W_SPEED })\n activeCodeKey.value = keyCode\n break\n default:\n break\n }\n }\n\n function handleClearInterval () {\n clearInterval(myInterval)\n myInterval = undefined\n }\n\n function resetControlState () {\n activeCodeKey.value = null\n seq = 0\n handleClearInterval()\n }\n\n function onKeyup () {\n resetControlState()\n }\n\n function onKeydown (e: KeyboardEvent) {\n handleKeyup(e.code as KeyCode)\n }\n\n function startKeyboardManualControl () {\n window.addEventListener('keydown', onKeydown)\n window.addEventListener('keyup', onKeyup)\n }\n\n function closeKeyboardManualControl () {\n resetControlState()\n window.removeEventListener('keydown', onKeydown)\n window.removeEventListener('keyup', onKeyup)\n }\n\n watch(() => isCurrentFlightController.value, (val) => {\n if (val && deviceTopicInfo.pubTopic) {\n startKeyboardManualControl()\n } else {\n closeKeyboardManualControl()\n }\n }, { immediate: true })\n\n onUnmounted(() => {\n closeKeyboardManualControl()\n })\n\n function handleEmergencyStop () {\n if (!deviceTopicInfo.pubTopic) {\n message.error('请确保已经建立DRC链路')\n return\n }\n const body = {\n method: DRC_METHOD.DRONE_EMERGENCY_STOP,\n data: {}\n }\n resetControlState()\n window.console.log('handleEmergencyStop>>>>', deviceTopicInfo.pubTopic, body)\n mqttHooks?.publishMqtt(deviceTopicInfo.pubTopic, body, { qos: 1 })\n }\n\n return {\n activeCodeKey,\n handleKeyup,\n handleEmergencyStop,\n resetControlState,\n }\n}\n" }, { "path": "src/components/g-map/use-mqtt.ts", "content": "import {\n ref,\n reactive,\n computed,\n watch,\n onUnmounted,\n} from 'vue'\nimport {\n IClientPublishOptions,\n IPublishPacket,\n} from '/@/mqtt'\nimport { useMyStore } from '/@/store'\nimport {\n DRC_METHOD,\n} from '/@/types/drc'\nimport EventBus from '/@/event-bus'\n\nexport interface DeviceTopicInfo{\n sn: string\n pubTopic: string\n subTopic: string\n}\n\ntype MessageMqtt = (topic: string, payload: Buffer, packet: IPublishPacket) => void | Promise\n\nexport function useMqtt (deviceTopicInfo: DeviceTopicInfo) {\n let cacheSubscribeArr: {\n topic: string;\n callback?: MessageMqtt;\n }[] = []\n\n const store = useMyStore()\n\n const mqttState = computed(() => {\n return store.state.mqttState\n })\n\n function publishMqtt (topic: string, body: object, ots?: IClientPublishOptions) {\n // const buffer = Buffer.from(JSON.stringify(body))\n mqttState.value?.publishMqtt(topic, JSON.stringify(body), ots)\n }\n\n function subscribeMqtt (topic: string, handleMessageMqtt?: MessageMqtt) {\n mqttState.value?.subscribeMqtt(topic)\n const handler = handleMessageMqtt || onMessageMqtt\n mqttState.value?.on('onMessageMqtt', handler)\n cacheSubscribeArr.push({\n topic,\n callback: handler,\n })\n }\n\n function onMessageMqtt (message: any) {\n if (cacheSubscribeArr.findIndex(item => item.topic === message?.topic) !== -1) {\n const payloadStr = new TextDecoder('utf-8').decode(message?.payload)\n const payloadObj = JSON.parse(payloadStr)\n switch (payloadObj?.method) {\n case DRC_METHOD.HEART_BEAT:\n break\n case DRC_METHOD.DELAY_TIME_INFO_PUSH:\n case DRC_METHOD.HSI_INFO_PUSH:\n case DRC_METHOD.OSD_INFO_PUSH:\n case DRC_METHOD.DRONE_CONTROL:\n case DRC_METHOD.DRONE_EMERGENCY_STOP:\n EventBus.emit('droneControlMqttInfo', payloadObj)\n break\n default:\n break\n }\n }\n }\n\n function unsubscribeDrc () {\n // 销毁已订阅事件\n cacheSubscribeArr.forEach(item => {\n mqttState.value?.off('onMessageMqtt', item.callback)\n mqttState.value?.unsubscribeMqtt(item.topic)\n })\n cacheSubscribeArr = []\n }\n\n // 心跳\n const heartBeatSeq = ref(0)\n const state = reactive({\n heartState: new Map(),\n })\n\n // 监听云控控制权\n watch(() => deviceTopicInfo, (val, oldVal) => {\n if (val.subTopic !== '') {\n // 1.订阅topic\n subscribeMqtt(deviceTopicInfo.subTopic)\n // 2.发心跳\n publishDrcPing(deviceTopicInfo.sn)\n } else {\n clearInterval(state.heartState.get(deviceTopicInfo.sn)?.pingInterval)\n state.heartState.delete(deviceTopicInfo.sn)\n heartBeatSeq.value = 0\n }\n }, { immediate: true, deep: true })\n\n function publishDrcPing (sn: string) {\n const body = {\n method: DRC_METHOD.HEART_BEAT,\n data: {\n ts: new Date().getTime(),\n seq: heartBeatSeq.value,\n },\n }\n const pingInterval = setInterval(() => {\n if (!mqttState.value) return\n heartBeatSeq.value += 1\n body.data.ts = new Date().getTime()\n body.data.seq = heartBeatSeq.value\n publishMqtt(deviceTopicInfo.pubTopic, body, { qos: 0 })\n }, 1000)\n state.heartState.set(sn, {\n pingInterval,\n })\n }\n\n onUnmounted(() => {\n unsubscribeDrc()\n heartBeatSeq.value = 0\n })\n\n return {\n mqttState,\n publishMqtt,\n subscribeMqtt,\n }\n}\n" }, { "path": "src/components/g-map/use-payload-control.ts", "content": "import { message } from 'ant-design-vue'\nimport {\n postPayloadAuth,\n postPayloadCommands,\n PayloadCommandsEnum,\n PostCameraModeBody,\n PostCameraFocalLengthBody,\n PostGimbalResetBody,\n PostCameraAimBody,\n} from '/@/api/drone-control/payload'\nimport { ControlSource } from '/@/types/device'\n\nexport function usePayloadControl () {\n function checkPayloadAuth (controlSource?: ControlSource) {\n if (controlSource !== ControlSource.A) {\n message.error('Get Payload Control first')\n return false\n }\n return true\n }\n\n async function authPayload (sn: string, payloadIndx: string) {\n const { code } = await postPayloadAuth(sn, {\n payload_index: payloadIndx\n })\n if (code === 0) {\n message.success('Get Payload Control successfully')\n return true\n }\n return false\n }\n\n async function resetGimbal (sn: string, data: PostGimbalResetBody) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.GimbalReset,\n data: data\n })\n if (code === 0) {\n message.success('Gimbal Reset successfully')\n }\n }\n\n async function switchCameraMode (sn: string, data: PostCameraModeBody) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraModeSwitch,\n data: data\n })\n if (code === 0) {\n message.success('Camera Mode Switch successfully')\n }\n }\n\n async function takeCameraPhoto (sn: string, payloadIndx: string) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraPhotoTake,\n data: {\n payload_index: payloadIndx\n }\n })\n if (code === 0) {\n message.success('Take Photo successfully')\n }\n }\n\n async function startCameraRecording (sn: string, payloadIndx: string) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraRecordingStart,\n data: {\n payload_index: payloadIndx\n }\n })\n if (code === 0) {\n message.success('Start Recording successfully')\n }\n }\n\n async function stopCameraRecording (sn: string, payloadIndx: string) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraRecordingStop,\n data: {\n payload_index: payloadIndx\n }\n })\n if (code === 0) {\n message.success('Stop Recording successfully')\n }\n }\n\n async function changeCameraFocalLength (sn: string, data: PostCameraFocalLengthBody) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraFocalLengthSet,\n data: data,\n })\n if (code === 0) {\n message.success('Zoom successfully')\n }\n }\n\n async function cameraAim (sn: string, data: PostCameraAimBody) {\n const { code } = await postPayloadCommands(sn, {\n cmd: PayloadCommandsEnum.CameraAim,\n data: data,\n })\n if (code === 0) {\n message.success('Zoom Aim successfully')\n }\n }\n\n return {\n checkPayloadAuth,\n authPayload,\n resetGimbal,\n switchCameraMode,\n takeCameraPhoto,\n startCameraRecording,\n stopCameraRecording,\n changeCameraFocalLength,\n cameraAim,\n }\n}\n" }, { "path": "src/components/livestream-agora.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/livestream-others.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/svgIcon.vue", "content": "\n\n\n\n" }, { "path": "src/components/task/CreatePlan.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/task/TaskPanel.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/task/use-format-task.ts", "content": "import { DEFAULT_PLACEHOLDER } from '/@/utils/constants'\nimport { Task } from '/@/api/wayline'\nimport { TaskStatusColor, TaskStatusMap, TaskTypeMap, OutOfControlActionMap, MediaStatusMap, MediaStatusColorMap, MediaStatus } from '/@/types/task'\nimport { isNil } from 'lodash'\n\nexport function useFormatTask () {\n function formatTaskType (task: Task) {\n return TaskTypeMap[task.task_type] || DEFAULT_PLACEHOLDER\n }\n\n function formatTaskTime (time: string) {\n return time || DEFAULT_PLACEHOLDER\n }\n\n function formatLostAction (task: Task) {\n return OutOfControlActionMap[task.out_of_control_action] || DEFAULT_PLACEHOLDER\n }\n\n function formatTaskStatus (task: Task) {\n const statusObj = {\n text: '',\n color: ''\n }\n const { status } = task\n statusObj.text = TaskStatusMap[status]\n statusObj.color = TaskStatusColor[status]\n return statusObj\n }\n\n function formatMediaTaskStatus (task: Task) {\n const statusObj = {\n text: '',\n color: '',\n number: '',\n status: MediaStatus.Empty,\n }\n const { media_count, uploaded_count, uploading } = task\n if (isNil(media_count) || isNaN(media_count)) {\n return statusObj\n }\n const expectedFileCount = media_count || 0\n const uploadedFileCount = uploaded_count || 0\n if (media_count === 0) {\n statusObj.text = MediaStatusMap[MediaStatus.Empty]\n statusObj.color = MediaStatusColorMap[MediaStatus.Empty]\n } else if (media_count === uploaded_count) {\n statusObj.text = MediaStatusMap[MediaStatus.Success]\n statusObj.color = MediaStatusColorMap[MediaStatus.Success]\n statusObj.number = `(${uploadedFileCount}/${expectedFileCount})`\n statusObj.status = MediaStatus.Success\n } else {\n if (uploading) {\n statusObj.text = MediaStatusMap[MediaStatus.Uploading]\n statusObj.color = MediaStatusColorMap[MediaStatus.Uploading]\n statusObj.status = MediaStatus.Uploading\n } else {\n statusObj.text = MediaStatusMap[MediaStatus.ToUpload]\n statusObj.color = MediaStatusColorMap[MediaStatus.ToUpload]\n statusObj.status = MediaStatus.ToUpload\n }\n statusObj.number = `(${uploadedFileCount}/${expectedFileCount})`\n }\n return statusObj\n }\n\n return {\n formatTaskType,\n formatTaskTime,\n formatLostAction,\n formatTaskStatus,\n formatMediaTaskStatus,\n }\n}\n" }, { "path": "src/components/task/use-task-ws-event.ts", "content": "import EventBus from '/@/event-bus/'\nimport { onMounted, onBeforeUnmount } from 'vue'\nimport { TaskProgressInfo, MediaStatusProgressInfo, TaskMediaHighestPriorityProgressInfo } from '/@/types/task'\nimport { EBizCode } from '/@/types'\n\nexport interface UseTaskWsEventParams {\n onTaskProgressWs: (data: TaskProgressInfo) => void,\n onTaskMediaProgressWs: (data: MediaStatusProgressInfo) => void\n onoTaskMediaHighestPriorityWS: (data: TaskMediaHighestPriorityProgressInfo) => void\n}\n\nexport function useTaskWsEvent (funcs: UseTaskWsEventParams): void {\n function handleTaskWsEvent (payload: any) {\n if (!payload) {\n return\n }\n\n switch (payload.biz_code) {\n case EBizCode.FlightTaskProgress: {\n funcs?.onTaskProgressWs(payload.data)\n break\n }\n case EBizCode.FlightTaskMediaProgress: {\n funcs?.onTaskMediaProgressWs(payload.data)\n break\n }\n case EBizCode.FlightTaskMediaHighestPriority: {\n funcs?.onoTaskMediaHighestPriorityWS(payload.data)\n break\n }\n }\n // eslint-disable-next-line no-unused-expressions\n // console.log('payload', payload.data)\n }\n\n onMounted(() => {\n EventBus.on('flightTaskWs', handleTaskWsEvent)\n })\n\n onBeforeUnmount(() => {\n EventBus.off('flightTaskWs', handleTaskWsEvent)\n })\n}\n" }, { "path": "src/components/workspace/DividerLine.vue", "content": "\n\n\n\n" }, { "path": "src/components/workspace/Title.vue", "content": "\n\n\n" }, { "path": "src/constants/index.ts", "content": "import { CURRENT_CONFIG } from '/@/api/http/config'\n\nexport const AMapConfig = {\n key: CURRENT_CONFIG.amapKey,\n version: '2.0',\n plugins: [\n 'AMap.Scale',\n 'AMap.ToolBar',\n 'AMap.ControlBar',\n 'AMap.ElasticMarker',\n 'AMap.MapType',\n 'AMap.Geocoder',\n 'AMap.CircleEditor',\n 'AMap.PolygonEditor',\n 'AMap.PolylineEditor',\n 'AMap.PolyEditor',\n 'AMap.RangingTool',\n 'AMap.Weather',\n 'AMap.MouseTool',\n 'AMap.MoveAnimation'\n ]\n}\n" }, { "path": "src/constants/map.ts", "content": "\nexport enum MapElementColor {\n Blue = '#2D8CF0',\n Green = '#19BE6B',\n Yellow = '#FFBB00',\n Red = '#E23C39',\n Orange = '#B620E0',\n Default = '#212121'\n }\nexport const MapElementDefaultColor = MapElementColor.Default\n\nexport enum MapDoodleColor {\n PinColor = '#2D8CF0',\n PolylineColor = '#2D8CF0',\n PolygonColor = '#2D8CF0'\n}\n\nexport enum MapElementEnum {\n PIN = 0,\n LINE = 1,\n POLY = 2\n}\nexport type MapDoodleType = 'pin' | 'polyline' | 'polygon' | 'off' | 'circle'\n" }, { "path": "src/constants/mock-layers.ts", "content": "export const mapLayers = {\n code: 0,\n message: 'success',\n data: {\n list: [{\n id: 'private_layer',\n name: 'Private Layer',\n order: 0,\n is_distributed: false,\n type: 1,\n is_lock: false,\n create_time: 1634268707424,\n elements: [{\n id: 'b2370d29-be65-42b0-9224-4d816e86dc64',\n name: 'xuejia n. 1',\n order: 0,\n status: 1,\n display: 1,\n resource: {\n content: {\n type: 'Feature',\n properties: {\n color: '#2D8CF0'\n },\n geometry: {\n type: 'Polygon',\n coordinates: [\n [\n [114.156671, 38.468249],\n [114.139517, 37.372177],\n [115.52899, 37.712212]\n ]\n ]\n }\n },\n type: 4,\n user_name: 'xuejia n.',\n user_id: '1402914943455727616'\n },\n update_time: 1636966336566,\n create_time: 1636966325700,\n elevation_load_status: 0,\n icon: 'area'\n }, {\n id: '768e9fcd-121f-47a6-96b9-f1aee27d32f0',\n name: 'xuejia n. 1',\n order: 0,\n status: 1,\n display: 1,\n resource: {\n content: {\n type: 'Feature',\n properties: {\n color: '#2D8CF0'\n },\n geometry: {\n type: 'LineString',\n coordinates: [\n [116.263962, 40.234929],\n [116.503006, 40.237026],\n [116.335465, 40.155206],\n [116.541458, 40.12371]\n ]\n }\n },\n type: 4,\n user_name: 'xuejia n.',\n user_id: '1402914943455727616'\n },\n update_time: 1636966322636,\n create_time: 1636966316803,\n elevation_load_status: 0,\n icon: 'line'\n }, {\n id: '4e741a76-3600-4af5-ace8-d805e7cd31fa',\n name: 'xuejia n. 2',\n order: 0,\n status: 1,\n display: 1,\n resource: {\n content: {\n type: 'Feature',\n properties: {\n color: '#2D8CF0',\n clampToGround: true\n },\n geometry: {\n type: 'Point',\n coordinates: [116.098223, 39.976538, 104]\n }\n },\n type: 6,\n user_name: 'xuejia n.',\n user_id: '1402914943455727616'\n },\n update_time: 1636966305229,\n create_time: 1636966305229,\n elevation_load_status: 0,\n icon: 'pin'\n }, {\n id: 'efff2b5d-de22-4d48-8d92-4f53170668f6',\n name: 'xuejia n. 1',\n order: 0,\n status: 1,\n display: 1,\n resource: {\n content: {\n type: 'Feature',\n properties: {\n color: '#19BE6B',\n clampToGround: true\n },\n geometry: {\n type: 'Point',\n coordinates: [113.35367028239645, 23.755194000519843, 22]\n }\n },\n type: 6,\n user_name: 'xuejia n.',\n user_id: '1402914943455727616'\n },\n update_time: 1636966304432,\n create_time: 1636966299455,\n elevation_load_status: 0,\n icon: 'pin'\n }]\n }, {\n id: 'share_layer',\n name: 'Share Layer',\n order: 0,\n is_distributed: true,\n type: 2,\n is_lock: false,\n create_time: 1634268707414,\n elements: []\n }]\n }\n}\n" }, { "path": "src/directives/drag-window.ts", "content": "import { nextTick, App } from 'vue'\n\nexport default function useDragWindowDirective (app: App): void {\n app.directive('drag-window', async (el) => {\n await nextTick()\n\n const modal = el\n const header = el.getElementsByClassName('drag-title')[0]\n let left = 0\n let top = 0\n header.style.cursor = 'move'\n top = top || modal.offsetTop\n\n header.onpointerdown = (e: { clientX: number; clientY: number; pointerId: number }) => {\n const startX = e.clientX\n const startY = e.clientY\n header.left = header.offsetLeft\n header.top = header.offsetTop\n header.setPointerCapture(e.pointerId)\n\n el.onpointermove = (event: { clientX: number; clientY: number }) => {\n const endX = event.clientX\n const endY = event.clientY\n modal.left = header.left + (endX - startX) + left\n modal.top = header.top + (endY - startY) + top\n modal.style.left = modal.left + 'px'\n modal.style.top = modal.top + 'px'\n }\n el.onpointerup = () => {\n left = modal.left || 0\n top = modal.top || 0\n el.onpointermove = null\n el.onpointerup = null\n header.releasePointerCapture(e.pointerId)\n }\n }\n })\n}\n" }, { "path": "src/directives/index.ts", "content": "import { App } from 'vue'\nimport useDragWindowDirective from './drag-window'\n\nexport function useDirectives (app: App): void {\n useDragWindowDirective(app)\n}\n" }, { "path": "src/env.d.ts", "content": "// Environment variable definition\n// https://cn.vitejs.dev/guide/env-and-mode.html#env-files\n\ninterface ImportMetaEnv {\n VITE_APP_ENVIRONMENT: 'DEV' | 'STAG' | 'UAT' | 'PROD',\n // api gateway\n VITE_APP_APIGATEWAY_BACKEND_HOST: string\n // More environment variables...\n}\n" }, { "path": "src/event-bus/index.ts", "content": "import mitt, { Emitter } from 'mitt'\n\ntype Events = {\n deviceUpgrade: any; // 设备升级\n deviceLogUploadProgress: any // 设备日志上传\n flightTaskWs: any // 机场任务消息\n droneControlWs: any // 飞行指令信息\n droneControlMqttInfo: any // drc 链路通知\n flightAreasDroneLocationWs: any\n flightAreasSyncProgressWs: any\n flightAreasUpdateWs: any\n};\n\nconst emitter: Emitter = mitt()\n\nexport default emitter\n" }, { "path": "src/hooks/use-connect-websocket.ts", "content": "import { onMounted, onUnmounted } from 'vue'\nimport ReconnectingWebSocket from 'reconnecting-websocket'\nimport ConnectWebSocket, { MessageHandler } from '/@/websocket'\nimport { getWebsocketUrl } from '/@/websocket/util/config'\n\n/**\n * 接收一个message函数\n * @param messageHandler\n */\nexport function useConnectWebSocket (messageHandler: MessageHandler) {\n const webSocket = new ConnectWebSocket(getWebsocketUrl())\n\n onMounted(() => {\n webSocket?.registerMessageHandler(messageHandler)\n webSocket?.initSocket()\n })\n\n onUnmounted(() => {\n webSocket?.close()\n })\n}\n" }, { "path": "src/hooks/use-g-map-cover.ts", "content": "import { EFlightAreaType } from '../types/flight-area'\nimport pin19be6b from '/@/assets/icons/pin-19be6b.svg'\nimport pin212121 from '/@/assets/icons/pin-212121.svg'\nimport pin2d8cf0 from '/@/assets/icons/pin-2d8cf0.svg'\nimport pinb620e0 from '/@/assets/icons/pin-b620e0.svg'\nimport pine23c39 from '/@/assets/icons/pin-e23c39.svg'\nimport pineffbb00 from '/@/assets/icons/pin-ffbb00.svg'\nimport { getRoot } from '/@/root'\nimport rootStore from '/@/store'\nimport { GeojsonCoordinate } from '/@/types/map'\n\nexport function useGMapCover () {\n const root = getRoot()\n const AMap = root.$aMap\n\n const normalColor = '#2D8CF0'\n const store = rootStore\n const coverMap = store.state.coverMap\n const flightAreaColorMap = {\n [EFlightAreaType.DFENCE]: '#19be6b',\n [EFlightAreaType.NFZ]: '#ff0000',\n }\n const disableColor = '#b3b3b3'\n\n function AddCoverToMap (cover :any) {\n root.$map.add(cover)\n coverMap[cover.getExtData().id] = [cover]\n }\n\n function getPinIcon (color?:string) {\n // console.log('color', color)\n const colorObj: {\n [key: number| string]: any\n } = {\n '2d8cf0': pin2d8cf0,\n '19be6b': pin19be6b,\n 212121: pin212121,\n b620e0: pinb620e0,\n e23c39: pine23c39,\n ffbb00: pineffbb00,\n }\n const iconName = (color?.replaceAll('#', '') || '').toLocaleLowerCase()\n return new AMap.Icon({\n // size: new AMap.Size(40, 50),\n image: colorObj[iconName],\n // imageOffset: new AMap.Pixel(0, -60),\n // imageSize: new AMap.Size(40, 50)\n })\n }\n\n function init2DPin (name: string, coordinates:GeojsonCoordinate, color?:string, data?:{}) {\n const pin = new AMap.Marker({\n position: new AMap.LngLat(coordinates[0], coordinates[1]),\n title: name,\n icon: getPinIcon(color),\n // strokeColor: color || normalColor,\n // fillColor: color || normalColor,\n extData: data\n })\n // console.log('coordinates pin', pin)\n AddCoverToMap(pin)\n }\n\n function AddOverlayGroup (overlayGroup) {\n root.$map.add(overlayGroup)\n const id = overlayGroup.getExtData().id\n coverMap[id] = [...(coverMap[id] || []), overlayGroup]\n }\n function initPolyline (name: string, coordinates:GeojsonCoordinate[], color?:string, data?:{}) {\n const path = [] as GeojsonCoordinate[]\n coordinates.forEach(coordinate => {\n path.push(new AMap.LngLat(coordinate[0], coordinate[1]))\n })\n const polyline = new AMap.Polyline({\n path: path,\n strokeColor: color || normalColor,\n strokeOpacity: 1,\n strokeWeight: 2,\n strokeStyle: 'solid',\n extData: data\n // draggable: true,\n })\n AddOverlayGroup(polyline)\n }\n\n function initPolygon (name: string, coordinates:GeojsonCoordinate[][], color?:string, data?:{}) {\n const path = [] as GeojsonCoordinate[]\n coordinates[0].forEach(coordinate => {\n path.push(new AMap.LngLat(coordinate[0], coordinate[1]))\n })\n // console.log('Polygon', path)\n const Polygon = new AMap.Polygon({\n path: path,\n strokeOpacity: 1,\n strokeWeight: 2,\n fillColor: color || normalColor,\n fillOpacity: 0.4,\n // draggable: true,\n strokeColor: color || normalColor,\n extData: data\n })\n AddOverlayGroup(Polygon)\n }\n\n function removeCoverFromMap (id:string) {\n coverMap[id].forEach(cover => root.$map.remove(cover))\n coverMap[id] = []\n }\n\n function getElementFromMap (id:string): any[] {\n return coverMap[id]\n }\n\n function updatePinElement (id:string, name: string, coordinates:GeojsonCoordinate, color?:string) {\n const elements = getElementFromMap(id)\n if (elements && elements.length > 0) {\n const element = elements[0]\n const icon = getPinIcon(color)\n element.setPosition(new AMap.LngLat(coordinates[0], coordinates[1]))\n element.setIcon(icon)\n element.setTitle(name)\n } else {\n // console.log('into init PIN')\n init2DPin(name, coordinates, color, {\n id: id,\n name: name\n })\n }\n }\n\n function updatePolylineElement (id:string, name: string, coordinates:GeojsonCoordinate[], color?:string) {\n const elements = getElementFromMap(id)\n if (elements && elements.length > 0) {\n const element = elements[0]\n const options = element.getOptions()\n options.strokeColor = color || normalColor\n element.setOptions(options)\n } else {\n initPolyline(name, coordinates, color, {\n id: id,\n name: name\n })\n }\n }\n\n function updatePolygonElement (id:string, name: string, coordinates:GeojsonCoordinate[][], color?:string) {\n const elements = getElementFromMap(id)\n if (elements && elements.length > 0) {\n const element = elements[0]\n const options = element.getOptions()\n options.fillColor = color || normalColor\n options.strokeColor = color || normalColor\n element.setOptions(options)\n } else {\n initPolygon(name, coordinates, color, {\n id: id,\n name: name\n })\n }\n }\n\n function initTextInfo (content: string, coordinates: GeojsonCoordinate, id: string) {\n const info = new AMap.Text({\n text: content,\n position: new AMap.LngLat(coordinates[0], coordinates[1]),\n extData: { id: id, type: 'text' },\n anchor: 'top-center',\n style: {\n background: 'none',\n borderStyle: 'none',\n fontSize: '16px',\n },\n })\n AddOverlayGroup(info)\n }\n\n function initFlightAreaCircle (name: string, radius: number, position: GeojsonCoordinate, data: { id: string, type: EFlightAreaType, enable: boolean }) {\n const circle = new AMap.Circle({\n strokeColor: data.enable ? flightAreaColorMap[data.type] : disableColor,\n strokeOpacity: 1,\n strokeWeight: 6,\n extData: data,\n strokeStyle: 'dashed',\n strokeDasharray: EFlightAreaType.NFZ === data.type ? [10, 2] : [10, 1, 2],\n fillColor: flightAreaColorMap[data.type],\n fillOpacity: EFlightAreaType.NFZ === data.type && data.enable ? 0.3 : 0,\n radius: radius,\n center: new AMap.LngLat(position[0], position[1]),\n })\n AddOverlayGroup(circle)\n initTextInfo(name, position, data.id)\n }\n\n function updateFlightAreaCircle (id: string, name: string, radius: number, position: GeojsonCoordinate, enable: boolean, type: EFlightAreaType) {\n const elements = getElementFromMap(id)\n if (elements && elements.length > 0) {\n let textIndex = elements.findIndex(ele => ele.getExtData()?.type === 'text')\n if (textIndex === -1) {\n textIndex = 1\n initTextInfo(name, position, id)\n } else {\n const text = elements[textIndex]\n text.setText(name)\n text.setPosition(position)\n }\n const element = elements[textIndex ^ 1]\n const options = element.getOptions()\n\n options.fillOpacity = EFlightAreaType.NFZ === type && enable ? 0.3 : 0\n options.strokeColor = enable ? flightAreaColorMap[type] : disableColor\n options.radius = radius\n options.center = new AMap.LngLat(position[0], position[1])\n element.setOptions(options)\n } else {\n initFlightAreaCircle(name, radius, position, { id, type, enable })\n }\n }\n\n function calcPolygonPosition (coordinate: GeojsonCoordinate[]): GeojsonCoordinate {\n const index = coordinate.length - 1\n return [(coordinate[0][0] + coordinate[index][0]) / 2.0, (coordinate[0][1] + coordinate[index][1]) / 2]\n }\n\n function initFlightAreaPolygon (name: string, coordinates: GeojsonCoordinate[], data: { id: string, type: EFlightAreaType, enable: boolean }) {\n const path = [] as GeojsonCoordinate[]\n coordinates.forEach(coordinate => {\n path.push(new AMap.LngLat(coordinate[0], coordinate[1]))\n })\n const polygon = new AMap.Polygon({\n path: path,\n strokeColor: data.enable ? flightAreaColorMap[data.type] : disableColor,\n strokeOpacity: 1,\n strokeWeight: 4,\n draggable: true,\n extData: data,\n strokeStyle: 'dashed',\n strokeDasharray: EFlightAreaType.NFZ === data.type ? [10, 2] : [10, 1, 2],\n fillColor: flightAreaColorMap[data.type],\n fillOpacity: EFlightAreaType.NFZ === data.type && data.enable ? 0.3 : 0,\n })\n AddOverlayGroup(polygon)\n initTextInfo(name, calcPolygonPosition(coordinates), data.id)\n }\n\n function updateFlightAreaPolygon (id: string, name: string, coordinates: GeojsonCoordinate[], enable: boolean, type: EFlightAreaType) {\n const elements = getElementFromMap(id)\n if (elements && elements.length > 0) {\n let textIndex = elements.findIndex(ele => ele.getExtData()?.type === 'text')\n if (textIndex === -1) {\n textIndex = 1\n initTextInfo(name, calcPolygonPosition(coordinates), id)\n } else {\n const text = elements[textIndex]\n text.setText(name)\n text.setPosition(calcPolygonPosition(coordinates))\n }\n const element = elements[textIndex ^ 1]\n const options = element.getOptions()\n const path = [] as GeojsonCoordinate[]\n coordinates.forEach(coordinate => {\n path.push(new AMap.LngLat(coordinate[0], coordinate[1]))\n })\n options.path = path\n options.fillOpacity = EFlightAreaType.NFZ === type && enable ? 0.3 : 0\n options.strokeColor = enable ? flightAreaColorMap[type] : disableColor\n element.setOptions(options)\n } else {\n initFlightAreaPolygon(name, coordinates, { id, type, enable })\n }\n }\n\n return {\n init2DPin,\n initPolyline,\n initPolygon,\n removeCoverFromMap,\n getElementFromMap,\n updatePinElement,\n updatePolylineElement,\n updatePolygonElement,\n initFlightAreaCircle,\n initFlightAreaPolygon,\n updateFlightAreaPolygon,\n updateFlightAreaCircle,\n calcPolygonPosition,\n }\n}\n" }, { "path": "src/hooks/use-g-map-tsa.ts", "content": "import store from '/@/store'\nimport { getRoot } from '/@/root'\nimport { ELocalStorageKey, EDeviceTypeName } from '/@/types'\nimport { getDeviceBySn } from '/@/api/manage'\nimport { message } from 'ant-design-vue'\nimport dockIcon from '/@/assets/icons/dock.png'\nimport rcIcon from '/@/assets/icons/rc.png'\nimport droneIcon from '/@/assets/icons/drone.png'\n\nexport function deviceTsaUpdate () {\n const root = getRoot()\n let AMap = root.$aMap\n\n const icons = new Map([\n [EDeviceTypeName.Aircraft, droneIcon],\n [EDeviceTypeName.Gateway, rcIcon],\n [EDeviceTypeName.Dock, dockIcon]\n ])\n const markers = store.state.markerInfo.coverMap\n const paths = store.state.markerInfo.pathMap\n\n let trackLine = null as any\n function getTrackLineInstance () {\n if (!trackLine) {\n trackLine = new AMap.Polyline({\n map: root.$map,\n strokeColor: '#939393' // 线颜色\n })\n }\n return trackLine\n }\n\n function initIcon (type: number) {\n return new AMap.Icon({\n image: icons.get(type),\n imageSize: new AMap.Size(40, 40),\n size: new AMap.Size(40, 40)\n })\n }\n\n function initMarker (type: number, name: string, sn: string, lng?: number, lat?: number) {\n if (markers[sn]) {\n return\n }\n if (root.$aMap === undefined) {\n return\n }\n AMap = root.$aMap\n markers[sn] = new AMap.Marker({\n position: new AMap.LngLat(lng || 113.943225499, lat || 22.577673716),\n icon: initIcon(type),\n title: name,\n anchor: 'top-center',\n offset: [0, -20],\n })\n root.$map.add(markers[sn])\n // markers[sn].on('moving', function (e: any) {\n // let path = paths[sn]\n // if (!path) {\n // paths[sn] = e.passedPath\n // return\n // }\n // path.push(e.passedPath[0])\n // path.push(e.passedPath[1])\n // getTrackLineInstance().setPath(path)\n // })\n }\n\n function removeMarker (sn: string) {\n if (!markers[sn]) {\n return\n }\n root.$map.remove(markers[sn])\n getTrackLineInstance().setPath([])\n delete markers[sn]\n delete paths[sn]\n }\n\n function addMarker (sn: string, lng?: number, lat?: number) {\n getDeviceBySn(localStorage.getItem(ELocalStorageKey.WorkspaceId)!, sn)\n .then(data => {\n if (data.code !== 0) {\n message.error(data.message)\n return\n }\n initMarker(data.data.domain, data.data.nickname, sn, lng, lat)\n })\n }\n\n function moveTo (sn: string, lng: number, lat: number) {\n let marker = markers[sn]\n if (!marker) {\n addMarker(sn, lng, lat)\n marker = markers[sn]\n return\n }\n marker.moveTo([lng, lat], {\n duration: 1800,\n autoRotation: true\n })\n }\n\n return {\n marker: markers,\n initMarker,\n removeMarker,\n moveTo\n }\n}\n" }, { "path": "src/hooks/use-g-map.ts", "content": "import AMapLoader from '@amap/amap-jsapi-loader'\nimport { App, reactive } from 'vue'\nimport { AMapConfig } from '/@/constants/index'\n\nexport function useGMapManage () {\n const state = reactive({\n aMap: null, // Map类\n map: null, // 地图对象\n mouseTool: null,\n })\n\n async function initMap (container: string, app:App) {\n AMapLoader.load({\n ...AMapConfig\n }).then((AMap) => {\n state.aMap = AMap\n state.map = new AMap.Map(container, {\n center: [113.943225499, 22.577673716],\n zoom: 20\n })\n state.mouseTool = new AMap.MouseTool(state.map)\n\n // 挂在到全局\n app.config.globalProperties.$aMap = state.aMap\n app.config.globalProperties.$map = state.map\n app.config.globalProperties.$mouseTool = state.mouseTool\n }).catch(e => {\n console.log(e)\n })\n }\n\n function globalPropertiesConfig (app:App) {\n initMap('g-container', app)\n }\n\n return {\n globalPropertiesConfig,\n }\n}\n" }, { "path": "src/hooks/use-map-tool.ts", "content": "import { GeojsonCoordinate } from '../utils/genjson'\nimport { getRoot } from '/@/root'\n\nexport function useMapTool () {\n const root = getRoot()\n const map = root.$map\n const AMap = root.$aMap\n\n function panTo (coordinate: GeojsonCoordinate) {\n map.panTo(coordinate, 100)\n map.setZoom(18, false, 100)\n }\n return {\n panTo,\n }\n}\n" }, { "path": "src/hooks/use-mouse-tool.ts", "content": "import { reactive } from 'vue'\nimport pin2d8cf0 from '/@/assets/icons/pin-2d8cf0.svg'\nimport { MapDoodleType } from '/@/constants/map'\nimport { getRoot } from '/@/root'\nimport { MapDoodleEnum } from '/@/types/map-enum'\nimport { EFlightAreaType } from '../types/flight-area'\nimport { message } from 'ant-design-vue'\n\nexport function useMouseTool () {\n const root = getRoot()\n\n const state = reactive({\n pinNum: 0,\n polylineNum: 0,\n PolygonNum: 0,\n currentType: '',\n })\n const flightAreaColorMap = {\n [EFlightAreaType.DFENCE]: '#19be6b',\n [EFlightAreaType.NFZ]: '#ff0000',\n }\n function drawPin (type:MapDoodleType, getDrawCallback:Function) {\n root?.$mouseTool.marker({\n title: type + state.pinNum,\n icon: pin2d8cf0,\n })\n state.pinNum++\n root?.$mouseTool.on('draw', getDrawCallback)\n }\n\n function drawPolyline (type:MapDoodleType, getDrawCallback:Function) {\n root?.$mouseTool.polyline({\n strokeColor: '#2d8cf0',\n strokeOpacity: 1,\n strokeWeight: 2,\n strokeStyle: 'solid',\n title: type + state.polylineNum++\n })\n root?.$mouseTool.on('draw', getDrawCallback)\n }\n\n function drawPolygon (type:MapDoodleType, getDrawCallback:Function) {\n root?.$mouseTool.polygon({\n strokeColor: '#2d8cf0',\n strokeOpacity: 1,\n strokeWeight: 2,\n fillColor: '#1791fc',\n fillOpacity: 0.4,\n title: type + state.PolygonNum++\n })\n root?.$mouseTool.on('draw', getDrawCallback)\n }\n\n function drawOff (type:MapDoodleType) {\n root?.$mouseTool.close()\n root?.$mouseTool.off('draw')\n }\n\n function drawFlightAreaPolygon (type: EFlightAreaType, getDrawFlightAreaCallback: Function) {\n root?.$mouseTool.polygon({\n strokeColor: flightAreaColorMap[type],\n strokeOpacity: 1,\n strokeWeight: 4,\n extData: {\n type: type,\n mapType: 'polygon',\n },\n strokeStyle: 'dashed',\n strokeDasharray: EFlightAreaType.NFZ === type ? [10, 2] : [10, 1, 2],\n fillColor: flightAreaColorMap[type],\n fillOpacity: EFlightAreaType.NFZ === type ? 0.3 : 0,\n })\n root?.$mouseTool.on('draw', getDrawFlightAreaCallback)\n }\n\n function drawFlightAreaCircle (type: EFlightAreaType, getDrawFlightAreaCallback: Function) {\n root?.$mouseTool.circle({\n strokeColor: flightAreaColorMap[type],\n strokeOpacity: 1,\n strokeWeight: 6,\n extData: {\n type: type,\n mapType: 'circle',\n },\n strokeStyle: 'dashed',\n strokeDasharray: EFlightAreaType.NFZ === type ? [10, 2] : [10, 1, 2],\n fillColor: flightAreaColorMap[type],\n fillOpacity: EFlightAreaType.NFZ === type ? 0.3 : 0,\n })\n root?.$mouseTool.on('draw', getDrawFlightAreaCallback)\n }\n\n function mouseTool (type: MapDoodleType, getDrawCallback: Function, flightAreaType?: EFlightAreaType) {\n state.currentType = type\n if (flightAreaType) {\n switch (type) {\n case MapDoodleEnum.POLYGON:\n drawFlightAreaPolygon(flightAreaType, getDrawCallback)\n return\n case MapDoodleEnum.CIRCLE:\n drawFlightAreaCircle(flightAreaType, getDrawCallback)\n return\n default:\n message.error(`Invalid type: ${flightAreaType}`)\n return\n }\n }\n switch (type) {\n case MapDoodleEnum.PIN:\n drawPin(type, getDrawCallback)\n break\n case MapDoodleEnum.POLYLINE:\n drawPolyline(type, getDrawCallback)\n break\n case MapDoodleEnum.POLYGON:\n drawPolygon(type, getDrawCallback)\n break\n case MapDoodleEnum.Close:\n drawOff(type)\n break\n }\n }\n\n return {\n mouseTool\n }\n}\n" }, { "path": "src/main.ts", "content": "import App from './App.vue'\nimport router from './router'\nimport { antComponents } from './antd'\nimport { CommonComponents } from './use-common-components'\nimport 'virtual:svg-icons-register'\nimport store, { storeKey } from './store'\nimport { createInstance } from '/@/root'\nimport { useDirectives } from './directives'\n\nimport '/@/styles/index.scss'\nconst app = createInstance(App)\n\napp.use(store, storeKey)\napp.use(router)\napp.use(CommonComponents)\napp.use(antComponents)\napp.use(useDirectives)\napp.mount('#demo-app')\n" }, { "path": "src/mqtt/config.ts", "content": "\nimport {\n IClientOptions,\n} from 'mqtt'\n\nexport const OPTIONS: IClientOptions = {\n clean: true, // true: 清除会话, false: 保留会话\n connectTimeout: 10000, // mqtt 超时时间\n resubscribe: true, // 断开重连后，再次订阅原订阅\n reconnectPeriod: 10000, // 重连间隔时间： 5s\n keepalive: 1, // 心跳间隔时间：1s\n}\n" }, { "path": "src/mqtt/index.ts", "content": "import EventEmitter from 'eventemitter3'\nimport {\n OPTIONS,\n} from './config'\nimport {\n connect,\n MqttClient,\n IClientPublishOptions,\n IPublishPacket,\n Packet,\n ISubscriptionGrant,\n IClientOptions,\n} from 'mqtt/dist/mqtt.min'\n\nexport class UranusMqtt extends EventEmitter {\n _url: string\n _options?: IClientOptions\n _client: MqttClient | null\n _hasInit: boolean\n\n constructor (url?: string, options?: IClientOptions) {\n super()\n this._url = url || ''\n this._options = options\n this._client = null\n this._hasInit = false\n }\n\n initMqtt = () => {\n // 仅初始化一次\n if (this._hasInit) return\n // 建立连接\n this._client = connect(this._url, {\n ...OPTIONS,\n ...this._options,\n })\n this._hasInit = true\n if (this._client) {\n this._client.on('reconnect', this._onReconnect)\n\n // 消息监听\n this._client.on('message', this._onMessage)\n\n // 连接关闭\n this._client.on('close', this._onClose)\n\n // 连接异常\n this._client.on('error', this._onError)\n }\n }\n\n // 发布\n publishMqtt = (topic: string, body: string | Buffer, opts?: IClientPublishOptions) => {\n if (!this._client?.connected) {\n this.initMqtt()\n }\n this._client?.publish(topic, body, opts || {}, (error?: Error, packet?: Packet) => {\n if (error) {\n window.console.error('mqtt publish error,', error, packet)\n }\n })\n }\n\n // 订阅\n subscribeMqtt = (topic: string) => {\n if (!this._client?.connected) {\n this.initMqtt()\n }\n window.console.log('subscribeMqtt>>>>>', topic)\n this._client?.subscribe(topic, (error: Error, granted: ISubscriptionGrant[]) => {\n window.console.log('mqtt subscribe,', error, granted)\n })\n }\n\n // 取消订阅\n unsubscribeMqtt = (topic: string) => {\n window.console.log('mqtt unsubscribeMqtt,', topic)\n this._client?.unsubscribe(topic)\n }\n\n // 关闭 mqtt 客户端\n destroyed = () => {\n window.console.log('mqtt destroyed')\n this._client?.end()\n }\n\n _onReconnect = () => {\n if (this._client) { window.console.error('mqtt reconnect,') }\n }\n\n _onMessage = (topic: string, payload: Buffer, packet: IPublishPacket) => {\n this.emit('onMessageMqtt', { topic, payload, packet })\n }\n\n _onClose = () => {\n // 连接异常关闭会自动重连\n window.console.error('mqtt close,')\n this.emit('onStatus', {\n status: 'close',\n })\n }\n\n _onError = (error: Error) => {\n // 连接错误会自动重连\n window.console.error('mqtt error,', error)\n this.emit('onStatus', {\n status: 'error',\n data: error,\n })\n }\n}\n\nexport {\n IClientOptions,\n IPublishPacket,\n IClientPublishOptions,\n}\n" }, { "path": "src/pages/page-pilot/pilot-bind.vue", "content": "\n\n\n" }, { "path": "src/pages/page-pilot/pilot-home.vue", "content": "\n\n\n\n" }, { "path": "src/pages/page-pilot/pilot-index.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-pilot/pilot-liveshare.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-pilot/pilot-media.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-web/home.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-web/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-web/projects/Firmwares.vue", "content": "\n\n\n\n" }, { "path": "src/pages/page-web/projects/devices.vue", "content": "\n\n\n\n\n\n\n" }, { "path": "src/pages/page-web/projects/dock.vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/page-web/projects/flight-area.vue", "content": "