<template>
	<view class="card">

		<view class="li" v-for="item,index in orderList.lists" :key='index'>
			<view class="">
				订单编号: {{item.order_no}}
			</view>
			<view class="">
				订单金额: <text style="color: #FF4141;">{{item.order_money}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getFirstOrderLog,
	} from "@/api/newTask.js"
	export default {
		data() {
			return {
				orderList: [],
				flag: false,
				status: "",
				page_no: 0,
				page_size: 20
			}
		},
		methods: {
			async getFirstOrderLogList() {
				let res = await getFirstOrderLog()
				console.log(res)
				this.orderList = res.data

			}
		},
		mounted() {
			this.getFirstOrderLogList()
		},
		// onReachBottom() {
		// 	if (this.flag) return
		// 	let {
		// 		page_no,
		// 		page_size
		// 	} = this
		// 	let that = this
		// 	this.status = "loading"
		// 	page_no += 1
		// 	this.flag = true
		// 	getFirstOrderLog({
		// 		page_no,
		// 		page_size
		// 	}).then(res => {
		// 		that.orderList = that.orderList.concat(res.data)
		// 		this.flag = false
		// 		if (!res.data.data.length) {
		// 			this.status = "nomore"
		// 			this.flag = true
		// 		}
		// 	})
		// },
	}
</script>

<style lang="scss" scoped>
	.card {
		width: 690rpx;
		margin: 30rpx auto;
		background-color: #fff;
		padding: 20rpx;
		border-radius: 29rpx;

		.li {
			margin: 20rpx;
			font-size: 28rpx;

		}
	}
</style>