<template>
		<page-meta root-font-size="16px"></page-meta>
	<uni-popup ref="popupItems" type="center">
		<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
			@scrolltolower="lower" @scroll="scroll" style="background-color: #EEEEEE; height: 500px;">
			<view>
				<view hover-class="uni-list-cell-hover" v-for="(item, index) in deliverItems" :key="item.id"
					@click="openDetail(item)">
					<com-deliver :datacontent="item"></com-deliver>
				</view>
			</view>
		</scroll-view>
	</uni-popup>
</template>

<script>
	import {
		showConfirmMsg,
		getInventoryStatusDesc
	} from '@/common/basic.js';
	import comDeliver from '@/mycomponents/coms/comDeliver.vue';
	export default {
		name: 'deliverItems',
		components: {
			comDeliver
		},
		data() {
			return {
				deliverItems: [],
				scrollTop: 0,
				old: {
					scrollTop: 0
				},
			};
		},
		props: {
			datacontent: {
				type: Object,
				value: null
			}
		},
		onShow: function() {
			uni.showLoading({
				title: "加载中....",
				mask: true
			})
			uni.hideLoading();
			this.getList();
		},

		methods: {
			openPopup(items) {
				this.deliverItems = items;
				this.$refs['popupItems'].open("center");
			},

			openDetail(item) {
				uni.navigateTo({
					url: './deliver_detail?id=' + item.masterID + '&jobStatus=' + item.jobStatus
				});
				this.$refs['popupItems'].close();
			},
			upper: function(e) {
				// console.log(e)
			},

			lower: function(e) {
				// console.log(e)
			},

			scroll: function(e) {
				// console.log(e)
				this.old.scrollTop = e.detail.scrollTop;
			},
		}
	};
</script>


<style scoped lang="scss">

</style>
