From 8a59e75e295b6954efb56ec457e8ab279060159a Mon Sep 17 00:00:00 2001
From: tk <szdot@live.com>
Date: Sat, 12 Oct 2024 20:19:59 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afeat=20=E8=AF=BB=E5=8F=96=E5=8F=82=E6=95=B0=20?=
 =?UTF-8?q?=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91=EF=BC=9A=20=E3=80=90?=
 =?UTF-8?q?=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A=E5=83=8F=E9=9D=9E?=
 =?UTF-8?q?=E7=A9=BA=E8=AF=B7=E6=B1=82=E5=8F=82=E6=95=B0=20=E6=9C=89?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E5=80=BC=20=E6=98=BE=E7=A4=BA=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E5=80=BC=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ControllerTabs.vue | 41 +++++++++++++++++++++++++++----
 src/store/index.js                | 12 ++++++++-
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/src/components/ControllerTabs.vue b/src/components/ControllerTabs.vue
index 7adac76..f80de64 100644
--- a/src/components/ControllerTabs.vue
+++ b/src/components/ControllerTabs.vue
@@ -84,12 +84,14 @@
             @click="publishFun('{initAcce:2}')" type="primary">已摆好</el-button>
         </span>
       </template>
-      <!-- 写入参数 -->
+      <!-- 读写参数 -->
       <template v-else-if="dialogItem === 'paramBox'">
         <el-input v-model="paramItem" placeholder="参数名"></el-input>
         <el-input v-model="paramValue" placeholder="值" class="m-t-20"></el-input>
         <span slot="footer" class="dialog-footer">
           <el-button size="medium" @click="dialogVisible = false">关闭</el-button>
+          <el-button size="medium" type="primary"
+            @click="paramValue = '';clearPlanePar(); publishFun(`{'getParam':'${paramItem}'}`);">读取</el-button>
           <el-button size="medium" type="primary"
             @click="publishFun(`{'setParam':{'item':'${paramItem}','value':'${paramValue}'}}`)">写入</el-button>
         </span>
@@ -308,9 +310,9 @@
               <div class="m-t-5">加速度计</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="speakText('写入参数'); dialogVisible = true; dialogTitle = '写入参数'; dialogItem = 'paramBox';">
+              @click="speakText('读写参数'); dialogVisible = true; dialogTitle = '读写参数'; dialogItem = 'paramBox';">
               <i class="iconfont icon-canshupeizhi f-s-24"></i>
-              <div class="m-t-5">写入参数</div>
+              <div class="m-t-5">读写参数</div>
             </el-button>
           </div>
         </div>
@@ -355,8 +357,8 @@ export default {
         id: ''
       },
       waringTags: [], // 任务栏 提示标签 有退款 超重 等
-      paramItem: '', // 写入参数 键
-      paramValue: ''// 写入参数 值
+      paramItem: '', // 参数 键
+      paramValue: ''// 参数 值
     }
   },
   props: {
@@ -453,6 +455,15 @@ export default {
         return this.plane.planeState.acceState
       }
       return null
+    },
+    /**
+     * @description: 从飞控获取的参数键值对
+     */
+    parameterValue () {
+      if (this.plane && this.plane.planeState && this.plane.planeState.parameterValue) {
+        return this.plane.planeState.parameterValue
+      }
+      return null
     }
   },
   methods: {
@@ -956,6 +967,11 @@ export default {
           this.waringTags.splice(dIndex, 1)
         }
       }
+    },
+    // 飞机状态参数默认值 复位
+    clearPlanePar () {
+      // 调用 Vuex 的 mutation 更新对应飞机的 parameterValue
+      this.$store.commit('updateParameterValue', { planeId: this.$route.params.id, parameterValue: '{}' })
     }
   },
   mounted () {
@@ -1001,6 +1017,21 @@ export default {
       if (!found) {
         this.questForm.id = ''
       }
+    },
+    // 监听parameterValue 对比飞控更新的 参数名 和 要读取的参数名一致 把值显示出来
+    parameterValue (val) {
+      // 反序列化 JSON 字符串
+      const parsed = JSON.parse(val)
+
+      // 假设 JSON 只有一个键值对，提取参数名和值
+      const key = Object.keys(parsed)[0] // 获取键名
+      const value = parsed[key] // 获取键对应的值
+
+      // 更新 data 中的 paramName 和 paramValue
+      if (key === this.paramItem) {
+        this.paramValue = value
+      }
+      this.paramName = key
     }
   },
   destroyed () {
diff --git a/src/store/index.js b/src/store/index.js
index dfd95a4..319d1d4 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -43,6 +43,15 @@ const store = new Vuex.Store({
     setAirList (state, list) {
       state.airList = list
     },
+    /**
+     * @description:更新飞机的 parameterValue
+     */
+    updateParameterValue (state, { planeId, parameterValue }) {
+      const plane = state.airList.find(plane => plane.id === planeId) // 根据 planeId 查找飞机
+      if (plane) {
+        plane.planeState.parameterValue = parameterValue // 更新 parameterValue
+      }
+    },
     /**
      * @description: 设置站点列表
      */
@@ -288,7 +297,8 @@ const store = new Vuex.Store({
           position: [], // [[经度，维度，相对高度]]累计数组
           battCapacity: null, // 电池容量
           homePosition: null, // 返航点位置
-          wpnavSpeed: null// 飞机返航速度 米/秒
+          wpnavSpeed: null, // 飞机返航速度 米/秒
+          parameterValue: null// 请求的参数键值对 需要序列化
         }
       })
       if (res.data.status === 1) {