点击二维码弹出大二维码

chenyc

2025-08-26 7b2f328b9eed45e57afa037e1eea5c06fe636fc2

 src/views/home/index.vue

@@ -2,13 +2,14 @@
    <div class="page">
        <div class="box_1">
            <div class="userinfo">
                <div class="name">{{patientInfo.patientInfo.patientName}}</div>
                <div class="userCode">卡号：{{patientInfo.patientInfo.patientCardNo}} </div>
                <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.patientAvatarIcon"
                        :src="patientInfo.patientInfo.patientQrcodeUrl"
                    />
                </div>
            </div>
@@ -17,7 +18,7 @@
                    round
                    width="78px"
                    height="78px"
                    :src="Info.headimgurl"
                    :src="patientInfo.patientInfo.patientAvatarIcon"
                />
            </div>
            <div class="meuns">
@@ -64,21 +65,25 @@
        <div class="viewInfo">
            <div class="box">
                <div class="crainfo">
                    <div class="tizhong">{{patientInfo.weight}}</div>
                    <div class="tizhong">{{最近体重血压.体重}}</div>
                </div>
                <div class="hanzhi">体重(kg)</div>
                <div class="yinyu">Patient weight data</div>
                <div class="yinyu">最近透析治疗签到的透前体重</div>
            </div>
            <div class="box">
                <div class="crainfo">
                    <div class="xueya">{{patientInfo.pressure}}</div>
                    <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">Patient blood pressure data</div>
                <div class="yinyu">最近透析治疗签到的透前血压</div>
            </div>
        </div>
        <div class="listInfos">
            <div class="listrow">
            <div class="listrow" @click="Toast('此功能正在开发中,敬请期待')">
                <div class="rowioc">
                    <van-image
                        width="24px"
@@ -87,7 +92,7 @@
                    />
                </div>
                <div class="rowtext">
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">健康趋势</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback">
@@ -96,7 +101,7 @@
                    />
                </div>
            </div>
            <div class="listrow">
            <div class="listrow" @click="Toast('此功能正在开发中,敬请期待')">
                <div class="rowioc">
                    <van-image
                        width="24px"
@@ -105,7 +110,7 @@
                    />
                </div>
                <div class="rowtext">
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">健康宣教</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback">
@@ -117,9 +122,19 @@
        </div>
        <van-tabbar v-model="active" @change="tabChang">
            <van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
            <van-tabbar-item name="jifen" icon="cart-circle-o">积分商城</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>
@@ -136,18 +151,19 @@
    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==='jifen') {
            router.push('jifenShangCheng')
        }else if(index==='my') {
        } else if (index==='xuanjiao') {
            router.push('xuanjiao')
        } else if (index==='my') {
            router.push('my')
        }
    }
    const topath=(url:string)=>{
        console.log('sss')
        if (url==='/report'){
        if (url==='/report222'){
            Toast('此功能暂未开通')
        } else {
            router.push(url)
@@ -156,9 +172,12 @@
    const patientInfo=computed(() => {
        return userInfo.patient
    })
    const Info=computed(() => {
        return userInfo.info
    const 最近体重血压=computed(() => {
        return userInfo.最近体重血压
    })
    // const Info=computed(() => {
    // return userInfo.info
    // })
    watch(
        ()=>patientInfo,
        ()=>{