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 1/5] =?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 + 剩余课时 + + + + + + + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率:80% + + + + + 任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容 + + + 发布时间:2021.05.25 + 详情 + + + + + + + + + + + + + 完成率: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 { + + + + } From 2b12cdf9b512f4d2510dfa39b415d1e405d87d03 Mon Sep 17 00:00:00 2001 From: liutong <836164388@qq.com> Date: Wed, 12 Mar 2025 18:37:43 +0800 Subject: [PATCH 2/5] =?UTF-8?q?feat(coach):=20=E6=B7=BB=E5=8A=A0=E5=AD=A6?= =?UTF-8?q?=E5=91=98=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E5=B9=B6=E4=BC=98?= =?UTF-8?q?=E5=8C=96=E7=8F=AD=E7=BA=A7=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增学员详情页面,路径为/pages/coach/student/info - 在班级信息页面添加课程详情和学员详情的跳转功能 - 优化班级成员列表的展示样式,增加点击事件 - 添加作业任务列表展示功能 --- pages.json | 13 + pages/coach/class/info.vue | 16 +- pages/coach/student/info.vue | 686 +++++++++++++++++++++++++++++++++++ 3 files changed, 707 insertions(+), 8 deletions(-) create mode 100644 pages/coach/student/info.vue diff --git a/pages.json b/pages.json index 737dc00..1efb958 100644 --- a/pages.json +++ b/pages.json @@ -132,7 +132,20 @@ "navigationBarBackgroundColor": "#292929", "navigationBarTextStyle": "white" } + }, + { + "path": "pages/coach/student/info", + "style": { + "navigationBarTitleText": "学员详情", + "navigationStyle": "default", + "navigationBarBackgroundColor": "#29d3b4", + "navigationBarTextStyle": "white" + } } + + + + ], "globalStyle": { "navigationBarTextStyle": "white", diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue index a38d729..581e1f7 100644 --- a/pages/coach/class/info.vue +++ b/pages/coach/class/info.vue @@ -40,7 +40,7 @@ 最近课程 - + 篮球少儿课 @@ -48,7 +48,7 @@ 2020.05.30 15:30 - 17:30 - + 篮球少儿课 @@ -73,7 +73,7 @@ - + @@ -97,7 +97,7 @@ - + @@ -121,7 +121,7 @@ - + @@ -145,7 +145,7 @@ - + @@ -169,7 +169,7 @@ - + @@ -193,7 +193,7 @@ - + diff --git a/pages/coach/student/info.vue b/pages/coach/student/info.vue new file mode 100644 index 0000000..f8116d2 --- /dev/null +++ b/pages/coach/student/info.vue @@ -0,0 +1,686 @@ + + + + + + \ No newline at end of file From a892c14cbbc135624fa945dfd7663c36a8db6a6a Mon Sep 17 00:00:00 2001 From: liutong <836164388@qq.com> Date: Wed, 12 Mar 2025 19:53:14 +0800 Subject: [PATCH 3/5] =?UTF-8?q?refactor(coach):=20=E9=87=8D=E6=9E=84?= =?UTF-8?q?=E5=AD=A6=E5=91=98=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E5=B8=83?= =?UTF-8?q?=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 更新了学员信息和课程信息的展示方式 - 重新设计了出勤记录和体测报告的界面 - 优化了页面的整体布局和颜色搭配 - 移除了冗余的代码和不必要的注释 --- pages/coach/student/info.vue | 831 ++++++++++++++--------------------- 1 file changed, 322 insertions(+), 509 deletions(-) diff --git a/pages/coach/student/info.vue b/pages/coach/student/info.vue index f8116d2..2563100 100644 --- a/pages/coach/student/info.vue +++ b/pages/coach/student/info.vue @@ -2,381 +2,170 @@