<template>
	<view class="content">
		<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white'
			v-model="keywords"></u-search>
		<view style="margin: 10rpx 0 0 0;">
		</view>
		<u-sticky bgColor="#F5F5F5">
			<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>
		</u-sticky>
		<view v-if="!orderlist.length">
			<u-empty mode="data" icon="../../static/img/empty/data.png">
			</u-empty>
		</view>
		<view v-else>
			<logistiCard v-for='(item,index) in orderlist' @getlist="getOrderList" :goodsInfo="item" :key="index">
			</logistiCard>
		</view>
	</view>
</template>

<script>
	import {
		getList
	} from "@/api/logistics.js"
	import {
		informationAdd
	} from "@/api/logistics.js"
	import logistiCard from "@/components/logistiComptent/logistiCard/logistiCard.vue"
	export default {
		components: {
			logistiCard
		},
		data() {
			return {
				keywords: "",
				list: ['待取货', '已取货', '已送达'],
				curNow: 0,
				orderlist: []
			}
		},
		methods: {
			sectionChange(index) {
				this.curNow = index;
				this.getOrderList()
				// console.log(this.curNow)
			},

			getOrderList() {
				// console.log(9999)
				// return
				let id = JSON.parse(uni.getStorageSync('USER_INFO')).id
				getList({
					status: this.curNow,
					// courier_id: id,
					courier_id: id,
					keywords: this.keywords
				}).then(res => {
					this.orderlist = res.data.data
					console.log(this.orderlist)
				})
			}

		},
		onShow() {
			// this.curNow = 1
			this.getOrderList()

		}

	}
</script>

<style lang='scss'>
	.content {
		background-color: #F5F5F5;
		padding: 1vh 2vw;
	}
</style>