feat(事件总线): 添加事件总线实现组件间通信

添加ligature.js作为Vue事件总线实现，并在主应用中挂载到window.$Bus
移除调试用的console.log，优化qingliu组件的调试信息处理
在播放器组件中添加对raw_msg事件的监听

iframe/src/assets/ligature.js

+import Vue from "vue";
+const Bus = new Vue();
+export default Bus;

iframe/src/main.js

@@ -7,7 +7,8 @@ import "element-ui/lib/theme-chalk/index.css";
 import '../../dist/style/index.css'; */
 import MMCSTL from "../../index";
 import "./styles/reset.css";
-
+import Bus from "@/assets/ligature.js";
+window.$Bus = Bus;
 Vue.config.productionTip = false;
 
 Vue.use(Vuex);
@@ -22,7 +23,7 @@ function render(props = {}) {
   instance = new Vue({
     render: (h) => h(App),
     store: new Vuex.Store({}),
-  }).$mount(container ? container.querySelector('#app') : '#app');
+  }).$mount(container ? container.querySelector("#app") : "#app");
 }
 
 // 独立运行时
@@ -31,15 +32,15 @@ if (!window.__POWERED_BY_QIANKUN__) {
 }
 
 export async function bootstrap() {
-  console.log('[vue] vue app bootstraped');
+  console.log("[vue] vue app bootstraped");
 }
 export async function mount(props) {
-  console.log('[vue] props from main framework', props);
+  console.log("[vue] props from main framework", props);
   render(props);
 }
 export async function unmount() {
   instance.$destroy();
-  instance.$el.innerHTML = '';
+  instance.$el.innerHTML = "";
   instance = null;
   router = null;
 }

src/components/MMCFlightControlCenter/components/uavApplications/components/player/components/qingliu/index.vue

@@ -26,7 +26,6 @@ export default {
     window.addEventListener("message", this.onDebugInfo);
   },
   mounted() {
-    console.log(this.raw_msg, "raw_msg");
     window.onresize = (e) => {
       const clientheight =
         document.documentElement.clientHeight || document.body.clientHeight;
@@ -72,6 +71,7 @@ export default {
       canvas && canvas.requestFullscreen();
     },
     onDebugInfo(e) {
+      console.log(e, "onDebugInfo");
       switch (e.type) {
         case "qoeinfo":
         case "raw_msg":

src/components/MMCFlightControlCenter/components/uavApplications/components/player/index.vue

@@ -41,8 +41,8 @@
         />
         <!-- @entryCross="entryCross" -->
         <div class="info" v-if="showInfo && streamSelect == 'QINGLIU'">
-          <div class="de">
           111
+          <div class="de">
             <div class="title">bitrate:</div>
             <div class="detail">{{ raw_msg ? raw_msg / 1000 : "0" }}kbps</div>
           </div>
@@ -579,6 +579,12 @@ export default {
         }]
      */
     streamOptions() {
+      try {
+        window.$Bus.$on("raw_msg", (e) => {
+          this.raw_msg = e.data;
+        });
+        console.log(this.raw_msg, " this.raw_msg");
+      } catch (error) {}
       let streamOptions = [];
       let streamConfiguration = this.uav?.streamConfiguration.find(
         (item) => item.urlType === 0