优化

pages/pda/jobBooking/components/byProductBom.vue

@@ -0,0 +1,189 @@
+<template>
+	<view>
+		<view class="title_box rx-bc">
+			<view class="name">副产品回收</view>
+		</view>
+
+		<view class="material">
+			<view class="content_table">
+				<view class="head row rx-sc">
+					<view class="item ww30">物料编码</view>
+					<view class="item ww30">物料名称</view>
+					<view class="item ww40">重量</view>
+				</view>
+
+				<view class="table">
+
+					<view class="tr row rx-sc" v-for="(item, index) in list" :key='index'>
+						<view class="item ww30">{{item.code}}</view>
+						<view class="item ww30">{{item.name}}</view>
+						<view class="item ww40  content_num">
+							
+								<input class="uni-input" v-model="item.recycleQuantity" type="digit"></input>
+								<view class="unit">{{item.unit}}</view>
+								<view class="penalize">处置</view>
+								
+						</view>
+					</view>
+					
+	
+
+				
+				
+
+				</view>
+
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			list: {
+				type: Array,
+				default: () => {}
+			}
+		},
+		data() {
+			return {
+				demandQuantity: null
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.title_box {
+		margin-top: 20rpx;
+
+		.name {
+			font-size: 28rpx;
+			font-style: normal;
+			font-weight: 400;
+			color: $theme-color;
+			padding-left: 20rpx;
+
+			position: relative;
+
+			&:before {
+				position: absolute;
+				content: '';
+				left: 0rpx;
+				top: 0rpx;
+				bottom: 0rpx;
+				width: 4rpx;
+				height: 28rpx;
+				background: $theme-color;
+				margin: auto;
+			}
+
+
+		}
+
+
+
+	}
+
+	.material {
+		margin-top: 10rpx;
+
+
+
+		.content_table {
+			width: 100%;
+
+
+			.row {
+				width: 100%;
+
+
+				.item {
+
+					color: #404446;
+					font-size: 28rpx;
+					padding-left: 12rpx;
+
+				}
+
+				.ww30 {
+					width: 30%;
+				}
+
+				.ww40 {
+					width: 40%;
+				}
+			}
+
+			.head {
+				height: 64rpx;
+				background: #F7F9FA;
+				border-top: 2rpx solid #E3E5E5;
+				border-left: 2rpx solid #E3E5E5;
+
+				.item {
+					height: 64rpx;
+					line-height: 64rpx;
+					border-right: 2rpx solid #E3E5E5;
+				}
+			}
+
+
+
+			.tr {
+				border-top: 2rpx solid #E3E5E5;
+				border-left: 2rpx solid #E3E5E5;
+
+
+				.item {
+					font-size: 24rpx;
+					min-height: 64rpx;
+					display: flex;
+					align-items: center;
+					border-right: 2rpx solid #E3E5E5;
+
+
+				}
+
+				&:last-child {
+					border-bottom: 2rpx solid #E3E5E5;
+
+
+				}
+			}
+		}
+		
+		.content_num {
+			display: flex;
+			align-items: center;
+			padding: 0 4rpx;
+		
+			/deep/ .uni-input-input {
+				border: 2rpx solid #F0F8F2;
+				background: #F0F8F2;
+				color: $theme-color;
+			}
+			
+			
+			
+			.unit {
+				padding: 0 4rpx;
+				font-size: 24rpx;
+				color: #404446;
+			}
+			
+			.penalize {
+				width: 160rpx;
+				line-height: 60rpx;
+				background: $theme-color;
+				font-size: 24rpx;
+				text-align: center;
+				color: #fff;
+			}
+		
+		
+		}
+	}
+</style>

pages/pda/jobBooking/components/jobBom.vue

@@ -14,7 +14,7 @@
 
 				<view class="item rx-sc">
 					<view class="rx ww55 ">
-						<view class="lable lable150 rx-cc ">要求成型数量</view>
+						<view class="lable lable150 rx-cc ">要求生产数量</view>
 						<view class="content rx-sc">
 							<view>{{item.formingNum}}</view>
 							<view class="unit">{{item.unit}}</view>

pages/pda/jobBooking/index/index.vue

@@ -16,11 +16,21 @@
 					</modelBom>
 					
 					<jobBom :item='objData'></jobBom>
+					
+					<byProductBom v-if='objData.productRecycleList != 0 ' :list='objData.productRecycleList'></byProductBom>
 
 				</view>
 
 			</u-list>
 		</view>
+		
+		
+		<view class="bottom-wrapper">
+			<view class="btn_box" @click="save">一键报工</view>
+		
+		</view>
+		
+		
 	</view>
 </template>
 
@@ -34,6 +44,7 @@
 	import deviceBom from '../../feeding/components/deviceBom.vue'
 	import modelBom from '../../feeding/components/modelBom.vue'
 	import jobBom from '../components/jobBom.vue'
+	import byProductBom from '../components/byProductBom'
 
 
 	export default {
@@ -42,7 +53,8 @@
 			workOrderBom,
 			deviceBom,
 			modelBom,
-			jobBom
+			jobBom,
+			byProductBom
 		},
 		data() {
 			return {
@@ -105,7 +117,9 @@
 				})
 			},
 
-			scrolltolower() {}
+			scrolltolower() {},
+			
+			save() {}
 		}
 	}
 </script>
@@ -135,4 +149,19 @@
 
 
 	}
+	
+	.bottom-wrapper {
+		.btn_box {
+			width: 750rpx;
+			height: 88rpx;
+			line-height: 88rpx;
+			background: $theme-color;
+			text-align: center;
+			font-size: 36rpx;
+			font-style: normal;
+			font-weight: 400;
+			color: #fff;
+		}
+	}
+	
 </style>