<template>
	<view>
		<uni-popup ref="popup">
			<view class="popup_box">
				<view class="pop_title">
					数量
					<text class="fr" @click="closeScanPopup()">关闭</text>
				</view>
				<view class="pop_tab">
					 
					<view class="tab_info">
						<view class="conbox">
							<textarea v-model="content" trim="all" style="margin-left: 5px;" :focus="true" type="number"></textarea>
							<!-- <uni-easyinput v-model="content" type="number" ></uni-easyinput> -->
						</view>
						<view class="uni-flex">
							<button class="clean_scan_btn" @click="clear()">清空</button>
							<button class="scan_btn" @click="confirm()">确定</button>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		showErrorMsg,
	} from '@/common/basic.js';
	export default {
		data() {
			return {
				content: '',
			}
		},
		created() {

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

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

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

			confirm() {
				if(!/^[0-9]+.?[0-9]*$/.test(this.content)){
					uni.showToast({
						title:"请输入数字"
					})
					this.content=""
					return
				}
				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>
