php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat(coach/class): 更新班级详情页面 

- 修复了班级名称、地址、人数和时间的显示逻辑
- 添加了班级成员列表的动态渲染
- 优化了成员信息的展示格式
-调整了页面样式，注释掉了部分未使用的代码
master
liutong 12 months ago
parent
72bdfc07bf
commit
5e15067086
1 changed files with 24 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 160
      pages/coach/class/info.vue

160
pages/coach/class/info.vue
View File

@ -8,17 +8,17 @@
<view class="main_section"> <view class="main_section">
<view class="section_1"> <view class="section_1">
<view class="left"> <!-- <view class="left">-->
<!-- <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>--> <!-- <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>-->
<!-- <view class="name">包皮子</view>--> <!-- <view class="name">包皮子</view>-->
</view> <!-- </view>-->
<view class="right"> <view class="right">
<view class="item"> <view class="item">
班级：少年班 班级：{{classInfo.name}}
</view> </view>
<view class="item"> <view class="item">
地点：XXXX体育馆 302室 地点：{{classInfo.address}}
</view> </view>
<!-- <view class="item">--> <!-- <view class="item">-->
@ -26,11 +26,12 @@
<!-- </view>--> <!-- </view>-->
<view class="item"> <view class="item">
人数：30人 人数：{{classInfo.max_students}}人
</view> </view>
<view class="item"> <view class="item">
时间：2020.05:25 15:30 - 17:30
时间：{{classInfo.start_date}} - {{classInfo.end_date}}
</view> </view>
</view> </view>
</view> </view>
@ -73,146 +74,31 @@
<!-- 班级成员列表--> <!-- 班级成员列表-->
<view class="section_4" v-if="tabType=='1'"> <view class="section_4" v-if="tabType=='1'">
<view class="ul"> <view class="ul">
<view class="li" @click="openViewStudentInfo({id:1})"> <view
<view class="left"> class="li"
<view class="box_1"> v-for="(v,k) in classMemberList"
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> :key="k"
<view class="tag_box"> @click="openViewStudentInfo({v})"
即将到期 >
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left"> <view class="left">
<view class="box_1"> <view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" :src="$util.img(v.header)"></image>
<view class="tag_box"> <view class="tag_box" v-if="v.expire">
即将到期 即将到期
</view> </view>
</view> </view>
<view class="box_2"> <view class="box_2">
<view class="name">黄明明</view> <view class="name">{{ v.name }}</view>
<view class="date">课程截止时间：2020.05:25</view> <view class="date">课程截止时间：{{ $util.formatToDateTime(v.expire_time, 'Y-m-d') }}</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="tag_box">
即将到期
</view>
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view>
</view>
<view class="right">
<view class="item">
<view>24</view>
<view>已上课时</view>
</view>
<view class="item">
<view>24</view>
<view>剩余课时</view>
</view>
</view>
</view>
<view class="li" @click="openViewStudentInfo({id:1})">
<view class="left">
<view class="box_1">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<!-- <view class="tag_box">-->
<!-- 即将到期-->
<!-- </view>-->
</view>
<view class="box_2">
<view class="name">黄明明</view>
<view class="date">课程截止时间：2020.05:25</view>
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="item"> <view class="item">
<view>24</view> <view>{{ v.have_study_time }}</view>
<view>已上课时</view> <view>已上课时</view>
</view> </view>
<view class="item"> <view class="item">
<view>24</view> <view>{{ v.end_study_time }}</view>
<view>剩余课时</view> <view>剩余课时</view>
</view> </view>
</view> </view>
@ -388,8 +274,9 @@ export default {
data() { data() {
return { return {
class_id:'',//班级id class_id:'',//班级id
courseInfo:{},//课程计划数据 courseInfoList:{},//课程计划数据
classInfo:{},//班级数据 classInfo:{},//班级数据
classMemberList:{},//班级成员
tabType:'1',//1=班级成员,2=课程计划 tabType:'1',//1=班级成员,2=课程计划
} }
@ -406,7 +293,7 @@ export default {
// member/course_list//课程列表 // member/course_list//课程列表
// member/class_info//班级详情+成员详情 // member/class_info//班级详情+成员详情
this.getClassInfo()//获取班级详情 this.getClassInfo()//获取班级详情
this.getCourseList()//获取课程列表 // this.getCourseList()//获取课程列表
}, },
@ -420,8 +307,9 @@ export default {
}) })
return return
} }
console.log('获取班级列表',res.data)
this.classInfo = res.data this.classInfo = res.data
console.log('获取班级列表',this.classInfo) this.classMemberList = res.data.students_list
}, },
//教练端-获取课程列表 //教练端-获取课程列表

Write Preview
Loading…
Cancel
Save