|
|
|
|
@ -1,15 +1,44 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="home"> |
|
|
|
|
<div class="act_title">医院选择</div> |
|
|
|
|
<div class="act_shoose"> |
|
|
|
|
<van-button @click="doGuidance" block>海慈医院</van-button> |
|
|
|
|
<van-button @click="doGuidance" block>即墨人民医院</van-button> |
|
|
|
|
<van-button @click="doGuidance" block>平度人民医院</van-button> |
|
|
|
|
<van-button @click="doGuidance" block>胶州医院</van-button> |
|
|
|
|
<van-button @click="doGuidance" block>莱西市立医院</van-button> |
|
|
|
|
<div @click="doGuidance" class="act_btn active"> |
|
|
|
|
<img/> |
|
|
|
|
<div class="hospital_info"> |
|
|
|
|
<div class="hospital_name">海慈医院</div> |
|
|
|
|
<div class="hospital_addr">青岛市市南区栖霞路18号</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div @click="doGuidance" class="act_btn"> |
|
|
|
|
<img/> |
|
|
|
|
<div class="hospital_info"> |
|
|
|
|
<div class="hospital_name">即墨人民医院</div> |
|
|
|
|
<div class="hospital_addr">青岛市市南区栖霞路18号</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div @click="doGuidance" class="act_btn"> |
|
|
|
|
<img/> |
|
|
|
|
<div class="hospital_info"> |
|
|
|
|
<div class="hospital_name">平度人民医院</div> |
|
|
|
|
<div class="hospital_addr">青岛市市南区栖霞路18号</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div @click="doGuidance" class="act_btn"> |
|
|
|
|
<img/> |
|
|
|
|
<div class="hospital_info"> |
|
|
|
|
<div class="hospital_name">胶州医院</div> |
|
|
|
|
<div class="hospital_addr">青岛市市南区栖霞路18号</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div @click="doGuidance" class="act_btn"> |
|
|
|
|
<img/> |
|
|
|
|
<div class="hospital_info"> |
|
|
|
|
<div class="hospital_name">莱西市立医院</div> |
|
|
|
|
<div class="hospital_addr">青岛市市南区栖霞路18号</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="act_box"> |
|
|
|
|
<van-button type="info" block>我的预约</van-button> |
|
|
|
|
<div @click="testAlert" class="act_btn">我的预约</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 阅读须知 --> |
|
|
|
|
<GuidanceVue @doCancelGuide="doCancelGuide" v-if="guideShow"></GuidanceVue> |
|
|
|
|
@ -17,6 +46,7 @@ |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import GuidanceVue from '@/components/Guidance.vue'; |
|
|
|
|
import { getUserInfo } from '@/utils/aisdapp'; |
|
|
|
|
export default { |
|
|
|
|
name: "HomeView", |
|
|
|
|
components: { |
|
|
|
|
@ -24,7 +54,18 @@ export default { |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
guideShow: false |
|
|
|
|
guideShow: false, |
|
|
|
|
userInfo: null, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
let userInfo = sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')) : null; |
|
|
|
|
console.log(userInfo); |
|
|
|
|
if (userInfo == null) { |
|
|
|
|
getUserInfo(); |
|
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
this.userInfo = userInfo; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
@ -53,23 +94,69 @@ export default { |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.home{ |
|
|
|
|
.act_title{ |
|
|
|
|
font-size: 0.22rem; |
|
|
|
|
.home { |
|
|
|
|
.act_shoose { |
|
|
|
|
height:9rem; |
|
|
|
|
margin: 1.4rem 0 0; |
|
|
|
|
padding: 0 0.24rem; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
|
|
.act_btn { |
|
|
|
|
width: 6.98rem; |
|
|
|
|
height: 0.96rem; |
|
|
|
|
background: #F6F6F6; |
|
|
|
|
border-radius: 0.08rem; |
|
|
|
|
border: 0.02rem solid #F6F6F6; |
|
|
|
|
text-align: center; |
|
|
|
|
padding:0.15rem 0; |
|
|
|
|
} |
|
|
|
|
.act_shoose{ |
|
|
|
|
margin: 0.1rem 0; |
|
|
|
|
padding: 0 0.3rem; |
|
|
|
|
.van-button{ |
|
|
|
|
margin-bottom: 0.12rem; |
|
|
|
|
padding: 0.12rem 0; |
|
|
|
|
margin-bottom: 0.3rem; |
|
|
|
|
&.active{ |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
border-color:#1677FF; |
|
|
|
|
} |
|
|
|
|
img{ |
|
|
|
|
width:0.6rem; |
|
|
|
|
height:0.6rem; |
|
|
|
|
margin-right:0.24rem; |
|
|
|
|
} |
|
|
|
|
.hospital_info{ |
|
|
|
|
display: inline-block; |
|
|
|
|
text-align: left; |
|
|
|
|
.hospital_name{ |
|
|
|
|
color: #333333; |
|
|
|
|
font-size: 0.34rem; |
|
|
|
|
font-family: PingFang SC-Regular, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
line-height: 0.48rem; |
|
|
|
|
} |
|
|
|
|
.hospital_addr{ |
|
|
|
|
color: #999999; |
|
|
|
|
line-height: 0.45rem; |
|
|
|
|
font-size: 0.22rem; |
|
|
|
|
font-family: PingFang SC-Regular, PingFang SC; |
|
|
|
|
font-weight: 400; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.act_box{ |
|
|
|
|
width: 2rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.act_box { |
|
|
|
|
position:absolute; |
|
|
|
|
left:0; |
|
|
|
|
right:0; |
|
|
|
|
bottom:0; |
|
|
|
|
padding: 0.24rem; |
|
|
|
|
background: #fff; |
|
|
|
|
.act_btn{ |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
font-size: 0.3rem; |
|
|
|
|
font-family: PingFang SC-Bold, PingFang SC; |
|
|
|
|
font-weight: bold; |
|
|
|
|
line-height:0.96rem; |
|
|
|
|
text-align: center; |
|
|
|
|
margin:0.15rem auto 0; |
|
|
|
|
background: #1677FF; |
|
|
|
|
border-radius: 0.08rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
xuechunyuan
3 years ago