|
|
@@ -0,0 +1,80 @@
|
|
|
+<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>
|
wkyy