56

chenyc

2022-10-27 3e0c374256cb8abdde99ff274c4c3d70abe27ca0

 src/views/home/index.vue

@@ -2,13 +2,13 @@
    <div class="page">
        <div class="box_1">
            <div class="userinfo">
                <div class="name">张三丰</div>
                <div class="userCode">卡号：202324224242 </div>
                <div class="name">{{patientInfo.patientInfo.patientName}}</div>
                <div class="userCode">卡号：{{patientInfo.patientInfo.patientCardNo}} </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"
                        :src="patientInfo.patientInfo.patientAvatarIcon"
                    />
                </div>
            </div>
@@ -17,7 +17,7 @@
                    round
                    width="78px"
                    height="78px"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                    :src="Info.headimgurl"
                />
            </div>
            <div class="meuns">
@@ -64,14 +64,14 @@
        <div class="viewInfo">
            <div class="box">
                <div class="crainfo">
                    <div class="tizhong">86</div>
                    <div class="tizhong">{{patientInfo.weight}}</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 class="xueya">{{patientInfo.pressure}}</div>
                </div>
                <div class="hanzhi">血压(mmHg)</div>
                <div class="yinyu">Patient blood pressure data</div>
@@ -122,20 +122,18 @@
    </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,useRouter} 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 } 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 route = useRoute()
    const router=useRouter()
    // const counter = useCounterStore()
    const userInfo = userInfoStore()
    const active=ref('home')
    const tabChang=(index:any)=>{
        if (index==='home'){
@@ -148,35 +146,24 @@
        console.log('sss')
        router.push(url)
    }
    const isWechat = () => {
        return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === 'micromessenger'
    }
    onMounted(() => {
        if (isWechat()){
            console.log('初始化',route)
            const queryInfo=route.query
            const {code}=queryInfo
            console.log(code)
            if (code){
                ajaxGet('wechat/code',{code}).then((re:any)=>{
                    console.log(re)
                })
            }
            else {
                const appid = 'wx790bd67db6206070' // 微信APPid
                const local = window.location.href
                window.location.href =
                    'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' +
                    appid +
                    '&redirect_uri=' +
                    encodeURIComponent(local) +
                    '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'

            }
        } else {
            console.log('不是微信浏览器')
    const patientInfo=computed(() => {
        return userInfo.patient
    })
    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" />