<template>
	<!-- <text>上下线记录</text> -->
	<view class="out">
		<view class="bike-list"  v-for="(item , index) in lineRecord" :key='index'>
		
			<view class="work-list-left">
				<view class="work-title">
					{{item.name}}
				</view>
				<view class="">
					原因：{{item.reason}}
				</view>
				<view class="">
					时间：{{item.created_at}}
				</view>
				<view class="">
					姓名：{{item.username}}  {{item.mobile}}
				</view>
				<view class="noData noOrder" v-if="lineRecord.length==0 " >
					<image  src="http://resource.weilaibike.com/none.png"></image>
					<view style="color: black;">暂无相关数据~</view>
				</view>
			</view>
			
		</view>
	</view>
	
</template>

<script>
	var app= getApp()
	export default{
		data(){
			return{
				    lineRecord:[],
				    page:1,
				    bike_id:'',
			}
		},
		onLoad(options) {
			  uni.showLoading({
			      title: '加载中...',
			    })
				this.bike_id=options.id
				var data = {
				      bike_id:options.id
				    }
				    app.request('bike/bikeOnLineLog',data,'POST').then(res=>{
				      uni.hideLoading();
				      console.log(res)
				     
				        this.lineRecord=res.data.data
				     
				    })
		}
		}
</script>

<style>
	@import url("/static/css/base.css");
	.out{
		padding: 30rpx 40rpx;
	}
	.bike-list {
		padding: 20rpx 40rpx;
		display: flex;
		background: rgba(255, 255, 255, 1);
		border-radius: 10rpx;
		/* height: 54px; */
		color: #000000;
		position: relative;
		margin-top: 30rpx;
		font-size: 28rpx;
		box-shadow: 0px 0px 13rpx 0px rgba(216, 216, 216, 1);
	
	}
	
	.work-list-left {
		flex: 0 0 60%;
		font-size: 24rpx;
		line-height: 50rpx;
	}
	.work-title {
	
		font-weight: 800;
		width: 100%;
		color: #000000;
		/* height: 30rpx; */
	}
</style>
