提交 df1d2432 作者: 翁进城

fix: 1.修正电池显示

2. 修正实时数据飞行模式被覆盖导致错误
3. 机库列表定时刷新
上级 550fe22e
流水线 #11023 已失败 于阶段
<!-- 飞控中心电池-->
<template>
<div>
<div class="cpt-observe-mspace-dashboard-battery jcsb">
<div
class="battery-inner"
:class="setClass(index,_batteryList.length)"
v-for="(item,index) in _batteryList"
:key="index"
>
<div class="dec mr9 f12">{{index+1}}</div>
<div class="size-wrap">
<div class="size-box">
<div class="size-inner">
<div class="dianchigai"></div>
<div
v-if="item.statusType !=3"
class="size-inner-box"
:style="`height: ${item.chargeRemaining || 100}%; ${setColor(item.chargeRemaining || 100)}`"
></div>
</div>
<div class="cpt-observe-mspace-dashboard-battery">
<div class="battery-inner" v-for="(item,index) in _batteryList" :key="index">
<div class="dec mr9 f12">{{index+1}}</div>
<div class="size-wrap">
<div class="size-box">
<div class="size-inner">
<div class="dianchigai"></div>
<div
v-if="item.statusType !=3"
class="size-inner-box"
:style="`height: ${item.chargeRemaining || 100}%; ${setColor(item.chargeRemaining || 100)}`"
></div>
</div>
<span v-if="item.statusType == 3" class="size__text">{{"已关机"}}</span>
<span v-else class="size__text">{{item.chargeRemaining || 100}}%</span>
</div>
<span v-if="item.statusType == 3" class="size__text">{{"已关机"}}</span>
<span v-else class="size__text">{{item.chargeRemaining || 100}}%</span>
</div>
<div style="marin-left: 12px">
<div class="voltage-box">
<div class="voltage-value f12 ml10 jcsb">
{{ item.voltage === -1 ? '-' : Number(item.voltage).toFixed(0) }}
<span class="cf ml2">v</span>
</div>
<div style="marin-left: 12px">
<div class="voltage-box">
<div class="voltage-value f12 ml10 jcsb">
{{ item.voltage === -1 ? '-' : Number(item.voltage).toFixed(0) }}
<span class="cf ml2">v</span>
</div>
</div>
</div>
......@@ -111,6 +104,10 @@ export default {
width: 110px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
.battery-inner {
display: flex;
......@@ -178,11 +175,12 @@ export default {
.size-wrap {
width: 68px;
height: 25px;
flex-shrink: 0;
position: relative;
.size-box {
transform: rotate(90deg) translate(-3px, -15px);
transform: rotate(90deg) translate(-25px, -15px);
box-sizing: border-box;
width: 25px;
height: 60px;
......
......@@ -44,6 +44,7 @@ export default {
return {
list: [],
deviceType: 2, // 设备类型 2鹰巢
timeHandle: null,
};
},
......@@ -80,6 +81,12 @@ export default {
mounted() {
this.getList();
this.timeHandle = setInterval(() => {
this.getList();
}, 10000);
},
beforeDestroy() {
clearInterval(this.timeHandle);
},
methods: {
async getList() {
......
......@@ -335,10 +335,10 @@ const actions = {
key: "uavRealTimeData",
value: {
...state.uavRealTimeData,
...type258,
...type268,
...type2006,
...type2017,
...type258,
obstacle: type272 || state.uavRealTimeData.obstacle,
healthData: type275 || state.uavRealTimeData.healthData,
batteryList,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论