From 4c008f3002a663d5a7754d510738561be9623282 Mon Sep 17 00:00:00 2001 From: shidongli Date: Sat, 7 Oct 2023 11:08:50 +0800 Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A2=84=E7=BA=A6=20?= =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=B0=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages.json | 11 +- pages/homepage/homepage.vue | 17 ++- pagesB/site/site.vue | 4 +- pagesC/Myappointment/Myappointment.scss | 127 ++++++++++++++++++ pagesC/Myappointment/Myappointment.vue | 88 ++++++++++++ .../ServiceAppointment.scss | 108 +++++++++++++++ .../ServiceAppointment/ServiceAppointment.vue | 109 +-------------- 7 files changed, 351 insertions(+), 113 deletions(-) create mode 100644 pagesC/Myappointment/Myappointment.scss create mode 100644 pagesC/Myappointment/Myappointment.vue create mode 100644 pagesC/ServiceAppointment/ServiceAppointment.scss diff --git a/pages.json b/pages.json index 02fde02..4cda6f4 100644 --- a/pages.json +++ b/pages.json @@ -385,7 +385,16 @@ "enablePullDownRefresh": false } } - ] + ,{ + "path" : "Myappointment/Myappointment", + "style" : + { + "navigationBarTitleText": "我的预约", + "enablePullDownRefresh": false + } + + } + ] }], "globalStyle": { "navigationBarTextStyle": "white", diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue index 03ed4b3..32e5903 100644 --- a/pages/homepage/homepage.vue +++ b/pages/homepage/homepage.vue @@ -33,13 +33,13 @@ - + 我的预约 - + 服务记录 @@ -75,6 +75,7 @@ this.login() }, methods: { + // 服务预约 goHealthrecords() { uni.navigateTo({ url: '/pagesC/Healthrecords/Healthrecords' @@ -90,6 +91,18 @@ url: '/pagesC/ServiceAppointment/ServiceAppointment' }) }, + // 服务记录 + servicerecord(){ + uni.navigateTo({ + url: '/pagesC/servicerecord/servicerecord' + }) + }, + // 我的预约 + myappointment(){ + uni.navigateTo({ + url:'/pagesC/Myappointment/Myappointment' + }) + }, login() { const _this = this uni.login({ diff --git a/pagesB/site/site.vue b/pagesB/site/site.vue index 7a9ca68..34c26c1 100644 --- a/pagesB/site/site.vue +++ b/pagesB/site/site.vue @@ -24,7 +24,7 @@ 周边医养机构 - + @@ -319,4 +319,4 @@ \ No newline at end of file + diff --git a/pagesC/Myappointment/Myappointment.scss b/pagesC/Myappointment/Myappointment.scss new file mode 100644 index 0000000..fe6a70a --- /dev/null +++ b/pagesC/Myappointment/Myappointment.scss @@ -0,0 +1,127 @@ +.app{ + height: 100vh; + background-color: #F7F5F5; + padding-top: 20rpx; + overflow: scroll; + ::v-deep .u-tabs-scroll-flex { + background: #F7F5F5; + width: 60%; + } + + ::v-deep .u-scroll-view { + background: #F7F5F5 !important; + + } + .record { + width: 95%; + height: 332rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 5rpx; + margin: 0 auto; + position: relative; + font-family: Source Han Sans CN; + margin-bottom: 15rpx; + + .top { + position: absolute; + background: red; + width: 90%; + left: 5%; + top: 7%; + span:nth-child(1) { + font-size: 32rpx; + font-weight: 600; + color: #000000; + position: absolute; + } + span:nth-child(2) { + font-weight: 500; + font-size: 28rpx; + font-weight: 600; + color: #26A888; + position: absolute; + right: 0%; + } + + } + + .recorddata { + width: 95%; + position: relative; + top: 26%; + left: 50%; + transform: translateX(-50%); + border-bottom: 1rpx solid #E6E6E6; + padding-left: 3%; + + .recordbottom { + margin-bottom: 30rpx !important; + } + + .recorditem { + width: 100%; + font-size: 28rpx; + font-family: Source Han Sans CN; + font-weight: 400; + color: #868585; + margin-bottom: 34rpx; + + span { + margin-left: 20rpx; + } + } + } + + .evaluate { + .evaluatedata { + position: absolute; + width: 169rpx; + height: 61rpx; + background: #26A888; + border-radius: 5rpx; + text-align: center; + font-size: 28rpx; + font-weight: 400; + color: #FFFFFF; + line-height: 61rpx; + bottom: 8%; + right: 4%; + } + span:nth-child(1) { + display: inline-block; + position: absolute; + height: 22rpx; + font-size: 28rpx; + font-weight: 400; + color: #868585; + left: 5%; + bottom: 16%; + } + + span:nth-child(2) { + display: inline-block; + position: absolute; + height: 22rpx; + font-size: 28rpx; + font-weight: 400; + color: #868585; + left: 25%; + bottom: 16%; + } + + span:nth-child(3) { + display: inline-block; + position: absolute; + left: 49%; + bottom: 11%; + font-size: 28rpx; + font-weight: 400; + color: #868585; + // left: 25%; + } + } + } + + + } \ No newline at end of file diff --git a/pagesC/Myappointment/Myappointment.vue b/pagesC/Myappointment/Myappointment.vue new file mode 100644 index 0000000..d007f27 --- /dev/null +++ b/pagesC/Myappointment/Myappointment.vue @@ -0,0 +1,88 @@ + + + + + diff --git a/pagesC/ServiceAppointment/ServiceAppointment.scss b/pagesC/ServiceAppointment/ServiceAppointment.scss new file mode 100644 index 0000000..ad88fb6 --- /dev/null +++ b/pagesC/ServiceAppointment/ServiceAppointment.scss @@ -0,0 +1,108 @@ +.app { + height: 100vh; + background-color: #F7F5F5; + padding: 30rpx 0 0 0; + overflow: scroll; + + ::v-deep .u-navbar-placeholder { + background-color: #F7F5F5; + z-index: 999; + } + + .u-navbar { + display: block; + // height: 200rpx; + + image { + margin: 0 4% 0 4%; + width: 20rpx; + height: 30rpx; + } + + .title { + width: 31%; + font-size: 34rpx; + font-weight: 500; + color: #FFFFFF; + } + + .inputs { + position: relative; + // margin-left: 4%; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + width: 60%; + height: 65rpx; + border-radius: 31rpx; + z-index: 999; + background: #65c0a9; + color: #FFFFFF; + + .placeholder { + color: #FFFFFF; + } + + .input { + margin: 0 auto; + position: absolute; + height: 65rpx; + // top: 8%; + left: 18%; + width: 80%; + font-size: 26rpx; + color: #FFFFFF; + } + + .icon { + background: url(@/static/pagesB/sousuo.png) no-repeat; + width: 30rpx; + height: 28rpx; + background-size: cover; + position: absolute; + top: 28%; + left: 4%; + } + } + } + + .content { + position: relative; + width: 95%; + height: 183rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 5rpx; + margin: 15rpx auto; + + .servename { + padding: 0 50rpx 0 50rpx; + font-size: 28rpx; + font-family: Source Han Sans CN; + font-weight: 400; + color: #868585; + line-height: 38rpx; + } + + .appoint { + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + width: 169rpx; + height: 61rpx; + background: #26A888; + border-radius: 5rpx; + line-height: 61rpx; + text-align: center; + color: #fff; + } + + .big { + padding: 35rpx 50rpx 30rpx 50rpx; + font-size: 32rpx; + font-family: Source Han Sans CN; + font-weight: 500; + color: #000000; + line-height: 38rpx; + } + } + } \ No newline at end of file diff --git a/pagesC/ServiceAppointment/ServiceAppointment.vue b/pagesC/ServiceAppointment/ServiceAppointment.vue index ec704e3..3fa8ee2 100644 --- a/pagesC/ServiceAppointment/ServiceAppointment.vue +++ b/pagesC/ServiceAppointment/ServiceAppointment.vue @@ -62,112 +62,5 @@