<template>
	<view>
		<car-common   ref="common"  ></car-common>
		<u-picker v-model="show1" mode="selector" @confirm="show1confirm"  :default-selector="[selectForm.select1Index]" :range="selectList1" range-key="licensePlateNumber"></u-picker>
		<u-picker v-model="show2" mode="selector" @confirm="show2confirm" :default-selector="[selectForm.select2Index]" :range="selectList2" range-key="name"></u-picker>
		<u-picker v-model="show3" mode="selector" @confirm="show3confirm"  :default-selector="[selectForm.select3Index]" :range="selectList3" range-key="name"  ></u-picker>
		
		<u-navbar title="售票记录"  >
				<view class="slot-wrap"></view>	
		</u-navbar>
		<view class="von-sy">
			<view class="von-sy-select flex-sp" style="background-color: white;">
		<navigator @click="show1=true">{{selectForm.select1Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
			<navigator @click="show2=true">{{selectForm.select2Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
			<navigator@click="show3=true" >{{selectForm.select3Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
		</view>
			<view class="von-sp">
				<scroll-view   :style="'height: '+clientHeight+'px;'"   scroll-y="true"     @scrolltolower="lower">
				<!-- blue支付宝 green微信支付 orange现金购票 red纸质车票 -->
					<view class="von-sp-list" v-for="item,i in recordList" @click="gotoUrl(item)">
						<h5 class="flex-sp">订单编号：{{item.outOrderNo}}<text class="green">{{item.payNameStr}}</text></h5>
						<view class="von-sp-text">
							<p><text>线路：</text>{{item.routeName}}</p>
							<p><text>票价：</text>{{item.payFee}}</p>
							<p><text>时间：</text>{{item.payTime}}</p>
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
	</view>
</template>

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

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