From 3e0b8272772deebc9a8375d967b431dcdcc83aa5 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 12 Mar 2025 18:25:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach):=20=E6=9B=B4=E6=96=B0=E6=95=99?=
=?UTF-8?q?=E7=BB=83=E7=AB=AF=E7=8F=AD=E7=BA=A7=E4=BF=A1=E6=81=AF=E9=A1=B5?=
=?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 修改用户类型存储为1
- 添加最近课程、班级成员和作业任务等功能模块- 优化页面布局和样式
---
pages/coach/class/info.vue | 592 +++++++++++++++++++++++++++++++++----
1 file changed, 536 insertions(+), 56 deletions(-)
diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue
index 6066e86..a38d729 100644
--- a/pages/coach/class/info.vue
+++ b/pages/coach/class/info.vue
@@ -34,6 +34,349 @@
+
+
+
+ 最近课程
+
+
+
+
+ 篮球少儿课
+
+
+ 2020.05.30 15:30 - 17:30
+
+
+
+
+ 篮球少儿课
+
+
+ 2020.05.30 15:30 - 17:30
+
+
+
+
+
+
+
+
+ 班级成员(30)
+
+
+ 作业任务
+
+
+
+
+
+
+
+
+
+
+
+
+ 即将到期
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+ 即将到期
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+ 即将到期
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+ 即将到期
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+ 即将到期
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+
+
+
+
+ 黄明明
+ 课程截止时间：2020.05:25
+
+
+
+
+ 24
+ 已上课时
+
+
+ 24
+ 剩余课时
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 12
+ /
+ 34
+
+
+
+
+
+ 完成率：80%
+
+
+
+
+ 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 发布时间：2021.05.25
+ 详情
+
+
+
+
+
+
+
+
+
+
+ 12
+ /
+ 34
+
+
+
+
+
+ 完成率：80%
+
+
+
+
+ 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 发布时间：2021.05.25
+ 详情
+
+
+
+
+
+
+
+
+
+
+ 12
+ /
+ 34
+
+
+
+
+
+ 完成率：80%
+
+
+
+
+ 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 发布时间：2021.05.25
+ 详情
+
+
+
+
+
+
+
+
+
+
+ 12
+ /
+ 34
+
+
+
+
+
+ 完成率：80%
+
+
+
+
+ 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+
+
+ 发布时间：2021.05.25
+ 详情
+
+
+
+
+
@@ -109,90 +452,223 @@ export default {
color: #FFFFFF;
.section_1 {
- border-radius: 10rpx;
- background-color: #525252;
- ::v-deep .fui-input__wrap{
- border-radius: 10rpx !important;
- background-color: #525252 !important;
+ background: #333333;
+ border-radius: 16rpx;
+ padding: 34rpx 64rpx;
+ display: flex;
+ align-items: center;
+ gap: 38rpx;
+ .left{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 12rpx;
+ .pic{
+ width: 92rpx;
+ height: 92rpx;
+ border-radius: 50%;
+ }
}
- ::v-deep .fui-input__background{
- background-color: #525252 !important;
+ .right{
+ display: flex;
+ flex-direction: column;
+ gap: 12rpx;
+ .item {}
}
- .input_item {
- height: 60rpx;
- ::v-deep .uni-input-wrapper{
- .uni-input-placeholder {
- font-size: 28rpx !important;
-
- }
+ }
+ .section_2{
+ margin-top: 42rpx;
+ .title_box{
+ font-size: 32rpx;
+ }
+ .tag_list{
+ margin-top: 26rpx;
+ display: flex;
+ align-items: center;
+ gap: 26rpx;
+ .item{
+ padding-left: 20rpx;
+ width: 330rpx;
+ height: 162rpx;
+ border: 1px solid #00e5bb;
+ border-radius: 10rpx;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ gap: 10rpx;
}
}
- ::v-deep .uni-input-input {
- color: #fff;
+ }
+
+ //按钮切换
+ .section_3{
+ margin-top: 54rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .btn_box{
+ border: 1px solid #d7d7d7;
+ border-radius: 25rpx;
+ width: 500rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+ .btn{
+ width: 250rpx;
+ height: 76rpx;
+ line-height: 76rpx;
+ text-align: center;
+ color: #7F7F7F;
+ font-size: 26rpx;
+ }
+ .select{
+ color: #29D3B4;
+ background-color: #fff;
+ }
}
+
}
- .section_2{
- margin-top: 34rpx;
+ //班级成员列表
+ .section_4{
+ margin-top: 40rpx;
.ul{
display: flex;
flex-direction: column;
- gap: 24rpx;
+ gap: 10rpx;
.li{
- background: #404045;
- padding: 50rpx 36rpx 46rpx;
- border-radius: 16rpx;
+ padding: 20rpx 0;
+ padding-bottom: 40rpx;
+ border-bottom: 2px solid #D7D7D7;
display: flex;
- gap: 32rpx;
+ justify-content: space-between;
.left{
- .pic{
- border-radius: 50%;
- width: 92rpx;
- height: 92rpx;
- }
- }
- .right{
display: flex;
- flex-direction: column;
- gap: 28rpx;
+ align-items: center;
+ gap: 30rpx;
.box_1{
+ padding-left: 20rpx;
display: flex;
+ flex-direction: column;
align-items: center;
- gap: 36rpx;
+ justify-content: center;
+ position: relative;
+ .pic{
+ width: 84rpx;
+ height: 84rpx;
+ border-radius: 50%;
+ }
+ .tag_box{
+ position: absolute;
+ bottom: -30rpx;
+ width: 120rpx;
+ height: 38rpx;
+ background-color: #F59A23;
+ border-radius: 4rpx;
+ line-height: 35rpx;
+ text-align: center;
+ font-size: 20rpx;
+ }
+ }
+ .box_2{
+ display: flex;
+ flex-direction: column;
+ gap: 20rpx;
.name{
font-size: 28rpx;
}
- .btn_box{
- view{
- border: 1px solid #FAD04D;
- border-radius: 10rpx;
- width: 182rpx;
- height: 48rpx;
- line-height: 42rpx;
- text-align: center;
- font-size: 26rpx;
- color: #FAD04D;
- }
+ .date{
+ font-size: 24rpx;
+ }
+ }
+ }
+ .right{
+ display: flex;
+ align-items: center;
+ gap: 14rpx;
+ .item{
+ border: 1px solid #00E5BB;
+ border-radius: 10rpx;
+ width: 102rpx;
+ display: flex;
+ flex-direction: column;
+ view{
+ text-align: center;
+ height: 50rpx;
+ line-height: 50rpx;
+ }
+ view:nth-child(1){
+ font-size: 32rpx;
+ background-color: #fff;
+ color: #00e5bb;
+ }
+ view:nth-child(2){
+ font-size: 20rpx;
+ background-color: #00e5bb;
+ }
+ }
+ }
+ }
+ }
+
+ }
+
+ .section_5{
+ .ul{
+ .li{
+ padding-top: 32rpx;
+ padding-bottom: 36rpx;
+ border-bottom: 2px solid #D7D7D7;
+ display: flex;
+ justify-content: space-between;
+ .left{
+ 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;
+ }
+ }
+ .right{
+ width: 510rpx;
+ display: flex;
+ flex-direction: column;
+ gap: 16rpx;
+ .box_1{
+ color: #fff;
+ font-size: 28rpx;
+ }
.box_2{
display: flex;
align-items: center;
- gap: 44rpx;
- .user_list{
- display: flex;
- align-items: center;
- gap: 14rpx;
- image{
- border-radius: 50%;
- width: 48rpx;
- height: 48rpx;
- }
+ 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;
}
- .num{}
}
-
}
}
}
@@ -200,6 +676,10 @@ export default {
+
+
+
+
}