From 86402d0c58b02eb2db7d340706f1bd9784e5e5fa Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Fri, 11 Apr 2025 15:51:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach):=20=E6=95=99=E7=BB=83=E7=AB=AF?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=8F=AD=E7=BA=A7=E5=88=97=E8=A1=A8=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 jlClassList 方法获取班级列表数据- 实现班级列表页面，包括加载更多和筛选功能
-优化班级列表展示，显示班级名称和学生列表
---
 api/member.js                    |  10 +++
 pages/coach/class/list.vue       | 141 ++++++++++++++++++++++---------
 pages/coach/course/info_list.vue |   3 +-
 3 files changed, 111 insertions(+), 43 deletions(-)

diff --git a/api/member.js b/api/member.js
index 4b5a359..656c576 100644
--- a/api/member.js
+++ b/api/member.js
@@ -202,6 +202,16 @@ export default {
 		})
 	},
 
+	//教练端-获取班级列表
+	jlClassList(data = {}) {
+		let url = '/member/class_list'
+		return http.get(url, data).then(res => {
+			return res;
+		})
+	},
+
+
+
 
 
 
diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue
index 1c8fa3e..653cbff 100644
--- a/pages/coach/class/list.vue
+++ b/pages/coach/class/list.vue
@@ -12,59 +12,43 @@
       </view>
 
       <view class="section_2">
-        <view class="ul">
-          <view class="li" @click="openViewClassInfo({id:1})">
+        <scroll-view
+            class="ul"
+            scroll-y="true"
+            :lower-threshold="lowerThreshold"
+            @scrolltolower="loadMoreData"
+            style="height: 80vh;"
+        >
+          <view
+              class="li"
+              v-for="(v,k) in tableList"
+              :key="k"
+              @click="openViewClassInfo(v)"
+          >
             <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>
             <view class="right">
               <view class="box_1">
                 <view class="name">
-                  少年班
+                  {{v.name}}
                 </view>
                 <view class="btn_box">
                   <view>2人即将到期</view>
                 </view>
               </view>
               <view class="box_2">
-                <view class="user_list">
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                <view class="user_list" v-for="(v2,k2) in v.students_list" :key="k2">
+                  <image
+                      :src="$util.img(v2.header)"></image>
                 </view>
-                <view class="num">34</view>
+                <view class="num">{{v.students_count}}</view>
               </view>
             </view>
           </view>
-          <view class="li" @click="openViewClassInfo({id:3})">
-            <view class="left">
-<!--              <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>-->
-            </view>
-            <view class="right">
-              <view class="box_1">
-                <view class="name">
-                  少年班
-                </view>
-                <view class="btn_box">
-<!--                  <view>2人即将到期</view>-->
-                </view>
-              </view>
-              <view class="box_2">
-                <view class="user_list">
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                </view>
-                <view class="num">34</view>
-              </view>
-            </view>
-          </view>
-        </view>
+        </scroll-view>
       </view>
+
     </view>
 
     <!--    底部导航-->
@@ -73,7 +57,7 @@
 </template>
 
 <script>
-// import user from '@/api/user.js';
+import memberApi from '@/api/member.js';
 import AQTabber from "@/components/AQ/AQTabber.vue"
 
 
@@ -83,12 +67,86 @@ export default {
   },
   data() {
     return {
-      formData:{},
+      loading:false,//加载状态
+      lowerThreshold: 100,//距离底部多远触发
+      isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载
+
+      //筛选条件
+      filteredData:{
+        page:1,//当前页码
+        limit:10,//每页返回数据条数
+        total:10,//数据总条数
+        name: '',//班级名称
+      },
+      tableList:[],//聊天数据列表
     }
   },
-  onLoad() {
+  onLoad(options) {},
+  onShow(){
+    this.init()//初始化
   },
   methods: {
+    //初始化
+    async init(){
+      this.getList()
+    },
+
+    //加载更多(下一页)
+    loadMoreData() {
+      //判断是否加载
+      if (!this.isReachedBottom) {
+        this.isReachedBottom = true;//设置为不可请求状态
+        this.getList();
+      }
+    },
+    //重置为第一页
+    async resetFilteredData() {
+      this.isReachedBottom = false; // 重置状态，以便下次触发加载更多
+
+      this.filteredData.page = 1//当前页码
+      this.filteredData.limit = 10//每页返回数据条数
+      this.filteredData.total = 10//数据总条数
+    },
+    //获取列表
+    async getList(){
+      this.loading = true
+
+      let data = {...this.filteredData}
+
+      console.log(111,(this.filteredData.page * this.filteredData.limit) ,(this.filteredData.total))
+
+      //判断是否还有数据
+      if(this.filteredData.page * this.filteredData.limit > this.filteredData.total){
+        this.loading = false
+        uni.showToast({
+          title: '暂无更多',
+          icon: 'none'
+        })
+        return
+      }
+
+      if(data.page == 1){
+        this.tableList = []
+      }
+
+      let res = await memberApi.jlClassList(data)
+      this.loading = false
+      this.isReachedBottom = false;
+      if (res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中
+
+      console.log('列表',this.tableList)
+      this.filteredData.total = res.data.total
+      this.filteredData.page++
+    },
+
     //打开班级详情页
     openViewClassInfo(item){
       uni.navigateTo({
@@ -157,8 +215,9 @@ export default {
     .ul{
       display: flex;
       flex-direction: column;
-      gap: 24rpx;
+      //gap: 24rpx;
       .li{
+        margin-bottom: 24rpx;
         background: #404045;
         padding: 50rpx 36rpx 46rpx;
         border-radius: 16rpx;
diff --git a/pages/coach/course/info_list.vue b/pages/coach/course/info_list.vue
index 1a4ebd3..863dd70 100644
--- a/pages/coach/course/info_list.vue
+++ b/pages/coach/course/info_list.vue
@@ -89,8 +89,7 @@
                 <view
                     class="li"
                     v-for="(v,k) in courseInfo.assignments.wtj_list"
-                    :key="k"
-                    @click="openViewCourseInfo({v})">
+                    :key="k">
                   <view class="left">
                     <image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
                     <view class="box">