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

feat(course): 添加课程作业批改功能 

- 新增作业情况模块，显示待批改作业列表- 添加查看并批改作业的功能入口
- 优化课程信息页面布局，增加作业情况相关内容
master
liutong 1 year ago
parent
2695df1ad7
commit
e18933aec8
1 changed files with 237 additions and 0 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. 237
      pages/coach/course/info_list.vue

237
pages/coach/course/info_list.vue
View File

@ -61,6 +61,159 @@
</view>
<!--作业情况-->
<view class="section_4" v-if="tableType == 2">
<view class="item_box">
<fui-collapse-item @change="changeCollapse(1)" open="true" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>待批改（2）</text>
</view>
<template v-slot:content>
<view class="ul">
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
</view>
</template>
</fui-collapse-item>
</view>
<view class="item_box">
<fui-collapse-item @change="changeCollapse(2)" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>待批改（2）</text>
</view>
<template v-slot:content>
<view class="ul">
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
</view>
</template>
</fui-collapse-item>
</view>
<view class="item_box">
<fui-collapse-item @change="changeCollapse(3)" isBorder="false" contentBg="#434544">
<view class="title_box">
<text>待批改（2）</text>
</view>
<template v-slot:content>
<view class="ul">
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li">
<view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="box">
<view class="title">黄明明</view>
<view class="title">课程截止时间：2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
</view>
</template>
</fui-collapse-item>
</view>
</view>
</view>
</view>
</template>
@ -98,6 +251,11 @@ export default {
url: '/pages/coach/course/info'
})
},
// 作业情况
changeCollapse(type){
},
}
}
</script>
@ -241,6 +399,85 @@ export default {
border-top: 0px;
}
}
.section_4{
margin-top: 44rpx;
padding: 30rpx 0;
border-radius: 22rpx;
background-color: #434544;
display: flex;
flex-direction: column;
.item_box{
margin-bottom: 30rpx;
padding-left: 24rpx;
padding-right: 32rpx;
font-size: 28rpx;
color: #fff;
background-color: #434544;
::v-deep .fui-collapse-item__title{
background-color: #434544 !important;
}
::v-deep .fui-collapse__border-color{
border-top: none !important; /* 取消上边框 */
background: #434544 !important;
}
.title_box{
}
.ul{
background-color: #434544;
.li{
background-color: #434544;
border-top: 1px solid #D7D7D7;
padding: 20rpx 33rpx 20rpx 14rpx;
display: flex;
justify-content: space-between;
align-items: center;
.left{
width: 80%;
display: flex;
align-items: center;
gap: 26rpx;
.pic{
width: 92rpx;
height: 92rpx;
border-radius: 50%;
background-color: #797979FF;
}
.box{
display: flex;
flex-direction: column;
gap: 10rpx;
.title{
color: #fff;
font-size: 24rpx;
}
}
}
.right{
.btn{
background-color: #a4adb3;
color: #fff;
width: 160rpx;
height: 60rpx;
line-height: 60rpx;
border-radius: 8rpx;
background-color: rgba(164,173,179,1);
color: rgba(255,255,255,1);
font-size: 24rpx;
text-align: center;
}
}
}
.li:nth-child(1){
border-top: none !important; /* 取消上边框 */
}
}
}
}
}

Write Preview
Loading…
Cancel
Save