php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

refactor(coach/class/info):重构课程计划功能 

- 修改班级成员和课程计划的显示逻辑- 优化课程计划的界面布局和样式
- 添加课程状态标签（未开始、上课中、已结束）
- 调整课程信息的展示方式，包括课程名称、时间、地点等
-重新组织课程相关数据的结构
master
liutong 12 months ago
parent
a9bcb3ec4e
commit
62ca3d782b
1 changed files with 162 additions and 170 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 332
      pages/coach/class/info.vue

332
pages/coach/class/info.vue
View File

@ -62,10 +62,10 @@
<view class="section_3">
<view class="btn_box">
<view :class="['btn', tabType=='1'?'select':'']" @click="tabChange(1)">
班级成员(30)
班级成员
</view>
<view :class="['btn', tabType=='2'?'select':'']" @click="tabChange(2)">
作业任务
课程计划
</view>
</view>
</view>
@ -220,160 +220,152 @@
</view>
</view>
<!--作业列表-->
<!--课程计划-->
<view class="section_5" v-if="tabType=='2'">
<view class="ul">
<view class="li">
<view class="left">
<view class="box_1">
<fui-circle
:percent="75"
:width="140"
:show="false"
color="#FFB703"
background="#e9e9e9"
foreground="#58a3f7"
gradient="#58a3f7"
:strokeWidth="4"
:size="16"
>
<!-- 自定义显示内容 -->
<template #default>
<view class="custom_content">
<text>12</text>
<text>/</text>
<text>34</text>
</view>
</template>
</fui-circle>
<view class="top_box">
<view class="title">
课程：篮球少儿课
</view>
<view class="box_2">
完成率：80%
<view class="title">
时间：2024-05-25 15：20 - 17：30
</view>
</view>
<view class="right">
<view class="box_1">
任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
</view>
<view class="box_2">
<view class="date">发布时间：2021.05.25</view>
<view class="btn">详情</view>
</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="box_1">
<fui-circle
:percent="75"
:width="140"
:show="false"
color="#FFB703"
background="#e9e9e9"
foreground="#58a3f7"
gradient="#58a3f7"
:strokeWidth="4"
:size="16"
>
<!-- 自定义显示内容 -->
<template #default>
<view class="custom_content">
<text>12</text>
<text>/</text>
<text>34</text>
</view>
</template>
</fui-circle>
</view>
<view class="box_2">
完成率：80%
<view class="title">
地点：xxx体育馆 302室
</view>
</view>
<view class="right">
<view class="box_1">
任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
<view class="bottom_box">
<view class="item">
<view class="left">应到学院（34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="box_2">
<view class="date">发布时间：2021.05.25</view>
<view class="btn">详情</view>
<view class="item">
<view class="left">已签到学生（15/34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="item">
<view class="left">作业完成率（80%）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
</view>
<view class="tag" style="background-color:#20CAAF;">
未开始
</view>
<!-- <view class="tag" style="background-color:#fad24e;">-->
<!-- 上课中-->
<!-- </view>-->
<!-- <view class="tag" style="background-color:#e2e2e2;">-->
<!-- 已结束-->
<!-- </view>-->
</view>
<view class="li">
<view class="left">
<view class="box_1">
<fui-circle
:percent="75"
:width="140"
:show="false"
color="#FFB703"
background="#e9e9e9"
foreground="#58a3f7"
gradient="#58a3f7"
:strokeWidth="4"
:size="16"
>
<!-- 自定义显示内容 -->
<template #default>
<view class="custom_content">
<text>12</text>
<text>/</text>
<text>34</text>
</view>
</template>
</fui-circle>
<view class="top_box">
<view class="title">
课程：篮球少儿课
</view>
<view class="box_2">
完成率：80%
<view class="title">
时间：2024-05-25 15：20 - 17：30
</view>
<view class="title">
地点：xxx体育馆 302室
</view>
</view>
<view class="right">
<view class="box_1">
任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
<view class="bottom_box">
<view class="item">
<view class="left">应到学院（34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="box_2">
<view class="date">发布时间：2021.05.25</view>
<view class="btn">详情</view>
<view class="item">
<view class="left">已签到学生（15/34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="item">
<view class="left">作业完成率（80%）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
</view>
<view class="tag" style="background-color:#fad24e;">
上课中
</view>
<!-- <view class="tag" style="background-color:#e2e2e2;">-->
<!-- 已结束-->
<!-- </view>-->
</view>
<view class="li">
<view class="left">
<view class="box_1">
<fui-circle
:percent="75"
:width="140"
:show="false"
color="#FFB703"
background="#e9e9e9"
foreground="#58a3f7"
gradient="#58a3f7"
:strokeWidth="4"
:size="16"
>
<!-- 自定义显示内容 -->
<template #default>
<view class="custom_content">
<text>12</text>
<text>/</text>
<text>34</text>
</view>
</template>
</fui-circle>
<view class="top_box">
<view class="title">
课程：篮球少儿课
</view>
<view class="box_2">
完成率：80%
<view class="title">
时间：2024-05-25 15：20 - 17：30
</view>
<view class="title">
地点：xxx体育馆 302室
</view>
</view>
<view class="right">
<view class="box_1">
任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
<view class="bottom_box">
<view class="item">
<view class="left">应到学院（34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="box_2">
<view class="date">发布时间：2021.05.25</view>
<view class="btn">详情</view>
<view class="item">
<view class="left">已签到学生（15/34）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
<view class="item">
<view class="left">作业完成率（80%）</view>
<view class="right">
查看
<fui-icon size="35" color="#fff" name="arrowright"></fui-icon>
</view>
</view>
</view>
<!-- <view class="tag" style="background-color:#20CAAF;">-->
<!-- 未开始-->
<!-- </view>-->
<!-- <view class="tag" style="background-color:#fad24e;">-->
<!-- 上课中-->
<!-- </view>-->
<view class="tag" style="background-color:#e2e2e2;">
已结束
</view>
</view>
</view>
</view>
@ -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);
}
}
}
}

Write Preview
Loading…
Cancel
Save