| | |
| | | <div class="app-container"> |
| | | <div style="width: 100%"> |
| | | <el-card class="box-card" > |
| | | <el-form :model="from" size="large" :inline="true" label-width="68px" @submit.native.prevent> |
| | | <el-form-item label="托盘码:" prop="scanObject1" > |
| | | <el-form :model="from" size="large" :inline="true" label-width="78px" @submit.native.prevent> |
| | | <el-form-item label="曲轴码:" prop="scanObject1" > |
| | | <el-input |
| | | style="width: 350px" |
| | | v-model="from.scanObject1" |
| | | placeholder="请输入托盘码" |
| | | placeholder="请输曲轴码" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | @input="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label-width="200" label="托盘码" :prop="from.scanObject3" style="align-content: center"> |
| | | <input v-model="from.scanObject3" |
| | | ref="inputdata2" |
| | | style="height: 39px; width: 300px" |
| | | placeholder="请输入托盘码" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label-width="200" label="连杆码" :prop="from.scanObject2" style="align-content: center"> |
| | | <input v-model="from.scanObject2" |
| | | ref="inputdata" |
| | | ref="inputdata1" |
| | | style="height: 39px; width: 300px" |
| | | placeholder="请输入连杆码" |
| | | /> |
| | |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-descriptions-item label="机型"> |
| | | <span>{{queryParams.productSeries}}</span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="发动机编号"> |
| | | <span>{{queryParams.sfcCode}}</span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="托盘码"> |
| | | <span>{{queryParams.scanObject3}}</span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="曲轴码"> |
| | | <span>{{queryParams.scanObject1}}</span> |
| | | </el-descriptions-item> |
| | |
| | | <el-descriptions-item label="瓦名称"> |
| | | <span>{{queryParams.tileName}}</span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="连杆码"> |
| | | <el-descriptions-item label="缸体编号"> |
| | | <span>{{queryParams.axisName}}</span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="配瓦颜色"> |
| | |
| | | productSeries:'380Y', |
| | | scanObject1: null, |
| | | scanObject2: null, |
| | | scanObject3: null, |
| | | axisName: null, |
| | | neckName: null, |
| | | tileName: '连杆瓦', |
| | |
| | | productSeries: null, |
| | | scanObject1: null, |
| | | scanObject2: null, |
| | | scanObject3: null, |
| | | axisName: null, |
| | | neckName: null, |
| | | tileName: null, |
| | |
| | | updateUser: null, |
| | | state: null, |
| | | weight: null, |
| | | sfcCode:null, |
| | | }, |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.setFocus() |
| | | this.$refs.inputdata.addEventListener('keydown',this.handleScannerInput) |
| | | this.setFocus1() |
| | | this.setFocus2() |
| | | this.$refs.inputdata1.addEventListener('keydown',this.handleScannerInput1) |
| | | this.$refs.inputdata2.addEventListener('keydown',this.handleScannerInput2) |
| | | }, |
| | | beforeDestroy() { |
| | | this.$refs.inputdata.removeEventListener('keydown',this.handleScannerInput) |
| | | this.$refs.inputdata1.removeEventListener('keydown',this.handleScannerInput1) |
| | | this.$refs.inputdata2.removeEventListener('keydown',this.handleScannerInput2) |
| | | }, |
| | | methods:{ |
| | | refresh() { |
| | | location.reload(); |
| | | }, |
| | | setFocus(){ |
| | | setFocus1(){ |
| | | this.$nextTick(()=>{ |
| | | this.$refs.inputdata.focus() |
| | | this.$refs.inputdata1.focus() |
| | | }) |
| | | }, |
| | | handleScannerInput(event){ |
| | | setFocus2(){ |
| | | this.$nextTick(()=>{ |
| | | this.$refs.inputdata2.focus() |
| | | }) |
| | | }, |
| | | handleScannerInput1(event){ |
| | | if (this.scannerFlag){ |
| | | this.from.scanObject2 = '' |
| | | this.$refs.inputdata.value = '' |
| | | this.$refs.inputdata1.value = '' |
| | | this.scannerFlag = false |
| | | } |
| | | const input = event.target |
| | |
| | | if (event.key === 'Enter'){ |
| | | this.scannerFlag = true |
| | | //console.log('条码:',this.from.scanObject2) |
| | | this.$refs.inputdata2.focus(); |
| | | //扫描完成 |
| | | if (typeof this.from.scanObject2 !== 'undefined') { |
| | | setBarcode({barcode:this.from.scanObject2,locationCode:'HOP040'}).then(res =>{ |
| | | setBarcode({barcode:this.from.scanObject2,locationCode:this.from.scanObject3}).then(res =>{ |
| | | console.log('res',res) |
| | | this.queryParams.productSeries=res.sfcCode; |
| | | this.queryParams.scanObject1=res.crankshaftNo; |
| | | this.queryParams.sfcCode=res.sfcCode; |
| | | this.from.scanObject1=res.crankshaftNo; |
| | | this.queryParams.axisName=res.cylinder; |
| | | this.from.scanObject1=this.queryParams.scanObject1 |
| | | this.queryParams.tileName=this.from.tileName; |
| | | this.queryParams.scanObject2=this.from.scanObject2; |
| | | //this.from.scanObject1=res |
| | | this.handleQuery() |
| | | //this.from.scanObject2=this.from.scanObject2 |
| | | //this.queryParams.scanObject1=this.from.scanObject1 |
| | | }) |
| | | } |
| | | this.handleQuery() |
| | | } |
| | | }, |
| | | handleScannerInput2(event){ |
| | | if (this.scannerFlag){ |
| | | this.from.scanObject3 = '' |
| | | this.$refs.inputdata2.value = '' |
| | | this.scannerFlag = false |
| | | } |
| | | const input = event.target |
| | | const inputValue = input.value |
| | | this.from.scanObject3= inputValue |
| | | if (event.key === 'Enter'){ |
| | | this.scannerFlag = true |
| | | console.log('条码2:',this.from.scanObject3) |
| | | this.$refs.inputdata1.focus(); |
| | | this.from.scanObject2 = '' |
| | | //扫描完成 |
| | | } |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.clear(); |
| | | |
| | | if(this.from.scanObject1 !== null && this.from.scanObject2 !== null |
| | | if(this.from.scanObject3 !== null && this.from.scanObject2 !== null |
| | | && this.from.productSeries !== null && this.from.productSeries !== "") |
| | | { |
| | | this.axisValueextracted(); |
| | |
| | | this.queryParams.tileName=this.from.tileName; |
| | | this.queryParams.scanObject1=this.from.scanObject1; |
| | | this.queryParams.scanObject2=this.from.scanObject2; |
| | | this.queryParams.scanObject3=this.from.scanObject3; |
| | | } |
| | | |
| | | }, |