<template>
	<view class="printTag">
		<view class="print-nums flex flex_column align_center justify_center">
			<view>打印数量</view>
			<view class="uinput">
				<u-number-box :min="1" color="#000" bg-color="#fff" size="30" :input-height="70" :input-width="100"></u-number-box>
			</view>
		</view>
		<view class="shelf-info">
			<view class="shelf-info-title">
				<view>西安车领主常青二路数字货架</view>
				<view><text class="pno">A02</text></view>
			</view>
			<view>产品编码：JO-21026E</view>
			<view>产品名称：箭牌机油滤清器 10款进口大众途锐...</view>
			<view>库存数量：3</view>
		</view>
		<view class="buttons flex align_center justify_center">
			<view v-if="fromPage == 'bdtq'"><u-button @click="cansel" shape="circle" plain>返回列表</u-button></view>
			<view v-if="fromPage == 'smdy'"><u-button @click="cansel" shape="circle" plain>重新扫描</u-button></view>
			<view><u-button @click="print" shape="circle" :custom-style="{background:$config('primaryColor')}" type="primary">开始打印</u-button></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				part: null,
				fromPage: ''
			}
		},
		onLoad(opts) {
			this.fromPage = opts.from
		},
		methods: {
			cansel(){
				uni.navigateBack()
			},
			print(){
				
			}
		}
	}
</script>

<style lang="less">
.printTag{
	background-color: #fff;
	width: 100vh;
	padding: 50rpx 30rpx;
	.print-nums{
		padding: 50rpx 30rpx;
		color: #999;
		font-size: 32rpx;
		> view{
			padding: 20rpx 0;
		}
		.uinput{
			border: 2rpx solid #eee;
			border-radius: 50rpx;
			padding: 0 20rpx;
		}
		/deep/ .u-icon-disabled{
			background: #fff!important;
		}
		/deep/ .u-number-input{
			margin: 0 12rpx;
			border: 2rpx solid #eee;
			border-top: 0;
			border-bottom: 0;
		}
	}
	.shelf-info{
		background-color: #f8f8f8;
		padding: 30rpx;
		border-radius: 12rpx;
		color: #707070;
		.shelf-info-title{
			font-size: 32rpx;
			color: #222222;
			display: flex;
			justify-content: space-between;
			margin-bottom: 10rpx;
			.pno{
				background: rgba(3, 54, 146, 0.15);
				border-radius: 100rpx;
				padding: 6rpx 20rpx;
				color: #033692;
				font-size: 24rpx;
			}
		}
	}
	.buttons{
		padding: 50rpx 0;
		> view{
			width: 36%;
			margin: 0 2%;
		}
	}
}
</style>
