From b785655ee996378ef61e64f43163888278900c57 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 20 十月 2022 16:05:20 +0800
Subject: [PATCH] 45
---
src/views/home/index.vue | 187 +++++++++++++++++++++++++++++++++++++---------
1 files changed, 151 insertions(+), 36 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 4ea1389..0f484ac 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,40 +1,155 @@
-<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
+<template>
+ <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>
+ <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">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">
+ <van-image
+ width="24px"
+ height="24px"
+ :src="List1"
+ />
+ </div>
+ <div class="rowtext">
+ <div class="rowb">健康趋势</div>
+ <div class="rowc">Health trends</div>
+ </div>
+ <div class="rowiocback">
+ <van-image
+ :src="Black"
+ />
+ </div>
+ </div>
+ <div class="listrow">
+ <div class="rowioc">
+ <van-image
+ width="24px"
+ height="24px"
+ :src="List1"
+ />
+ </div>
+ <div class="rowtext">
+ <div class="rowb">健康趋势</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="my" icon="manager">我的</van-tabbar-item>
+ </van-tabbar>
+ </div>
+</template>
+ <script lang="ts" setup>
+ import { onMounted,ref } 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 router=useRouter()
+ const userInfo = userInfoStore()
+ const active=ref('home')
+ const tabChang=(index:any)=>{
+ if (index==='home'){
+ router.push('/')
+ } else {
+ router.push('my')
+ }
}
- // counter.count++
- const count=computed(()=>{
- return counter.count
- })
- const add=()=>{
- counter.increment()
+ const topath=(url:string)=>{
+ console.log('sss')
+ router.push(url)
}
onMounted(() => {
- console.log('初始化',router)
- const queryInfo=router.query
- const {code}=queryInfo
- // if (code){
- // ajaxGet('wechat/code',{code}).then((re:any)=>{
- // console.log(re)
- // })
- // }
- console.log(code)
+ if (userInfo.info.openid===''){
+ router.push('login')
+ }
})
-
-</script>
-
-<template>
- <Button @click="add" type="primary">
- Tertiary{{count}}
- </Button>
- <div>{{data.name}}</div>
-</template>
-
+ </script>
+ <style scoped lang="css" src="./assets/index.scss" />
\ No newline at end of file
--
Gitblit v1.8.0