【类 型】：fix 退出组件时 关闭settimeout 的实例

【原  因】：
【过  程】：
【影  响】：不销毁会叠加多次 settimeout

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动

src/components/BatteryStatus.vue

@@ -181,7 +181,7 @@ export default {
     // 在组件挂载时检查显示条件
     this.checkDisplayConditions()
   },
-  beforeDestroy () {
+  destroyed () {
     // 在组件销毁前清除定时器
     this.clearInterval()
   }

src/components/ControllerTabs.vue

@@ -9,7 +9,7 @@
         <span slot="footer" class="dialog-footer">
           <el-button size="medium" @click="dialogVisible = false">关闭</el-button>
           <el-button size="medium" type="primary"
-            @click="publishFun(`{setPlaneState:{bit:6,state:1,count:1,param:[${takeoffValue}]}`); speakText('确认起飞')">确认起飞</el-button>
+            @click="publishFun(`{setPlaneState:{bit:6,state:1,count:1,param:[${takeoffValue}]}}`); speakText('确认起飞')">确认起飞</el-button>
         </span>
       </template>
       <!-- 摄像头弹出框 -->
@@ -96,7 +96,7 @@
                 </el-button>
                 <el-button size="mini" class="f-s-14" v-else-if="Number(plane.planeState.state) === 20" type="success"
                   icon="f-s-14 iconfont icon-yangshi_icon_tongyong_departure"
-                  @click="publishFun('{setPlaneState:{bit:5,state:1}'); speakText('准备起飞，执行送餐任务')">
+                  @click="publishFun('{setPlaneState:{bit:5,state:1}}'); speakText('准备起飞，执行送餐任务')">
                   <font class="m-l-5">执行任务</font>
                 </el-button>
                 <el-button size="mini" class="f-s-14" v-else-if="isShipped" type="info" :loading="true" disabled>
@@ -142,7 +142,7 @@
               <div class="m-t-5">起飞</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="publishFun('{setPlaneState:{bit:7,state:1}'); speakText('悬停')">
+              @click="publishFun('{setPlaneState:{bit:7,state:1}}'); speakText('悬停')">
               <i class="iconfont icon-fengzheng1 f-s-24"></i>
               <div class="m-t-5">悬停</div>
             </el-button>
@@ -151,12 +151,12 @@
               <div class="m-t-5">复航</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="publishFun('{setPlaneState:{bit:9,state:1}'); speakText('返航')">
+              @click="publishFun('{setPlaneState:{bit:9,state:1}}'); speakText('返航')">
               <i class="iconfont icon-yijianfanhang f-s-24"></i>
               <div class="m-t-5">返航</div>
             </el-button>
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="publishFun('{setPlaneState:{bit:8,state:1}'); speakText('降落')">
+              @click="publishFun('{setPlaneState:{bit:8,state:1}}'); speakText('降落')">
               <i class="iconfont icon-yangshi_icon_tongyong_arriving f-s-24"></i>
               <div class="m-t-5">降落</div>
             </el-button>
@@ -239,7 +239,7 @@
           </div>
           <div class="butIconBox m-b-15 gap10 flex">
             <el-button size="medium" type="primary" class="flex1 butIcon"
-              @click="publishFun('{bit:11,state:1}'); speakText('校准磁罗盘')">
+              @click="publishFun('{setPlaneState:{bit:11,state:1}}'); speakText('校准磁罗盘')">
               <i class="iconfont icon-zhinanzhen f-s-24"></i>
               <div class="m-t-5">磁罗盘</div>
             </el-button>

src/store/index.js

@@ -270,7 +270,7 @@ const store = new Vuex.Store({
       res.data.airList.forEach(plane => {
         plane.planeState = { // 飞机状态初始化字段
           heartBeat: null, // 心跳
-          heartRandom: null, // 每次接收到心跳创建一个随机数 用于watch监听
+          heartRandom: 0, // 每次接收到心跳创建一个随机数 用于watch监听
           voltagBattery: null, // 电压信息
           currentBattery: null, // 电流信息
           batteryRemaining: null, // 电池电量