fix: 挂载云台数据实时更新

src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlRight/components/mount/index.vue

@@ -23,6 +23,7 @@
         v-if="selectMount"
         class="mount-panel"
         :keyFlag="nxNormal"
+        :payload_data="selectMountPayload"
         @directive="mountDirective"
         @take_photo="mountTakePhoto"
         @record="mountRecord"
@@ -33,7 +34,7 @@
 </template>
 <script>
 // import API from "@/api";
-import { mapState } from "vuex";
+import { mapState, mapGetters } from "vuex";
 import mount from "../../../../../../../../../MMCMount";
 // 所有的挂载组件
 const mountComponents = {};
@@ -72,6 +73,7 @@ export default {
       "uavRealTimeData",
       "isQingLiu",
     ]),
+    ...mapGetters("MMCFlightControlCenter/uav", ["selectMountPayload"]),
     nxNormal() {
       return this.uavRealTimeData?.healthData?.NX?.warningLevel === "NORMAL";
     },
@@ -117,7 +119,10 @@ export default {
      */
     mountRecord(streamData) {
       console.log("挂载录像", streamData);
-      let recordControl = streamData.data.data.status || streamData.data.data.recordControl || false;
+      let recordControl =
+        streamData.data.data.status ||
+        streamData.data.data.recordControl ||
+        false;
       this.$store.dispatch("MMCFlightControlCenter/uav/videoTranscribe", {
         recordControl: recordControl,
         callback: () => {

src/components/MMCFlightControlCenter/store/uav.js

@@ -212,7 +212,7 @@ const state = {
       mountId: 12,
     }, */
   ], // 挂载列表
-  selectMount: null, // 选中的挂载
+  selectMount: null, // 选中的挂载,payload数据是固定的,不会实时更新,实时更新使用selectMountPayload
   showPlayer: false, //显示播放器
   showPanel: false, //显示数据面板
   isQingLiu: null, // 当前视频播放的是否为清流
@@ -422,6 +422,18 @@ const actions = {
             }
           });
           commit("setState", { key: "mountList", value: [...state.mountList] });
+        } else {
+          // 更新挂载数据
+          let mountList = state.mountList.map((item) => {
+            if (item.mountId === type259.mountId) {
+              return {
+                ...item,
+                ...type259
+              };
+            }
+            return item;
+          });
+          commit("setState", { key: "mountList", value: mountList });
         }
       }
     } else {
@@ -1363,12 +1375,33 @@ const actions = {
   },
 };
 
+const getters = {
+  /**
+   * 选中挂载的实时数据
+   */
+  selectMountPayload(state) {
+    if (state.selectMount) {
+      let find = state.mountList.find(
+        (item) => item.mountId === state.selectMount.mountId
+      );
+      if (find) {
+        return find.payload;
+      } else {
+        throw Error("选中的挂载不在挂载列表中!");
+      }
+    } else {
+      return null;
+    }
+  },
+};
+
 export default {
   namespaced: true,
   name: "uav",
   state,
   mutations,
   actions,
+  getters,
 };
 
 /**

src/components/MMCMount/index.js

@@ -110,7 +110,7 @@ export default {
     },
     // ZT60R高清相机
     {
-      title: "高清变焦相机ZT60R",
+      title: "高清变焦相机Z60R",
       icon: pngZT60R,
       name: "MMC_Gimbal_Z60R",
       type: [1, 2, 3, 4, 5, 6, 8],