<template>
	<view class="">
		<uni-popup ref="popup">
			<view class="" style="align-items: center;background-color: #fff; border-radius: 15rpx; margin: 50rpx;">
				<view class="uni-center"
					style="font-weight: bold; font-size: 40rpx;padding-top: 20rpx; padding-bottom: 20rpx;">
					{{title}}
				</view>
				<view class="" style="background-color: black; height: 1rpx; ">

				</view>
				<scroll-view scroll-y=""
					style="background-color: #fff; align-items: center; border-radius: 10rpx; height: 600rpx; width: 100%">
						<view class="uni-flex " style="flex-direction: column; " v-for="(item,index) in dataList">
							<view class="" style="font-size: 38rpx; padding: 25rpx;" @click="select(item)">
								<text>{{index+1}}. {{item.label}}</text>
							</view>
							<u-line></u-line>
						</view>

				</scroll-view>

			</view>

		</uni-popup>

	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ""
			},
		},
		data() {
			return {
				dataList: [],

			}
		},


		methods: {
			openScanPopup(list) {
				this.dataList = list;
				this.$refs.popup.open('center')
			},
			closeScanPopup() {
				this.$refs.popup.close()
			},
			select(item) {
				this.closeScanPopup();
				this.$emit("select", item)
			}
		}


	}
</script>

<style>
	.popup_box {
		width: 500rpx;
		height: 500rpx;
	}
</style>