update: 新疆大屏

This commit is contained in:
xf
2025-07-06 18:03:41 +08:00
parent 86ed8341e2
commit aa71fd5c7e
9 changed files with 146 additions and 44 deletions
+41 -19
View File
@@ -16,21 +16,23 @@
<div class="content-item-clock">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">86</span>
<span class="clock-num1">{{ twoRList?.weightLossCountDay ? twoRList?.weightLossCountDay : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2">{{ twoRList?.weightLossAbnormalCountDay ? twoRList?.weightLossAbnormalCountDay : '--' }}</span>
</div>
</div>
<div class="content-item-clock" style="margin-bottom: 0">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">86</span>
<span class="clock-text">本月打卡人数</span>
<span class="clock-num1">{{ twoRList?.weightLossCountMonth ? twoRList?.weightLossCountMonth : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2"
>{{ twoRList?.weightLossAbnormalCountMonth ? twoRList?.weightLossAbnormalCountMonth : '--' }}</span
>
</div>
</div>
</div>
@@ -39,28 +41,30 @@
<div class="content-item-info">
<div class="content-item-name" style="font-size: 16px">
<div class="content-item-img">
<img :src="WeightPng" alt="" />
<img :src="FatPng" alt="" />
</div>
减重打卡
血糖打卡
</div>
<div class="content-item-clock">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">86</span>
<span class="clock-num1">{{ twoRList?.bloodSugarCountDay ? twoRList?.bloodSugarCountDay : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2">{{ twoRList?.bloodSugarAbnormalCountDay ? twoRList?.bloodSugarAbnormalCountDay : '--' }}</span>
</div>
</div>
<div class="content-item-clock" style="margin-bottom: 0">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">86</span>
<span class="clock-text">本月打卡人数</span>
<span class="clock-num1">{{ twoRList?.bloodSugarCountMonth ? twoRList?.bloodSugarCountMonth : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2"
>{{ twoRList?.bloodSugarAbnormalCountMonth ? twoRList?.bloodSugarAbnormalCountMonth : '--' }}</span
>
</div>
</div>
</div>
@@ -69,28 +73,32 @@
<div class="content-item-info">
<div class="content-item-name" style="font-size: 16px">
<div class="content-item-img">
<img :src="WeightPng" alt="" />
<img :src="BloodPng" alt="" />
</div>
减重打卡
血压打卡
</div>
<div class="content-item-clock">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">12386</span>
<span class="clock-num1">{{ twoRList?.bloodPressureCountDay ? twoRList?.bloodPressureCountDay : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2"
>{{ twoRList?.bloodPressureAbnormalCountDay ? twoRList?.bloodPressureAbnormalCountDay : '--' }}</span
>
</div>
</div>
<div class="content-item-clock" style="margin-bottom: 0">
<div>
<span class="clock-text">今日打卡人数</span>
<span class="clock-num1">86</span>
<span class="clock-text">本月打卡人数</span>
<span class="clock-num1">{{ twoRList?.bloodPressureCountMonth ? twoRList?.bloodPressureCountMonth : '--' }}</span>
</div>
<div>
<span class="clock-text">异常人数</span>
<span class="clock-num2">86</span>
<span class="clock-num2"
>{{ twoRList?.bloodPressureAbnormalCountMonth ? twoRList?.bloodPressureAbnormalCountMonth : '--' }}</span
>
</div>
</div>
</div>
@@ -102,6 +110,19 @@
import WeightPng from '/@/assets/indexSun/weightClock.png';
import FatPng from '/@/assets/indexSun/fatClock.png';
import BloodPng from '/@/assets/indexSun/bloodClock.png';
import { onMounted, ref } from 'vue';
import { twoRApi } from '/@/views/indexSun/indexSun.api.ts';
const twoRList = ref();
onMounted(() => {
getList();
});
function getList() {
twoRApi({}).then((res) => {
if (res.code == 200) {
twoRList.value = res.result;
}
});
}
</script>
<style lang="less" scoped>
.two-r-box {
@@ -173,6 +194,7 @@
.clock-num1,
.clock-num2 {
font-size: 16px;
cursor: pointer;
}
.clock-num1 {
color: #22e8ff;