洛阳学员端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

135 lines
3.2 KiB

<template>
<view class="pageBgImg ">
<topNavbar title="我的预报名"></topNavbar>
<view class="bg" v-if="list.length">
<view class="ul">
<view class="card" v-for="(item,index) in list" :key="index" @click="itemClickFn(item)">
<!-- 状态:0-预报名,1-已报名(待支付)2-已支付,3-已学完 -->
<view class="tps">{{ item.applyStep==3?'点击进入签约合同':'预报名成功,待支付'}}</view>
<view class="name">{{item.schoolName}}</view>
<view class="className">班型:{{item.className}}</view>
<view class="flexB">
<view class="date">
{{$u.timeFormat(item.applyDate, 'yyyy-mm-dd hh:MM:ss')}}
</view>
<view class="deleteBtn" @click.stop="deleteFn(item.trainingApplyId)">
删除
</view>
</view>
</view>
</view>
</view>
<nodata v-else></nodata>
<u-loadmore :status="status" style="margin-top: 32rpx;" v-if="list.length>5" icon-type="circle" />
</view>
</template>
<script>
import { trainingApplyList, trainingApplyDelete } from "@/config/api.js"
export default {
data() {
return {
list: [],
status: 'loadmore',
}
},
onLoad() {
this.trainingApplyListFn()
},
onPullDownRefresh() {
this.trainingApplyListFn()
},
methods: {
async trainingApplyListFn() {
const {data: res} = await trainingApplyList({studentId: this.studentId})
this.list = res
},
deleteFn(id) {
uni.showModal({
content: '确定要删除吗?',
success: async (res) => {
if (res.confirm) {
const reslove = await trainingApplyDelete({id})
if(reslove.code==0) {
uni.$u.toast('删除成功')
}
this.trainingApplyListFn()
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
},
itemClickFn(item) {
// console.log(item)
// return this.$goPage('/pages/indexEntry/enroll/payment/payment?trainingApplyId='+ item.trainingApplyId)
if(item.applyStep==3) {
this.$goPage('/pages/indexEntry/enroll/signContract/signContract?schoolId='+item.trainingSchoolId+'&trainingApplyId='+ item.trainingApplyId)
}else if(item.applyStep==4||item.applyStep==5) {
return this.$goPage('/pages/indexEntry/enroll/payment/payment?trainingApplyId='+ item.trainingApplyId)
}
}
}
}
</script>
<style lang="scss" scoped>
.pageBgImg {
width: 100%;
.tps {
width: 100%;
// height: 56rpx;
// line-height: 56rpx;
color: $themC;
padding: 0 20rpx;
text-align: right;
// background-color: #f7f7fb;
font-size: 26rpx;
}
.ul {
width: 100%;
padding: 0 30rpx;
.card{
width: 100%;
padding: 20rpx;
border-bottom: 1px solid #ededed;
margin-bottom: 24rpx;
&:last-child {
border: none;
}
.name {
font-size: 32rpx;
font-weight: 700;
padding-top: 20rpx;
}
.className {
font-size: 28rpx;
color: #666;
padding: 10rpx 0;
}
.flexB {
display: flex;
justify-content: space-between;
.date {
font-size: 24rpx;
color: #999;
}
.deleteBtn {
color: $themC;
border-radius: 8rpx;
width: 120rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
border: 1px solid $themC
}
}
}
}
}
</style>