|
|
@@ -2,10 +2,10 @@
|
|
|
<view class="center">
|
|
|
<view class="english">various courses for children</view>
|
|
|
<scroll-view scroll-y="true" class="list">
|
|
|
- <view v-for="(item,index) in courseList" :key="index" class="listBox" @click="nav()">
|
|
|
+ <view v-for="(item,index) in courseList" :key="index" class="listBox" @click="nav(index)">
|
|
|
<view class="bg"></view>
|
|
|
- <view class="title">{{ item.title}}<text>{{item.type}}</text></view>
|
|
|
- <view class="teacher">{{ item.teacher }}</view>
|
|
|
+ <view class="title">暑假培训阅读精品课</view>
|
|
|
+ <view class="teacher">授课科目:{{ item.subject}} {{ item.teacher}}</view>
|
|
|
<view class="bzr">{{ item.bzr }}</view>
|
|
|
<view class="button" >课程评价</view>
|
|
|
</view>
|
|
|
@@ -13,51 +13,81 @@
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
+ import { getCourse } from '@/api/course.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ page: 1,
|
|
|
+ limit: 10,
|
|
|
+ loadingType: 'more',
|
|
|
courseList: [
|
|
|
- {
|
|
|
- type: "已完成",
|
|
|
- title: "暑假培训阅读精品课",
|
|
|
- time: "2021年07月01日 16:00",
|
|
|
- teacher: "授课科目:数学 林丹丹",
|
|
|
- bzr: "班主任:王琳琳 13201202102"
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- title: "暑假培训阅读精品课",
|
|
|
- time: "2021年07月01日 16:00",
|
|
|
- teacher: "授课科目:数学 林丹丹",
|
|
|
- bzr: "班主任:王琳琳 13201202102"
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- title: "暑假培训阅读精品课",
|
|
|
- time: "2021年07月01日 16:00",
|
|
|
- teacher: "授课科目:数学 林丹丹",
|
|
|
- bzr: "班主任:王琳琳 13201202102"
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- title: "暑假培训阅读精品课",
|
|
|
- time: "2021年07月01日 16:00",
|
|
|
- teacher: "授课科目:数学 林丹丹",
|
|
|
- bzr: "班主任:王琳琳 13201202102"
|
|
|
-
|
|
|
- }
|
|
|
+
|
|
|
],
|
|
|
}
|
|
|
},
|
|
|
- methods: {
|
|
|
- nav(){
|
|
|
- console.log(1)
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/course/evaluate'
|
|
|
- })
|
|
|
+ onLoad() {
|
|
|
+ this.loadData();
|
|
|
+ },
|
|
|
+ //下拉刷新
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.loadData('refresh');
|
|
|
+ },
|
|
|
+ //监听页面是否滚动到底部加载更多
|
|
|
+ onReachBottom() {
|
|
|
+ this.loadData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async loadData(type = 'add', loading) {
|
|
|
+ let obj = this;
|
|
|
+ if (type === 'add') {
|
|
|
+ if (obj.loadingType === 'nomore') {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ obj.loadingType = 'loading';
|
|
|
+ } else {
|
|
|
+ obj.loadingType = 'more';
|
|
|
+ }
|
|
|
+ if (type === 'refresh') {
|
|
|
+ // 清空数组
|
|
|
+ obj.courseList = [];
|
|
|
+ obj.page = 1
|
|
|
+ }
|
|
|
+ //获取课程
|
|
|
+ getCourse({
|
|
|
+ page: obj.page,
|
|
|
+ limit: obj.limit
|
|
|
+ }).then(e => {
|
|
|
+ console.log(e)
|
|
|
+ obj.courseList = obj.courseList.concat(e.data.data);
|
|
|
+ //判断是否还有下一页,有是more 没有是nomore
|
|
|
+ if (obj.limit==e.data.length) {
|
|
|
+ obj.page++
|
|
|
+ obj.loadingType='more'
|
|
|
+ } else{
|
|
|
+ obj.loadingType='nomore'
|
|
|
+ }
|
|
|
+ if (type === 'refresh') {
|
|
|
+ if (loading == 1) {
|
|
|
+ uni.hideLoading();
|
|
|
+ } else {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ nav(index){
|
|
|
+ index = + index;
|
|
|
+ let id = '';
|
|
|
+ console.log(this.courseList[index]);
|
|
|
+ if(this.courseList[+index]){
|
|
|
+ id = this.courseList[index].id;
|
|
|
+ }
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/course/evaluate?id=' + id
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|