From ead56785c71fd1ee051d53eebb9c1bd72634cbac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Mon, 23 Oct 2023 16:57:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=97=B6=E9=97=B4=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/ServiceSchedule/ServiceSchedule.vue | 321 ++++++++++++++++++++++
 static/jiantou.png                        | Bin 0 -> 594 bytes
 2 files changed, 321 insertions(+)
 create mode 100644 pages/ServiceSchedule/ServiceSchedule.vue
 create mode 100644 static/jiantou.png

diff --git a/pages/ServiceSchedule/ServiceSchedule.vue b/pages/ServiceSchedule/ServiceSchedule.vue
new file mode 100644
index 0000000..c345baf
--- /dev/null
+++ b/pages/ServiceSchedule/ServiceSchedule.vue
@@ -0,0 +1,321 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<span>2020-01-01今天</span>
+			<tabs :list="tabslist" :current="timecurrent" @change="timechange" active-color="#18CBB3"
+				background="#18CBB3">
+			</tabs>
+			<view class="imageitem">
+				<image src="../../static/jiantou.png" mode=""></image>
+			</view>
+		</view>
+		<view class="time">
+			<view class="morningbutton">
+				上午
+			</view>
+			<view class="afternoonbutton">
+				下午
+			</view>
+			<view class="morningbutton">
+				全天
+			</view>
+
+		</view>
+
+		<view class="morning">
+			<view class="morningtime">
+				上午
+			</view>
+			<view class="bodyitem">
+				<view class="body">
+					<span class="spanitem">9:00~9:30</span>
+					<view class="spanitem">不可预约
+					</view>
+				</view>
+				<view class="body">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+			</view>
+
+		</view>
+		<view class="morning">
+			<view class="morningtime">
+				下午
+			</view>
+			<view class="bodyitem">
+				<view class="body">
+					<span class="spanitem">9:00~9:30</span>
+					<view class="spanitem">不可预约
+					</view>
+				</view>
+				<view class="body">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+				<view class="bodytwo">
+					<span class="spanitem">9:30~10:00</span>
+					<view class="spanitem">可预约
+					</view>
+				</view>
+			</view>
+
+		</view>
+	</view>
+</template>
+
+<script>
+	import tabs from '@/components/utabs/u-tabs.vue'
+	export default {
+		components: {
+			tabs
+		},
+		data() {
+			return {
+				timecurrent: 0,
+				tabslist: [{
+						name: '周日 01-01',
+						orderStatus: '',
+					}, {
+						name: '周一 01-01',
+						orderStatus: 'WAIT_PAY',
+					}, {
+						name: '周二 01-01',
+						orderStatus: 'WAIT_RECEIVED_GOODS',
+					}, {
+						name: '周三 01-01',
+						orderStatus: 'RECEIVED_GOODS',
+					}, {
+						name: '周四 01-01',
+						orderStatus: 'EVALUATED',
+					},
+					{
+						name: '周五 01-01',
+						orderStatus: 'EVALUATED',
+					}, {
+						name: '周六 01-01',
+						orderStatus: 'EVALUATED',
+					}
+				],
+
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			timechange(index) {
+				// this.orderlist.serviceDate = this.orderlist.appointmentTimeList[index].date
+				this.timecurrent = index
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		height: 100%;
+		background: #F1F1F1;
+		position: relative;
+
+		.time {
+			display: flex;
+			position: fixed;
+			right: 2%;
+			top: 20%;
+			flex-wrap: wrap;
+			width: 400rpx;
+
+			.morningbutton {
+				width: 128rpx;
+				margin: 0 1px 1px 2px;
+				font-size: 32rpx;
+				border-radius: 30rpx;
+				line-height: 54rpx;
+				text-align: center;
+				color: #FFFFFF;
+				background-color: #18CBB3;
+			}
+
+			.afternoonbutton {
+				margin: 0 1px 1px 2px;
+				width: 128rpx;
+				font-size: 32rpx;
+				border-radius: 30rpx;
+				line-height: 54rpx;
+				text-align: center;
+				color: #18CBB3;
+				background-color: #FFFFFF;
+			}
+		}
+
+		.afternoon {
+			width: 100%;
+			height: 361px;
+			background: #fff;
+			border-radius: 0rpx 5rpx 5rpx 0rpx;
+		}
+
+		.morning {
+			width: 100%;
+			height: 261px;
+			background: #FFFFFF;
+			border-radius: 0rpx 5rpx 5rpx 0rpx;
+			margin: 20rpx auto;
+			background-color: #fff;
+
+			.morningtime {
+				padding: 15px 27px 62rpx 20rpx;
+				width: 150rpx;
+				font-size: 28rpx;
+				font-family: SourceHanSansSC-Medium, SourceHanSansSC;
+				font-weight: 500;
+				color: #333333;
+				line-height: 38rpx;
+			}
+
+			.bodyitem {
+				display: flex;
+				align-items: flex-start;
+				justify-content: flex-start;
+				height: 50rpx;
+				color: #000000;
+				line-height: 27rpx;
+				text-align: center;
+				flex-wrap: wrap;
+			}
+
+			.bodytwo {
+				background-color: #18CBB3;
+				// font-size: 36rpx;
+				// color: #26A888;
+				margin-bottom: 30rpx;
+				width: 200rpx;
+				height: 109rpx;
+				// background: #fff;
+				margin: 10rpx 30rpx 10rpx 22rpx;
+
+				.spanitem {
+					// width: 121px;
+					// height: 22px;
+					display: inline-block;
+					padding: 8rpx;
+					font-size: 28rpx;
+					font-family: SourceHanSansSC-Medium, SourceHanSansSC;
+					font-weight: 500;
+					color: #FFFFFF;
+					line-height: 38rpx;
+				}
+			}
+
+			.body {
+				font-size: 36rpx;
+				color: #18CBB3;
+				margin-bottom: 30rpx;
+				width: 200rpx;
+				height: 109rpx;
+				background: #fff;
+				margin: 10rpx 30rpx 10rpx 22rpx;
+				// border-radius: 10rpx 10rpx 10rpx 10rpx;
+				// opacity: 1;
+				// margin: 30rpx;
+				border: 1rpx solid #E6E6E6;
+
+
+
+				.spanitem {
+					// width: 121px;
+					// height: 22px;
+					display: inline-block;
+					padding: 8rpx;
+					font-size: 28rpx;
+					font-family: SourceHanSansSC-Medium, SourceHanSansSC;
+					font-weight: 500;
+					color: #666666;
+					line-height: 38rpx;
+				}
+			}
+
+		}
+
+		.content {
+			margin: 30rpx auto;
+			// top: 2%;
+			background-color: #fff;
+			width: 100%;
+			height: 214rpx;
+			// background: cyan;
+			border-radius: 5rpx 5rpx 5rpx 0rpx;
+			// opacity: 1;
+
+			::v-deep .u-tabs[data-v-59a86fad] {
+				padding: 72rpx 0;
+			}
+
+			::v-deep .uni-scroll-view,
+			.uni-scroll-view-content {
+				width: 96%;
+				height: 100%;
+			}
+
+			span {
+				position: absolute;
+				left: 50%;
+				transform: translateX(-50%);
+			}
+
+			::v-deep.tabs {
+				width: 100%;
+				position: fixed;
+
+				// word-break: break-all;
+				// top: 50%;
+				// z-index: 999;
+				// background-color: #F7F5F5;
+				// }
+			}
+
+			.imageitem {
+				position: absolute;
+				top: 8%;
+				right: 1%;
+
+
+				// padding-top: 100rpx;
+				float: right;
+
+				image {
+					width: 18rpx;
+					height: 32rpx;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/jiantou.png b/static/jiantou.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8fcb76a2ff4e216908e6e5c49b5fc6330804199
GIT binary patch
literal 594
zcmV-Y0<HatP)<h;3K|Lk000e1NJLTq000sI0015c1^@s6Aq-9|00001b5ch_0Itp)
z=>Px%3`s;mR7gv$mN9SBP!xsFF{*c%7#ZUH5`>sQ3<P^fB#<Bsv{b0n_5d{uv0Z^6
zg$fDiM8PRYt;7UkLPBgEk>F)v;19siq*UahxFN)jNt}i^UcLM2zI)F*@A25n<)eD1
z^ICu+MeZxh^>BbiBMNVja{F(t+*PK#Fe!_L$iJYGYlDd*veLBNtCPUk-CS(=4**_C
zBnnoQ<s@Sx$T6t9jL5H(oJ+x;D9gE&r?NgMhBbnaz+y6yPnBt390yB);$v?30fcs{
zvUO!S<x#L9(0<Q?TL5k*1^{{9{JdL%=XJ7xnV|j3!X=0#HAQSGZl6Wz)vq+{pP*i4
z4gf!qL~PBlZGI|wKL_I@LGb`Kf<+3#WY6S{`f=nGs@1(e@v)%p#=?u*yryaQlA^`C
z)*=1$x6-v%H=YaBlg2E8l_X5w@3nVNem(ECbAx)Ky-e~^s?i^JH2wHQpm+dLtqf>u
zAZGf&jw~Di6qW&*4rE0B@X?45JJe6)uE>aLbEH<Es@a+22i~?c{Y>uh7b4%*$Y3f#
z78}9v6#+KY_rvC(sz(a482KK^rIcnim9|~VeQC371jM>3*%gqI%SN(YQl2T(t>iW~
zqY*9>a(ybR%`|_=V`aM4aem!zcII;gK2)YXn+FnuG9O5w-ZY*0ypR}_ezHm2`Et%l
g^=Ukk|LYU+8*(MvWrNoik^lez07*qoM6N<$g8gn4?EnA(

literal 0
HcmV?d00001