1.睡眠缺少单位问题
This commit is contained in:
2023-12-29 14:54:46 +08:00
parent ecbd690117
commit f016fdc69f
2 changed files with 24 additions and 11 deletions
@@ -4,18 +4,21 @@
<div style="width: 15%; text-align: center">
<div>
<span style="font-size: 25px"> {{ maxInfo }}</span>
<span style="color: #aa9db6">分钟</span>
</div>
<div style="color: #aa9db6">最高睡眠时长</div>
</div>
<div style="width: 15%; text-align: center">
<div>
<span style="font-size: 25px"> {{ minInfo }}</span>
<span style="color: #aa9db6">分钟</span>
</div>
<div style="color: #aa9db6">最低睡眠时长</div>
</div>
<div style="width: 15%; text-align: center">
<div>
<span style="font-size: 25px">{{ middleInfo }}</span>
<span style="color: #aa9db6">分钟</span>
</div>
<div style="color: #aa9db6">平均睡眠时长</div>
</div>
@@ -157,14 +160,24 @@
} else {
str =
xArr[tar.dataIndex] +
'<br/>' +
'深睡' +
' : ' +
(tar.value ? tar.value : 0) +
'<br/>' +
'浅睡' +
' : ' +
(tar1.value ? tar1.value : 0);
`<div>
<div style="display: flex;justify-content: space-between">
<div>
深睡:${tar.value ? tar.value : 0}
</div>
<div style="padding-left: 5px">
分钟
</div>
</div>
<div style="display: flex;justify-content: space-between;">
<div>
浅睡:${tar1.value ? tar1.value : 0}
</div>
<div style="padding-left: 5px;">
分钟
</div>
</div>
</div>`;
}
return str;
},
@@ -110,8 +110,8 @@
let xArr = [];
let yArr = [];
maxInfo.value = result.total ? result.total : '/';
middleInfo.value = result.total1 ? result.total1 : '/';
minInfo.value = result.total2 ? result.total2 : '/';
middleInfo.value = result.total2 ? result.total2 : '/';
minInfo.value = result.total1 ? result.total1 : '/';
if (type === '1') return;
result.viewDataList.map((item) => {
xArr.push(item.date);
@@ -205,4 +205,4 @@
initEchart('0');
});
</script>
<style scoped lang="less"></style>
<style scoped lang="less"></style>