工单核验单优化

src/view/performance/09-workOrderVerification/index.vue

@@ -63,69 +63,86 @@
 						width="1200px">
 
 						<el-form ref="elFormRef" :model="detailData" inline label-position="right" :rules="rule"
-							id="detail-form">
-							<el-row :gutter="30">
+							id="detail-form" label-width="70px">
+							<el-row :gutter="24">
 								<el-col :span="5">
 									<el-form-item label="日期">
-										<el-date-picker v-model="detailData.qczl_rq" type="date"
-											style="width: 150px;" />
+										<el-input type="date" max="9999-12-31" v-model="detailData.qczl_rq" @keydown="ent1($event)" @focus="rqHandleFocus()"
+											style="width: 130px;" />
 									</el-form-item>
 								</el-col>
 								<el-col :span="5">
 									<el-form-item label="工单编号">
-										<el-input v-model="detailData.qczl_gdbh" style="width: 150px;"
-											@keyup.enter="handleGdbhEnter" placeholder="Enter回车" />
+										<el-input v-model="detailData.qczl_gdbh" style="width: 120px;" @keydown="ent1($event)"
+											@blur="handleGdbhEnter" placeholder="Enter回车" />
 									</el-form-item>
 								</el-col>
 								<el-col :span="5">
-									<el-form-item label="拼印主工单">
-										<el-input v-model="detailData.qczl_Pygd" style="width: 150px;" />
+									<el-form-item label="拼印主工单" label-width="90px">
+										<el-input v-model="detailData.qczl_Pygd" style="width: 120px;" @keydown="ent1($event)" />
 									</el-form-item>
 								</el-col>
-								<el-col :span="6">
+								<el-col :span="9">
 									<el-form-item label="产品名称">
 										<el-input v-model="detailData.Gd_cpmc" style="width: 300px;" readonly />
 									</el-form-item>
 								</el-col>
 							</el-row>
-							<br>
-							<el-form-item label="印件号">
-								<el-input v-model="detailData.qczl_yjno" style="width: 60px;" />
-							</el-form-item>
-							<el-form-item label="印件名称" style="margin-left: 47px">
-								<el-input v-model="detailData.yj_yjmc" style="width: 500px;" />
-							</el-form-item>
-							<el-form-item label="废品总数">
-								<el-input v-model="detailData.qczl_fp" id="废品总数" @keydown="ent1($event)" style="width: 100px;" />
-							</el-form-item>
-							<br>
-
-							<el-form-item label="工序">
-								<el-input v-model="detailData.qczl_gxmc" style="width: 200px;"
-									@blur="getgxsubmit" @keydown="ent1($event)" />
-							</el-form-item>
-							<el-form-item label="工序号">
-								<el-input v-model="detailData.qczl_gxh" @keydown="ent1($event)" style="width: 100px;" />
-							</el-form-item>
-							<el-form-item label="总流程号">
-								<el-input v-model="detailData.total_liucheng" @keydown="ent1($event)" style="width: 100px;" />
-							</el-form-item>
-
-							<el-form-item label="流程单号">
-								<el-input v-model="detailData.qczl_num" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc1" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc2" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc3" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc4" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc5" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc6" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc7" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-								<el-input v-model="detailData.qczl_NumDesc8" @keydown="ent1($event)" style="width: 60px; margin-left: 5px;" />
-							</el-form-item>
-
-							<el-form-item label="备注">
-								<el-input v-model="detailData.qczl_NumDesc" @keydown="ent1($event)" style="width: 200px;" />
-							</el-form-item>
+							<el-row :gutter="24">
+								<el-col :span="5">
+									<el-form-item label="印件号">
+										<el-input v-model="detailData.qczl_yjno" style="width: 60px;" readonly/>
+									</el-form-item>
+								</el-col>
+								<el-col :span="10">
+									<el-form-item label="印件名称" >
+										<el-input v-model="detailData.yj_yjmc" style="width: 385px;" readonly/>
+									</el-form-item>
+								</el-col>
+								<el-col :span="5">
+									<el-form-item label="废品总数">
+										<el-input v-model="detailData.qczl_fp" @keydown="ent1($event)" style="width: 100px;" />
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row :gutter="24">
+								<el-col :span="5">
+									<el-form-item label="工序">
+										<el-input v-model="detailData.qczl_gxmc" style="width: 150px;"
+											@blur="getgxsubmit" @keydown="ent1($event)" />
+									</el-form-item>
+								</el-col>
+								<el-col :span="5">
+									<el-form-item label="工序号">
+										<el-input v-model="detailData.qczl_gxh" @keydown="ent1($event)" style="width: 120px;" />
+									</el-form-item>
+								</el-col>
+								<el-col :span="5">
+									<el-form-item label="总流程号" label-width="90px">
+										<el-input v-model="detailData.total_liucheng" @keydown="ent1($event)" style="width: 120px;" />
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row :gutter="24">
+								<el-col :span="15">
+									<el-form-item label="流程单号">
+										<el-input v-model="detailData.qczl_num" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc1" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc2" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc3" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc4" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc5" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc6" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc7" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+										<el-input v-model="detailData.qczl_NumDesc8" @keydown="ent1($event)" style="width: 60px; margin-right: 5px;" />
+									</el-form-item>
+								</el-col>
+								<el-col :span="9">
+									<el-form-item label="备注">
+										<el-input v-model="detailData.qczl_NumDesc" @keydown="ent1($event)" style="width: 300px;" />
+									</el-form-item>
+								</el-col>
+							</el-row>
 
 							<el-scrollbar height="400px">
 								<el-table :data="detailData.table" border tooltip-effect="dark"
