up123

chenyc

2022-09-23 4b66df9b8b0e5273faab053d72666209af166a02

 src/views/home/index.vue

@@ -1,126 +1,124 @@
<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">张三丰</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 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="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                />
            </div>
            <div class="listInfos">
                <div class="listrow">
                    <div class="rowioc" contenteditable>
            <div class="meuns">
                <van-row class="meunsitems">
                    <van-col span="6" 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" 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" 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">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>
        <div class="listInfos">
            <div class="listrow">
                <div class="rowioc" contenteditable>
                    <van-image
                        width="24px"
                        height="24px"
                        :src="List1"
                    />
                </div>
                <div class="rowtext" contenteditable>
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback" contenteditable>
                    <van-image
                        :src="Black"
                    />
                </div>
            </div>
            <div class="listrow">
                <div class="rowioc" contenteditable>
                    <van-image
                        width="24px"
                        height="24px"
                        :src="List1"
                    />
                </div>
                <div class="rowtext" contenteditable>
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback" contenteditable>
                    <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="my" icon="manager">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
  <script lang="ts" setup>
@@ -128,14 +126,15 @@
    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 {useRoute,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 route = useRoute()
    const router=useRouter()
    // const counter = useCounterStore()
    const  loopData0= [
        {
@@ -176,11 +175,20 @@
    ]
    const active=ref('home')
    const tabChang=(index:any)=>{
        console.log(index)
        alert(index)
        if (index==='home'){
            router.push('/')
        } else {
            router.push('my')
        }
    }
    const topath=(url:string)=>{
        console.log('sss')
        router.push(url)
    }
    onMounted(() => {
        console.log('初始化',router)
        const queryInfo=router.query
        console.log('初始化',route)
        const queryInfo=route.query
        const {code}=queryInfo
        console.log(code)
        if (code){