Browse Source

refactor(coach): 重构教练端课程信息列表

- 更新课程信息列表的数据显示逻辑
-优化作业情况的展示结构
- 调整学员头像和信息的显示方式
- 移除冗余代码,提高代码可读性和维护性
master
liutong 12 months ago
parent
commit
9be8ed3ded
  1. 143
      pages/coach/course/info_list.vue

143
pages/coach/course/info_list.vue

@ -32,14 +32,15 @@
<view class="item" v-for="(v,k) in courseInfo.sign_list" :key="k"> <view class="item" v-for="(v,k) in courseInfo.sign_list" :key="k">
<view class="left"> <view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<view class="box"> <view class="box">
<view class="title">黄明明</view> <view class="title">{{v.name}}</view>
<view class="title">课程截止时间2025-05-25</view> <view class="title">课程截止时间{{v.create_time}}</view>
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="tag">请假</view> <view class="tag" v-if="v.status == 2">请假</view>
</view> </view>
</view> </view>
@ -48,44 +49,24 @@
<!--作业情况--> <!--作业情况-->
<view class="section_4" v-if="tableType == 2"> <view class="section_4" v-if="tableType == 2">
<view class="item_box"> <view class="item_box">
<!-- 待批改-->
<fui-collapse-item @change="changeCollapse(1)" open="true" isBorder="false" contentBg="#434544"> <fui-collapse-item @change="changeCollapse(1)" open="true" isBorder="false" contentBg="#434544">
<view class="title_box"> <view class="title_box">
<text>待批改2</text> <text>待批改{{courseInfo.assignments.dpg_list.length}}</text>
</view> </view>
<template v-slot:content> <template v-slot:content>
<view class="ul"> <view class="ul">
<view class="li" @click="openViewCourseInfo({id:1})"> <view
<view class="left"> v-for="(v,k) in courseInfo.assignments.dpg_list"
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> :key="k"
<view class="box"> class="li"
<view class="title">黄明明</view> @click="openViewCourseInfo(v)"
<view class="title">课程截止时间2025-05-25</view> >
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li" @click="openViewCourseInfo({id:1})">
<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" @click="openViewCourseInfo({id:1})">
<view class="left"> <view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<view class="box"> <view class="box">
<view class="title">黄明明</view> <view class="title">{{v.name}}</view>
<view class="title">课程截止时间2025-05-25</view> <view class="title">课程截止时间{{v.tj_time}}</view>
</view> </view>
</view> </view>
<view class="right"> <view class="right">
@ -97,49 +78,28 @@
</fui-collapse-item> </fui-collapse-item>
</view> </view>
<!-- 未提交-->
<view class="item_box"> <view class="item_box">
<fui-collapse-item @change="changeCollapse(2)" isBorder="false" contentBg="#434544"> <fui-collapse-item @change="changeCollapse(2)" isBorder="false" contentBg="#434544">
<view class="title_box"> <view class="title_box">
<text>待批改2</text> <text>未提交{{courseInfo.assignments.wtj_list.length}}</text>
</view> </view>
<template v-slot:content> <template v-slot:content>
<view class="ul"> <view class="ul">
<view class="li" @click="openViewCourseInfo({id:1})"> <view
<view class="left"> class="li"
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> v-for="(v,k) in courseInfo.assignments.wtj_list"
<view class="box"> :key="k"
<view class="title">黄明明</view> @click="openViewCourseInfo({v})">
<view class="title">课程截止时间2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li" @click="openViewCourseInfo({id:1})">
<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" @click="openViewCourseInfo({id:1})">
<view class="left"> <view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<view class="box"> <view class="box">
<view class="title">黄明明</view> <view class="title">{{v.name}}</view>
<view class="title">课程截止时间2025-05-25</view> <!-- <view class="title">课程截止时间2025-05-25</view>-->
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="btn">查看并批改</view> <!-- <view class="btn">查看并批改</view>-->
</view> </view>
</view> </view>
</view> </view>
@ -147,49 +107,28 @@
</fui-collapse-item> </fui-collapse-item>
</view> </view>
<!-- 已提交-->
<view class="item_box"> <view class="item_box">
<fui-collapse-item @change="changeCollapse(3)" isBorder="false" contentBg="#434544"> <fui-collapse-item @change="changeCollapse(3)" isBorder="false" contentBg="#434544">
<view class="title_box"> <view class="title_box">
<text>待批改2</text> <text>已提交{{courseInfo.assignments.ypg_list.length}}</text>
</view> </view>
<template v-slot:content> <template v-slot:content>
<view class="ul"> <view class="ul">
<view class="li" @click="openViewCourseInfo({id:1})"> <view
<view class="left"> class="li"
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> v-for="(v,k) in courseInfo.assignments.ypg_list"
<view class="box"> :key="k"
<view class="title">黄明明</view> @click="openViewCourseInfo({v})">
<view class="title">课程截止时间2025-05-25</view>
</view>
</view>
<view class="right">
<view class="btn">查看并批改</view>
</view>
</view>
<view class="li" @click="openViewCourseInfo({id:1})">
<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" @click="openViewCourseInfo({id:1})">
<view class="left"> <view class="left">
<image class="pic" model="aspectFit" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" model="aspectFit" :src="$util.img(v.header)"></image>
<view class="box"> <view class="box">
<view class="title">黄明明</view> <view class="title">{{v.name}}</view>
<view class="title">课程截止时间2025-05-25</view> <!-- <view class="title">课程截止时间2025-05-25</view>-->
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view class="btn">查看并批改</view> <!-- <view class="btn">查看并批改</view>-->
</view> </view>
</view> </view>
</view> </view>
@ -216,15 +155,13 @@ export default {
courseInfo: { courseInfo: {
sign_list: [],// sign_list: [],//
assignments: { assignments: {
dpg_list: [], // dpg_list: [], //
wtj_list: [], // wtj_list: [], //
ypg_list: [] // ypg_list: [] //
}, },
},// },//
tableType: 1,//1=2= tableType: 1,//1=2=
tableList_1:[],//1=
tableList_2:[],//2=
} }
}, },
onLoad(options) { onLoad(options) {

Loading…
Cancel
Save