From 5e15067086b715842a52df500413e1651edb7822 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Mon, 14 Apr 2025 10:04:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach/class):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E7=8F=AD=E7=BA=A7=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复了班级名称、地址、人数和时间的显示逻辑
- 添加了班级成员列表的动态渲染
- 优化了成员信息的展示格式
-调整了页面样式，注释掉了部分未使用的代码
---
 pages/coach/class/info.vue | 160 ++++++-------------------------------
 1 file changed, 24 insertions(+), 136 deletions(-)

diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue
index 652a2e3..6358800 100644
--- a/pages/coach/class/info.vue
+++ b/pages/coach/class/info.vue
@@ -8,17 +8,17 @@
 
     <view class="main_section">
       <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>-->
 <!--          <view class="name">包皮子</view>-->
-        </view>
+<!--        </view>-->
         <view class="right">
           <view class="item">
-            班级：少年班
+            班级：{{classInfo.name}}
           </view>
 
           <view class="item">
-            地点：XXXX体育馆 302室
+            地点：{{classInfo.address}}
           </view>
 
 <!--          <view class="item">-->
@@ -26,11 +26,12 @@
 <!--          </view>-->
 
           <view class="item">
-            人数：30人
+            人数：{{classInfo.max_students}}人
           </view>
 
           <view class="item">
-            时间：2020.05:25 15:30 - 17:30
+
+            时间：{{classInfo.start_date}}  - {{classInfo.end_date}}
           </view>
         </view>
       </view>
@@ -73,146 +74,31 @@
       <!-- 班级成员列表-->
       <view class="section_4" v-if="tabType=='1'">
         <view class="ul">
-          <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="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="li"
+              v-for="(v,k) in classMemberList"
+              :key="k"
+              @click="openViewStudentInfo({v})"
+          >
             <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">
+                <image class="pic" :src="$util.img(v.header)"></image>
+                <view class="tag_box" v-if="v.expire">
                   即将到期
                 </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 class="name">{{ v.name }}</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>{{ v.have_study_time }}</view>
                 <view>已上课时</view>
               </view>
               <view class="item">
-                <view>24</view>
+                <view>{{ v.end_study_time }}</view>
                 <view>剩余课时</view>
               </view>
             </view>
@@ -388,8 +274,9 @@ export default {
   data() {
     return {
       class_id:'',//班级id
-      courseInfo:{},//课程计划数据
+      courseInfoList:{},//课程计划数据
       classInfo:{},//班级数据
+      classMemberList:{},//班级成员
 
       tabType:'1',//1=班级成员,2=课程计划
     }
@@ -406,7 +293,7 @@ export default {
       // member/course_list//课程列表
       // member/class_info//班级详情+成员详情
       this.getClassInfo()//获取班级详情
-      this.getCourseList()//获取课程列表
+      // this.getCourseList()//获取课程列表
 
     },
 
@@ -420,8 +307,9 @@ export default {
         })
         return
       }
+      console.log('获取班级列表',res.data)
       this.classInfo = res.data
-      console.log('获取班级列表',this.classInfo)
+      this.classMemberList = res.data.students_list
     },
 
     //教练端-获取课程列表