JiangxiMiniProgram/pages/indexEntry/enroll/registInfo/comp/comfigPopup.vue

<template>
	<view class="box">
		<view class="h3">再次确认报名信息</view>
		<view class="li">
			<view class="lab">选择驾校</view>
			<view class="val">{{ info.school}}</view>
		</view>
		<view class="li">
			<view class="lab">选择车型</view>
			<view class="val">{{info.trainType}}</view>
		</view>
		<view class="li">
			<view class="lab">选择班型</view>
			<view class="val">{{info.classModel}}</view>
		</view>
		<view class="li">
			<view class="lab">选择教练</view>
			<view class="val">{{info.coach}}</view>
		</view>
		<view class="li">
			<view class="lab">业务类型</view>
			<view class="val">{{ info.businessType?'增领':'初领'}}</view>
		</view>
		<view class="li">
			<view class="lab">是否异地转入</view>
			<view class="val">暂时没对接</view>
		</view>
		<view class="li">
			<view class="lab">合计</view>
			<view class="val">{{  $u.utils.priceTo(info.totalAmount)  }}</view>
		</view>
		<view class="li">
			<view class="lab">支付形式</view>
			<view class="val">xxx</view>
		</view>
		<view class="li">
			<view class="lab">待支付金额</view>
			<view class="val">xxx</view>
		</view>
		<view class="btn_row">
			<view class="btnBorder btn" @click="comfigClick(0)">返回修改</view>
			<view class="btnBg btn"  @click="comfigClick(1)">确认</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['info'],
		methods: {
			comfigClick(val) {
				this.$emit('comfigClick', val)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		padding: 34rpx 32rpx 46rpx 50rpx;
		
		font-size: 28rpx;
		width: 638rpx;
		.li {
			display: flex;
			padding: 22rpx 0;
			.lab {
				color: #686B73;
				width: 230rpx;
			}
			.val {
				font-weight: 500;
			}
		}
	}
	.h3 {
		font-size: 36rpx;
		font-weight: 600;
		margin-bottom: 32rpx;
		text-align: center;
	}
	.li {
		padding: 20rpx 0;
	}
	.btn_row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 80rpx;
		width: 100%;
		.btn {
			width: 48%;
		}
	}
</style>