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.
|
|
<template> <view class="entry"> <view class="redTps"> 温馨提示:<br> 工会会员为自己报名,会默认使用会员手机号。如果想更换报名手机号,请选择“为家人报名”。 </view> <view class="content"> <view class="h1">请选择</view> <view class="h1Tps">以下两种报名方式,均享受会员价</view> <view class="card" @click="goPage(1)"> <view class="leftIcon"> <image src="@/static/images/third_icon_ziji@3x.png" mode=""></image> </view> <view class="text-box"> <view class="text1">为自己报名</view> <view class="text2">我是工会会员,为自己报名</view> </view> <view class="rightCon"> <image src="@/static/images/third_icon_select@3x.png" mode=""></image> </view> </view> <view class="card" @click="goPage(2)"> <view class="leftIcon"> <image src="@/static/images/third_icon_jiaren@3x.png" mode=""></image> </view> <view class="text-box" style="color: #570900;"> <view class="text1" >为家人报名</view> <view class="text2">我是工会会员,为家人报名</view> </view> <view class="rightCon"> <image src="@/static/images/third_icon_selectx@3x.png" mode=""></image> </view> </view> </view> </view> </template>
<script> import indexApi from '@/api/index.js' export default { data() { return { trainingApplyId: '' } }, onLoad() { }, methods: { async goPage(num) { if(num==1) { await this.createTrainingApplySimpleFn() this.$goPage('/pages/application/fillRegistInfo?trainingApplyId='+ this.trainingApplyId) }else { this.$goPage('/pages/application/registrationPhone') } }, // 第一步先报名
async createTrainingApplySimpleFn() { let trainingSchoolId = this.$store.state.currentSchool.trainingSchoolId let trainingClassId = this.$store.state.classChooseItem.trainingClassId const [nulls, res] = await indexApi.createTrainingApplySimple({trainingSchoolId, trainingClassId}) if(res.code==0) { this.trainingApplyId = res.data }else if(res.code==502) { // 已经报名过这个学校了 存在未支付订单
this.$u.toast(res.message) } }, } } </script>
<style lang="scss" scoped> .entry { width: 100%; height: 100vh; background: url('../../static/images/third_bg_jianbian@3x.png') no-repeat; background-size: 100% 100%; .redTps { width: 100%; background: #FCEAEA; font-size: 28rpx; color: #E63633; padding: 24rpx 32rpx; } .content { padding: 16% 48rpx 0 54rpx; .h1 { font-size: 48rpx; color: #003B77; } .h1Tps { margin: 8rpx 0 64rpx 0; color: #003B77; } .card { height: 176rpx; background: #FFFFFF; border-radius: 16rpx; width: 100%; padding: 40rpx; justify-content: space-between; display: flex; align-items: center; margin-bottom: 40rpx; .leftIcon { width: 72rpx; height: 72rpx; } .text-box { padding: 0 0 0 54rpx; color: #002C58; .text1 { font-size: 36rpx; font-weight: 600; } .text2 { font-size: 28rpx; margin-top: 8rpx; } } .rightCon { width: 36rpx; height: 36rpx; } } } } </style>
|