jp-education-student/pages/teacher/myCourse/CourseDetails.vue

<template>
	<view>
		<u-navbar :title="detail.className"></u-navbar>
		
			<view class="main">
				<u-cell-group>
					<u-cell-item  title="校区" :value="detail.schoolName" :arrow="false"></u-cell-item>
					<!-- <u-cell-item  title="课程状态" value="进行中" :arrow="false"></u-cell-item>
					<u-cell-item  title="学年" value="2023年" :arrow="false"></u-cell-item>
					<u-cell-item  title="学期" value="春" :arrow="false"></u-cell-item>
					<u-cell-item  title="学部" value="文艺部 - 中国舞" :arrow="false"></u-cell-item> -->
					<u-cell-item  title="开课/结课日期" :value="detail.classStart+'至'+detail.classEnd" :arrow="false"></u-cell-item>
					<!-- <u-cell-item  title="课次" value="36次"  :arrow="false"></u-cell-item>
					<u-cell-item  title="总费用" value="1000元"  :arrow="false"></u-cell-item> -->
					<u-cell-item  title="上课时间" :value="detail.courseDate+' '+detail.coursePeriods" :arrow="false"></u-cell-item>
					<u-cell-item  title="上课教室" :value="detail.classroomName" :arrow="false"></u-cell-item>
					<u-cell-item  class="teacher" title="任课老师" :value="detail.teacherNames"
						@click="gotoUrl('pages/teacher/myCourse/teacherHomepage?id=' + detail.courseTeachers)"></u-cell-item>
					<u-cell-item  title="学员总数" :value="detail.studentCount+'人'" :arrow="false"></u-cell-item>
				</u-cell-group>
			</view>
		
	</view>
</template>

<script>
	import * as myCourseApi from '@/apis/teacher/myCourse.js'
	
	export default {
		data() {
			return {
				scheduleId: '',
				detail: {},
			}
		},
		onLoad(op) {
			if (op.id) {
				this.scheduleId = op.id;
				this.getCourseDetail();
			}
		},
		methods: {
			getCourseDetail() {
				uni.showLoading({
					title: "加载中",
					mask: true,
				})
				myCourseApi.getScheduleDtl({
					scheduleId: this.scheduleId
				}).then((response) => {
					uni.hideLoading();
					this.detail = response.data.scheduleDtl;
				}).catch(error => {
					uni.showToast({
						title: error,
						icon: "none"
					})
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		background-color: #fff;
	}
	::v-deep.u-cell_title{
		color: rgba(119, 119, 119, 1);
	}
	::v-deep.u-cell__value{
		color: #333333;
	}
   .teacher{
	   ::v-deep.u-cell__value{
	   	color: #00BAC8;
		
	   }
   }
 

</style>