<template>
	<view class="stock-wrap">
		<!-- 统计 -->
		<view class="panel-box">
			<view class="item-box">
				<u-count-to :end-val="1542" separator=","></u-count-to>
				<view>库存总数量(个)</view>
			</view>
			<view class="item-box">
				<u-count-to :end-val="1542" separator=","></u-count-to>
				<view>库存总成本(￥)</view>
			</view>
		</view>
		<!-- 库存查询 -->
		<view class="stock-con">
			<view class="stock-tit">
				<view class="u-line"></view>库存查询
			</view>
			<u-form :model="form" ref="uForm" label-width="180">
				<u-form-item label="产品编码"><u-input v-model="form.productCode" placeholder="请输入产品编码" style="text-align: right;" /></u-form-item>
				<u-form-item label="原厂编码"><u-input v-model="form.productOrigCode" placeholder="请输入原厂编码" style="text-align: right;" /></u-form-item>
				<u-form-item label="产品名称"><u-input v-model="form.productName" placeholder="请输入产品名称" style="text-align: right;" /></u-form-item>
				<u-form-item label="产品品牌"><view></view></u-form-item>
				<u-form-item label="只查看有库存"><u-switch slot="right" v-model="form.zeroQtyFlag"></u-switch></u-form-item>
			</u-form>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				form: {
					productCode: '', //  产品编码
					productName: '', //  产品名称
					productOrigCode: '', //  原厂编码
					productBrandSn: undefined, //  产品品牌
					productTypeSn1: '', //  产品分类1
					productTypeSn2: '', //  产品分类2
					productTypeSn3: '', //  产品分类3
					zeroQtyFlag: false //  库存情况
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.stock-wrap{
		width: 100%;
		padding: 30upx;
		.panel-box {
			background-color: #ffffff;
			padding: 20upx 20upx;
			border-radius: 20upx;
			box-shadow: 3upx 2upx 6upx #eee;
			margin-bottom: 30upx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.item-box{
				text-align: center;
				width: 50%;
			}
			.item-box:first-child{
				border-right: 1px solid #e4e7ed;
			}
		}
		.stock-con{
			background-color: #ffffff;
			border-radius: 20upx;
			box-shadow: 3upx 2upx 6upx #eee;
			padding: 20upx;
			.stock-tit{
				.u-line{
					display: inline-block;
					width: 6upx;
					height: 40upx;
					background-color: red;
					vertical-align: bottom;
					margin: 0 20upx 0 10upx;
				}
			}
		}
	}
</style>
