<template>
|
<view>
|
<form>
|
<view class="cu-form-group margin-top">
|
<view class="title">单号</view>
|
<input v-model="billNo" placeholder="扫码 / 输入" name="input" autocomplete="off" focus @input="find()">
|
</view>
|
<view class="cu-form-group margin-top">
|
<view class="title">托盘码</view>
|
<input v-model="code" placeholder="扫码 / 输入" name="input">
|
</view>
|
</form>
|
<view class="margin-top">
|
<uni-table border stripe emptyText="暂无更多数据" >
|
<uni-tr>
|
<uni-th width="90">序号</uni-th>
|
<uni-th width="90">数量</uni-th>
|
<uni-th width="90">产品名称</uni-th>
|
<uni-th width="90">产品ID</uni-th>
|
<uni-th width="90">组托数量</uni-th>
|
|
</uni-tr>
|
<uni-tr v-for="(item, index) in matData" :key="index" @input="tabRender()">
|
<uni-td>{{item.seqNo}}</uni-td>
|
<uni-td>{{item.count}}</uni-td>
|
<uni-td>{{item.matName}}</uni-td>
|
<uni-td>{{item.matNo}}</uni-td>
|
<uni-td><button class="uni-button" size="mini" type="primary" @click="inputDialogToggle">修改</button></uni-td>
|
|
</uni-tr>
|
</uni-table>
|
</view>
|
<view>
|
<button class="cu-btn bg-yellow pda-btn" @click="comb()">组托</button>
|
<button class="cu-btn bg-grey pda-btn" @click="reset">重置</button>
|
</view>
|
<view>
|
<!-- 提示信息弹窗 -->
|
<uni-popup ref="message" type="message">
|
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
|
</uni-popup>
|
</view>
|
<view>
|
<!-- 输入框示例 -->
|
<uni-popup ref="inputDialog" type="dialog">
|
<uni-popup-dialog ref="inputClose" mode="input" title="组托数量"
|
placeholder="请输入数量" @confirm="dialogInputConfirm">
|
</uni-popup-dialog>
|
|
</uni-popup>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
billNo:'',
|
code:'',
|
matData:[],
|
type: '',
|
msgType: '',
|
messageText: '',
|
minCount:1,
|
maxCount:1,
|
|
}
|
},
|
methods: {
|
reset:function() {
|
this.billNo = '';
|
this.code = '';
|
},
|
tabRender(){
|
|
},
|
messageToggle(type) {
|
this.msgType = type
|
this.messageText = '提取失败'
|
this.$refs.message.open()
|
},
|
// 根据通知单号查询物料详情
|
find(){
|
let billNo = this.billNo
|
let that = this
|
if(this.billNo.length === 0){
|
return
|
}
|
if(billNo.indexOf('=')>-1){
|
billNo = billNo.split(",")[0].split("=")[1];
|
console.log(billNo)
|
}
|
if(billNo.length===0){
|
return
|
}
|
this.matData = []
|
this.tabRender()
|
uni.request({
|
url:that.baseUrl+ "/mobile/bill/query/auth",
|
header: {
|
'content-type':'application/x-www-form-urlencoded',
|
'token': localStorage.getItem('token')},
|
data: {
|
billNo: billNo
|
},
|
method: 'POST',
|
success(res){
|
if(res.data.code === 200){
|
if(res.data.data != null){
|
that.addTableData(res.data.data)
|
}else if(res.data.code === 403){
|
|
}else {
|
|
}
|
}
|
}
|
})
|
|
},
|
addTableData(data){
|
for(var i=0;i<data.length;i++){
|
var toPush = true;
|
for(var j=0;j<this.matData.length;j++){
|
if(data[i].matNo ===this.matData[j].matNo ){
|
this.matData[j].count = Number(this.matData[j].count) + Number(data[i].count);
|
toPush = false;
|
}
|
}
|
if(toPush) {
|
this.matData.push(data[i]);
|
}
|
}
|
this.tabRender()
|
},
|
comb(){
|
let that = this
|
let barcode = that.code
|
let billNo = this.billNo
|
let couChange=true
|
if(billNo.length === 0){
|
that.messageToggle('error')
|
that.messageText = '入库单号为空'
|
return;
|
}
|
if(barcode.length === 0){
|
that.messageToggle('error')
|
that.messageText = '请输入托盘码'
|
return;
|
}
|
if (barcode.length !== 8) {
|
that.messageToggle('error')
|
that.messageText = '托盘码必须为8位'
|
return;
|
}
|
if(couChange){
|
that.messageToggle('error')
|
that.messageText = '请先确认入库数量'
|
return;
|
}
|
uni.request({
|
url:that.baseUrl+ "/mobile/comb/auth",
|
header: {'token': localStorage.getItem('token')},
|
data:{
|
barcode:barcode,
|
combMats:that.matData,
|
billNo: billNo,
|
},
|
method:'POST',
|
success(res) {
|
|
if(res.data.code === 200){
|
that.reset()
|
that.messageToggle('success')
|
that.messageText = '组托成功'
|
}
|
}
|
})
|
},
|
// 修改数量
|
confirm(){
|
|
},
|
// 修改数量弹窗
|
inputDialogToggle() {
|
this.$refs.inputDialog.open()
|
},
|
dialogInputConfirm() {
|
|
this.messageToggle('success')
|
this.messageText = '修改完成'
|
console.log(cnt)
|
|
|
},
|
// 数量
|
add(){
|
|
}
|
},
|
onShow() {
|
// const query = uni.createSelectorQuery()
|
// console.log(prototype.placeholder)
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
