<template>
	<view>
		<!-- <globalPopup ref="globalPopup"></globalPopup> -->
		<u-sticky bgColor="#0122C7" style="width: 100vw;">
			<u-tabs :list="tabLists" @change="sectionChange" lineColor='#fff' :scrollable="false" lineWidth='40'
				inactiveStyle='color:#fff' activeStyle="color:#fff"></u-tabs>
		</u-sticky>
		<view class="content">
			<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white'
				v-model="keywords"></u-search>
			<view v-if="!orderlist.length">
				<u-empty mode="data" icon="../../static/img/empty/data.png">
				</u-empty>
			</view>
			<view v-else>
				<logistiCard ref="logistiCards" v-for='(item,index) in orderlist' @getlist="getOrderList"
					@showTost='showToast' @showToast2="showToast2" :goodsInfo="item" :key="index">
				</logistiCard>
			</view>
			<!--  -->
			<u-toast ref="uToast"></u-toast>
		</view>


	</view>

</template>

<script>
	import {
		getList
	} from "@/api/logistics.js"
	// import globalPopup from "@/components/GlobalPopup/GlobalPopup.vue"
	import {
		informationAdd
	} from "@/api/logistics.js"
	import logistiCard from "@/components/logistiComptent/logistiCard/logistiCard.vue"
	//#ifdef APP-PLUS
	var jpushModule = uni.requireNativePlugin("JG-JPush");
	// #endif	
	export default {
		components: {
			logistiCard,
			// globalPopup
		},
		data() {
			return {
				notArr: [],
				keywords: "",
				tabLists: [{
					name: '待配送',
				}, {
					name: '待送达'
				}, {
					name: '已送达'
				}],
				curNow: 0,
				orderlist: []
			}
		},
		methods: {
			go() {
				uni.navigateTo({
					url: "/pages/logistics/te"
				})
			},
			sectionChange(index) {

				this.curNow = index.index;
				this.getOrderList()
			},

			showToast() {
				// 6
				this.$refs.uToast.show({
					type: 'success',
					title: '成功主题(带图标)',
					message: "操作成功",
					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
				})
			},
			showToast2() {
				// 6

				this.$refs.uToast.show({
					type: 'error',
					message: "取件码不能为空",
					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/error.png'
				}, )
			},
			getOrderList() {
				console.log("列表更新")
				let id = JSON.parse(uni.getStorageSync('USER_INFO')).id
				getList({
					status: this.curNow,
					courier_id: id,
					keywords: this.keywords
				}).then(res => {
					this.orderlist = []
					this.orderlist = res.data.data
				})
			}

		},
		onLoad() {
			let that = this
			//#ifdef APP-PLUS
			jpushModule.addNotificationListener(function(result) {
				if (!that.notArr.includes(result.messageID)) {
					that.$refs.globalPopup.showPopu();
					that.getOrderList()

				}
				that.notArr.push(result.messageID)
			})
			// #endif	
		},
		onShow() {
			this.getOrderList()

		}

	}
</script>

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