<template>
	<view class="page">
		<u-navbar title="问题上报记录" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
			height='36'></u-navbar>
			<view class="card" v-for="(item,index) in list" :key="index" @click="topage(item)" v-if="list.length>=0">
				<view class="top_li">
					<view class="left">
						电单车  车辆故障
					</view>
					<view class="right">
						处理完成 <view class="iconfont icon-xiangyou1"></view>
					</view>
				</view>
				
				<view class="info">
					反馈地点：{{item.address}}
				</view>
				
				<view class="info">
					反馈时间：{{item.createTime}}
				</view>
			</view>
			<view class="tip">
				仅支持查看最近一年的记录
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgc: {
					backgroundColor: "#fff",
				},
				list:[]
				
				 
			}
		},
		onShow() {
			this.getlist()
		},
		methods: {
			getlist(){
				this.$u.get("/appVerify/fault/list?userId=" +this.$store.getters.userId).then((res) => {
				
					this.list=res.rows
				});
			},
			topage(item){
				uni.navigateTo({
					url:'/page_user/qsdetail?id='+item.faultId
				})
			}
		}
	}
</script>

<style lang="scss" >
page{
	background-color: #fff;
}
.page{
	width: 750rpx;
	.card{
		
		width: 680rpx;
		// height: 272rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0,0,0,0.08);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		padding: 22rpx 28rpx;
		margin: 30rpx auto;
		.top_li{
			margin-bottom: 16rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left{
				font-weight: 700;
				font-size: 32rpx;
				color: #3D3D3D;
			}
			.right{
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				font-weight: 400;
				font-size: 24rpx;
				color: #808080;
				.iconfont{
					font-size: 20rpx;
				}
			}
		}
		.info{
			margin-bottom: 12rpx;
			font-weight: 400;
			font-size: 24rpx;
			color: #808080;
		}
		
	}
	.tip{
		margin-top: 52rpx;
		width: 100%;
		text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #808080;
		line-height: 38rpx;
	}
}
</style>
