洛阳学员端
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.
 
 
 
 
 

124 lines
2.9 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
},
async deleteFn(id) {
const res = await trainingApplyDelete({id})
if(res.code==0) {
this.$u.toast('删除成功')
}
this.trainingApplyListFn()
console.log(res)
},
itemClickFn(item) {
if(item.applyStep==3) {
this.$goPage('/pages/indexEntry/enroll/signContract/signContract?schoolId='+item.trainingSchoolId+'&trainingApplyId='+ item.trainingApplyId)
}else if(item.applyStep==4) {
return this.$goPage('/pages/indexEntry/enroll/payment/payment')
}
}
}
}
</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>