aiot-app/pages/warehouse/outbound/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="φ50 浙江申南 耐压1.0MPa 法兰" :isLink="true"></u-cell>
			<u-cell title="物料类型" value="备品备件"></u-cell>
			<u-cell title="品牌" value="浙江申南"></u-cell>
			<u-cell title="型号" value="耐压1.0MPa"></u-cell>
			<u-cell title="库存方式" value="按件"></u-cell>
			<u-cell title="工艺特性" value="φ50" :isLink="true"></u-cell>
			<u-cell title="材质用途" value="灰色 化工PVC" :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="无" :isLink="true"></u-cell>
			 <u-cell title="包装条码">
				 <view slot="value" class="u-slot-value"><view class="ucell">201238919913</view></view>
			 </u-cell>
		 </uni-section>
		 
		 <uni-section title="存放信息" type="line">
		     <u-cell-group>
		     	<u-cell title="库区" value="生产维修区-01" :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="1" :isLink="true"></u-cell>
				<u-cell title="实入数量" value="1" :isLink="true"></u-cell>
				<u-cell title="标准单位" value="件"></u-cell>
		     </u-cell-group>
		 </uni-section>
		 
		 <view class="footBox">
		 	<view class="reg" style="width:100%;"><uni-icons type="scan" color="#fff" size="20"></uni-icons>按件扫码</view>
		 </view>
	</view>
</template>

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

<style lang="scss" scoped>
.mainBox{
   padding-bottom: 120rpx;
} 
.ucell{
	display: flex;
	align-items: center;
	/deep/ .u-icon__icon{
		margin-left: 10rpx;
	}
	
}
.saveBtn{
	width:50%; 
	margin:40rpx auto;
}
.footBox{
		position: fixed;
		left:0px;
		bottom: 0px;
		height: 100rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		view{
			width:50%;
			height: 100%;
			text-align: center;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.reg{
			background: $u-success-dark;
		}
		.uni-icons{margin-right: 8rpx !important;}
	}
</style>