|
|
|
<template>
|
|
|
|
<view class="navTab">
|
|
|
|
<!-- <u-search v-model='keyware' placeholder='输入搜索内容' :actionStyle="customActionStyle"
|
|
|
|
showAction="true" actionText="搜索" :animation="false" @custom='seacrhko'></u-search> -->
|
|
|
|
<view v-if="signuplist.length>0">
|
|
|
|
<view v-for="(item,key) of signuplist" class="sign_list">
|
|
|
|
<view style="display:flex;margin:0 12px 8px 0;justify-content: space-between;align-items: flex-end;">
|
|
|
|
<view class="rightb">
|
|
|
|
{{item.trainClassName}}
|
|
|
|
</view>
|
|
|
|
<p v-if="item.registrationTime" style="font-size:24rpx;color: #808080;">报名时间:{{ dateFormat(new Date(item.registrationTime))}} </p>
|
|
|
|
</view>
|
|
|
|
<view class="fline"></view>
|
|
|
|
<view style="display: flex;justify-content: space-between;margin: 19px 15px 0 15px;align-items: center;">
|
|
|
|
<view style="color:#333333FF;font-size:13px;line-height:27px;">
|
|
|
|
<p>班级名称:{{item.trainClassName}}</p>
|
|
|
|
<!-- start_time -->
|
|
|
|
<p v-if="item.trainStartTime" >开课日期:{{item.trainStartTime.slice(0,4)}}年{{item.trainStartTime.slice(5,7)}}月{{item.trainStartTime.slice(8,10)}}日</p>
|
|
|
|
<p v-if="item.trainEndTime" >结课时间:{{item.trainEndTime.slice(0,4)}}年{{item.trainEndTime.slice(5,7)}}月{{item.trainEndTime.slice(8,10)}}日</p>
|
|
|
|
</view>
|
|
|
|
<div v-if="item.status==1" class="sign_sataus" > 未开课 </div>
|
|
|
|
<div v-if="item.status==2" class="sign_sataus" > 未开课 </div>
|
|
|
|
<div v-if="item.status==3" class="sign_sataus" style="background: #FBA02A;"> 未开课 </div>
|
|
|
|
<div v-if="item.status==4" class="sign_sataus" style="background: #28D17CFF;"> 开课中 </div>
|
|
|
|
<div v-if="item.status==5" class="sign_sataus" style="background: #FE5555FF;"> 已结束 </div>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view v-else style="font-size:46rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
color: #9D9D9D; text-align:center;margin-top:100px">暂无报名信息</view>
|
|
|
|
<view style="height:10px;"></view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { dateFormat} from '@/utils/util.js'
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
keyware:'',
|
|
|
|
customActionStyle: {
|
|
|
|
color: '#808080', // 按钮颜色
|
|
|
|
fontSize: '16px' // 按钮字体大小
|
|
|
|
// 其他样式属性
|
|
|
|
},
|
|
|
|
signuplist:[],
|
|
|
|
}
|
|
|
|
},
|
|
|
|
onLoad() {
|
|
|
|
let wxUserInfo=uni.getStorageSync('wxUserInfo');
|
|
|
|
// ${wxUserInfo.phonenumber}
|
|
|
|
if(wxUserInfo){
|
|
|
|
// let phone='15802995503';
|
|
|
|
this.http.quickGet(`/train/myTrainingList`, true).then(res=>{
|
|
|
|
console.log('报名信息--',res)
|
|
|
|
this.signuplist=res.data.rows
|
|
|
|
})
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
dateFormat,
|
|
|
|
seacrhko(){
|
|
|
|
|
|
|
|
},
|
|
|
|
signupdetails(id){
|
|
|
|
uni.navigateTo({
|
|
|
|
url:`/pages/index/testtraining/signup?issueId=${id}&type=1`
|
|
|
|
})
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.navTab{
|
|
|
|
padding:2vh 13px ;
|
|
|
|
}
|
|
|
|
.sign_list{
|
|
|
|
width: 100%;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border-radius: 10px;
|
|
|
|
margin-bottom:20px;
|
|
|
|
padding-bottom:15px;
|
|
|
|
}
|
|
|
|
.rightb{
|
|
|
|
/* width: 183rpx; */
|
|
|
|
padding: 0 20rpx;
|
|
|
|
height: 54rpx;
|
|
|
|
background: linear-gradient(90deg, #5EA6FD, #1A81F9);
|
|
|
|
border-radius: 9px 0px 46px 0px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size:.8rem;
|
|
|
|
line-height: 54rpx;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
.fline{
|
|
|
|
width: 100%;
|
|
|
|
height: 1rpx;
|
|
|
|
border: 1px solid #999999;
|
|
|
|
opacity: 0.15;
|
|
|
|
}
|
|
|
|
.sign_sataus{
|
|
|
|
width: 75px;
|
|
|
|
height: 28px;
|
|
|
|
background: #A8AEB6;
|
|
|
|
border-radius: 13px;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
line-height:28px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
</style>
|