<template>
	<view>
		<u-navbar title="剩余课时详情"></u-navbar>
		
			<view class="main" v-for="(item, index) in detail.buyLogList" :key="index">
				<u-cell-group>
					<u-cell-item  title="订单号" :value="item.billNum" :arrow="false"></u-cell-item>
					<u-cell-item  title="购买时间" :value="item.buyTime" :arrow="false"></u-cell-item>
					<u-cell-item  title="课程单价(元)" :value="item.unitPrice" :arrow="false"></u-cell-item>
					<u-cell-item  title="剩余课时" :value="item.remainCount" :arrow="false"></u-cell-item>
				</u-cell-group>
			</view>
		
	</view>
</template>

<script>
	import * as callNamesApi from '@/apis/teacher/callNames.js'
	
	export default {
		data() {
			return {
				studentId: '',
				classId: '',
				detail: {
					courseAmountList: [0],
					buyLogList: []
				},
			}
		},
		onLoad(op) {
			if (op.id) {
				this.studentId = op.id;
				this.classId = op.classId;
				this.getStudentDetail();
			}
		},
		methods: {
			getStudentDetail() {
				uni.showLoading({
					title: "加载中",
					mask: true,
				})
				callNamesApi.getStudentData({
					studentId: this.studentId,
					classId: this.classId
				}).then((response) => {
					uni.hideLoading();
					this.detail = response.data;
				}).catch(error => {
					uni.showToast({
						title: error,
						icon: "none"
					})
				})
			}
		}
	}
</script>

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

</style>