@@ -133,33 +150,33 @@
 									:header-row-style="{ height: '20px' }" :header-cell-style="{ padding: '0px' }">
 									<el-table-column label="废品类别" width="200">
 										<template #default="{ row, $index }">
-											<el-input v-model="row.fp_lb" @keydown="ent1($event)"  @keyup.enter="handleFplbEnter($index, row)" />
+											<el-input v-model="row.fp_lb" @keydown="ent1($event)"  @blur="handleFplbEnter($index, row)" />
 										</template>
 									</el-table-column>
 
 									<el-table-column label="数量" width="100">
 										<template #default="{ row, $index }">
-											<el-input v-model="row.fp_sl" @keyup.enter="handleFpslEnter($index, row)" />
+											<el-input v-model="row.fp_sl" @keydown="ent1($event)"  @blur="handleFpslEnter($index, row)" />
 										</template>
 									</el-table-column>
 									<el-table-column label="工序及责任机长" width="500">
 										<template #default="{ row }">
-											<el-input v-model="row.fp_gxmc" />
+											<el-input v-model="row.fp_gxmc" @keydown="ent1($event)" />
 										</template>
 									</el-table-column>
 									<el-table-column label="" width="100">
 										<template #default="{ row }">
-											<el-input v-model="row.fp_bz" />
+											<el-input v-model="row.fp_bz" @keydown="ent1($event)" />
 										</template>
 									</el-table-column>
 									<el-table-column label="" width="100">
 										<template #default="{ row }">
-											<el-input v-model="row.fp_bh" />
+											<el-input v-model="row.fp_bh" @keydown="ent1($event)" />
 										</template>
 									</el-table-column>
 									<el-table-column label="" width="100">
 										<template #default="{ row }">
-											<el-input v-model="row.fp_name" />
+											<el-input v-model="row.fp_name" @keydown="ent1($event)" />
 										</template>
 									</el-table-column>
 								</el-table>
@@ -655,10 +672,17 @@
 			console.log(e)
 		}
 	}
+	
+	//日期获得焦点事件
+	const rqHandleFocus = () => {
+		if (detailData.qczl_rq == undefined || detailData.qczl_rq == '') {
+			detailData.qczl_rq = new Date().toISOString().split('T')[0]
+		}
+	}
 
 	// 工单编号回车
 	const handleGdbhEnter = async () => {
-		if (detailData.qczl_gdbh != '') {
+		if (detailData.qczl_gdbh != undefined) {
 			const res = await getOrderInfo({
 				order: detailData.qczl_gdbh
 			})
@@ -677,7 +701,6 @@
 					detailData.qczl_yjno = res.data[0]['yj_Yjno']
 					detailData.yj_yjmc = res.data[0]['yj_yjmc']
 				} else if (res.data.length > 1) {
-					document.getElementById('废品总数').focus()
 					selectData_gd.splice(0, selectData_gd.length, ...res.data)
 					setGXCurrent(selectData_gd[0])
 					dialogSelectVisible.value = true
@@ -735,11 +758,12 @@
 
 	// 废品类别回车
 	const handleFplbEnter = async (index, row) => {
+		if(dialogSelectVisible2.value){
+			return
+		}
 		let res
 		try {
-			res = await getWastInfo({
-				search: row.fp_lb
-			})
+			res = await getWastInfo({ search: row.fp_lb })
 			if (res.code !== 0) {
 				return
 			}
@@ -790,6 +814,9 @@
 	let selectData = [] // 将const改为let
 
 	const handleFpslEnter = async (index, row) => {
+		if(dialogSelectVisible1.value){
+			return
+		}
 		if (row.fp_sl === '0') {
 			detailData.table[index].fp_gxmc = ''
 			detailData.table[index].fp_bz = ''