Merge branch 'develop' of http://s16s652780.51mypc.cn:49896/r/yskj/iot_dron...

xieb

2023-09-13 3667807a7b7418efc090ee3fa6a6b734bc3080bf

 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,13 +100,22 @@
      })
      break
    }
    case EBizCode.ControlSourceChange:
    case EBizCode.FlyToPointProgress:
    case EBizCode.TakeoffToPointProgress:
    case EBizCode.JoystickInvalidNotify:
    case EBizCode.DrcStatusNotify:
    {
      EventBus.emit('droneControlWs', payload)
      break
    }
    default:
      break
  }
}

// 监听ws 消息
useConnectWebSocket(messageHandler)
// useConnectWebSocket(messageHandler)

</script>
<style lang="scss" scoped>
@@ -112,42 +123,43 @@

.project-app-wrapper {
  display: flex;
  position: absolute;
  transition: width 0.2s ease;
  height: 100%;
  width: 100%;

  .left {
    width: 400px;
    display: flex;
    // width: 335px;
    flex: 1;
    // 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>