From 5d6c0e614bab737842e402077bee47a9d4e18733 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期五, 14 十一月 2025 14:47:39 +0800
Subject: [PATCH] gx密码输入提示
---
src/views/home/index.vue | 330 +++++++++++++++++++++++++++---------------------------
1 files changed, 167 insertions(+), 163 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index e3e4117..25ad9c8 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,193 +1,197 @@
<template>
- <div class="parent">
- <div class="page">
- <div class="box_1">
- <div class="userinfo">
- <div class="name">张三丰</div>
- <div class="userCode">卡号：202324224242 </div>
- <div class="userQRcode">
- <img
- style=" width: 60px;height: 60px;margin-left: 8%; margin-top: 20px;"
- referrerpolicy="no-referrer"
- src="@/views/home/assets/img/SketchPng011ef35b32ef075413b756766208370cde43357dffc3333d2acf29b70793c15d.png"
- />
- </div>
- </div>
- <div class="userHead">
- <van-image
- round
- width="78px"
- height="78px"
- src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
+ <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 class="meuns">
- <van-row class="meunsitems">
- <van-col span="6" class="item">
- <van-image
- round
- width="42px"
- height="42px"
- :src="meun1"
- />
- <div>检验报告</div>
- </van-col>
- <van-col span="6" class="item">
- <van-image
- round
- width="42px"
- height="42px"
- :src="meun2"
- />
- <div>透析排班</div>
- </van-col>
- <van-col span="6" class="item">
- <van-image
- round
- width="42px"
- height="42px"
- :src="meun3"
- />
- <div>透析医嘱</div>
- </van-col>
- <van-col span="6" 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">86</div>
- </div>
- <div class="hanzhi">体重(kg)</div>
- <div class="yinyu">Patient weight data</div>
- </div>
- <div class="box">
- <div class="crainfo">
- <div class="xueya">138/88</div>
- </div>
- <div class="hanzhi">血压(mmHg)</div>
- <div class="yinyu">Patient blood pressure data</div>
- </div>
+ <div class="userHead">
+ <van-image
+ round
+ width="78px"
+ height="78px"
+ :src="patientInfo.patientInfo.patientAvatarIcon"
+ />
</div>
- <div class="listInfos">
- <div class="listrow">
- <div class="rowioc" contenteditable>
+ <div class="meuns">
+ <van-row class="meunsitems">
+ <van-col span="6" @click="topath('/report')" class="item">
<van-image
- width="24px"
- height="24px"
- :src="List1"
+ round
+ width="42px"
+ height="42px"
+ :src="meun1"
/>
- </div>
- <div class="rowtext" contenteditable>
- <div class="rowb">健康趋势</div>
- <div class="rowc">Health trends</div>
- </div>
- <div class="rowiocback" contenteditable>
+ <div>检验报告</div>
+ </van-col>
+ <van-col span="6" @click="topath('/paiban')" class="item">
<van-image
- :src="Black"
+ round
+ width="42px"
+ height="42px"
+ :src="meun2"
/>
- </div>
- </div>
- <div class="listrow">
- <div class="rowioc" contenteditable>
+ <div>透析排班</div>
+ </van-col>
+ <van-col span="6" @click="topath('/prescriptionDrug')" class="item">
<van-image
- width="24px"
- height="24px"
- :src="List1"
+ round
+ width="42px"
+ height="42px"
+ :src="meun3"
/>
- </div>
- <div class="rowtext" contenteditable>
- <div class="rowb">健康趋势</div>
- <div class="rowc">Health trends</div>
- </div>
- <div class="rowiocback" contenteditable>
+ <div>透析医嘱</div>
+ </van-col>
+ <van-col span="6" @click="topath('/record')" class="item">
<van-image
- :src="Black"
+ round
+ width="42px"
+ height="42px"
+ :src="meun4"
/>
- </div>
- </div>
+ <div>透析记录</div>
+ </van-col>
+ </van-row>
</div>
- <van-tabbar v-model="active" @change="tabChang">
- <van-tabbar-item name="home" @click="active = 'home'" icon="home-o">首页</van-tabbar-item>
- <van-tabbar-item name="mydo" @click="active = 'mydo'" icon="manager">我的</van-tabbar-item>
- </van-tabbar>
</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,computed,ref } from 'vue'
- import { ajaxGet } from '@/utils/axios'
- // import { useCounterStore } from '@/stores/counter'
- import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem} from 'vant'
- import {useRoute} from 'vue-router'
+ 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 = useRoute()
- // const counter = useCounterStore()
- const loopData0= [
- {
- lanhuBg2:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng10c918ad8f5eb3b228828f57732dad7ecd28335754916c4012147796e36591d6) 0px 0px no-repeat',
- lanhutext0: '健康趋势',
- lanhutext1: 'Health trends'
- },
- {
- lanhuBg2:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9dd5bfd8bce302227d8c0ccb89144c1b70b47c2b07da1fcbb144c9347d69e72a) 0px 0px no-repeat',
- lanhutext0: '健康宣教',
- lanhutext1: 'Health Education'
- }
- ]
-
- const loopData1= [
- {
- lanhuBg1:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng042226982f8d895d90cdcfefb4ea4846696567d8a40a8e0a1dd0073e7f899480) 100% no-repeat',
- lanhutext0: '检验报告'
- },
- {
- lanhuBg1:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng43a5d2681858b5057217f32705ac557e7fac69348980e05950c034793715775c) 100% no-repeat',
- lanhutext0: '透析排班'
- },
- {
- lanhuBg1:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5658c304c4e0841738fddace6a4bbb55d801d98a5e769632b0b71ffe48d56937) 100% no-repeat',
- lanhutext0: '透析医嘱'
- },
- {
- lanhuBg1:
- 'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd56bf49c9455a5e530aa3cb0e45df98f9ee00edae6eb83220b2a0d76f6e9b487) 100% no-repeat',
- lanhutext0: '透析记录'
- }
- ]
+ const router=useRouter()
+ const userInfo = userInfoStore()
const active=ref('home')
+ const showerwima=ref(false)
const tabChang=(index:any)=>{
- console.log(index)
- }
- onMounted(() => {
- console.log('初始化',router)
- const queryInfo=router.query
- const {code}=queryInfo
- console.log(code)
- if (code){
- ajaxGet('wechat/code',{code}).then((re:any)=>{
- console.log(re)
- })
+ 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" />
\ No newline at end of file
--
Gitblit v1.8.0