From b80ee8c883f279e843071e6b53ab9cddec3f88a0 Mon Sep 17 00:00:00 2001
From: 胡思旗 <931347610@qq.com>
Date: Tue, 29 Aug 2023 15:07:13 +0800
Subject: [PATCH] 登录流程对接、项目列表组件封装
---
src/pages/page-web/projects/workspace.vue | 89 +++++++++++++++++++++++++-------------------
1 files changed, 50 insertions(+), 39 deletions(-)
diff --git a/src/pages/page-web/projects/workspace.vue b/src/pages/page-web/projects/workspace.vue
index 4fc4dd3..a7b1d92 100644
--- a/src/pages/page-web/projects/workspace.vue
+++ b/src/pages/page-web/projects/workspace.vue
@@ -6,29 +6,29 @@
<router-view />
</div>
</div>
- <div class="right">
- <div class="map-wrapper">
+ <!-- <div class="right"> -->
+ <!-- <div class="map-wrapper">
<GMap />
- </div>
- <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA">
- <MediaPanel />
- </div>
- <div class="media-wrapper" v-if="root.$route.name === ERouterName.TASK">
- <TaskPanel />
- </div>
- </div>
+ </div> -->
+ <!-- <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA"> -->
+ <!-- <MediaPanel /> -->
+ <!-- </div> -->
+ <!-- <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK"> -->
+ <!-- <TaskPanel /> -->
+ <!-- </div> -->
+ <!-- </div> -->
</div>
</template>
<script lang="ts" setup>
-
import Sidebar from '/@/components/common/sidebar.vue'
import MediaPanel from '/@/components/MediaPanel.vue'
-import TaskPanel from '/@/components/TaskPanel.vue'
+import TaskPanel from '/@/components/task/TaskPanel.vue'
import GMap from '/@/components/GMap.vue'
import { EBizCode, ERouterName } from '/@/types'
import { getRoot } from '/@/root'
import { useMyStore } from '/@/store'
import { useConnectWebSocket } from '/@/hooks/use-connect-websocket'
+import EventBus from '/@/event-bus'
const root = getRoot()
const store = useMyStore()
@@ -71,8 +71,10 @@
store.commit('SET_DEVICE_OFFLINE', payload.data)
break
}
- case EBizCode.FlightTaskProgress: {
- store.commit('SET_FLIGHT_TASK_PROGRESS', payload.data)
+ case EBizCode.FlightTaskProgress:
+ case EBizCode.FlightTaskMediaProgress:
+ case EBizCode.FlightTaskMediaHighestPriority: {
+ EventBus.emit('flightTaskWs', payload)
break
}
case EBizCode.DeviceHms: {
@@ -98,6 +100,15 @@
})
break
}
+ case EBizCode.ControlSourceChange:
+ case EBizCode.FlyToPointProgress:
+ case EBizCode.TakeoffToPointProgress:
+ case EBizCode.JoystickInvalidNotify:
+ case EBizCode.DrcStatusNotify:
+ {
+ EventBus.emit('droneControlWs', payload)
+ break
+ }
default:
break
}
@@ -112,42 +123,42 @@
.project-app-wrapper {
display: flex;
- position: absolute;
transition: width 0.2s ease;
height: 100%;
width: 100%;
+
.left {
- width: 400px;
display: flex;
+ width: 335px;
+ flex: 0 0 335px;
background-color: #232323;
- float: left;
+
+ .main-content {
+ flex: 1;
+ color: $text-white-basic;
+ width: 285px;
+ }
}
+
.right {
- width: 100%;
- height: 100%;
- .map-wrapper {
+ flex-grow: 1;
+ position: relative;
+
+ .map-wrapper{
width: 100%;
height: 100%;
}
- }
- .main-content {
- flex: 1;
- color: $text-white-basic;
- }
- .media-wrapper {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 100;
- background: #f6f8fa;
- }
- .wayline-wrapper {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 100;
- background: #f6f8fa;
- padding: 16px;
+
+ .media-wrapper,
+ .task-wrapper {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 100;
+ background: #f6f8fa;
+ }
}
}
</style>
--
Gitblit v1.9.3