包装实际计划数量

src/api/quality/pkg.js

@@ -94,3 +94,10 @@ export function demolitionPkg (data) {
 	})
 }
 
+// 获取包装扫码计划和实际数量
+export function getPkgPlanCount (code) {
+	return request({
+		url: `/admin/log/packorder/get/` + code,
+		method: 'get'
+	})
+}

src/views/quality/pkg.vue

@@ -132,6 +132,7 @@ export default {
 		selectCurrentClick(item) { // 点击li触发事件
 			this.choosePkg(item['LOG_PackOrder-PackOrderId'])
 			this.activePkg = item['LOG_PackOrder-PackOrderId']
+			this.getCodePlanCount(item['LOG_PackOrder-PackOrderId'])
 		},
     codeparser() { //获取扫码规则
       api.codeparser().then((res) => {
@@ -157,6 +158,7 @@ export default {
       this.activePkg = PackOrderId
       this.actPkgObj = this.pkgs.filter((pkg) => pkg.PackOrderId == PackOrderId)[0] || {}
       this.packorderitemlst() //获取包装单下的包装项
+			this.getCodePlanCount(PackOrderId)
       this.$nextTick(() => {
         if (this.$refs[`${PackOrderId}`])
           this.$refs[`${PackOrderId}`][0].scrollIntoView()
@@ -175,6 +177,7 @@ export default {
       api.packorderitemlst(this.activePkg).then((res) => {
         this.tableData = res.data || []
         this.tableLoading = false
+				this.getCodePlanCount(this.actPkgObj['LOG_PackOrder-PackOrderId'])
 				if (type === 1) {
 					this.scrollCurrentPos()
 				}
@@ -203,6 +206,14 @@ export default {
 				}
 			})
 		},
+		// 获取包装扫码计划和实际数量
+		getCodePlanCount(code) {
+			api.getPkgPlanCount(code).then((res) => {
+				if (res.code === 200) {
+					this.$emit('planActQTy', res.data)
+				}
+			})
+		},
     enterPress(e) { // 扫码回车提交
 			// 如果扫码是指定的 two，则跳转到对应的缺陷数据采集tab栏
 			if (e.target.value === 'two') {

src/views/quality/pkgDefeck.vue

@@ -2,12 +2,16 @@
 	<div class="app-container pkg-defect-wrapper">
 		<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
 			<el-tab-pane label="包装" name="first">
-				<pkgComponent @handleActiveNameOne="handleActiveName" />
+				<pkgComponent @handleActiveNameOne="handleActiveName" @planActQTy="planActQTy" />
 			</el-tab-pane>
 			<el-tab-pane label="缺陷数据采集" name="second">
 				<defectData @handleActiveNameTwo="handleActiveName" />
 			</el-tab-pane>
 		</el-tabs>
+		<div class="plan-actual-count" v-if="activeName === 'first'">
+			<span>计划数量：</span><span>{{planQty}}</span>
+			<span style="margin-left: 30px;">实际数量：</span><span>{{actQty}}</span>
+		</div>
 		<el-button type="danger" @click="unPackClick" class="unpack-wrapper">拆除包装</el-button>
 		<unpack 
 			v-if="isVisible"
@@ -31,6 +35,8 @@ export default {
 		return {
 			activeName: 'first',
 			isVisible: false,
+			planQty: 0,
+			actQty: 0,
 		}
 	},
 	methods: {
@@ -44,6 +50,10 @@ export default {
 				this.activeName = 'first'
 			}
 		},
+		planActQTy(valueObj) {
+			this.actQty = valueObj['LOG_PackOrder-ActQty']
+			this.planQty = valueObj['LOG_PackOrder-PlanQty']
+		},
 		completeCallBack(value) {
 			this.isVisible = value
 		},
@@ -66,5 +76,10 @@ export default {
 		right: 32px;
 		width: 100px;
 	}
+	.plan-actual-count {
+		position: absolute;
+		left: 26%;
+		top: 43px;
+	}
 }
 </style>