From 62ca3d782b765be13c24e31f751f9ce2f63499ec Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Mon, 7 Apr 2025 11:32:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor(coach/class/info):=E9=87=8D=E6=9E=84?=
=?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AE=A1=E5=88=92=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 修改班级成员和课程计划的显示逻辑- 优化课程计划的界面布局和样式
- 添加课程状态标签（未开始、上课中、已结束）
- 调整课程信息的展示方式，包括课程名称、时间、地点等
-重新组织课程相关数据的结构
---
pages/coach/class/info.vue | 332 ++++++++++++++++++-------------------
1 file changed, 162 insertions(+), 170 deletions(-)
diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue
index 6aef435..90c526d 100644
--- a/pages/coach/class/info.vue
+++ b/pages/coach/class/info.vue
@@ -62,10 +62,10 @@
- 班级成员(30)
+ 班级成员
- 作业任务
+ 课程计划
@@ -220,160 +220,152 @@
-
+
-
-
-
-
-
-
- 12
- /
- 34
-
-
-
+
+
+ 课程：篮球少儿课
-
- 完成率：80%
+
+ 时间：2024-05-25 15：20 - 17：30
-
-
-
- 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
-
-
- 发布时间：2021.05.25
- 详情
-
-
-
-
-
-
-
-
-
-
- 12
- /
- 34
-
-
-
-
-
- 完成率：80%
+
+ 地点：xxx体育馆 302室
-
-
- 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 应到学院（34）
+
+ 查看
+
+
-
- 发布时间：2021.05.25
- 详情
+
+ 已签到学生（15/34）
+
+ 查看
+
+
+
+ 作业完成率（80%）
+
+ 查看
+
+
+
+
+
+ 未开始
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
- 12
- /
- 34
-
-
-
+
+
+ 课程：篮球少儿课
-
- 完成率：80%
+
+ 时间：2024-05-25 15：20 - 17：30
+
+
+ 地点：xxx体育馆 302室
-
-
- 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 应到学院（34）
+
+ 查看
+
+
-
- 发布时间：2021.05.25
- 详情
+
+ 已签到学生（15/34）
+
+ 查看
+
+
+
+
+ 作业完成率（80%）
+
+ 查看
+
+
+
+
+
+ 上课中
+
+
+
+
+
+
+
-
-
-
-
-
-
- 12
- /
- 34
-
-
-
+
+
+ 课程：篮球少儿课
-
- 完成率：80%
+
+ 时间：2024-05-25 15：20 - 17：30
+
+
+ 地点：xxx体育馆 302室
-
-
- 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 应到学院（34）
+
+ 查看
+
+
-
- 发布时间：2021.05.25
- 详情
+
+ 已签到学生（15/34）
+
+ 查看
+
+
+
+
+ 作业完成率（80%）
+
+ 查看
+
+
+
+
+
+
+
+
+
+
+
+ 已结束
+
+
@@ -617,61 +609,61 @@ export default {
}
+ //课程计划
.section_5{
+ margin-top: 36rpx;
.ul{
+ display: flex;
+ flex-direction: column;
+ gap: 30rpx;
.li{
- padding-top: 32rpx;
- padding-bottom: 36rpx;
- border-bottom: 2px solid #D7D7D7;
+ position: relative;
+ border-radius: 10rpx;
+ background-color: rgba(63,63,67,1);
+ border: 2rpx solid rgba(0,229,187,1);
+ padding: 20rpx 14rpx;
+
display: flex;
- justify-content: space-between;
- .left{
+ flex-direction: column;
+ .top_box{
display: flex;
flex-direction: column;
- align-items: center;
- gap: 12rpx;
- .box_1{
- .custom_content{
- font-size: 32rpx;
- color: #AAAAAA;
- }
- }
- .box_2{
- color: #AAAAAA;
- font-size: 26rpx;
+ gap: 10rpx;
+ .title{
+ color: rgba(255,255,255,1);
+ font-size: 24rpx;
}
}
- .right{
- width: 510rpx;
+ .bottom_box{
+ padding-top: 10rpx;
+ margin-top: 20rpx;
+ border-top: 1px dashed #F2F2F2;
display: flex;
flex-direction: column;
- gap: 16rpx;
- .box_1{
- color: #fff;
- font-size: 28rpx;
- }
- .box_2{
+ gap: 10rpx;
+ .item{
display: flex;
align-items: center;
justify-content: space-between;
- .date{
- color: #AAAAAAFF;
- font-size: 24rpx;
- text-align: right;
- }
- .btn{
- width: 120rpx;
- height: 48rpx;
- line-height: 40rpx;
- border-radius: 8rpx;
- background-color: #FFFFFF00;
- color: #FAD04DFF;
- font-size: 26rpx;
- text-align: center;
- border: 2rpx solid #FAD04DFF;
- }
+
+ color: rgba(215,215,215,1);
+ font-size: 24rpx;
}
}
+ .tag{
+ position: absolute;
+ right: 0rpx;
+ top: 0rpx;
+ width: 110rpx;
+ height: 60rpx;
+ line-height: 58rpx;
+ border-radius: 0rpx 8rpx 0rpx 24rpx;
+ background-color: rgba(32,202,175,1);
+ color: rgba(255,255,255,1);
+ font-size: 24rpx;
+ text-align: center;
+ border: 0rpx solid rgba(121,121,121,1);
+ }
}
}
}