<view class="classBox">
|
<view class="header">
|
<t-search style="flex:1" value="{{searchKey}}" bind:clear="changeHandle" bind:submit="changeHandle" placeholder="搜索班级名称" clearable />
|
<t-button bindtap="newClass" size="small" style="margin-left: 15rpx;">加入班级</t-button>
|
</view>
|
<view class="contentList" wx:if="{{classList.length > 0 && !classLoading}}">
|
<scroll-view class="scroll" class="content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{80}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
|
<view slot="refresher" class="refresh-container">
|
<view class="loading">
|
<t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
|
</view>
|
</view>
|
<view class="listItem">
|
<view class="listClass" wx:for="{{classList}}" wx:key="index" data-class-id="{{item.id}}" data-item="{{item}}" bindtap="todetail">
|
<view class="titleBox">
|
<text class="className">{{item.name}}</text>
|
<text class="classId" style="color: #999; font-size: 12px;"> ID: {{item.id}}</text>
|
</view>
|
<view class="infoBox">
|
<text class="classTag" wx:if="{{item.userState == 'WaitValid'}}" style="color: #ef9f29">状态 : 审核中</text>
|
<text class="classTag" wx:if="{{item.userState == 'Normal'}}" style="color: #1dbd11">状态 : 进行中</text>
|
<text class="classTag" wx:if="{{item.userState == 'Reject'}}" style="color: red">状态 : 未通过</text>
|
<t-icon bindtap="delClass" data-del-id="{{item.id}}" class="delete" wx:if="{{item.userState == 'Reject'}}" name="delete" color="red" size='18px' />
|
<text class="classTag" wx:if="{{item.userState == 'Reject'}}" style="color: red">拒绝原因：{{ item.reason != '' ? item.reason : '-' }}</text>
|
<text class="classTag">班级人数 : {{ item.memberCount }} / {{ item.maxUserCount }}</text>
|
<text class="classTag">有效期 ：{{ item.classTime }}</text>
|
</view>
|
</view>
|
|
</view>
|
<view class="bottom-loading" wx:if="{{bottomLoading}}">
|
<t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
|
</view>
|
<view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
|
<text>没有更多了</text>
|
</view>
|
</scroll-view>
|
</view>
|
<view class="content" wx:if="{{classList.length == 0 && !classLoading}}">
|
<empty />
|
</view>
|
<view class="block" wx:if="{{classLoading}}">
|
<view wx:for="{{4}}" wx:for-item="themeItem" wx:key="index">
|
<view class="demo-section__content">
|
<t-skeleton animation="gradient" theme="text"></t-skeleton>
|
<t-skeleton animation="gradient" theme="paragraph"></t-skeleton>
|
</view>
|
</view>
|
</view>
|
<t-popup visible="{{visible}}" usingCustomNavbar placement="bottom">
|
<view class="block-title">申请入班</view>
|
<view class="block">
|
<view class="classInfo">
|
<view class="c-name">
|
<text>邀请码： </text>
|
<view class="c-name-option">
|
<t-input value="{{refCode}}" bindchange="onCourseNameInput" borderless clearable placeholder="请输入邀请码" />
|
<t-button bindtap="getClassDetail" size="small" style="margin-left: 15rpx;">查看班级</t-button>
|
</view>
|
</view>
|
<view class="c-desc">
|
<view class="c-desc-title">班级信息：</view>
|
<view class="classData" wx:if="{{classDetail}}">
|
<view>班级名称：{{ classDetail.name }}</view>
|
<view>班级人数：{{ classDetail.memberCount }} / {{ classDetail.maxUserCount }}</view>
|
<view>开课时间：{{classDetail.classTime}}</view>
|
</view>
|
<view class="classData" wx:else>
|
<view>班级名称：-</view>
|
<view>班级人数：-</view>
|
<view>开课时间：-</view>
|
</view>
|
</view>
|
</view>
|
<view class="classSubmit">
|
<t-button style="padding: 0 25px; margin:0 15px;" size="small" bindtap="cancle" variant="outline">取消</t-button>
|
<t-button style="padding: 0 25px; margin:0;" size="small" bindtap="submitClass">加入</t-button>
|
</view>
|
</view>
|
</t-popup>
|
</view>
|
|
<wxs module="refresh">
|
module.exports = {
|
onPulling: function (evt, instance) {
|
var p = Math.min(evt.detail.dy / 80, 1)
|
var view = instance.selectComponent('.refresh-container')
|
view.setStyle({
|
opacity: p,
|
transform: "scale(" + p + ")"
|
})
|
}
|
}
|
|
</wxs>
|
