From fc1223af5cc4239078ba77a07ff1d6b2c182ca54 Mon Sep 17 00:00:00 2001
From: kuaileWu <1432334894@qq.com>
Date: Tue, 2 Apr 2024 12:30:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=BA=A6=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
components/sliderBox.vue | 15 ++-
pages/prebook/prebook.vue | 181 +++++++++++++++++++++++++-
static/images/frontend/checkbox_false.svg | 1 +
static/images/frontend/checkbox_true.svg | 1 +
static/images/frontend/close.svg | 1 +
static/images/frontend/unuse/关闭.svg | 1 -
static/images/frontend/unuse/多选选中.svg | 1 -
static/images/frontend/unuse/未选中.svg | 1 -
8 files changed, 195 insertions(+), 7 deletions(-)
create mode 100644 static/images/frontend/checkbox_false.svg
create mode 100644 static/images/frontend/checkbox_true.svg
create mode 100644 static/images/frontend/close.svg
delete mode 100644 static/images/frontend/unuse/关闭.svg
delete mode 100644 static/images/frontend/unuse/多选选中.svg
delete mode 100644 static/images/frontend/unuse/未选中.svg
diff --git a/components/sliderBox.vue b/components/sliderBox.vue
index fda3701..3a68d5e 100644
--- a/components/sliderBox.vue
+++ b/components/sliderBox.vue
@@ -2,6 +2,8 @@
+ ![]()
+
@@ -11,10 +13,14 @@
name:"sliderBox",
data() {
return {
- show:false
+ show:true,
+ cssUrl:this.cssUrl,
};
},
methods:{
+ close() {
+ this.show = false
+ }
}
}
@@ -40,6 +46,13 @@
z-index: 899;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
+ .slider-box-close{
+ position: absolute;
+ top: 44rpx;
+ right: 33rpx;
+ width: 40rpx;
+ height: 40rpx;
+ }
}
.mybox-leave-to{
transition: all .8s ease;
diff --git a/pages/prebook/prebook.vue b/pages/prebook/prebook.vue
index 8efe3ae..334c4cb 100644
--- a/pages/prebook/prebook.vue
+++ b/pages/prebook/prebook.vue
@@ -5,7 +5,55 @@
广安门中医医院西单门诊部 针灸科
-
+
+ 预约信息确认
+
+ 当前时段余号不足，只能预约2人
+
+
+ ![]()
+ ![]()
+ 上官子涵
+
+
+ ![]()
+ ![]()
+ 帅哥
+
+
+ ![]()
+ ![]()
+ 发财哥
+
+
+ ![]()
+ ![]()
+ 王富贵
+
+
+
+
+ 就诊人：
+ ①王鹏 ②张富贵 ③张杨明
+
+
+ 医生姓名：
+ 李静
+
+
+ 就诊医院：
+ 广安门中医医院西单门诊部 中医科
+
+
+ 看诊时间：
+ 2023.11.12 上午 9:30-10:30
+
+
+
+ 我再想想
+ 确认预约
+
+
@@ -20,7 +68,8 @@
},
data() {
return {
- cssUrl:this.cssUrl
+ cssUrl:this.cssUrl,
+ needSelectMembers:true
}
},
components:{
@@ -28,7 +77,9 @@
SliderBox
},
methods: {
-
+ close() {
+ this.$refs.sliderbox.close()
+ }
}
}
@@ -54,5 +105,129 @@
margin-right: 15rpx;
}
}
+ .slider-title{
+ width: 100%;
+ text-align: center;
+ color: #000000;
+ margin-top: 52rpx;
+ line-height: 50rpx;
+ height: 50rpx;
+ font-size: 32rpx;
+ letter-spacing: 2rpx;
+ }
+ .member-style{
+ margin-top: 82rpx;
+ }
+ .item{
+ display: flex;
+ box-sizing: border-box;
+ padding: 0 53rpx;
+ height: 42rpx;
+ line-height: 42rpx;
+ font-size: 30rpx;
+ margin-bottom: 24rpx;
+ .left{
+ width: 159rpx;
+ flex-shrink: 0;
+ color: #999999;
+ }
+ .right{
+ flex-grow: 1;
+ color: #242833;
+ &.orange{
+ color: #FD7100;
+ }
+ }
+ }
+ .item:last-of-type{
+ margin-bottom: 62rpx;
+ }
+ .btns-box{
+ justify-content: space-between;
+ width: 750rpx;
+ height: 124rpx;
+ padding: 0 50rpx;
+ box-sizing: border-box;
+ align-items: center;
+ background: #FFFFFF;
+ box-shadow: 0rpx -2rpx 6rpx 0rpx rgba(181,181,181,0.13);
+ margin-top: 62rpx;
+ }
+ .members-box{
+ margin-top: 52rpx;
+ padding-left: 60rpx;
+ width: 100%;
+ box-sizing: border-box;
+ .desc{
+ height: 50rpx;
+ font-size: 30rpx;
+ color: #999999;
+ line-height: 50rpx;
+ letter-spacing: 1rpx;
+ margin-bottom: 20rpx;
+ }
+ .members{
+ width: 630rpx;
+ min-height: 200rpx;
+ background: #F7F7F7;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ padding: 32rpx 40rpx;
+ box-sizing: border-box;
+ .memmbers-item{
+ width: 50%;
+ display: flex;
+ flex-shrink: 0;
+ flex-wrap: wrap;
+ align-items: center;
+ img{
+ width: 36rpx;
+ height: 36rpx;
+ margin-right: 26rpx;
+ }
+ img:first-of-type{
+ display: block;
+ }
+ img:last-of-type{
+ display: none;
+ }
+ &.active{
+ img:first-of-type{
+ display: none;
+ }
+ img:last-of-type{
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ //
+ // 当前时段余号不足，只能预约2人
+ //
+ //
+ // ![]()
+ // ![]()
+ // 上官子涵
+ //
+ //
+ // ![]()
+ // ![]()
+ // 帅哥
+ //
+ //
+ // ![]()
+ // ![]()
+ // 发财哥
+ //
+ //
+ // ![]()
+ // ![]()
+ // 王富贵
+ //
+ //
+ //
}
diff --git a/static/images/frontend/checkbox_false.svg b/static/images/frontend/checkbox_false.svg
new file mode 100644
index 0000000..dd191d4
--- /dev/null
+++ b/static/images/frontend/checkbox_false.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/images/frontend/checkbox_true.svg b/static/images/frontend/checkbox_true.svg
new file mode 100644
index 0000000..e37d5e0
--- /dev/null
+++ b/static/images/frontend/checkbox_true.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/images/frontend/close.svg b/static/images/frontend/close.svg
new file mode 100644
index 0000000..b2a3522
--- /dev/null
+++ b/static/images/frontend/close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/images/frontend/unuse/关闭.svg b/static/images/frontend/unuse/关闭.svg
deleted file mode 100644
index b2a3522..0000000
--- a/static/images/frontend/unuse/关闭.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/static/images/frontend/unuse/多选选中.svg b/static/images/frontend/unuse/多选选中.svg
deleted file mode 100644
index e37d5e0..0000000
--- a/static/images/frontend/unuse/多选选中.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/static/images/frontend/unuse/未选中.svg b/static/images/frontend/unuse/未选中.svg
deleted file mode 100644
index dd191d4..0000000
--- a/static/images/frontend/unuse/未选中.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file