<template>
|
<div class="page">
|
<div class="box_1">
|
<div class="userinfo">
|
<div class="name" v-if="patientInfo.patientInfo.patientName !== undefined">{{patientInfo.patientInfo.patientName}}</div>
|
<div class="userCode">透析号：{{patientInfo.patientInfo.patientHemoCode}} </div>
|
<div class="userQRcode">
|
<img
|
@click="showerwima = true"
|
style=" width: 60px;height: 60px;margin-left: 8%; margin-top: 20px;"
|
referrerpolicy="no-referrer"
|
:src="patientInfo.patientInfo.patientQrcodeUrl"
|
/>
|
</div>
|
</div>
|
<div class="userHead">
|
<van-image
|
round
|
width="78px"
|
height="78px"
|
:src="patientInfo.patientInfo.patientAvatarIcon"
|
/>
|
</div>
|
<div class="meuns">
|
<van-row class="meunsitems">
|
<van-col span="6" @click="topath('/report')" class="item">
|
<van-image
|
round
|
width="42px"
|
height="42px"
|
:src="meun1"
|
/>
|
<div>检验报告</div>
|
</van-col>
|
<van-col span="6" @click="topath('/paiban')" class="item">
|
<van-image
|
round
|
width="42px"
|
height="42px"
|
:src="meun2"
|
/>
|
<div>透析排班</div>
|
</van-col>
|
<van-col span="6" @click="topath('/prescriptionDrug')" class="item">
|
<van-image
|
round
|
width="42px"
|
height="42px"
|
:src="meun3"
|
/>
|
<div>透析医嘱</div>
|
</van-col>
|
<van-col span="6" @click="topath('/record')" class="item">
|
<van-image
|
round
|
width="42px"
|
height="42px"
|
:src="meun4"
|
/>
|
<div>透析记录</div>
|
</van-col>
|
</van-row>
|
</div>
|
</div>
|
<div class="viewInfo">
|
<div class="box">
|
<div class="crainfo">
|
<div class="tizhong">{{最近体重血压.体重}}</div>
|
</div>
|
<div class="hanzhi">体重(kg)</div>
|
<div class="yinyu">最近透析治疗签到的透前体重</div>
|
</div>
|
<div class="box">
|
<div class="crainfo">
|
<div class="xueya">
|
<div v-if="最近体重血压.血压">{{最近体重血压.血压.split('/')[0]}}</div>
|
<div style="height: 1px;background-color: #909399;"></div>
|
<div v-if="最近体重血压.血压">{{最近体重血压.血压.split('/')[1]}}</div>
|
</div>
|
</div>
|
<div class="hanzhi">血压(mmHg)</div>
|
<div class="yinyu">最近透析治疗签到的透前血压</div>
|
</div>
|
</div>
|
<div class="listInfos">
|
<div class="listrow" @click="Toast('此功能正在开发中,敬请期待')">
|
<div class="rowioc">
|
<van-image
|
width="24px"
|
height="24px"
|
:src="List1"
|
/>
|
</div>
|
<div class="rowtext">
|
<div class="rowc">健康趋势</div>
|
<div class="rowc">Health trends</div>
|
</div>
|
<div class="rowiocback">
|
<van-image
|
:src="Black"
|
/>
|
</div>
|
</div>
|
<div class="listrow" @click="Toast('此功能正在开发中,敬请期待')">
|
<div class="rowioc">
|
<van-image
|
width="24px"
|
height="24px"
|
:src="List1"
|
/>
|
</div>
|
<div class="rowtext">
|
<div class="rowc">健康宣教</div>
|
<div class="rowc">Health trends</div>
|
</div>
|
<div class="rowiocback">
|
<van-image
|
:src="Black"
|
/>
|
</div>
|
</div>
|
</div>
|
<van-tabbar v-model="active" @change="tabChang">
|
<van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
|
<van-tabbar-item name="xuanjiao" icon="smile-o">宣教</van-tabbar-item>
|
<van-tabbar-item name="my" icon="manager">我的</van-tabbar-item>
|
</van-tabbar>
|
<van-popup v-model:show="showerwima">
|
<div class="imgcla">
|
<img
|
preview="1"
|
style=" width: 350px;height: 350px;"
|
referrerpolicy="no-referrer"
|
:src="patientInfo.patientInfo.patientQrcodeUrl"
|
/>
|
</div>
|
</van-popup>
|
</div>
|
</template>
|
<script lang="ts" setup>
|
import { onMounted,ref,computed,watch } from 'vue'
|
import { userInfoStore } from '@/stores/userInfo'
|
import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem, Toast } from 'vant'
|
import {useRouter} from 'vue-router'
|
import meun1 from './assets/meun1.png'
|
import meun2 from './assets/meun2.png'
|
import meun3 from './assets/meun3.png'
|
import meun4 from './assets/meun4.png'
|
import List1 from './assets/row1.png'
|
import Black from './assets/Black.png'
|
const router=useRouter()
|
const userInfo = userInfoStore()
|
const active=ref('home')
|
const showerwima=ref(false)
|
const tabChang=(index:any)=>{
|
if (index==='home'){
|
router.push('/')
|
} else if (index==='xuanjiao') {
|
Toast('此功能正在开发中,敬请期待')
|
return
|
router.push('xuanjiao')
|
} else if (index==='my') {
|
router.push('my')
|
}
|
}
|
const topath=(url:string)=>{
|
console.log('sss')
|
if (url==='/report222'){
|
Toast('此功能暂未开通')
|
} else {
|
router.push(url)
|
}
|
}
|
const patientInfo=computed(() => {
|
return userInfo.patient
|
})
|
const 最近体重血压=computed(() => {
|
return userInfo.最近体重血压
|
})
|
// const Info=computed(() => {
|
// return userInfo.info
|
// })
|
watch(
|
()=>patientInfo,
|
()=>{
|
console.log('患者变化了')
|
}
|
)
|
onMounted(() => {
|
// if (userInfo.info.openid===''){
|
// router.push('login')
|
// }
|
console.log(userInfo.patient,'患者信息')
|
console.log(userInfo.info,'微信账号信息')
|
})
|
</script>
|
<style scoped lang="css" src="./assets/index.scss" />
|
