aiot-app/pages/warehouse/material/regMaterial.vue

<template>
	<view class="mainBox">
		<uni-nav-bar fixed="true" statusBar="true" left-icon="back" title="添加物料入库明细" @clickLeft="back">
			<!--右菜单-->
			<template slot="float">
				<view class="nav-icon-caozuo rightNav" @click="getsure"><u-button type="success" size="small" class="u-reset-button" text="确定"></u-button></view>
			</template>
		</uni-nav-bar>
		
		<u-cell-group>
			<u-cell title="物料选择" value="W389102030991" :isLink="true"></u-cell>
			<u-cell title="物料类型" value="混炼料A03"></u-cell>
			<u-cell title="牌号" value="E21287381"></u-cell>
			<u-cell title="型号" value="BΦ3.0*100"></u-cell>
			<u-cell title="库存方式" value="按件"></u-cell>
			<u-cell title="物料批次" value="20102312335" :isLink="true"></u-cell>
			<u-cell title="物料效期" value="2020-10-20" :isLink="true"></u-cell>
		</u-cell-group>
		
		 <uni-section title="包装信息" type="line">
			<template slot="right"> <u-button
			 		    class="button-layout__item"
			 		    size="mini"
			 		    type="success"
			 			@click="PackagingCoding"
			 		>包装打码</u-button></template>
             <u-cell title="包装类型" value="混炼料桶（60KG）" :isLink="true"></u-cell>
			 <u-cell title="包装条码">
				 <view slot="value" class="u-slot-value"><view class="ucell">201238919913(未确认)  <u-icon name="minus-circle" size="40" color="#007aff"></u-icon></view></view>
			 </u-cell>
		 </uni-section>
		 
		 <uni-section title="存放信息" type="line">
		     <u-cell-group>
		     	<u-cell title="库区" value="258.7" :isLink="true"></u-cell>
		     	<u-cell title="货位">
					 <view slot="value" class="u-slot-value"><view class="ucell">CP-01-3-4  <u-icon name="minus-circle" size="40" color="#007aff"></u-icon></view></view>
				</u-cell>
		     	<u-cell title="货位层级" value="1" :isLink="true"></u-cell>
				<u-cell title="应入数量" value="60" :isLink="true"></u-cell>
				<u-cell title="是否称重" value="是"></u-cell>
				<u-cell title="实入数量" value="58.13" :isLink="true"></u-cell>
				<u-cell title="标准单位" value="KG"></u-cell>
		     </u-cell-group>
		 </uni-section>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//包装打码
			PackagingCoding(){
				
			},
			//确定
			getsure(){
				
			},
			
			
		}
	}
</script>

<style lang="scss" scoped>
.mainBox{

} 
.ucell{
	display: flex;
	align-items: center;
	/deep/ .u-icon__icon{
		margin-left: 10rpx;
	}
 }
.saveBtn{
	width:50%; 
	margin:40rpx auto;
}
</style>