jiangximiniprogramSchool/pages/recordEntry/student/studentDetail/comp/info.vue

<template>
	<view class="info">
		<view class="card">
			<view class="li">
				<view class="val">真实姓名</view>
				<view class="lab">{{info.name}}</view>
			</view>
			<view class="li">
				<view class="val">性别</view>
				<view class="lab">{{info.sex==1?'男':'女'}}</view>
			</view>
			<view class="li">
				<view class="val">驾名名称</view>
				<view class="lab">{{info.schoolName}}</view>
			</view>
			<view class="li">
				<view class="val">学车类型</view>
				<view class="lab">{{info.trainType}}</view>
			</view>
			<view class="li">
				<view class="val">学车班型</view>
				<view class="lab">{{info.a}}</view>
			</view>
			<view class="li">
				<view class="val">学车教练</view>
				<view class="lab">{{info.coachName}}</view>
			</view>
			<view class="li">
				<view class="val">业务类型</view>
				<view class="lab">{{info.businessType==0?'初领':info.businessType==1?'增加':'其它'}}</view>
			</view>
			<view class="li">
				<view class="val">是否异地转入</view>
				<view class="lab">xxx</view>
			</view>
		</view>
		<view class="h1">报名支付</view>
		<view class="card">
			<view class="li">
				<view class="val">班型</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">报名渠道</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">费用总计</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">创建时间</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">支付时间</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">支付方式</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">支付订单号</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">报名流水号</view>
				<view class="lab">xxx</view>
			</view>
			<view class="li">
				<view class="val">学员统一编号</view>
				<view class="lab">xxx</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	import { studentDetail } from '@/config/api.js'
	export default {
		props: ['id'],
		data() {
			return {
				info: {}
			}
		},
		mounted() {
			this.studentDetailFn()
		},
		methods: {
			async studentDetailFn() {
				const {data: res} = await studentDetail({id: this.id, userId: this.vuex_loginInfo.userId})
				this.info = res
			}
		}
	}
</script>

<style lang="scss" scoped>
	.li {
		display: flex;
		border-bottom: 2rpx solid #F8F8F8;
		line-height: 96rpx;
		font-size: 30rpx;
		padding: 0 28rpx;
		.val {
			color: #999;
			width: 220rpx;
		}
	}
	.h1 {
		line-height: 88rpx;
	}
</style>