1

pages.json

@@ -515,6 +515,8 @@
 		        "path": "appointmentList"//约课列表
 		    },{
 		        "path": "confirmAppointment"//预约课程
+		    },{
+		        "path": "traineeList"//预约的学员列表
 		    }
 			]
 		},

pages/appointment/appointment.vue

@@ -118,7 +118,7 @@
 <template>
 	<view class="appointment">
 		<view class="appointment-box">
-			<zzx-calendar ref='zzx' @selected-change="datechange" @getweekMode = 'getweekMode'></zzx-calendar>
+			<zzx-calendar ref='zzx' @selected-change="datechange" @getweekMode = 'getweekMode' @days-change='dayschage'></zzx-calendar>
 		</view>
 		
 		<view style="position:relative;">
@@ -180,11 +180,17 @@
 								
 							</view>
 							<view class="item-b" v-if="showteacher==1">
-								<view style="font-size: 11px;color: #1B1D1E;">
-									课时时长{{item.StudyDuration}}{{item.DurationUnitName}}(至少约课{{item.MinDuration}}{{item.DurationUnitName}})
+								<view v-if="item.OrderList.length==0">
+									暂学员报名
+								</view>
+								<view v-if="item.OrderList.length>0 " style="width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
+									<view style="display: flex;flex-direction: row;align-items: center;" >
+										<u-avatar :src="x.Photo" size='44' mode="circle" v-for="(x, i) in item.OrderList" :key="i" v-if='i<4'></u-avatar>
+									</view>
+									<view style="font-size: 12px;color: #999999;" @click="gostudent(item.OrderList)">
+										查看更多
+									</view>
 								</view>
-								
-								<view class="yuyue" style="background: #FFFFFF;color: #40766E;border: 1px solid #40766E;">已预约</view>
 								
 							</view>
 						</view>
@@ -324,12 +330,13 @@ import tabbars from '@/components/tabbar/index';
 					this.screenshow = false
 					if(this.showteacher==0){
 						this.list= [{name: '综合排序'}, {name: '课程'},{name: '老师'}]
+						this.msg.TeacherId = 0;
 					}else{
 						this.list= [{name: '综合排序'}, {name: '课程'}]
 					}
 					
 				this.msg.CourseClassId=0;
-				this.msg.TeacherId = 0;
+				
 				} else if(val == 1){
 					if (val == this.current && this.screenshow == true) {
 						this.screenshow = false
@@ -386,6 +393,10 @@ import tabbars from '@/components/tabbar/index';
 					}
 				);
 			},
+			dayschage(obj){
+				let start =formatDate(new Date(obj.start), 'yyyy-MM-dd')
+				let end =formatDate(new Date(obj.end), 'yyyy-MM-dd')
+			},
 			init(){
 				this.request2({
 						url: '/api/AppletPoint/GetTeacherCourseList',
@@ -404,10 +415,15 @@ import tabbars from '@/components/tabbar/index';
 				this.showAuth = false;
 			},
 			goconfirm(item){
-				console.log(item)
+				
 				uni.navigateTo({
 					url: '/pages/appointment/confirmAppointment?CourseId='+item.ID
 				});
+			},
+			gostudent(item){//学员列表
+				uni.navigateTo({
+					url: '/pages/appointment/traineeList?list='+encodeURIComponent(JSON.stringify(item))
+				});
 			}
 		}
 	}

pages/appointment/confirmAppointment.vue

@@ -102,7 +102,7 @@
 			<view class="box-top" style="margin-top: 15px;" v-if=" data.StudentNumType==1">
 				<view class="top-item">
 					<text>课时数量</text>
-					<input class="uni-input " type="number"  v-model="classDay" style='text-align: right;' placeholder="输入课节" @blur='totalsc'/>
+					<input class="uni-input " type="number"  v-model="classDay" style='text-align: right;' placeholder="输入课时数量" @blur='totalsc'/>
 				</view>
 				<view class="top-item" style="border: none;" @click="show=true">
 					<text>选择预约时间</text>

pages/appointment/traineeList.vue

+<template>
+	<view class="traineeList">
+		<view v-for="(x,i) in list" :key='i' class="item">
+			<view style="display: flex;align-items: center;">
+				<u-avatar :src="x.Photo" size='70' mode="circle"></u-avatar>
+				<view class="chaochu1" style="margin-left: 5px;">{{x.UserName}}</view>
+			</view>
+			<view style="width: 100px;text-align: right;">
+				{{x.StartStudyDate}} - {{x.EndStudyDate}}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				mainColor: '',
+				secondary: '',
+				list:[],
+				
+			}
+		},
+		onLoad(options) {
+			if(options && options.list){
+				this.list = JSON.parse(decodeURIComponent(options.list))
+			}
+		},
+		created() {
+			this.mainColor = this.$uiConfig.mainColor;
+			this.secondary = this.$uiConfig.secondary;
+			uni.setNavigationBarTitle({
+				title: '学员列表'
+			});
+		
+		},
+		methods:{
+		}
+	}
+</script>
+
+<style>
+	.traineeList{
+		width: 100%;
+		height: 100vh;
+		background: #FFF;
+		font-family: aa;
+	}
+.item{
+	width: 100%;
+	height: 65px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #E2E2E2;
+	padding: 15px;
+	font-size: 14px;
+	color: #111111;
+}
+.chaochu1{
+		white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100vw - 180px);
+	}
+</style>