128 lines
3.4 KiB
Vue
128 lines
3.4 KiB
Vue
<template>
|
||
<view>
|
||
<u-navbar back-text="返回" title="立库空托盘入库" :background="background"></u-navbar>
|
||
<u-form ref="testForm">
|
||
<u-form-item :border-bottom="false">
|
||
<p>扫描托盘标签:</p>
|
||
<u-input :focus="focusShipRequest" :border="true" v-model="PalletLabel" placeholder="请扫描栈板标签" />
|
||
<!-- @blur="pointblur"-->
|
||
</u-form-item>
|
||
<u-form-item :border-bottom="false">
|
||
<p>请输入托盘量:</p>
|
||
<u-input :border="true" v-model="PalletQuantity" placeholder="输入托盘数量" :focus="focusBarCode" />
|
||
</u-form-item>
|
||
</u-form>
|
||
<u-button @click="searchMaterialStockIn" type="primary">确定</u-button>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { removeZeros } from "@/utils/utils"
|
||
export default {
|
||
data() {
|
||
return {
|
||
focusBarCode:'',
|
||
focusShipRequest: false,
|
||
PalletLabel: "", //托盘标签
|
||
PalletQuantity: '', //托盘数量
|
||
items: ['入库清单'], //分栏器的选项卡 应发，实发，待发，物料描述，行号
|
||
tabH: 800, //表格的宽度
|
||
ischecked: true, //默认出库
|
||
background: {
|
||
backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
|
||
}, //返回按钮的样式
|
||
//style:{color: '#2979FF'},
|
||
colors: ['#007aff', '#4cd964', '#dd524d'],
|
||
styleType: 'button',
|
||
current: 0,
|
||
matData: [], //后端传回来的绑定表格的数据
|
||
colorIndex: 0,
|
||
activeColor: '#007aff',
|
||
styleType: 'text',
|
||
loading: false,
|
||
//-----------------上方是template标签中的分栏器等需要的样式，下方是双向绑定需要使用到的数据
|
||
}
|
||
},
|
||
onUnload() {
|
||
uni.$off('rifdscan')
|
||
},
|
||
onShow() {
|
||
let that = this
|
||
// uni.$off('rifdscan')
|
||
uni.$on('rifdscan', (res)=> {
|
||
console.log('扫码结果：', res);
|
||
that.PalletLabel = res.rifd
|
||
})
|
||
},
|
||
mounted() {
|
||
this.tabH = this.$GetRemainingHeight(4, 0); //定义表格的高度
|
||
let that = this
|
||
uni.getStorage({
|
||
key: "sitename",
|
||
success(res) {
|
||
that.siteName = res.data
|
||
}
|
||
})
|
||
uni.getStorage({
|
||
key: "userid",
|
||
success(res) {
|
||
that.userId = res.data
|
||
}
|
||
})
|
||
},
|
||
//焦点初始化，让页面所有的焦点同时只能存在一个
|
||
initfocus() {
|
||
this.focusBarCode = false
|
||
this.focusShipRequest = false
|
||
},
|
||
//获取焦点的公共方法
|
||
getfocus(nextfocus) {
|
||
this.initfocus()
|
||
this[nextfocus]
|
||
this.$nextTick(() => { //vue是数据全部修改后才进行的视图更新，哪nextTick函数就是为了拿到最新的数据，还不懂的可以去百度
|
||
this[nextfocus] = true
|
||
})
|
||
},
|
||
methods: {
|
||
searchMaterialStockIn() {
|
||
if (this.PalletLabel == '' || this.PalletQuantity == '') {
|
||
this.$showMessage("请按照规范操作");
|
||
} else {
|
||
this.$MyRequest('/bpel/event', {
|
||
header: {
|
||
MESSAGENAME: 'TransportCommandRequest',
|
||
LANGUAGE: 'Chinese',
|
||
Flag: 'TP' //托盘标志
|
||
},
|
||
body: {
|
||
TRAYNAME: this.PalletLabel,
|
||
Quantity: this.PalletQuantity,
|
||
SITENAME: 'SDK',
|
||
TRANSPORTCOMMANDTYPE: 'IN',
|
||
FLAG: 'TP', //托盘标志
|
||
pallet: ''
|
||
}
|
||
|
||
}, 'POST', true).then(res => {
|
||
if (res.data.code == '0') {
|
||
this.$showMessage("搬送下发成功");
|
||
} else {
|
||
this.$showMessage(res.data.msg);
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
}
|
||
|
||
},
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
switch {
|
||
color: #FFCC33;
|
||
}
|
||
</style>
|