统一换成Vant组件和修改列表点击事件范围

chenyao

2025-02-26 31b7e874bac09e8a82c938c75e36452580dfddd6

 src/views/DronePilotDetails.vue

@@ -7,11 +7,11 @@
    />
    <div id="landscapeBox" class="landscape-box" :style="{ width: boxWidth + 'px', height: boxHeight + 'px'}">
      <div id="videoModule" class="l-video" :style="{ width: screenWidthVideo + 'px', height: (screenHeightVideo) + 'px'}">
        <video v-show="videoUrl" ref="videoPlayerBig" :style="{ width: screenWidthVideo + 'px', height: screenHeightVideo + 'px'}" controls autoplay muted playsinline style="text-align: left; object-fit: fill">
        <video v-show="videoUrl && droneInfo.mode_code != 14" ref="videoPlayerBig" :style="{ width: screenWidthVideo + 'px', height: screenHeightVideo + 'px'}" controls autoplay muted playsinline style="text-align: left; object-fit: fill">
          Your browser is too old which doesn't support HTML5 video.
        </video>
        <el-empty v-show="videoUrl == ''" description="当前设备已关机，无法进行直播" :image="imageUrl"></el-empty>
        <div v-if="videoUrl" class="center-point"></div>
        <el-empty v-show="videoUrl == ''&& droneInfo.mode_code == 14" description="当前设备已关机，无法进行直播" :image="imageUrl"></el-empty>
        <div v-if="videoUrl && droneInfo.mode_code != 14" class="center-point"></div>
        <div class="right-box">
          <ptzControl :sn="sn" :osdVisible="sbInfo"/>
          <controlConsole :sn="sn" :osdVisible="sbInfo" :cesiumViewe="globalViewer" />
@@ -286,6 +286,9 @@
  }
}

// 无人机相关信息
const droneInfo = ref({})

// 监听ws
const messageHandler = async (payload: any) => {
  // if (!payload) {
@@ -299,6 +302,8 @@
    case EBizCode.DeviceOsd: {
      store.commit('SET_DEVICE_INFO', payload.data)
      store.commit('SET_WS_MESSAGE', payload)
      // console.log('对对对', payload.data.host.mode_code)
      droneInfo.value = payload.data.host
      getviewDrone(payload)
      break
    }
@@ -308,9 +313,9 @@
    }
    case EBizCode.FlightTaskProgress: { // 获取进度
      // 如果点击列表进入没有获取到航线文件，那么这里重新请求一次
      // if (!ssLinePath || !ssLinePath.value) {
      //   getWrjSsLx()
      // }
      if (!ssLinePath || !ssLinePath.value) {
        getWrjSsLx()
      }
      break
    }
  }