147 lines
3.8 KiB
Vue
147 lines
3.8 KiB
Vue
<template>
|
||
<view>
|
||
<u-navbar back-text="返回" title="货位移动" :background="background"></u-navbar>
|
||
<u-form>
|
||
<u-form-item :border-bottom="false">
|
||
<p>扫描条码：</p>
|
||
<u-input :focus="focusBarcode" v-model="barCode" placeholder="请扫描条码" :border="true" />
|
||
</u-form-item>
|
||
</u-form>
|
||
<u-form>
|
||
<u-form-item>
|
||
<p>扫描库位：</p>
|
||
<u-input class="uni-input" v-model="location" :focus="focusKw" placeholder="请扫描库位"
|
||
@confirm="LabelContactLocation" :border="true" />
|
||
<!-- <switch :checked="ischecked" @change="changeischecked" />
|
||
<p v-show="ischecked">默认此库位</p>
|
||
<p v-show="!ischecked">不默认库位</p> -->
|
||
</u-form-item>
|
||
</u-form>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
barCode: "", //物料编号
|
||
ERPLocation:'',
|
||
Areanames:'',
|
||
OldAreaName:'',
|
||
location: "", // 库位号
|
||
materialList: [], //接收后端传回来的数据
|
||
ischecked: false, //默认不使用库位
|
||
focusKw: false, //库位输入框焦点
|
||
focusBarcode: true, //默认聚焦到条码框
|
||
background: {
|
||
backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
|
||
}, //返回按钮的样式
|
||
useId: "",
|
||
};
|
||
|
||
},
|
||
|
||
mounted() {
|
||
let that = this
|
||
uni.getStorage({
|
||
key: "userid",
|
||
success(res) {
|
||
that.userId = res.data
|
||
}
|
||
})
|
||
},
|
||
|
||
methods: {
|
||
//设置选中状态
|
||
changeischecked() {
|
||
this.ischecked = !this.ischecked //设置选中状态
|
||
//console.log("选中状态", this.ischecked)
|
||
},
|
||
|
||
//焦点初始化，让页面所有的焦点同时只能存在一个
|
||
initfocus() {
|
||
this.focusKw = false //单号焦点
|
||
this.focusBarcode = false //条码焦点
|
||
},
|
||
//标签绑定位置
|
||
LabelContactLocation() {
|
||
const str = this.barCode;
|
||
const elements = str.split("|");
|
||
this.getDatabase(elements[4])
|
||
this.getLocationDatabase(this.location)
|
||
console.log(this.OldAreaName,this.Areanames)
|
||
if (this.OldAreaName===this.Areanames) {
|
||
this.$MyRequest('/bpel/event', {
|
||
header: {
|
||
MESSAGENAME: 'ModifyLocation',
|
||
LANGUAGE: 'Chinese',
|
||
Flag: 'LK' //立库标志
|
||
},
|
||
body: {
|
||
BOXLIST: [{
|
||
SITENAME: "SDK",
|
||
MATERIALPACKINGNAME: elements[4],
|
||
LOCATIONNAME: this.location,
|
||
LASTEVENTCOMMENT: ''
|
||
}],
|
||
ERPLOCATION :this.ERPLocation,
|
||
AREANAME: this.Areanames,
|
||
LOCATIONNAME: this.location,
|
||
}
|
||
}).then(res => {
|
||
if (res.data.code == '0')
|
||
this.$showMessage(res.data.msg)
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
} else {
|
||
this.$showMessage("不同仓库之间不可以进行货位移动")
|
||
}
|
||
},
|
||
//获取位置标签仓库信息
|
||
getLocationDatabase(location) {
|
||
this.$MyRequest('/api/ApiQuery', {
|
||
queryId: "GetAirName_location",
|
||
version: "00001",
|
||
params: {
|
||
STORAGENAME: location,
|
||
}
|
||
}).then(res => {
|
||
this.ERPLocation= res.data.data[0].ERPLocation
|
||
this.Areanames = res.data.data[0].AREANAME
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
//获取原标签搬出仓库信息
|
||
getDatabase(materialpacking) {
|
||
|
||
this.$MyRequest('/api/ApiQuery', {
|
||
queryId: "GetAreName",
|
||
version: "00001",
|
||
params: {
|
||
MATERIALPACKINGNAME: materialpacking,
|
||
}
|
||
}).then(res => {
|
||
this.OldAreaName = res.data.data[0].AREANAME
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
//获取焦点的公共方法
|
||
getfocus(nextfocus) {
|
||
this.initfocus()
|
||
this[nextfocus] //不能用this.nextfocus
|
||
this.$nextTick(() => { //vue是数据全部修改后才进行的视图更新，哪nextTick函数就是为了拿到最新的数据，还不懂的可以去百度
|
||
this[nextfocus] = true
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
|
||
</style>
|