feat:明日预约时间选择修改

orderPages/bookService/index.rpx.scss

@@ -10,6 +10,10 @@
   line-height: 100rpx;
   padding-left: 32rpx;
 }
+.dateTabs{
+  height: 100rpx;
+  background: #FFFFFF;
+}
 .group{
   background: #FFFFFF;
   margin-top: 16rpx;

orderPages/bookService/index.vue

@@ -1,15 +1,23 @@
 <template>
 	<view class="page">
-		<view class="flex-row periodDate">
-			<view class="flex-row">
-				<text>服务日期：</text>
-			</view>
-			<picker @change="bindPickerChange" mode='selector' range-key="label" :value="periodDateIndex" :range="periodDateList">
-				<view class="flex-row justify-between" :style="{width:'550rpx'}">
-					<text>{{periodDate.label || '请选择服务日期' }}</text>
-					<u-icon name="arrow-right" color="#666" size="18"></u-icon>
-				</view>
-			</picker>
+<!--		<view class="flex-row periodDate">-->
+<!--			<view class="flex-row">-->
+<!--				<text>服务日期：</text>-->
+<!--			</view>-->
+<!--			<picker @change="bindPickerChange" mode='selector' range-key="label" :value="periodDateIndex" :range="periodDateList">-->
+<!--				<view class="flex-row justify-between" :style="{width:'550rpx'}">-->
+<!--					<text>{{periodDate.label || '请选择服务日期' }}</text>-->
+<!--					<u-icon name="arrow-right" color="#666" size="18"></u-icon>-->
+<!--				</view>-->
+<!--			</picker>-->
+<!--		</view>-->
+
+		<view class="dateTabs">
+			<u-tabs :list="periodDateList" lineColor="#FFE05C" lineWidth="40" lineHeight="4" :activeStyle="{
+            					color: '#FFE05C',
+            					fontWeight: 'bold',
+            					transform: 'scale(1.05)'
+       							 }" @click="clickPeriodDateList"></u-tabs>
 		</view>
 
 		<view class="flex-col group" v-if="serviceObjectList.length>1">
@@ -195,6 +203,15 @@
 		},
 		methods: {
 
+			clickPeriodDateList(e){
+				console.log("666666666666666",e)
+				this.periodDateIndex = e.index
+				this.periodDate = e
+				this.orderParam.serviceDate=this.periodDate.label
+				//对所有子订单的服务人员及服务时段重新赋值
+				this.getServicePerson(this.periodDate.label,true)
+			},
+
 			openSetting(){
 				uni.requestSubscribeMessage({
 					tmplIds: this.templateId,
@@ -251,6 +268,11 @@
 				}).then(res => {
 					this.periodDate = res.data.data[0]
 					this.periodDateList = res.data.data
+					for (const argument of this.periodDateList) {
+						let month = argument.label.substring(5,6) == 0 ? argument.label.substring(6,7) : argument.label.substring(5,7)
+						let day = argument.label.substring(8,9) == 0 ? argument.label.substring(9,10) : argument.label.substring(8,10)
+						argument.name =month + '月' + day +'日'
+					}
 					this.orderParam.serviceDate=this.periodDate.label
 					this.getServicePerson(this.periodDate.label,false)
 				})
@@ -262,10 +284,12 @@
 					storeId:this.store.storeId,
 					date:date
 				}).then((res) => {
+					console.log(666666666677777777777,bindPickerChange)
 					this.serviceTeacherList = res.data.data;
 					this.serviceTeacherList[0].select = true
 					this.getServicePersonUrl(this.serviceTeacherList);
 					if (bindPickerChange){
+						console.log(888888888888888,bindPickerChange)
 						this.serviceObjectList.forEach(i=>{
 							if (i.select){
 								this.orderParam.childService=[]