<!--发料任务卡片-->
<template>
	<!-- <page-meta root-font-size="18px"></page-meta> -->
	<uni-popup ref="popupItems" type="center">
		<scroll-view scroll-y="true" style="background-color: #EEEEEE;height: 90vh;">
			<item :dataContent="balanceItems[0]"></item>
			<view class="popinpop count_shadow" style="width: 90vw;margin: 20rpx 20rpx 30rpx 20rpx;"
				v-for="(item, index) in balanceItems" :key="item.id" @click="callback(item)">
				<balance :dataContent="item"></balance>
			</view>
		</scroll-view>
	</uni-popup>
</template>

<script>
	import item from '@/mycomponents/item/item.vue'
	import balance from '@/mycomponents/balance/balance.vue'

	export default {
		name: "balanceSelect",
		emits: ['onSelectItem'],
		components: {
			item,
			balance
		},
		data() {
			return {
				balanceItems: [],
			};
		},
		// 此处定义传入的数据
		props: {
			// datacontent: {
			// 	type: Object,
			// 	value: null
			// }
		},
		methods: {
			openPopup(items) {
				this.balanceItems = items;
				this.$refs['popupItems'].open("center");
			},

			callback(item) {
				this.$emit("onSelectItem", item);
				this.$refs['popupItems'].close();
			},

		}
	}
</script>

<style scoped lang="scss">
</style>
