From b3d3f5b593ccbc4474fc0fa22567234cd946d679 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Wed, 27 Sep 2023 16:26:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=B0=E5=BD=95+=E7=AB=8B?=
 =?UTF-8?q?=E5=8D=B3=E8=AF=84=E4=BB=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  16 ++
 pages/homepage/homepage.vue                   |   7 +-
 .../ServiceAppointment/ServiceAppointment.vue | 171 ++++++++++++++++++
 .../ServiceAppointmenttime.vue                |  89 +++++++++
 static/pageC/time.png                         | Bin 0 -> 1427 bytes
 5 files changed, 282 insertions(+), 1 deletion(-)
 create mode 100644 pagesC/ServiceAppointment/ServiceAppointment.vue
 create mode 100644 pagesC/ServiceAppointmenttime/ServiceAppointmenttime.vue
 create mode 100644 static/pageC/time.png

diff --git a/pages.json b/pages.json
index 6ebe20c..ccc0f96 100644
--- a/pages.json
+++ b/pages.json
@@ -328,6 +328,22 @@
 					"navigationBarTitleText": "问诊平台",
 					"enablePullDownRefresh": false
 				}
+			},
+			{
+				"path": "ServiceAppointmenttime/ServiceAppointmenttime",
+				"style": {
+					"navigationBarTitleText": "服务预约",
+					"enablePullDownRefresh": false
+				}
+			},
+			{
+				"path": "ServiceAppointment/ServiceAppointment",
+				"style": {
+					"navigationStyle": "custom", // 隐藏系统导航栏
+					"navigationBarTitleText": "商品订单",
+					"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
+					"enablePullDownRefresh": true //设置参数为true
+				}
 			}]
 		}
 	],
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index 698e84b..f27f11b 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -20,7 +20,7 @@
 					健康档案
 				</view>
 			</view>
-			<view class="home">
+			<view class="home"  @tap="goappoint">
 				<image src="/static/pageC/serveappoint.png" mode=""></image>
 				<view class="name">
 					服务预约
