|
@@ -2,48 +2,50 @@
|
|
|
<view class="safeArea">
|
|
|
<view class="appointment">
|
|
|
<view class="appointmentItem appointmentHead">
|
|
|
- <view class="imgBox">
|
|
|
- <image src="/static/login_bg.jpg"></image>
|
|
|
- </view>
|
|
|
+ <view class="imgBox"><image :src="$method.splitImgHost(listData.splitImgHost)"></image></view>
|
|
|
<u-line color="#EEEEEE" />
|
|
|
- <view class="title">这是一个考试标题过长换行过长换行过长换行过长换行过长换行</view>
|
|
|
+ <view class="title">{{ listData.applyName }}</view>
|
|
|
</view>
|
|
|
<view class="appointmentItem appointmentTime">
|
|
|
<view class="item">
|
|
|
<view class="labelName">报名时间:</view>
|
|
|
- <view class="valName">2021/12/1 ~ 2021/12/31</view>
|
|
|
+ <view class="valName">{{ $method.timestampToTime(listData.applyStartTime) }} ~ {{ $method.timestampToTime(listData.applyEndTime) }}</view>
|
|
|
</view>
|
|
|
<u-line color="#EEEEEE" />
|
|
|
<view class="item">
|
|
|
<view class="labelName">温馨提示:</view>
|
|
|
- <view class="valName">预约开放期登录CCMS,进入主页,显示预核准的已报科目考试,点击预约考试科目,按流程选择考试考点、具体考试时间,提交完成。</view>
|
|
|
+ <view class="valName">{{ listData.applyIntroduce }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="appointmentItem appointmentMajor">
|
|
|
<view class="top">
|
|
|
<view class="labelName">报考专业:</view>
|
|
|
- <view class="valName">XXX专业名称XXX</view>
|
|
|
+ <view class="valName">{{ listData.major }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="appointmentItem appointmentInfo">
|
|
|
- <view class="item"><text class="labelName">姓<text style="opacity: 0;">姓</text>名:</text>倪虹洁</view>
|
|
|
+ <view class="item">
|
|
|
+ <text class="labelName">
|
|
|
+ 姓
|
|
|
+ <text style="opacity: 0;">姓</text>
|
|
|
+ 名:
|
|
|
+ </text>
|
|
|
+ {{ listData.realname }}
|
|
|
+ </view>
|
|
|
<u-line color="#EEEEEE" />
|
|
|
- <view class="item"><text class="labelName">身份证:</text>44046354687236685698</view>
|
|
|
+ <view class="item">
|
|
|
+ <text class="labelName">身份证:</text>
|
|
|
+ {{ listData.idCard }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="appointmentItem appointmentType">
|
|
|
<view class="item">
|
|
|
<view class="labelName">学员类型:</view>
|
|
|
<u-radio-group placement="column">
|
|
|
- <u-radio
|
|
|
- :customStyle="{marginBottom: '8px'}"
|
|
|
- v-for="(item, index) in radiolist"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :name="item.name"
|
|
|
- @change="radioChange"
|
|
|
- >{{item.name}}
|
|
|
- </u-radio>
|
|
|
- </u-radio-group>
|
|
|
+ <u-radio :customStyle="{ marginBottom: '8px' }" v-for="(item, index) in radiolist" :key="index" :label="item.label" :name="item.name" @change="radioChange">
|
|
|
+ {{ item.name }}
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="btn" @click="next">下一步</view>
|
|
@@ -59,7 +61,7 @@
|
|
|
<view class="item">请先购买补考机会。</view>
|
|
|
</view>
|
|
|
<view class="btn">
|
|
|
- <view class="btn1 cancel" @click="showTip=false">知道了</view>
|
|
|
+ <view class="btn1 cancel" @click="showTip = false">知道了</view>
|
|
|
<view class="btn1 submit" @click="submit">马上缴费</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -73,47 +75,64 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
showTip: false,
|
|
|
- radiolist: [{name: '非补考学员'},{name: '补考学员'}]
|
|
|
+ radiolist: [{ name: '非补考学员', label: '1' }, { name: '补考学员', label: '2' }],
|
|
|
+ goodsId: 0,
|
|
|
+ gradeId: 0,
|
|
|
+ applyStatus:'',
|
|
|
+ listData: {} //页面数据
|
|
|
};
|
|
|
},
|
|
|
- onLoad(option) {},
|
|
|
+ onLoad(option) {
|
|
|
+ this.goodsId = Number(option.goodsId);
|
|
|
+ this.gradeId = Number(option.gradeId);
|
|
|
+ this.getInfo();
|
|
|
+ },
|
|
|
methods: {
|
|
|
- radioChange(e){
|
|
|
- console.log(e)
|
|
|
+ getInfo() {
|
|
|
+ var data = {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ gradeId: this.gradeId
|
|
|
+ };
|
|
|
+ this.$api.getApplysubscribe(data).then(res => {
|
|
|
+ console.log(res.data, 123);
|
|
|
+ this.listData = res.data.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ radioChange(e) {
|
|
|
+ console.log(e);
|
|
|
},
|
|
|
- next(){
|
|
|
- this.showTip = true
|
|
|
+ next() {
|
|
|
+ this.showTip = true;
|
|
|
},
|
|
|
- submit(){
|
|
|
+ submit() {
|
|
|
this.$navTo.togo('/pages2/appointment/order');
|
|
|
}
|
|
|
- },
|
|
|
-
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
-<style >
|
|
|
-page{
|
|
|
- background-color: #EAEEF1;
|
|
|
+<style>
|
|
|
+page {
|
|
|
+ background-color: #eaeef1;
|
|
|
}
|
|
|
-.appointmentType .u-radio__label{
|
|
|
- margin-left:16rpx!important;
|
|
|
- margin-right: 116rpx!important;;
|
|
|
+.appointmentType .u-radio__label {
|
|
|
+ margin-left: 16rpx !important;
|
|
|
+ margin-right: 116rpx !important;
|
|
|
}
|
|
|
-.tipModel .u-mode-center-box{
|
|
|
- background-color: transparent!important;
|
|
|
+.tipModel .u-mode-center-box {
|
|
|
+ background-color: transparent !important;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
-.appointment{
|
|
|
+.appointment {
|
|
|
padding: 16rpx;
|
|
|
- .appointmentItem{
|
|
|
- background: #FFFFFF;
|
|
|
+ .appointmentItem {
|
|
|
+ background: #ffffff;
|
|
|
border-radius: 16rpx;
|
|
|
margin-bottom: 16rpx;
|
|
|
- .item{
|
|
|
+ .item {
|
|
|
padding: 24rpx 0;
|
|
|
}
|
|
|
- .labelName{
|
|
|
+ .labelName {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
@@ -121,97 +140,97 @@ page{
|
|
|
margin-bottom: 16rpx;
|
|
|
line-height: 1;
|
|
|
}
|
|
|
- .valName{
|
|
|
+ .valName {
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
color: #333333;
|
|
|
}
|
|
|
}
|
|
|
- .appointmentHead{
|
|
|
+ .appointmentHead {
|
|
|
padding-top: 16rpx;
|
|
|
- .imgBox{
|
|
|
+ .imgBox {
|
|
|
width: 590rpx;
|
|
|
height: 232rpx;
|
|
|
margin: 0 auto;
|
|
|
background: #ccc;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
- .title{
|
|
|
- padding:24rpx 28rpx 31rpx 31rpx;
|
|
|
+ .title {
|
|
|
+ padding: 24rpx 28rpx 31rpx 31rpx;
|
|
|
font-size: 30rpx;
|
|
|
font-weight: bold;
|
|
|
font-family: PingFang SC;
|
|
|
color: #333333;
|
|
|
}
|
|
|
}
|
|
|
- .appointmentTime{
|
|
|
+ .appointmentTime {
|
|
|
padding: 10rpx 30rpx 0;
|
|
|
}
|
|
|
- .appointmentMajor{
|
|
|
+ .appointmentMajor {
|
|
|
padding: 34rpx 30rpx 24rpx;
|
|
|
}
|
|
|
- .appointmentInfo{
|
|
|
+ .appointmentInfo {
|
|
|
padding: 8rpx 30rpx;
|
|
|
}
|
|
|
- .appointmentType{
|
|
|
+ .appointmentType {
|
|
|
padding: 8rpx 30rpx 4rpx;
|
|
|
- .u-radio__label{
|
|
|
- margin-left:16rpx;
|
|
|
+ .u-radio__label {
|
|
|
+ margin-left: 16rpx;
|
|
|
margin-right: 116rpx;
|
|
|
}
|
|
|
}
|
|
|
- .btn{
|
|
|
+ .btn {
|
|
|
width: 526rpx;
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
|
|
- background: #007AFF;
|
|
|
+ background: #007aff;
|
|
|
border-radius: 40rpx;
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #ffffff;
|
|
|
margin: 40rpx auto;
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|
|
|
-.tipBox{
|
|
|
+.tipBox {
|
|
|
width: 640rpx;
|
|
|
padding: 30rpx 36rpx 40rpx;
|
|
|
- background: #FFFFFF;
|
|
|
+ background: #ffffff;
|
|
|
border-radius: 24rpx;
|
|
|
font-family: PingFang SC;
|
|
|
- .title{
|
|
|
+ .title {
|
|
|
text-align: center;
|
|
|
font-size: 30rpx;
|
|
|
font-weight: bold;
|
|
|
color: #333333;
|
|
|
margin-bottom: 40rpx;
|
|
|
}
|
|
|
- .main{
|
|
|
+ .main {
|
|
|
font-size: 30rpx;
|
|
|
font-weight: 500;
|
|
|
color: #666666;
|
|
|
line-height: 48rpx;
|
|
|
margin-bottom: 40rpx;
|
|
|
}
|
|
|
- .btn{
|
|
|
+ .btn {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
- .btn1{
|
|
|
+ .btn1 {
|
|
|
width: 200rpx;
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
|
|
text-align: center;
|
|
|
- background: #F5F5F5;
|
|
|
+ background: #f5f5f5;
|
|
|
border-radius: 40px;
|
|
|
font-size: 30rpx;
|
|
|
font-weight: bold;
|
|
|
- color: #007AFF;
|
|
|
+ color: #007aff;
|
|
|
margin: 0 20rpx;
|
|
|
- &.submit{
|
|
|
- background: #007AFF;
|
|
|
- color:#fff;
|
|
|
+ &.submit {
|
|
|
+ background: #007aff;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|