Browse Source

修改物料隔离输入框焦点校验

intex
lijuncheng 2 days ago
parent
commit
6f8338ef7a
  1. 35
      src/pages/inventoryMove/coms/comMoveRecord.vue
  2. 193
      src/pages/inventoryMove/coms/okToHoldRecordPack.vue

35
src/pages/inventoryMove/coms/comMoveRecord.vue

@ -41,7 +41,8 @@
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult' :title="'箱码'"> <win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult' :title="'箱码'">
</win-scan-pack-and-location> </win-scan-pack-and-location>
<win-scan-location ref="scanFromLocationCode" title="来源库位" @getLocation='getFromLocation' <win-scan-location ref="scanFromLocationCode" title="来源库位" @getLocation='getFromLocation'
:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location> :locationAreaTypeList="fromLocationAreaTypeList"
@clearFromLocation="clearFromLocationCode"></win-scan-location>
<comMessage ref="comMessage"></comMessage> <comMessage ref="comMessage"></comMessage>
</view> </view>
</template> </template>
@ -157,7 +158,7 @@
itemCodeTypeList: [], itemCodeTypeList: [],
isShowEditLocation: false, isShowEditLocation: false,
isJustReplay: true, // isJustReplay: true, //
fromWarehouseCode:"" fromWarehouseCode: ""
} }
}, },
@ -287,7 +288,7 @@
this.toLocationInfo = location; this.toLocationInfo = location;
}, },
getScanResult(result, managementTypeParams) { getScanResult(result, managementTypeParams) {
this.fromWarehouseCode =result.fromWarehouseCode this.fromWarehouseCode = result.fromWarehouseCode
this.managementType = managementTypeParams this.managementType = managementTypeParams
if (this.showOnePop) { if (this.showOnePop) {
if (this.isJustReplay) { if (this.isJustReplay) {
@ -373,6 +374,10 @@
return true return true
}, },
clearFromLocationCode() {
this.$refs.okToHoldRecordPackRef.fromLocationCode = ''
},
getScanResultAfter(result) { getScanResultAfter(result) {
var balance = result.balance; var balance = result.balance;
@ -543,9 +548,29 @@
if (fromWitch == 'fromLocationScanMsg') { if (fromWitch == 'fromLocationScanMsg') {
this.isClearFromLocationCode = false this.isClearFromLocationCode = false
this.$refs.scanFromLocationCode.getScanResult(result) this.$refs.scanFromLocationCode.getScanResult(result)
} else if (fromWitch == 'itemCodeScanMsg') { } else if (fromWitch == 'itemCodeScan') {
result.fromLocationCode = this.fromLocationCode result.fromLocationCode = this.fromLocationCode
this.$refs.scanPopup.getScanResult(result) result.label.itemCode = result.label.code
this.checkItemCode(result.label.itemCode, callBack => {
if (callBack) {
if (checkDirectoryItemExist(this.itemCodeTypeList, callBack)) {
this.$refs.scanPopup.getScanResult(result)
} else {
this.$refs.okToHoldRecordPackRef.itemCode = ''
var hint = getListItemTypeDesc(this.itemCodeTypeList);
this.showErrorMessage("扫描物料[" + result.label.itemCode + "]是[" +
getItemTypeName(callBack) + "],需要的物料类型是[" + hint + "]")
}
} else {
this.$refs.okToHoldRecordPackRef.itemCode = ''
this.showErrorMessage('未查找到物料【' + result.label.itemCode + '】');
}
})
} }
}, },
// //

193
src/pages/inventoryMove/coms/okToHoldRecordPack.vue

@ -1,53 +1,59 @@
<template> <template>
<view class=""> <view class="">
<u-popup v-model="showOne" mode="bottom" border-radius="14" z-index='12'> <u-popup v-model="showOne" mode="bottom" border-radius="14" z-index='12'>
<view class="title"> <view class="title">
<view class="title-txt"> <view class="title-txt">
需求信息 需求信息
</view> </view>
<u-icon name="close" color="#4f4f4f" size="28" @click="showOne = false"></u-icon> <u-icon name="close" color="#4f4f4f" size="28" @click="showOne = false"></u-icon>
</view> </view>
<view class="item"> <view class="item">
<view class="label">来源库位</view> <view class="label">来源库位</view>
<view class="value"> <view class="value">
<u-input v-model="fromLocationCode"></u-input> <u-input v-model="fromLocationCode" @confirm="fromLocationScanMsg" @blur="fromLocationScanMsg"
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="fromLocationCode=''" v-if="fromLocationCode"></u-icon>
></u-input>
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="fromLocationCode=''"
v-if="fromLocationCode"></u-icon>
</view> </view>
<view class="searchIcon"> <view class="searchIcon">
<image src="/static/search.svg" mode="" @click="fromLocationClick"/> <image src="/static/search.svg" mode="" @click="fromLocationClick" />
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<view class="label">零件</view> <view class="label">零件</view>
<view class="value"> <view class="value">
<u-input v-model="itemCode"></u-input> <u-input v-model="itemCode" @confirm="itemCodeScanMsg" @blur="itemCodeScanMsg"></u-input>
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="itemCode=''" v-if="itemCode"></u-icon> <u-icon name="close-circle-fill" color="#acacac" size="36" @click="itemCode=''"
v-if="itemCode"></u-icon>
</view> </view>
<view class="searchIcon"> <view class="searchIcon">
<image src="/static/search.svg" mode="" @click="itemCodeClick"/> <image src="/static/search.svg" mode="" @click="itemCodeClick" />
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<view class="label">批次</view> <view class="label">批次</view>
<view class="value"> <view class="value">
<u-input v-model='batch'></u-input> <u-input v-model='batch'></u-input>
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="batch = ''" v-if="batch"></u-icon> <u-icon name="close-circle-fill" color="#acacac" size="36" @click="batch = ''"
v-if="batch"></u-icon>
</view> </view>
<view class="searchIcon"></view> <view class="searchIcon"></view>
</view> </view>
<view class="item"> <view class="item">
<view class="label">数量</view> <view class="label">数量</view>
<view class="value1"> <view class="value1">
<u-number-box v-model="handleQty" ></u-number-box> <u-number-box v-model="handleQty"></u-number-box>
<uom :uom="uom"></uom> <uom :uom="uom"></uom>
</view> </view>
</view> </view>
<view class="uni-flex uni-row hide_border"> <view class="uni-flex uni-row hide_border">
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="showOne = false">取消</button> <button class="btn_edit_big_cancle" hover-class="btn_edit_big_after"
@click="showOne = false">取消</button>
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button> <button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button>
</view> </view>
</u-popup> </u-popup>
<!-- <win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getFromLocation' <!-- <win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getFromLocation'
:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location> --> :locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location> -->
<comMessage ref="comMessage"></comMessage> <comMessage ref="comMessage"></comMessage>
@ -59,30 +65,36 @@
import { import {
getBusinessType getBusinessType
} from '@/common/record.js'; } from '@/common/record.js';
import { import {
getLabelInfo getLabelInfo
} from '../../../common/label.js'; } from '../../../common/label.js';
import uom from '@/mycomponents/qty/uom.vue' import {
getBasicLocationByCode,
} from '@/api/request2.js';
import uom from '@/mycomponents/qty/uom.vue'
export default { export default {
components: { components: {
winScanLocation, winScanLocation,
uom uom
}, },
emits: ["showFromLocationPopup",'itemCodeClick','confirm','getInputMsgResult','clearFromLocationCode','clickBtnClearItemCode'], emits: ["showFromLocationPopup", 'itemCodeClick', 'confirm', 'getInputMsgResult', 'clearFromLocationCode',
'clickBtnClearItemCode'
],
data() { data() {
return { return {
handleQty:0, handleQty: 0,
fromLocationCode:'', fromLocationCode: '',
itemCode:'', itemCode: '',
batch:'', batch: '',
showOne:false, showOne: false,
isFromLocationFocus:false, isFromLocationFocus: false,
uom:"" uom: ""
} }
}, },
props: { props: {
@ -92,33 +104,32 @@ import uom from '@/mycomponents/qty/uom.vue'
default: false default: false
}, },
}, },
mounted() { mounted() {},
},
methods: { methods: {
// //
fromLocationClick(){ fromLocationClick() {
// this.$refs.scanLocationCode.openScanPopup() // this.$refs.scanLocationCode.openScanPopup()
this.$emit("showFromLocationPopup"); this.$emit("showFromLocationPopup");
}, },
// //
itemCodeClick(){ itemCodeClick() {
// this.$refs.scanLocationCode.openScanPopup() // this.$refs.scanLocationCode.openScanPopup()
if(!this.fromLocationCode){ if (!this.fromLocationCode) {
this.$refs.comMessage.showMessage("请先扫描来源库位") this.$refs.comMessage.showMessage("请先扫描来源库位")
return return
} }
this.$emit("itemCodeClick"); this.$emit("itemCodeClick");
}, },
confirm(){ confirm() {
// this.$refs.scanLocationCode.openScanPopup() // this.$refs.scanLocationCode.openScanPopup()
let obj = { let obj = {
fromLocationCode:this.fromLocationCode, fromLocationCode: this.fromLocationCode,
itemCode:this.itemCode, itemCode: this.itemCode,
batch:this.batch, batch: this.batch,
handleQty:this.handleQty, handleQty: this.handleQty,
} }
this.$emit("confirm",obj); this.$emit("confirm", obj);
// if(!obj.fromLocationCode){ // if(!obj.fromLocationCode){
// this.$refs.comMessage.showErrorMessage(''); // this.$refs.comMessage.showErrorMessage('');
// return; // return;
@ -131,26 +142,32 @@ import uom from '@/mycomponents/qty/uom.vue'
// this.$refs.comMessage.showErrorMessage(''); // this.$refs.comMessage.showErrorMessage('');
// return; // return;
// } // }
}, },
fromLocationScanMsg(){ fromLocationScanMsg() {
if (this.fromLocationCode) { setTimeout(() => {
this.scanMsg = this.fromLocationCode if (this.fromLocationCode) {
this.fromWitch = 'fromLocationScanMsg' this.scanMsg = this.fromLocationCode
this.isFromLocationFocus = false this.fromWitch = 'fromLocationScanMsg'
this.handelScanMsg() this.isFromLocationFocus = false
} this.handelScanMsg()
}
}, 500);
}, },
itemCodeScanMsg(){ itemCodeScanMsg() {
if (this.itemCode) { setTimeout(() => {
if(!this.fromLocationCode){ if (this.itemCode) {
this.$refs.comMessage.showMessage("请先扫描来源库位") if (!this.fromLocationCode) {
return this.$refs.comMessage.showMessage("请先扫描来源库位")
} return
this.fromWitch = 'itemCodeScanMsg' }
this.scanMsg = this.itemCode this.fromWitch = 'itemCodeScan'
this.handelScanMsg() this.scanMsg = this.itemCode
} this.handelScanMsg()
}
}, 500);
}, },
handelScanMsg() { handelScanMsg() {
// //
@ -159,7 +176,7 @@ import uom from '@/mycomponents/qty/uom.vue'
// mask: true // mask: true
// }) // })
let that = this; let that = this;
console.log(777,that.scanMsg) console.log(777, that.scanMsg)
// if(index==-1){ // if(index==-1){
// that.scanMsg =that.scanMsg + "\n"; // that.scanMsg =that.scanMsg + "\n";
// } // }
@ -179,11 +196,11 @@ import uom from '@/mycomponents/qty/uom.vue'
}) })
return; return;
} }
if (that.isShowHistory) { if (that.isShowHistory) {
that.scanList.unshift(content); that.scanList.unshift(content);
} }
getLabelInfo(content, this.headerType, callback => { getLabelInfo(content, this.headerType, callback => {
// uni.hideLoading(); // uni.hideLoading();
let scanResult = callback; let scanResult = callback;
@ -191,7 +208,7 @@ import uom from '@/mycomponents/qty/uom.vue'
if (scanResult.success) { if (scanResult.success) {
// that.getfocus();// // that.getfocus();//
console.log(scanResult) console.log(scanResult)
that.$emit("getInputMsgResult", scanResult,this.fromWitch); that.$emit("getInputMsgResult", scanResult, this.fromWitch);
} else { } else {
that.losefocus(); that.losefocus();
this.$refs.comMessage.showErrorMessage(scanResult.message, res => { this.$refs.comMessage.showErrorMessage(scanResult.message, res => {
@ -210,50 +227,56 @@ import uom from '@/mycomponents/qty/uom.vue'
that.boxfocus = false; that.boxfocus = false;
}); });
}, },
clickBtnClearFromLocation(){ clickBtnClearFromLocation() {
this.$emit("clickBtnClearFromLocation"); this.$emit("clickBtnClearFromLocation");
}, },
clickBtnClearItemCode(){ clickBtnClearItemCode() {
this.$emit("clickBtnClearItemCode"); this.$emit("clickBtnClearItemCode");
}, },
}, },
watch: { watch: {
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.title{ .title {
padding:30rpx 20rpx; padding: 30rpx 20rpx;
display: flex; display: flex;
border-bottom:1px solid rgba(230, 230, 230, 1); border-bottom: 1px solid rgba(230, 230, 230, 1);
.title-txt{
flex:1; .title-txt {
flex: 1;
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
} }
} }
.select{
.select {
display: flex; display: flex;
} }
.border{
border:1px solid rgba(230, 230, 230, 1) .border {
border: 1px solid rgba(230, 230, 230, 1)
} }
::v-deep .u-input__right-icon__clear{
::v-deep .u-input__right-icon__clear {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #a7a7a7; color: #a7a7a7;
} }
.item{
.item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20rpx; padding: 20rpx;
border-bottom: 1px solid #dedede; border-bottom: 1px solid #dedede;
.value{
flex:1; .value {
flex: 1;
width: 0px; width: 0px;
height: 80rpx; height: 80rpx;
border: 1px solid #dedede; border: 1px solid #dedede;
@ -262,25 +285,29 @@ import uom from '@/mycomponents/qty/uom.vue'
font-size: 32rpx; font-size: 32rpx;
padding: 0px 20rpx; padding: 0px 20rpx;
} }
.value1{
flex:1; .value1 {
flex: 1;
width: 0px; width: 0px;
height: 80rpx; height: 80rpx;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 32rpx; font-size: 32rpx;
} }
.searchIcon{
.searchIcon {
width: 40rpx; width: 40rpx;
margin-left: 20rpx; margin-left: 20rpx;
image{
image {
width: 40rpx; width: 40rpx;
height:40rpx height: 40rpx
} }
} }
.uom{
.uom {
margin-left: 10rpx; margin-left: 10rpx;
} }
} }
</style> </style>
Loading…
Cancel
Save