jje_spread_uniapp/pages/todaySpecialistsList/todaySpecialistsList.vue

<template>
    <view class="page">
        <!-- #ifdef H5-->
        <uni-nav-bar v-if="!$isWxBrowser()" :fixed="true" background-color="#FFE05C" :border="false" :statusBar="false"
                     left-icon="left" title="今日新增专员记录" @clickLeft="back"/>
        <!-- #endif -->

        <view :style="{height:height}">
            <mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height">
            </mescroll-item>
        </view>


        <!--#ifdef H5-->
        <liu-drag-button v-if="$isWxBrowser()" @clickBtn="back">返回</liu-drag-button>
        <!--#endif-->
    </view>
</template>

<script>
    import MescrollItem from "./module/mescrollUni-item.vue";
    export default {
        components: {
            MescrollItem
        },
        data() {
            return {
                height:'',
            }
        },
        onLoad(e) {

            let sysInfo = uni.getSystemInfoSync()
            this.height = sysInfo.windowHeight  - 50 + 'px' //除标题栏栏外的屏幕可用高度
        },
        methods: {
            back() {
                let pages = getCurrentPages()
                if (pages.length > 1){
                    uni.navigateBack({
                        delta: 1,
                        fail:err=>{
                            console.log(err)
                        }
                    })
                }else {
                    uni.switchTab({
                        url: '/pages/my/my'
                    });
                }
            },


            /*下拉刷新的回调 */
            downCallback() {
                // 这里加载你想下拉刷新的数据, 比如刷新轮播数据
                // loadSwiper();
                // 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
                this.mescroll.resetUpScroll()
            },
            /*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
            upCallback(page) {

                let status = this.index
                if (this.index === 3){
                    status = 4
                }

                //联网加载数据
                this.mescroll.endSuccess(10, false);
                // this.$api.service.performanceList({
                // 	pageNum: page.num,
                // 	pageSize: 10,
                // 	type:this.index
                // }).then((res) => {
                // 	//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
                // 	this.mescroll.endSuccess(res.data.data.records.length, res.data.data.records.length === 10);
                // 	//设置列表数据
                // 	if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
                // 	res.data.data.records.forEach(i=>{
                // 		if (i.avatar){
                // 			i.avatar = i.avatar.replace(/^http:/, "https:")
                // 		}
                // 	})
                // 	this.list = this.list.concat(res.data.data.records); //追加新数据
                // 	console.log(this.list)
                // }).catch((err) => {
                // 	//联网失败, 结束加载
                // 	this.mescroll.endErr();
                // })
            },
            //点击空布局按钮的回调
            emptyClick() {
                uni.showToast({
                    title: '点击了按钮,具体逻辑自行实现'
                })
            },
        }
    }
</script>

<style lang="scss" scoped>
    @import './index.rpx.css';
</style>