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

Loading…
Cancel
Save