入库，入库详情

pageD/warehousings/warehousings.vue

@@ -0,0 +1,257 @@
+<template>
+	<view class="container">
+		<view class="detail-desc">
+			<view class="d-header">
+				<text>发运信息</text>
+			</view>
+
+			<view class="c-list">
+				<view class="c-row b-b">
+					<text class="tit">合同编号</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.contractNo}}</text>
+					</view>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">货名</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.goodsName}}</text>
+					</view>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">发车净重(吨)</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.startWeight}}</text>
+					</view>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">车牌号</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.carNo}}</text>
+					</view>
+				</view>
+			</view>
+
+			<view class="d-header">
+				<text>入库信息</text>
+			</view>
+			<view class="c-list">
+				<view class="cu-form-group align-start">
+					<view class="title">毛重(吨)</view>
+					<input placeholder="请输入毛重" name="input" v-model="WarehouseInOutInfo.grossWeight"></input>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">皮重(吨)</view>
+					<input placeholder="请输入皮重" name="input" v-model="WarehouseInOutInfo.tare"></input>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">净重（吨）</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.grossWeight - WarehouseInOutInfo.tare}}</text>
+					</view>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">仓库</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.warehouseName}}</text>
+					</view>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">仓位号</view>
+					<input placeholder="请输入仓位号" name="input" v-model="WarehouseInOutInfo.binNumber"></input>
+				</view>
+				<view class="cu-form-group">
+					<view class="title">入库类型</view>
+					<picker @change="packingChange" :value="packingIndex" :range="packingType">
+						<view class="picker">
+							{{packingIndex>-1?packingType[packingIndex]:'请选择入库类型'}}
+						</view>
+					</picker>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">扣款金额</view>
+					<input placeholder="请输入扣款金额" name="input" v-model="WarehouseInOutInfo.deductionAmount"></input>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">扣款项</view>
+					<input placeholder="请输入扣款项" name="input" v-model="WarehouseInOutInfo.deductionItems"></input>
+				</view>
+				<view class="c-row b-b">
+					<text class="tit">入库日期</text>
+					<view class="con-list">
+						<text>{{WarehouseInOutInfo.inOutDate}}</text>
+					</view>
+				</view>
+				<view class="padding flex flex-direction">
+					<button class="cu-btn bg-red margin-tb-sm lg">上传磅单照片</button>
+				</view>
+			</view>
+
+			<view class="d-header">
+				<text>化验信息</text>
+			</view>
+			<view class="c-list">
+				<view class="cu-form-group align-start">
+					<view class="title">质检员</view>
+					<input placeholder="请输入质检员姓名" name="input" v-model="list.qualityInspector"></input>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">蛋白(%)>=</view>
+					<input placeholder="请输入蛋白占比" name="input" v-model="list.protein"></input>
+				</view>
+				<view class="cu-form-group align-start">
+					<view class="title">水分(%)<= </view>
+							<input placeholder="请输入水分占比" name="input" v-model="list.waterContent"></input>
+					</view>
+					<view class="cu-form-group align-start">
+						<view class="title">容重(克/升)>= </view>
+						<input placeholder="请输入容重" name="input" v-model="list.bulkDensity"></input>
+					</view>
+					<view class="cu-form-group align-start">
+						<view class="title">热损伤(%)<= </view>
+								<input placeholder="请输入热损伤占比" name="input" v-model="list.jiaorenli"></input>
+						</view>
+						<view class="cu-form-group align-start">
+							<view class="title">杂质(%)<= </view>
+									<input placeholder="请输入杂质占比" name="input" v-model="list.impurity"></input>
+							</view>
+							<view class="cu-form-group align-start">
+								<view class="title">霉变粒(%)<= </view>
+										<input placeholder="请输入霉变粒占比" name="input" v-model="list.mildewGrain"></input>
+								</view>
+								<view class="cu-form-group align-start">
+									<view class="title">不完整粒(%)<= </view>
+											<input placeholder="请输入不完整粒占比" name="input"
+												v-model="list.imperfectGrain"></input>
+									</view>
+									<view class="c-row b-b">
+										<text class="tit">品级 </text>
+										<picker @change="pinChange" :value="pinIndex" :range="pinType" class="con-list">
+											<view class="con-list">
+												{{pinIndex>-1?pinType[pinIndex]:'请选择品级'}}
+											</view>
+										</picker>
+									</view>
+								</view>
+
+							</view>
+							<!-- 底部操作菜单 -->
+							<view class="padding flex flex-direction">
+								<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">暂存</button>
+								<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				packingType: [],
+				packingIndex: "",
+				goods: {},
+				list: {},
+				WarehouseInOutInfo: {
+					warehouseInOutDetail: {}
+				},
+				pinIndex: 0,
+				pinType: ['不限（默认）', '一等品', '二等品', '三等品', '等外'],
+			}
+		},
+		methods: {
+
+			commit() {
+				console.log(this.list)
+				this.WarehouseInOutInfo.warehouseInOutDetail = this.list
+				this.$api.doRequest('post', '/warehouseInOutInfo/InOutWarehouse', this.WarehouseInOutInfo).then(res => {
+
+				}).catch(res => {
+					uni.showToast({
+						title: res.data.message,
+						icon: 'none',
+						duration: 2000
+					})
+				})
+			},
+			pinChange(e) {
+				this.pinIndex = e.detail.value
+				this.pintypes = this.pinType[this.pinIndex];
+			},
+		}
+
+	}
+</script>
+<style scoped>
+	.cu-form-group input {
+		text-align: right;
+	}
+
+	.cu-form-group textarea {
+		text-align: right;
+	}
+
+	.margin-bottom {
+		margin-bottom: 30px;
+	}
+
+	.c-row {
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-align: center;
+		-webkit-align-items: center;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		position: relative;
+	}
+
+	.con-list {
+		-webkit-box-flex: 1;
+		-webkit-flex: 1;
+		flex: 1;
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-webkit-flex-direction: column;
+		flex-direction: column;
+		color: #303133;
+		line-height: 40rpx;
+		text-align: right;
+		padding-right: 20rpx;
+	}
+
+	.d-header {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 80upx;
+		font-size: $font-base + 2upx;
+		color: $font-color-dark;
+		position: relative;
+
+		text {
+			padding: 0 20upx;
+			background: #fff;
+			position: relative;
+			z-index: 1;
+		}
+
+		&:after {
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translateX(-50%);
+			width: 300upx;
+			height: 0;
+			content: '';
+			border-bottom: 1px solid #ccc;
+		}
+	}
+</style>

pages.json

@@ -403,6 +403,24 @@
 		    "style" :                                                                                    
 		    {
 		        "navigationBarTitleText": "买粮详情",
+				"enablePullDownRefresh": false
+		    }
+		}
+        ,{
+            "path" : "pageD/warehousings/warehousings",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "入库",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+		
+		,{
+		    "path" : "pageD/warehousings/warehousingDetails",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "入库详情",
 		        "enablePullDownRefresh": false
 		    }