xinelu-applet-ui/pagesC/Physicalexamination/Physicalexamination.vue

404 lines
11 KiB
Vue
Raw Normal View History

2023-10-08 13:19:49 +08:00
<template>
<view class="app">
<view class="top">
2023-10-20 16:57:46 +08:00
<view class="device" @tap='goaddequipment'>
2023-10-08 13:19:49 +08:00
<image src="../../static/pageC/device.png" mode=""></image>
<span class="deviceitem">智能设备</span>
<view class="itemdata">
绑定设备关注健康
</view>
</view>
<view class="device">
<image src="../../static/pageC/report.png" mode=""></image>
2023-10-08 14:48:39 +08:00
<span class="deviceitem">检测报告</span>
2023-10-08 13:19:49 +08:00
<view class="itemdata">
智慧驿站免费检测
</view>
</view>
</view>
<view class="body">
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(0)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
血糖
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!dataone">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/sugar.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
{{dataone.date}}
</view>
<view class="" v-if="dataone.bucket=='4'">
<image src="../../static/pageC/oneimage.png" mode="" v-if="Number(dataone.val)<4.4"></image>
<image src="../../static/pageC/twoimage.png" mode=""
v-if="Number(dataone.val)>=4.4&&Number(dataone.val)<=7"></image>
<image src="../../static/pageC/threeimage.png" mode="" v-if="Number(dataone.val)>7"></image>
</view>
<view class="" v-else>
<image src="../../static/pageC/oneimage.png" mode="" v-if="Number(dataone.val)<4.4"></image>
<image src="../../static/pageC/twoimage.png" mode=""
2023-10-20 17:05:19 +08:00
v-if="Number(dataone.val)>=4.4&&Number(dataone.val)<=10"></image>
2023-10-20 16:57:46 +08:00
<image src="../../static/pageC/threeimage.png" mode="" v-if="Number(dataone.val)>10"></image>
</view>
<view class="title">
<text>{{dataone.val}}</text>
<text>mmol/L</text>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(1)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
血压
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!datatwo">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/bloodpressure.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
{{datatwo.date}}
</view>
<view class="bloodpressure">
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datatwo.ssy}}
</view>
<view class="mmHg">
mmHg
</view>
<view class="colorone" v-if="datatwo.ssy<90">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datatwo.ssy>=90&&datatwo.ssy<=140">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datatwo.ssy>=140">
<view class="dot">
</view>
过高
</view>
</view>
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datatwo.szy}}
</view>
<view class="mmHg">
mmHg
</view>
<view class="colorone" v-if="datatwo.szy<60">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datatwo.szy>=60&&datatwo.szy<=90">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datatwo.szy>90">
<view class="dot">
</view>
过高
</view>
</view>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(2)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
2023-10-19 15:49:55 +08:00
血脂
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!datathree">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/bloodfat.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
{{datathree.date}}
</view>
<view class="bloodpressure" style="top:40%">
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datathree.tc}}
</view>
<view class="mmHg">
mmol/L
</view>
<view class="colorone" v-if="datathree.tc<3.0">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datathree.tc>=3.0&&datathree.tc<=5.7">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datathree.tc>5.7">
<view class="dot">
</view>
过高
</view>
</view>
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datathree.tg}}
</view>
<view class="mmHg">
mmol/L
</view>
<view class="colorone" v-if="datathree.tg<0.5">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datathree.tg>=0.5&&datathree.tg<=1.7">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datathree.tg>1.7">
<view class="dot">
</view>
过高
</view>
</view>
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datathree.hdl}}
</view>
<view class="mmHg">
mmol/L
</view>
<view class="colorone" v-if="datathree.hdl<0.9">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datathree.hdl>=0.9&&datathree.hdl<=1.8">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datathree.hdl>1.8">
<view class="dot">
</view>
过高
</view>
</view>
<view class="bloodpressureitem">
<view class="bloodpressuretitle">
{{datathree.ldl}}
</view>
<view class="mmHg">
mmol/L
</view>
<view class="colorone" v-if="datathree.ldl<2.1">
<view class="dot">
</view>
过低
</view>
<view class="colortwo" v-if="datathree.ldl>=2.1&&datathree.ldl<=3.1">
<view class="dot">
</view>
正常
</view>
<view class="colorthree" v-if="datathree.ldl>3.1">
<view class="dot">
</view>
过高
</view>
</view>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(3)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
BMI
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!datafour">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/dkw.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
2023-10-20 17:05:19 +08:00
{{datafour.date}}
2023-10-20 16:57:46 +08:00
</view>
<view class="bmi">
<image src="../../static/pageC/bmi1.png" mode="" v-if="Number(datafour.val)<18.5"></image>
<image src="../../static/pageC/bmi2.png" mode=""
v-if="Number(datafour.val)>=18.5&&Number(datafour.val)<=23.9"></image>
<image src="../../static/pageC/bmi3.png" mode=""
v-if="Number(datafour.val)>23.9&&Number(datafour.val)<=27.9"></image>
<image src="../../static/pageC/bmi4.png" mode="" v-if="Number(datafour.val)>=27.9"></image>
</view>
<view class="title">
<text>{{datafour.val}}</text>
<text>kg/m^2</text>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(4)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
2023-10-19 15:49:55 +08:00
血氧
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!datafive">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/oxygen.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
2023-10-20 17:05:19 +08:00
{{datafive.date}}
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/xueyangone.png" mode="" v-if="Number(datafive.val)<95"></image>
<image src="../../static/pageC/xueyangtwo.png" mode="" v-if="Number(datafive.val)>=95"></image>
<view class="title">
<text>{{datafive.val}}</text>
<text>%</text>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(5)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
2023-10-19 15:49:55 +08:00
心率
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!datasix">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/heartrate.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
2023-10-20 17:05:19 +08:00
{{datasix.date}}
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/oneimage.png" mode="" v-if="Number(datasix.val)<60"></image>
<image src="../../static/pageC/twoimage.png" mode=""
v-if="Number(datasix.val)>=60&&Number(datasix.val)<=100"></image>
<image src="../../static/pageC/threeimage.png" mode="" v-if="Number(datasix.val)>100"></image>
<view class="title">
<text>{{datasix.val}}</text>
<text>/</text>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
<view class="item" @tap='gohealthdata(6)'>
2023-10-08 13:19:49 +08:00
<view class="itemtitle">
2023-10-19 15:49:55 +08:00
体温
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="" v-if="!dataseven">
<view class="itemtext">
快来测量吧~
</view>
<view class="itemtext two">
2023-10-20 17:14:47 +08:00
您暂时未测量
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/temperature.png" mode=""></image>
2023-10-08 13:19:49 +08:00
</view>
2023-10-20 16:57:46 +08:00
<view class="titletexts" v-else>
<view class="time">
2023-10-20 17:05:19 +08:00
{{dataseven.date}}
2023-10-20 16:57:46 +08:00
</view>
<image src="../../static/pageC/oneimage.png" mode="" v-if="Number(dataseven.val)<36"></image>
<image src="../../static/pageC/twoimage.png" mode=""
v-if="Number(dataseven.val)>=36&&Number(dataseven.val)<=37"></image>
<image src="../../static/pageC/threeimage.png" mode="" v-if="Number(dataseven.val)>37"></image>
<view class="title">
<text>{{dataseven.val}}</text>
<text></text>
</view>
2023-10-08 13:19:49 +08:00
</view>
</view>
2023-10-19 15:49:55 +08:00
</view>
2023-10-08 13:19:49 +08:00
</view>
</template>
<script>
2023-10-20 16:57:46 +08:00
import {
recordlast
} from '@/api/examinationapi/add.js'
2023-10-08 13:19:49 +08:00
export default {
data() {
return {
2023-10-20 16:57:46 +08:00
dataone: null,
datatwo: null,
datathree: null,
datafour: null,
datafive: null,
datasix: null,
dataseven: null,
2023-10-08 13:19:49 +08:00
}
},
2023-10-20 16:57:46 +08:00
onShow() {
this.info();
},
2023-10-08 13:19:49 +08:00
methods: {
2023-10-20 16:57:46 +08:00
info() {
// userinfo.cardNo,
recordlast('370882199909092123').then(res => {
res.data.forEach(e => {
e.type == '1' ? this.dataone = e : ''
e.type == '2' ? this.datatwo = e : ''
e.type == '3' ? this.datathree = e : ''
e.type == '4' ? this.datafour = e : ''
e.type == '5' ? this.datafive = e : ''
e.type == '6' ? this.datasix = e : ''
e.type == '7' ? this.dataseven = e : ''
})
this.datatwo.szy = this.datatwo.val.split('/')[1]
this.datatwo.ssy = this.datatwo.val.split('/')[0]
this.datathree.tc = this.datathree.val.split('/')[0]
this.datathree.tg = this.datathree.val.split('/')[1]
this.datathree.hdl = this.datathree.val.split('/')[2]
this.datathree.ldl = this.datathree.val.split('/')[3]
})
},
goaddequipment() {
uni.navigateTo({
url: "/pagesC/addequipment/addequipment"
})
},
2023-10-19 15:49:55 +08:00
gohealthdata(index) {
uni.navigateTo({
url: `/pagesC/healthdata/healthdata?index=${index}`
})
},
2023-10-08 13:19:49 +08:00
}
}
</script>
<style lang="scss">
2023-10-08 13:38:33 +08:00
@import './Physicalexamination.scss';
2023-10-20 17:05:19 +08:00
</style>