<template>
	<view>
		<uni-popup ref="popup">
			<picker  :value="index" :range="statusArray">
				<view class="uni-input">{{statusArray[index]}}</view>
			</picker>

			<!-- 	<uni-data-picker style="background-color: #fff;" class='uni-data-picker' popup-title="库存状态"
				:localdata="statusArray">
			</uni-data-picker> -->
		</uni-popup>
	</view>
</template>

<script>
	import {
		showErrorMsg,
	} from '@/common/basic.js';
	export default {
		data() {
			return {
				content: '',
				statusArray: [{
					text: '待检',
					value: 1
				}, {
					text: '合格',
					value: 2
				}, {
					text: '不合格',
					value: 3
				}, {
					text: '隔离',
					value: 4
				}, {
					text: '报废',
					value: 5
				}, {
					text: '冻结',
					value: 6
				}],
				index:0
			}
		},
		created() {

		},
		methods: {
			openPopup(content) {
				this.content = content;
				this.$refs['popup'].open("bottom");
			},

			closeScanPopup(content) {
				this.$refs.popup.close();
			},

			cancel() {
				this.$refs['popup'].close();
			},

			confirm() {
				this.$emit("confirm", this.content);
				this.$refs['popup'].close();
			},

			clear() {
				this.content = '';
			},

			maskClick() {
				this.$emit("confirm", true);
			}
		}
	}
</script>

<!-- 	background-color: #fff; -->
<style scoped lang="scss">
	.center {
		flex: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		// align-items: center;
	}

	.flex-item {
		width: 50%;
		text-align: center;
	}

	.messageButton {
		border-color: #F8F8F8;
	}

	.messagePopup {
		background-color: #fff;
		border-radius: 5px;
	}

	/deep/ .uni-input-input {
		font-size: 20px;
		height: 46px;
	}
</style>
