fix: 修复screen清零不同步更新计数问题

src/views/counter/components/screen.vue

@@ -60,7 +60,7 @@
             </p>
           </li>
           <li>
-            <el-button type="primary" icon="el-icon-refresh" size="mini" @click="handleCountClear">计数清零</el-button>
+            <el-button type="primary" icon="el-icon-refresh" size="mini" @click="handleCountClear" :loading="clearCountLoading">计数清零</el-button>
           </li>
           <!-- <li>
             <el-button type="primary" icon="el-icon-delete" size="mini" @click="handleMosqClean">自动清扫</el-button>
@@ -128,13 +128,17 @@ export default {
   },
   data() {
     return {
-      led: true,
+      led: undefined,
       dialogCountVisible: false,
       dialogMosqVisible: false,
+      clearCountLoading: false,
       cleanSpeed: 6
     }
   },
   methods: {
+    sleep(time) {
+      return new Promise(resolve => setTimeout(resolve, time))
+    },
     async handleLedSwitchChange() {
       const action = this.led ? 'ledOn' : 'ledOff'
       await this.sendRemoteControlCommand(action)
@@ -144,7 +148,11 @@ export default {
         this.showCountConfirmationDialog()
       } else {
         await this.sendRemoteControlCommand('countClear')
+        this.clearCountLoading = true
+        this.sleep(4000).then(() => {
+          this.clearCountLoading = false
           this.$emit('countClear')
+        })
       }
     },
     async handleMosqClean() {
@@ -199,6 +207,7 @@ export default {
 
   },
   mounted() {
+    this.led = this.lastItem.led_status !== 'OFF'
   }
 }
 </script>