点击二维码弹出大二维码

chenyc

2025-08-26 7b2f328b9eed45e57afa037e1eea5c06fe636fc2

 src/views/home/index.vue

@@ -1,40 +1,195 @@
<script lang="ts" setup>
    import { onMounted,computed } from 'vue'
    import { ajaxGet } from '@/utils/axios'
    import { useCounterStore } from '@/stores/counter'
    import { Button  } from 'vant'
    import {useRoute} from 'vue-router'
    const router = useRoute()
    const counter = useCounterStore()
    const data={
        name:'cheng',
        age:18
    }
    // counter.count++
    const count=computed(()=>{
        return counter.count
    })
    const add=()=>{
        counter.increment()
    }
    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)
            })
        }
    })

</script>

<template>
    <Button @click="add" type="primary">
        Tertiary{{count}}
    </Button>
    <div>{{data.name}}</div>
    <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') {
            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" />