suojin
/
hospital_health_check
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善h5页面

Browse Source
main
jinna 3 years ago
parent 1a091c77fe
commit 7d4cf9c06b
4 changed files with 81 additions and 24 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 0
      src/assets/image/time_gray.png
  2. 25
      src/views/examProject.vue
  3. 8
      src/views/examination.vue
  4. 72
      src/views/myExam.vue

0
src/assets/image/time_gary.png → src/assets/image/time_gray.png
Unescape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

25
src/views/examProject.vue
Unescape View File

@ -37,19 +37,19 @@
<div>未提前取消且未按期体检将被拉入黑名单</div>
<div>被拉黑用户10日内不可再预约</div>
</div>
<div class="btn">知道了</div>
<div class="btn" @click="clickSucc">知道了</div>
</div>
<div class="wrapper" @click.stop v-show="!isSuccess">
<div class="img_box">
<div class="img_box" >
<img src="~@/assets/image/fail.png" alt="">
</div>
<div class="tips">预约失败</div>
<div class="tip_txt">
<div>您选择的时间段已无号，请重新预约</div>
</div>
<div class="btn">知道了</div>
<div class="btn" @click="clickFail">知道了</div>
</div>
<div class="close_box"><img src="~@/assets/image/close.png" alt=""></div>
<div class="close_box" @click="clickClose"><img src="~@/assets/image/close.png" alt=""></div>
</van-overlay>
</div>
</template>
@ -101,9 +101,24 @@ export default {
confirm(){
console.log(this.proArr)
if(this.proArr.length != 0){
this.isShow = true
this.isShow = true;
this.isSuccess = true
}
},
clickFail(){
this.$router.replace({
name:'examination'
})
},
clickSucc(){
this.$router.replace({
name:'MyExam'
})
},
clickClose(){
this.isShow = false
}
},
};
</script>

8
src/views/examination.vue
Unescape View File

@ -14,7 +14,7 @@
</div>
</div>
<div v-if="isCal">
<van-swipe class="my-swipe" :stop-propagation="false">
<van-swipe class="my-swipe" :stop-propagation="false" :show-indicators="false">
<van-swipe-item>
<van-calendar
class="can_box"
@ -235,7 +235,7 @@ export default {
onConfirm1(){},
handleExam(){
console.log(this.selectArr,this.selectDate)
this.$router.replace({
this.$router.push({
name:'ExamProject',
params:{
time:this.selectDate,
@ -254,6 +254,7 @@ export default {
height: 100%;
overflow-x: hidden;
background: #F9F9F9;
position: absolute;
.top_box{
background: #fff;
@ -480,6 +481,9 @@ export default {
border-radius: 50%;
color: #fff;
}
.van-calendar__weekdays{
margin-bottom: 0.24rem;
}
.van-calendar__weekday{
font-size: 0.32rem;
}

72
src/views/myExam.vue
Unescape View File

@ -1,27 +1,29 @@
<template>
<div class="my_exam">
<div class="exam_box">
<div class="time_box">2023-01-08</div>
<div class="pro_box">
<div class="exam_box" v-for="item in examArr" :key="item.time">
<div class="time_box">{{item.time}}</div>
<div class="pro_box" v-for="item1 in item.examData" :key="item1.name">
<div class="pro_top">
<div class="img_box">
<img src="~@/assets/image/time.png" alt="" />
<img v-if="item1.status !== 3" src="~@/assets/image/time.png" alt="" />
<img v-else src="~@/assets/image/time_gray.png" alt="" />
</div>
<div class="time_box">
<div class="time_text">2023-01-08</div>
<div class="date_txt">上午 9:00-9:30</div>
<div class="time_text">{{item1.time}}</div>
<div class="date_txt">{{item1.monment}}</div>
</div>
</div>
<div class="pro_bottom">
<div class="pro_left">
<div class="img_box">
<img src="~@/assets/image/pro.png" alt="" />
<img v-if="item1.status !== 3" src="~@/assets/image/pro.png" alt="" />
<img v-else src="~@/assets/image/pro_gray.png" alt="" />
</div>
<div class="pro_name">单眼视力</div>
<div class="pro_pos">门诊楼3楼眼科门诊</div>
<div class="pro_name">{{item1.name}}</div>
<div class="pro_pos" :class="item1.status == 1 ? 'tips' : item1.status == 3 ? 'cancel_tip' : ''">{{item1.tip}}</div>
</div>
<div class="pro_right">
<div class="cancel">取消预约</div>
<div class="cancel" :class="item1.status == 2 ? 'finish' : item1.status == 3 ? 'cancel_item' : ''">{{item1.status == 1 ? '取消预约' : item1.status == 2 ? '已完成' : item1.status == 3 ? '已取消' : ''}}</div>
</div>
</div>
</div>
@ -30,7 +32,27 @@
</template>
<script>
export default {};
export default {
data() {
return {
examArr:[
{time:'2023-02-08',examData:[
{
name:'单眼视力',monment:'上午 9:00-9:30',time:'2023-01-08',tip:'门诊楼3楼眼科门诊',status:1
},
{
name:'听力',monment:'上午 9:00-9:30',time:'2023-01-08',tip:'门诊楼3楼耳科门诊',status:2
}
]},
{time:'2022-01-15',examData:[
{
name:'单眼视力',monment:'上午 9:00-9:30',time:'2022-01-15',tip:'门诊楼3楼眼科门诊',status:3
},
]}
]
}
},
};
</script>
<style lang="scss" scoped>
@ -38,9 +60,11 @@ export default {};
width: 100%;
height: 100%;
background: #f9f9f9;
position: absolute;
.exam_box {
background: #fff;
padding: 0.5rem 0.24rem 0 0.24rem;
margin-bottom: 0.2rem;
.time_box {
font-size: 0.3rem;
@ -52,10 +76,10 @@ export default {};
.pro_box {
width: 98%;
margin-top: 0.2rem;
margin-top: 0.4rem;
background: #fff;
margin: 0.4rem auto;
margin-bottom: 0.7rem;
// margin: 0.4rem auto;
// margin-bottom: 0.7rem;
.pro_top{
@ -94,8 +118,7 @@ export default {};
.pro_bottom{
display: flex;
justify-content: space-between;
height: 0.6rem;
margin-top: 0.24rem;
height: 1.2rem;
.pro_left{
display: flex;
@ -128,6 +151,13 @@ export default {};
color: #999;
margin-left: 0.24rem;
}
.tips{
color: #00B578;
}
.cancel_tip{
color: #F93A4A;
}
}
.pro_right{
height: 100%;
@ -144,7 +174,15 @@ export default {};
justify-content: center;
font-size: 0.24rem;
color: #1677FF;
margin-right: 0.24rem;
}
.finish{
background: #E5E5E5;
color: #999;
}
.cancel_item{
background: rgba(125, 125, 125,.2);
color: #999;
}
}
}

Write Preview
Loading…
Cancel
Save