提交 df1d2432 作者: 翁进城

fix: 1.修正电池显示

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