From 283883202e6553e37c517a36d839907e84ea5f7b Mon Sep 17 00:00:00 2001
From: tk <szdot@live.com>
Date: Fri, 30 Aug 2024 21:12:13 +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=E5=86=99=E5=85=A5=E5=8F=82=E6=95=B0=20?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=20=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A?=
 =?UTF-8?q?=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ControllerTabs.vue | 47 ++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/components/ControllerTabs.vue b/src/components/ControllerTabs.vue
index e149018..54ba197 100644
--- a/src/components/ControllerTabs.vue
+++ b/src/components/ControllerTabs.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="w-100 h-100 mainBox">
     <!-- 弹出框 -->
-    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="320px" top="30vh" @close="closeCallback" @open="openCallback">
+    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="320px" top="30vh" @close="closeCallback"
+      @open="openCallback">
       <!-- 起飞设置弹出框 -->
       <template v-if="dialogItem == 'takeoffBox'">
         <el-slider class="w-100" v-model="takeoffValue" :show-tooltip="false" show-input :min="1" :max="100">
@@ -13,7 +14,7 @@
         </span>
       </template>
       <!-- 摄像头弹出框 -->
-      <template v-if="dialogItem == 'cameraBox'">
+      <template v-else-if="dialogItem == 'cameraBox'">
         <div class="slider-container w-100 flex mse mac">
           <font>俯</font>
           <el-slider @change="releaseCameraSlider('pitch')" @input="setCamera('pitch')" v-model="pitchValue"
@@ -37,7 +38,7 @@
         </span>
       </template>
       <!-- 校准磁罗盘 -->
-      <template v-if="dialogItem === 'compassBox'">
+      <template v-else-if="dialogItem === 'compassBox'">
         <div>
           <template v-if="reportCal === null">
             <el-progress :percentage="completionPct"></el-progress>
@@ -51,35 +52,45 @@
         </span>
       </template>
       <!-- 校准加速度计 -->
-      <template v-if="dialogItem === 'acceBox'">
-        <div v-loading="acceState===null"></div>
-        <div v-if="acceState==='level'">
+      <template v-else-if="dialogItem === 'acceBox'">
+        <div v-loading="acceState === null"></div>
+        <div v-if="acceState === 'level'">
           水平
         </div>
-        <div v-else-if="acceState==='left'">
+        <div v-else-if="acceState === 'left'">
           左
         </div>
-        <div v-else-if="acceState==='right'">
+        <div v-else-if="acceState === 'right'">
           右
         </div>
-        <div v-else-if="acceState==='down'">
+        <div v-else-if="acceState === 'down'">
           前
         </div>
-        <div v-else-if="acceState==='up'">
+        <div v-else-if="acceState === 'up'">
           后
         </div>
-        <div v-else-if="acceState==='back'">
+        <div v-else-if="acceState === 'back'">
           反
         </div>
-        <div v-else-if="acceState==='successful'">
+        <div v-else-if="acceState === 'successful'">
           校准成功，重启飞机即可生效！
         </div>
-        <div v-else-if="acceState==='failed'">
+        <div v-else-if="acceState === 'failed'">
           校准失败
         </div>
         <span slot="footer" class="dialog-footer">
           <el-button size="medium" @click="handlerCloseAcceBox">关闭</el-button>
-          <el-button size="medium" v-if="acceState !== 'successful' && acceState !== 'failed' && acceState !== null" @click="publishFun('{initAcce:2}')" type="primary">已摆好</el-button>
+          <el-button size="medium" v-if="acceState !== 'successful' && acceState !== 'failed' && acceState !== null"
+            @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="publishFun(`{'setParam':{'item':'${paramItem}','value':'${paramValue}'}}`)">写入</el-button>
         </span>
       </template>
     </el-dialog>
@@ -290,12 +301,12 @@
               <div class="m-t-5">磁罗盘</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="publishFun('{initAcce:1}'); speakText('校准加速度计');dialogVisible = true; dialogTitle = '校准加速度计';dialogItem = 'acceBox';">
+              @click="publishFun('{initAcce:1}'); speakText('校准加速度计'); dialogVisible = true; dialogTitle = '校准加速度计'; dialogItem = 'acceBox';">
               <i class="iconfont icon-zuobiaozhoupeizhixiang f-s-24"></i>
               <div class="m-t-5">加速度计</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="speakText('写入参数')">
+              @click="speakText('写入参数'); dialogVisible = true; dialogTitle = '写入参数'; dialogItem = 'paramBox';">
               <i class="iconfont icon-canshupeizhi f-s-24"></i>
               <div class="m-t-5">写入参数</div>
             </el-button>
@@ -341,7 +352,9 @@ export default {
       questForm: { // 送餐任务表单
         id: ''
       },
-      waringTags: []// 任务栏 提示标签 有退款 超重 等
+      waringTags: [], // 任务栏 提示标签 有退款 超重 等
+      paramItem: '', // 写入参数 键
+      paramValue: ''// 写入参数 值
     }
   },
   props: {