439 lines
12 KiB
Vue
439 lines
12 KiB
Vue
<template>
|
||
<view>
|
||
<u-navbar back-text="返回" title="盘点" :background="background"></u-navbar>
|
||
<!-- 第一个分段器-->
|
||
<uni-segmented-control :current="currentChoose" :values="chooseitems" :style-type="styleType"
|
||
:active-color="activeColor" @clickItem="chooseItem" />
|
||
<view v-show="currentChoose === 0">
|
||
<table>
|
||
<tr>
|
||
<td>单号:</td>
|
||
<td width="82%">
|
||
<u-input :border="true" v-model="checkPlanName" :focus="focusCheckPlanName" placeholder="请扫描单号"
|
||
@confirm="serachCheckPlan" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>盘点描述:</td>
|
||
<td>
|
||
<u-input :border="true" v-model="checkPlanDescription" placeholder="" :disabled="true" />
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<!-- 第二个分段器-->
|
||
<uni-segmented-control :current="current" :values="items" :style-type="styleType"
|
||
:active-color="activeColor" @clickItem="onClickItem" />
|
||
<view>
|
||
<view v-show="current === 0">
|
||
<view class="material">
|
||
<u-form ref="materialform">
|
||
<uni-z-table :style="{'height': tabH+'px'}" :tableData="requestData" :columns="matColumns"
|
||
:showBottomSum="true" :rowNumbers="true" :pagination="true" @onSelect="onSelectMatTb">
|
||
</uni-z-table>
|
||
</u-form>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-show="current === 1">
|
||
<uni-z-table :style="{'height': tabH+'px'}" :tableData="matDetailData" :columns="matLocation"
|
||
:showBottomSum="true" :rowNumbers="true" :pagination="true">
|
||
</uni-z-table>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-show="currentChoose === 1">
|
||
<table>
|
||
<tr>
|
||
<td>条 码:</td>
|
||
<td>
|
||
<u-input placeholder="请扫描条码" :border="true" v-model="barCode" :focus="focusBarCode"
|
||
@confirm="searchByBarcode" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料编码:</td>
|
||
<td>
|
||
<u-input placeholder="" :disabled="true" :border="true" v-model="materialCode" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>物料描述:</td>
|
||
<td>
|
||
<u-input placeholder="" :disabled="true" :border="true" v-model="materialDescription" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>账面数量:</td>
|
||
<td>
|
||
<u-input placeholder="" :disabled="true" :border="true" v-model="QTY" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>库位编码:</td>
|
||
<td>
|
||
<u-input placeholder="" :disabled="true" :border="true" v-model="Kw" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>新库位:</td>
|
||
<td>
|
||
<u-input placeholder="" :border="true" v-model="newKw" :focus="focusNewKw" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>盘点数量:</td>
|
||
<td>
|
||
<u-input placeholder="" :border="true" v-model="checkQty" :focus="focusQty" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><button type="warn" size="mini" @click="clear">清除</button></td>
|
||
<td><button type="primary" size="mini" @click="submit">确认</button></td>
|
||
</tr>
|
||
</table>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
items: ['盘点明细', '库位明细'], //第二分段器选项卡
|
||
chooseitems: ['盘点信息', '单个条码'], //第一个分栏器
|
||
tabH: 800, //表格的宽度
|
||
background: {
|
||
backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
|
||
}, //返回按钮的样式
|
||
//分栏器的样式
|
||
styles: [{
|
||
value: 'button',
|
||
text: '按钮',
|
||
checked: true
|
||
},
|
||
{
|
||
value: 'text',
|
||
text: '文字'
|
||
}
|
||
],
|
||
colors: ['#007aff', '#4cd964', '#dd524d'],
|
||
current: 0,
|
||
currentChoose: 0,
|
||
colorIndex: 0,
|
||
activeColor: '#007aff',
|
||
styleType: 'text',
|
||
//---------------------------------------- 分割线上方都是引用的外部的组件使用的样式，下方才是是使用的数据
|
||
newKw: "", //新库位
|
||
checkQty: "", //盘点数量
|
||
checkPlanName: "", //盘点单号
|
||
barCode: "", //条码
|
||
requestData: [], //获取的盘点信息
|
||
matDetailData: [], //获取库位明细
|
||
infoList: [], //条码接口查询的信息
|
||
focusBarCode: false, //条码焦点
|
||
focusCheckPlanName: true, //默认选中单号焦点
|
||
focusNewKw: false, //新库位焦点
|
||
queryParam: {
|
||
queryID: "",
|
||
version: "",
|
||
BINDV: {}
|
||
},
|
||
focusQty: false, //盘点数量焦点
|
||
//---------------------------仅展示的数据
|
||
checkPlanDescription: "", //盘点描述
|
||
materialCode: "", //物料编码
|
||
materialDescription: "", //物料描述
|
||
QTY: "", //账面数量
|
||
Kw: "", //库位编码
|
||
//对应的表格的信息---------盘点明细下的表格
|
||
matColumns: [{
|
||
title: '未盘数',
|
||
field: "WEIPAN",
|
||
width: 120,
|
||
sort: true,
|
||
align: "right"
|
||
},
|
||
{
|
||
title: '物料编号',
|
||
field: "MATERIALSPECNAME",
|
||
width: 280,
|
||
sort: true,
|
||
align: "left"
|
||
},
|
||
{
|
||
title: '已盘',
|
||
field: "YIPAN",
|
||
width: 150,
|
||
sort: true,
|
||
align: "right"
|
||
},
|
||
{
|
||
title: '物料描述',
|
||
field: "DESCRIPTION",
|
||
width: 280,
|
||
sort: true,
|
||
align: "left"
|
||
}
|
||
],
|
||
//对应的相应的库位明细下面的表格
|
||
matLocation: [{
|
||
title: '仓库',
|
||
field: "ERPLOCATION",
|
||
width: 150,
|
||
sort: true,
|
||
align: "left"
|
||
},
|
||
{
|
||
title: '库位',
|
||
field: "LOCATIONNAME",
|
||
width: 150,
|
||
sort: true,
|
||
align: "left"
|
||
},
|
||
{
|
||
title: '条码编号',
|
||
field: "MATERIALPACKINGNAME",
|
||
width: 380,
|
||
sort: true,
|
||
align: "left"
|
||
},
|
||
{
|
||
title: '条码数量',
|
||
field: "MATERIALQUANTITY",
|
||
width: 180,
|
||
sort: true,
|
||
align: "right"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
mounted() {
|
||
this.tabH = this.$GetRemainingHeight(4, 0); //定义表格的高度
|
||
},
|
||
methods: {
|
||
//第一个分段器的点击事件
|
||
chooseItem(e) {
|
||
if (this.currentChoose !== e.currentIndex) {
|
||
this.currentChoose = e.currentIndex //获取当前选中的index
|
||
}
|
||
if (this.currentChoose == 1)
|
||
this.getfocus('focusBarCode')
|
||
else this.getfocus('focusCheckPlanName')
|
||
},
|
||
|
||
//第二个分段器的点击事件
|
||
onClickItem(e) {
|
||
if (this.current !== e.currentIndex) {
|
||
this.current = e.currentIndex //获取当前选中的index
|
||
}
|
||
},
|
||
|
||
//焦点初始化，让页面所有的焦点同时只能存在一个
|
||
initfocus() {
|
||
this.focusCheckPlanName = false //单号焦点
|
||
this.focusBarCode = false //条码焦点
|
||
this.focusNewKw = false //新库位焦点
|
||
this.focusQty = false //盘点数量焦点
|
||
},
|
||
|
||
//获取焦点的公共方法
|
||
getfocus(nextfocus) {
|
||
this.initfocus()
|
||
this[nextfocus] //不能用this.nextfocus
|
||
this.$nextTick(() => { //vue是数据全部修改后才进行的视图更新，哪nextTick函数就是为了拿到最新的数据，还不懂的可以去百度
|
||
this[nextfocus] = true
|
||
})
|
||
},
|
||
|
||
//选中盘点明细的某一行带出库位明细
|
||
onSelectMatTb(e) {
|
||
let matCode = e.row["MATERIALSPECNAME"] //获取物料编号
|
||
this.getKwDetailList(matCode) //调用点中当前行的方法
|
||
},
|
||
|
||
|
||
//扫描单号-----------回车搜索
|
||
serachCheckPlan() {
|
||
if (this.checkPlanName != "") {
|
||
this.getCheckPlanList() //获取材料信息
|
||
} else {
|
||
this.$showMessage("单号不能为空")
|
||
this.getfocus('focusCheckPlanName') //焦点继续保持到单号输入框
|
||
return
|
||
}
|
||
},
|
||
|
||
//扫描条码回车搜索
|
||
searchByBarcode() {
|
||
if (this.checkPlanName != "") {
|
||
if (this.barCode != "") {
|
||
this.getListByCode() //获取该条码的全部信息
|
||
} else {
|
||
this.$showMessage("条码不能为空")
|
||
this.getfocus('focusBarCode') //重新聚焦
|
||
return
|
||
}
|
||
} else {
|
||
this.$showMessage("单号不能为空")
|
||
this.currentChoose = 0
|
||
this.getfocus('focusCheckPlanName')
|
||
}
|
||
},
|
||
|
||
//获取盘点明细
|
||
getCheckPlanList() {
|
||
let _param = this.queryParam;
|
||
_param.queryID = 'getCheckPlanList';
|
||
_param.version = 'PDA01';
|
||
_param.BINDV.CHECKPLANNAME = this.checkPlanName;
|
||
this.$MyRequest('/common/query', {
|
||
param: JSON.stringify(_param)
|
||
}).then(res => {
|
||
|
||
console.log("res+++++"+res)
|
||
|
||
if (res.data.status === 'success') {
|
||
this.requestData = res.data.DATA //接返回的数据
|
||
this.checkPlanDescription = this.requestData[0]["PLANTYPENAME"]
|
||
this.$playSuccess()
|
||
} else {
|
||
this.$showMessage(res.data.message)
|
||
this.$playFail()
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
|
||
//获取库位明细
|
||
getKwDetailList(matCode) {
|
||
let _param = this.queryParam;
|
||
_param.queryID = 'getCheckCordListByMaterialSpec';
|
||
_param.version = 'PDA01';
|
||
_param.BINDV.MATERIALSPECNAME = this.matCode;
|
||
this.$MyRequest('/common/query', {
|
||
param: JSON.stringify(_param)
|
||
}).then(res => {
|
||
console.log("res+++++"+res)
|
||
if (res.data.status === 'success') {
|
||
this.matDetailData = res.data.DATA //接返回的数据
|
||
this.$playSuccess()
|
||
} else {
|
||
this.$showMessage(res.data.message)
|
||
this.$playFail()
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
|
||
//通过单个条码搜索信息
|
||
getListByCode() {
|
||
let _param = this.queryParam;
|
||
_param.queryID = 'getCheckCordListByMaterialPacking';
|
||
_param.version = 'PDA01';
|
||
_param.BINDV.MATERIALPACKINGNAME = this.barCode;
|
||
_param.BINDV.CHECKPLANNAME =this.checkPlanName;
|
||
this.$MyRequest('/common/query', {
|
||
param: JSON.stringify(_param)
|
||
}).then(res => {
|
||
console.log("res+++++"+res)
|
||
if (res.data.status === 'success') {
|
||
this.materialCode = res.data.DATA[0]["MATERIALSPECNAME"] //物料编码
|
||
this.materialDescription = res.data.DATA[0]["DESCRIPTION"] //物料描述
|
||
this.QTY = res.data.DATA[0]["MATERIALQUANTITY"] //账面数量
|
||
this.Kw = res.data.DATA[0]["SYSLOCATION"] //库位
|
||
this.getfocus('focusQty')
|
||
this.$playSuccess()
|
||
} else {
|
||
this.$showMessage(res.data.message)
|
||
this.$playFail()
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
|
||
|
||
//盘点结果发送
|
||
sendCheckedPlan(kw) {
|
||
let count = this.barCode.split("|").length;
|
||
//标准标签格式中 | 出现次数为5
|
||
//SN|物料号|数量|供应商|制造日期|过期日
|
||
if (count != 6) {
|
||
this.showToast('标签不符合规范请确认', 'error');
|
||
return;
|
||
}
|
||
let boxId = qrCodeArr[0];
|
||
|
||
//发送请求
|
||
this.$MyRequest('/pdaExecuteBpel', {
|
||
bpelName: "PDAUpdateCheckRecord",
|
||
bpelParam: {
|
||
CHECKPLANNAME: this.checkPlanName,
|
||
SITENAME: this.siteName,
|
||
MATERIALPACKINGNAME:boxId,
|
||
ACTLOCATION:kw,
|
||
MATERIALACTQUANTITY: this.checkQty
|
||
}
|
||
}).then(res => {
|
||
if (res.data.RETURNCODE === "0") {
|
||
this.$showMessage("操作成功")
|
||
this.barCode=""//清空条码
|
||
this.newKw=""//清空库位
|
||
this.checkQty=""//清空盘点数量
|
||
//只读输入框的清空
|
||
this.materialCode = ""
|
||
this.materialDescription = ""
|
||
this.QTY = ""
|
||
this.Kw = ""
|
||
//下面重聚焦
|
||
this.getfocus('focusBarCode')
|
||
} else {
|
||
this.$showMessage(res.data.RETURNMSG)
|
||
return
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err.RETURNMSG)
|
||
})
|
||
},
|
||
|
||
//清除按钮
|
||
clear() {
|
||
this.barCode = ""
|
||
this.QTY = ""
|
||
this.Kw = ""
|
||
this.materialCode = ""
|
||
this.materialDescription = ""
|
||
this.newKw = ""
|
||
this.checkQty = ""
|
||
this.getfocus('focusBarCode') //重新聚焦
|
||
},
|
||
|
||
//确认按钮的提交事件
|
||
submit() {
|
||
if (this.checkQty < 0 || this.checkQty=="") {
|
||
this.$showMessage("盘点数量不能为空或负")
|
||
this.checkQty = "" //清空盘点数量
|
||
this.getfocus('focusQty') //重新聚焦
|
||
return
|
||
} else {
|
||
if (this.newKw == "") {
|
||
let oldkw = this.Kw //当新库位为空的时候传旧的库位编码进去
|
||
this.sendCheckedPlan(oldkw) //调用方法
|
||
} else {
|
||
this.sendCheckedPlan(this.newKw) //传新的库位编码
|
||
}
|
||
}
|
||
},
|
||
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
|
||
</style>
|