jp-car-xinda/pages/order/info.vue

<template>
	<view>
		<car-common   ref="common"  ></car-common>
		<u-navbar   title="售票详情" :is-back="true" >
				<view class="slot-wrap"></view>	
		</u-navbar>
		
		<view class="von-sp-info">
			<!-- bgblue支付宝 bggreen微信支付 bgorange现金购票 bgred纸质车票 -->
			<h3 class="flex-spal bggreen">
				订单编号：{{info.outOrderNo}}<text>{{info.payNameStr}}</text>
			</h3>
			<view class="von-form">
				<view class="von-form-text">

					<p class="flex-sp"><text>{{info.ticketTypeStr}}</text>{{info.ticketFee}}</p>
					<p class="flex-sp"><text>货票</text>{{info.goodTicketFee}}</p>

				</view>
				<h4 class="flex-sp">实际票价<text class="red">￥{{info.totalFee}}</text></h4>
			</view>
			<view class="von-forme">
				<view class="von-forme-item">
					<label>行程</label>
					<text>{{info.ticketTrip}}</text>
				</view>
				<view class="von-forme-item">
					<label>车票状态</label>
					<text>{{info.ticketStatus}}</text>
				</view>
				<view class="von-forme-item">
					<label>创建时间</label>
					<text>{{info.createTime}}</text>
				</view>
				<view class="von-forme-item">
					<label>支付时间</label>
					<text>{{info.payTime}}</text>
				</view>
				<view class="von-forme-item">
					<label>关闭时间</label>
					<text>{{info.closeTime}}</text>
				</view>
			</view>
			<view class="von-forme">
				<view class="von-forme-item">
					<label>线路</label>
					<text>{{info.routeName}}</text>
				</view>
				<view class="von-forme-item">
					<label>起止站点</label>
					<text>{{info.routeTrip}}</text>
				</view>
				<view class="von-forme-item">
					<label>收发班时间</label>
					<text>{{info.routeTime}}</text>
				</view>
				<view class="von-forme-item">
					<label>车牌号码</label>
					<text>{{info.licensePlateNumber}}</text>
				</view>
				<view class="von-forme-item">
					<label>当值司机</label>
					<text>{{info.driverName}}</text>
				</view>
				<view class="von-forme-item">
					<label>联系方式</label>
					<text class="blue">{{info.phone}}</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import api from './info.js'
	export default api;
</script>

<style>
	page{
			background-color:#eee;
		}
</style>