luoyang-uniapp-app/pages/indexEntry/enroll/registInfo/comp/comfigPopup.vue

<template>
	<view class="">
		<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">{{ info.payType==1?'全款':'预付款'}}</view>
			</view>
			<view class="li">
				<view class="lab">待支付金额</view>
				<view class="val">xxx</view>
			</view>
		</view>
		<view class="btn_row">
			<view class="btn" @click="comfigClick(0)">返回修改</view>
			<view class="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 0rpx 50rpx;
		
		font-size: 28rpx;
		width: 638rpx;
		.li {
			display: flex;
			padding: 22rpx 0;
			border-bottom: 1px solid #F6F7FA;
			.lab {
				color: #ccc;
				width: 230rpx;
			}
			.val {
				font-weight: 500;
				flex: 1;
				text-align: right;
			}
		}
	}
	.h3 {
		font-size: 36rpx;
		font-weight: 600;
		margin-bottom: 32rpx;
		text-align: center;
	}
	.li {
		padding: 20rpx 0;
	}
	.btn_row {
		display: flex;
		align-items: center;
		width: 100%;
		height: 88rpx;
		.btn {
			flex: 1;
			text-align: center;
			color: $themC;
			font-size: 28rpx;
			line-height: 88rpx;
			&:first-child {
				border-right: 1rpx solid #F6F7FA;
				
			}
		}
	}
</style>