@@ -75,6 +75,11 @@
 			this.login()
 		},
 		methods: {
+			goappoint() {
+				uni.navigateTo({
+					url: '/pagesC/ServiceAppointment/ServiceAppointment'
+				})
+			},
 			login() {
 				const _this = this
 				uni.login({
diff --git a/pagesC/ServiceAppointment/ServiceAppointment.vue b/pagesC/ServiceAppointment/ServiceAppointment.vue
new file mode 100644
index 0000000..9d0c267
--- /dev/null
+++ b/pagesC/ServiceAppointment/ServiceAppointment.vue
@@ -0,0 +1,171 @@
+<template>
+	<view class="app">
+		<u-navbar :is-back="false" :background="background" class="u-navbar">
+			<image src="@/static/pagesB/fanhui.png" mode="" @tap="goprevious"></image>
+			<view class="title" @tap="goprevious">
+				服务预约
+			</view>
+			<view class="inputs">
+				<i class="icon"></i>
+				<input v-model="goodsName" type="text" name="" id="" class="input" placeholder="搜索服务"
+					placeholder-class="placeholder">
+			</view>
+		</u-navbar>
+		<view class="content">
+			<view class="big">大生化
+
+			</view>
+			<view class="servename">
+				高血压个性服务包
+			</view>
+			<view class="appoint" @tap="goapponint">
+				预约
+			</view>
+		</view>
+		<view class="content">
+			<view class="big">大生化
+
+			</view>
+			<view class="servename">
+				高血压个性服务包
+			</view>
+			<view class="appoint" @tap="goapponint">
+				预约
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				background: {
+					backgroundColor: '#26A888',
+				},
+			};
+		},
+		methods: {
+			goprevious() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			goapponint() {
+				uni.navigateTo({
+					url: '/pagesC/ServiceAppointmenttime/ServiceAppointmenttime'
+				})
+			}
+		},
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		height: 100vh;
+		background-color: #F7F5F5;
+		padding: 30rpx 0 0 0;
+
+		::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;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pagesC/ServiceAppointmenttime/ServiceAppointmenttime.vue b/pagesC/ServiceAppointmenttime/ServiceAppointmenttime.vue
new file mode 100644
index 0000000..4a40187
--- /dev/null
+++ b/pagesC/ServiceAppointmenttime/ServiceAppointmenttime.vue
@@ -0,0 +1,89 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<view class="appointtime">预约时间
+			</view>
+			<u-calendar v-model="show" :mode="mode" @change="change"></u-calendar>
+			<view class="time" @tap="show=true">
+				<image src="/static/pageC/time.png" mode=""></image>
+			</view>
+			<view class="submit">
+				提交
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				show: false,
+				mode: 'date'
+			};
+		},
+
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		height: 100vh;
+		background-color: #F7F5F5;
+		padding: 30rpx 0 0 0;
+
+		.content {
+			width: 95%;
+			height: 100%;
+			background: #FFFFFF;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 5rpx;
+			margin: 0 auto;
+
+			.submit {
+				width: 496rpx;
+				height: 61rpx;
+				background: #26A888;
+				border-radius: 5rpx;
+				line-height: 61rpx;
+				color: #FFFFFF;
+				text-align: center;
+				position: absolute;
+				left: 50%;
+				transform: translateX(-50%);
+				position: fixed;
+				bottom: 5%;
+
+			}
+
+			.appointtime {
+				font-size: 30rpx;
+				padding: 30rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #333333;
+				line-height: 38rpx;
+			}
+
+			.time {
+				margin: 0 auto;
+				width: 80%;
+				height: 63rpx;
+				background: #F6F6F6;
+				border-radius: 5rpx;
+				position: relative;
+
+				image {
+					width: 36rpx;
+					height: 34rpx;
+					position: absolute;
+					right: 3%;
+					top: 50%;
+					transform: translateY(-50%);
+				}
+			}
+
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/pageC/time.png b/static/pageC/time.png
new file mode 100644
index 0000000000000000000000000000000000000000..e86b72dbdcf9a6c41de20232162a528b15d2795c
GIT binary patch
literal 1427
zcmV;E1#J3>P)<h;3K|Lk000e1NJLTq001Na001Hg0{{R30EdgW00093P)t-s9HM_D
zriUh{hbE|qC8vlTriCS_ha;$lC8&ocsE8$~haskhC8&rdsE8t`g(RkiC8&rcr-vn{
zh$g6rCa8xcsfZ=0h$g3qB&UfbsE8)0h$g6rCa8!dsD~w|hbE|pC8dfbr-vn{hb5_r
zC8>ucsD~t|h$g6rC@3f?DJd!{Dl021EG#T7EiEoCE-x=HFfcGNF)=bSGBYzXG&D3d
zH8nOiHa9mnI5;>tIXOByIy*Z%JUl!-Jv}}?K0iM{KtMo2K|w-7LPJACL_|bIMMXwN
zMn^|SNJvOYNl8jdN=r*iOiWBoO-)WtPESuyP*6}&QBhJ-Qd3h?R8&+|RaI72R##V7
zSXfwDSy@_IT3cINTwGjTU0q&YUSD5dU|?WjVPRroVq;@tWMpJzWo2e&W@l$-XlQ6@
zX=!R|YHMq2Y;0_8ZEbFDZf|dIaBy&OadC2Ta&vQYbaZreb#-=jc6WDoczAeud3kzz
zdV70&e0+R;eSLm@et&;|fPjF3fq{a8f`fyDgoK2Jg@uNOhKGlTh=_=ZiHVAeii?Yj
zjEszpjg5|uj*pLzkdTm(k&%*;l9Q8@l$4Z}m6ev3mY0{8n3$NEnVFiJnwy)OoSdAU
zot>VZo}ZteprD|kp`oIpqNAguq@<*!rKP5(rl+T;sHmu^si~@}s;jH3tgNi9t*x%E
zuCK4Ju&}VPv9YqUva_?Zw6wIfwY9dkwzs#pxVX5vxw*Q!y1To(yu7@<y}iD^zQ4b}
zz`(%4!NJ19!o$PE#KgqK#l^<P#>dCU$jHda$;ryf%FD~k%*@Qq&CSlv&d<-!(9qD)
z(b3Y<($mw^)YR0~)z#M4*4Nk9*x1<F+1c9K+S}XP+}zyV-QC{a-rwKf;Nall;o;)q
z;^X7v<mBY#<>lt)=I7_<=;-L_>FMg~>g((4?Ck9A?d|UF?(gsK@bK{Q@$vHV^7Hfa
z^z`)g_4W4l_V@Sq`1ttw`T6?#`uqF){QUg={r&#_{{R2~NOM~R0000dbW%=J0!rZI
zehG9GUG;+>W9J(pmY}rz(ZI%QGON?^-BFR&FknRQv6DY)ms-;R000SaNLh0L01FcU
z01FcV0GgZ_00068Nkl<ZIE{6b*_xvu5QPy$EL6ZHXk6Mh(+ThYhEoWdWG4OJSf4r8
z#vz0pB$TE68E51TE_QMTvIwClE0AiBqDE(?_B7CTb>srA-2>AXUNc-PXc1_gYaxWs
z7+9@QR0Ghi8@rCSEgicN32}Tm`9^1F7d;?71v5l424DWEm(?|j5Y}EroCwb87CL2n
ztQu!gL=O@EAYVl3N746}Nsg@yre4UqNFD1s5<TNnWV14`l_z<g?~i^BA_o<#JnRD%
zI9u!@dhkicnow?APV!em`Gk8>eVpR&oGbVb&fi5sMb7tP$g^y_si#QDCQ=3!PwJWd
znHc@a#Ua9#1t1)ZNN3o+;#w;8naM`>OhPgT^Hs`v1PA6gJE04YE_`y{Q#aK&!MPaj
z7^dRGblT$QMeILiZcTznClTL3$=XH}QTBc`h0Zmhr~7d*5=$GXdi3B-bDt}xZVVzb
z!Omm^Q5QE4n6C=v#Nuoh@kK_^c7=7T_C=x2ADk%brr0=-_%7_8X~Q+J@#ZsCcoF_N
zU{SZMB;;YyChHCD?p752sP`50m7k73&?YyIV?a$tM^m&;q)Y@EunQSK6u8)VAt_$c
z7az_g;Td!6K461fOEfO7MWri!7ZGJ92UhmIykKzk3+BVJorc{KKSd#Fi}%C-lQ5%y
hv#aWDSg%dJ<}aQIG0)JHw^slF002ovPDHLkV1i2N#UTIy

literal 0
HcmV?d00001