Browse Source

feat(coach): 教练端添加授课统计功能

- 在 api/member.js 中新增 jlSktj 方法用于获取授课统计信息
- 在 pages/coach/my/schooling_statistics.vue 中实现授课统计页面- 页面通过调用 jlSktj 方法获取数据并进行展示- 优化了页面结构,使用 v-for 指令动态渲染授课统计列表
master
liutong 12 months ago
parent
commit
ae62731234
  1. 9
      api/member.js
  2. 103
      pages/coach/my/schooling_statistics.vue

9
api/member.js

@ -226,6 +226,15 @@ export default {
})
},
//教练端-授课统计
jlSktj(data = {}) {
let url = '/member/sktj'
return http.get(url, data).then(res => {
return res;
})
},

103
pages/coach/my/schooling_statistics.vue

@ -5,8 +5,8 @@
<view class="main_section">
<view class="section_1">
<view class="ul">
<view class="li">
<view class="title">2021年3月</view>
<view class="li" v-for="(v,k) in sktjlist" :key="k">
<view class="title">{{v.month_date}}</view>
<view class="box">
<view class="top">
<view class="top_item">
@ -14,85 +14,20 @@
<view class="explain">月授课数/</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="num">{{v.zsbj}}</view>
<view class="explain">总授班级/</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="num">{{v.yfzxy}}</view>
<view class="explain">月负责学员/</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
</view>
</view>
</view>
<view class="li">
<view class="title">2021年3月</view>
<view class="box">
<view class="top">
<view class="top_item">
<view class="num">34</view>
<view class="explain">月授课数/</view>
</view>
<view class="top_item">
<view class="num">4</view>
<view class="explain">总授班级/</view>
</view>
<view class="top_item">
<view class="num">1234</view>
<view class="explain">月负责学员/</view>
</view>
</view>
<view class="bottom">
月到课率<text>88%</text>
月到课率<text>{{v.ydkl}}%</text>
</view>
</view>
</view>
</view>
</view>
</view>
@ -100,7 +35,7 @@
</template>
<script>
// import user from '@/api/user.js';
import memberApi from '@/api/member.js';
import AQTabber from "@/components/AQ/AQTabber.vue"
@ -110,6 +45,7 @@ export default {
},
data() {
return {
sktjlist:[],//
formData:{},
//
@ -151,7 +87,30 @@ export default {
},
onLoad() {
},
onShow(){
this.init()
},
methods: {
//
async init(){
await this.getList()
},
//
async getList(){
let res = await memberApi.jlSktj({})
if (res.code != 1){
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.sktjlist = res.data//
},
//
clickCourse(e){
console.log(e)

Loading…
Cancel
Save