feat:对接机巢状态和直播功能以及ws

chenyao

2025-04-02 ec3c634630d4fc44c01bf4e5902c7f9fee67adab

 src/views/SignMachineNest/components/MachineRight/MachineMonitor.vue

@@ -3,7 +3,7 @@
  <CommonTitle title="机巢监控" />
  <div :style="{ marginLeft: pxToRem(14) }">
    <div class="machine-monitor">
      <liveVideo></liveVideo>
      <LiveVideo :videoUrl="airPortUrl" />
    </div>
  </div>
</template>
@@ -11,6 +11,26 @@
<script setup>
import CommonTitle from '@/components/CommonTitle.vue';
import LiveVideo from '@/components/LiveVideo.vue';
import { liveStart } from '@/api/home/machineNest';
// import { CURRENT_CONFIG as config } from '@/utils/http/config'
import { useStore } from 'vuex';


const store = useStore();
// 单个机巢信息
const singleUavHome = computed(() => store.state.home.singleUavHome);
// 直播地址
let airPortUrl = ref('');
// 获取直播地址
const getVideoUrl = () => {
  liveStart(singleUavHome.value.device_sn).then(res => {
    if (res.data.code !== 0) return;
    airPortUrl.value = res.data.data.rtcs_url;
  });
};
onMounted(() => {
  getVideoUrl();
});
</script>

<style lang="scss" scoped>