#修改显示方式

src/views/counter/components/screen.vue

@@ -26,22 +26,22 @@
       </div>
       <div class="device-status">
         <ul>
-          <li>状态： 
+          <li>Status: 
             <span
               :class="lastItem.status ? 'text-success' : 'text-danger'"
               v-if="lastItem.status == 0"
             >
-              离线
+              Offline
             </span>
             <span
               :class="lastItem.status ? 'text-success' : 'text-danger'"
               v-if="lastItem.status == 1"
             >
-              在线
+              Online
             </span>
           </li>
-          <li class="signal">信号： <span>{{lastItem.signal}}</span></li>
-          <li>电量： <span>{{lastItem.energy}}</span></li>
+          <li class="signal">Signal: <span>{{lastItem.signal}}/31</span></li>
+          <li>Power:  <span>{{powerPrecentages}}%</span></li>
         </ul>
       </div>
     </div>
@@ -73,7 +73,13 @@ export default {
       const count = this.lastItem.count
       const qty = 'Qty.' + ' '.repeat(10 - count.length) + '00' + count
       return qty.split('')
+    },
+    powerPrecentages() {
+      const powerMin = 3000
+      const powerMax = 4950
+      return parseFloat((this.lastItem.energy - powerMin) / (powerMax - powerMin) * 100).toFixed(1)
     }
+
   },
   mounted() {
   }