From f72a1b4602d6226b6eaae3141d9b98a9c1201526 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 27 十月 2022 15:59:46 +0800
Subject: [PATCH] 45
---
src/views/myMine/index.vue | 78 ++++++++++++++++++++++++++++++---------
1 files changed, 60 insertions(+), 18 deletions(-)
diff --git a/src/views/myMine/index.vue b/src/views/myMine/index.vue
index 8f1e705..7129e07 100644
--- a/src/views/myMine/index.vue
+++ b/src/views/myMine/index.vue
@@ -7,35 +7,39 @@
round
width="50px"
height="50px"
- src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
+ :src="patientInfo.patientInfo.patientAvatarIcon"
/>
</div>
<div class="rowtext">
- 用户名：1771723243242
+ 手机号：{{patientInfo.patientInfo.patientTelNo}}
</div>
</div>
</div>
<div class="userInfo">
- <van-row style="padding-left: 20px; padding-top: 12px; border-bottom: 1px solid #F1F1F2;">
- <van-col span="12">患者卡片</van-col>
- <van-col span="12" style="text-align: right;padding-right: 25px;"> <van-icon name="arrow" /></van-col>
- </van-row>
+ <div style="padding-left: 20px; padding-top: 12px; padding-right: 20px;">
+ <van-row style="border-bottom: 1px solid #F1F1F2;margin-top: 12px;">
+ <van-col span="12" style="margin-bottom: 12px;">患者卡片</van-col>
+ <van-col span="12" style="text-align: right;padding-right: 25px;"> <van-icon name="arrow" /></van-col>
+ </van-row>
+ </div>
+
<van-row style="padding-left: 20px;">
<van-col span="16" class="info16">
- <div class="div1">张三丰
+ <div class="div1">{{patientInfo.patientInfo.patientName}}
<span class="but">排班提醒</span>
</div>
<div class="div2">患者卡号</div>
- <div class="div3">000000001</div>
+ <div class="div3">{{patientInfo.patientInfo.patientCardNo}} </div>
</van-col>
<van-col span="8" class="info8">
- <div class="img">
+ <div class="img" @click="imgShow">
<img
- style=" width: 55px;height: 55px;margin-left: 8%; margin-top: 22px;"
+ preview="1"
+ style=" width: 55px;height: 55px;margin-left: 8%; margin-top: 15px;"
referrerpolicy="no-referrer"
- src="./imgs/erwm.png"
+ :src="erweima"
/>
- <div class="devcc">出示称重码</div>
+ <div class="devcc">出示患者码</div>
</div>
</van-col>
</van-row>
@@ -98,8 +102,18 @@
</div>
</div>
<div class="ButtonBody">
- <van-button type="primary" round block>退出登录</van-button>
+ <van-button type="primary" @click="logOUT" round block>退出登录</van-button>
</div>
+ <van-popup v-model:show="show">
+ <div class="imgcla">
+ <img
+ preview="1"
+ style=" width: 350px;height: 350px;"
+ referrerpolicy="no-referrer"
+ :src="erweiImg"
+ />
+ </div>
+ </van-popup>
<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>
@@ -107,19 +121,42 @@
</div>
</template>
<script lang="ts" setup>
- import { ref } from 'vue'
+ import { ref,computed } from 'vue'
+ import {ajaxPost} from '@/utils/axios'
+ import { Session } from '@/utils/storage'
+ import { userInfoStore } from '@/stores/userInfo'
import serve1 from './imgs/serve1.png'
- import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem} from 'vant'
+ import erweima from './imgs/erwm.png'
+ // import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem} from 'vant'
import {useRouter} from 'vue-router'
const router=useRouter()
+ const userInfo = userInfoStore()
const active=ref('my')
+ const show=ref(false)
+ const erweiImg=ref('')
const tabChang=(index:any)=>{
- alert(index)
if (index==='home'){
router.push('/')
} else {
router.push('my')
}
+ }
+ const imgShow=()=>{
+ show.value=true
+ ajaxPost('/patient/info/showQRCode',`patientCode=${patientInfo.value.patientInfo.code}&isForceLoad=1`).then((res:any)=>{
+ show.value=true
+ erweiImg.value=res
+ })
+ }
+ const patientInfo=computed(()=>{
+ return userInfo.patient
+ })
+ const logOUT=()=>{
+ ajaxPost('/patient/info/logout','').then((re:any)=>{
+ console.log(re)
+ Session.clear() // 清除缓存/token等
+ router.push('login')
+ })
}
</script>
<style lang="scss" scoped>
@@ -127,6 +164,11 @@
background-color:#166bd3;
}
.page{
+ .imgcla{
+ width: 350px;
+ min-height: 350px;
+ border: #777777 1px solid;
+ }
background-color:#F6FAFF;
position:relative;
min-width: 375px;
@@ -158,7 +200,7 @@
.userInfo{
width: 92%;
margin-left: 4%;
- height: 140px;
+ height: 160px;
background: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
border-radius: 5px;
@@ -256,7 +298,7 @@
background: #166bd3;
}
.ButtonBody{
- margin-top: 20px;
+ margin-top: 40px;
width: 92%;
margin-left: 4%;
// background: #166bd3;
--
Gitblit v1.8.0