luoyangCoachApp/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.className}}</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">{{ info.transfer==1?'是': '否'}}</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">{{$u.utils.priceTo(info.totalAmount)}}</view>
			</view>
			<view class="li">
				<view class="val">创建时间</view>
				<view class="lab">{{ $u.timeFormat(info.createTime, 'yyyy-mm-dd hh:MM:ss')}}</view> 
			</view>
			<view class="li">
				<view class="val">支付时间</view>
				<view class="lab">{{info.payTime}}</view>
			</view>
			<view class="li">
				<view class="val">支付方式</view>
				<view class="lab">{{ payTypeTxt[info.payType]}}</view>
			</view>
			<view class="li">
				<view class="val">支付订单号</view>
				<view class="lab">{{info.orderNo}}</view>
			</view>
			<view class="li">
				<view class="val">报名流水号</view>
				<view class="lab">{{info.tradeNo}}</view>
			</view>
			<!-- <view class="li">
				<view class="val">学员统一编号</view>
				<view class="lab">{{info.stunum}}</view>
			</view> -->
		</view>
	</view>
	
</template>

<script>
	import { studentDetail } from '@/config/api.js'
	export default {
		props: ['id'],
		data() {
			return {
				info: {},
				payTypeTxt: ['', '支付宝', '微信', '银联', 'applypay'],//1：支付宝，2：微信，3：银联，4：applypay，5：数字人民币
			}
		},
		mounted() {
			this.studentDetailFn()
		},
		methods: {
			async studentDetailFn() {
				const {data: res} = await studentDetail({studentId: this.id, })
				this.info = res
			}
		}
	}
</script>

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