314 lines
9.6 KiB
Vue
314 lines
9.6 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<u-navbar back-text="返回" title="PO入库" :background="background"></u-navbar>
|
|||
|
|
<view v-show="loadding"
|
|||
|
|
style="width: 100%; height: 900rpx; display: flex; justify-content: center; align-items: center;">
|
|||
|
|
<u-loading mode="circle" :size="70" color="#00aaff"></u-loading>
|
|||
|
|
</view>
|
|||
|
|
<view class='content' v-show="!loadding">
|
|||
|
|
<view style="display: flex; justify-content: space-between; margin-top: 40rpx;">
|
|||
|
|
<!-- <view style="width: 15%;margin-right:10rpx; height: 10rpx;">扫描PO</view> -->
|
|||
|
|
<u-input v-model="receiveRequestName" :border="true" style="background: #FFFFFF; margin-right: 10rpx;"
|
|||
|
|
@confirm="queryPOInfo" :trim="true" placeholder="扫描PO"></u-input>
|
|||
|
|
<u-button style="width: 15%;margin-left:10rpx;" @click="clearPOInfo">清空</u-button>
|
|||
|
|
</view>
|
|||
|
|
<view style="margin-top: 20rpx; height: 120rpx;">
|
|||
|
|
<u-table class="main-table">
|
|||
|
|
<u-tr class="u-tr">
|
|||
|
|
<u-th class="u-th">PO号</u-th>
|
|||
|
|
<u-th class="u-th">供应商</u-th>
|
|||
|
|
<u-th class="u-th">PO类型</u-th>
|
|||
|
|
<u-th class="u-th">申请人</u-th>
|
|||
|
|
|
|||
|
|
</u-tr>
|
|||
|
|
<u-tr class="u-tr" v-for="(item,index) in poDisplaySource" :key="index">
|
|||
|
|
<u-td class="u-td">{{ item.RECEIVEREQUESTNAME }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.SUPPLIERNAME }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.POGROUP }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.APPLICANT }}</u-td>
|
|||
|
|
</u-tr>
|
|||
|
|
</u-table>
|
|||
|
|
</view>
|
|||
|
|
<view style="margin-top: 20rpx; height: 5rpx; background: #E0E3DA; width: 100%;"> </view>
|
|||
|
|
<!-- <u-divider>大漠孤烟直</u-divider> -->
|
|||
|
|
<view class="card-body" style="display: flex; justify-content: space-between; margin-top: 20rpx;">
|
|||
|
|
<view style="margin-right:10rpx; ">扫描<br />标签</view>
|
|||
|
|
<u-input v-model="qrCode" :border="true" style="background: #FFFFFF; margin-right: 10rpx;"
|
|||
|
|
@confirm="createBoxM(qrCode)" :trim="true" :disabled="qrCOdeDisable" placeholder="扫描标签二维码">
|
|||
|
|
</u-input>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view style="margin-top: 20rpx;">
|
|||
|
|
<u-card style="border: 1rpx solid #0081FF;" :show-head="false" :full="true"
|
|||
|
|
:body-style="{height: '200rpx'}">
|
|||
|
|
<view class="card-body" slot="body">
|
|||
|
|
<u-row gutter="12" justify="between">
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">BoxID</view>
|
|||
|
|
<view></view>
|
|||
|
|
|
|||
|
|
</u-col>
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">物料号</view>
|
|||
|
|
<view>{{createBox.materialSpecName}}</view>
|
|||
|
|
</u-col>
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">库位</view>
|
|||
|
|
<view></view>
|
|||
|
|
</u-col>
|
|||
|
|
</u-row>
|
|||
|
|
<u-row justify="between" style="margin-top: 10rpx;">
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">本次<br />数量</view>
|
|||
|
|
<view>{{createBox.materialQty}}</view>
|
|||
|
|
</u-col>
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">已收<br />总数</view>
|
|||
|
|
<view></view>
|
|||
|
|
</u-col>
|
|||
|
|
<u-col :span="4">
|
|||
|
|
<view class="info-label">剩余<br />数量</view>
|
|||
|
|
<view></view>
|
|||
|
|
</u-col>
|
|||
|
|
</u-row>
|
|||
|
|
</view>
|
|||
|
|
</u-card>
|
|||
|
|
|
|||
|
|
<view class="card-body" style="display: flex; justify-content: space-between; margin-top: 20rpx;">
|
|||
|
|
<view style="margin-right:10rpx; ">抬头<br />文本</view>
|
|||
|
|
<u-input v-model="ACTNO" :border="true" style="background: #FFFFFF; margin-right: 10rpx;"
|
|||
|
|
:trim="true" :disabled="true"></u-input>
|
|||
|
|
<u-button style="width: 15%;margin-left:10rpx;" @click="getStockInInfo">刷新</u-button>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view style="margin-top: 20rpx;">
|
|||
|
|
<u-table class="main-table">
|
|||
|
|
<u-tr class="u-tr">
|
|||
|
|
<u-th class="u-th">物料号</u-th>
|
|||
|
|
<u-th class="u-th">ERP库位</u-th>
|
|||
|
|
<u-th class="u-th" width="140rpx">接收数量</u-th>
|
|||
|
|
<u-th class="u-th">行项目</u-th>
|
|||
|
|
<u-th class="u-th">可关单数量</u-th>
|
|||
|
|
</u-tr>
|
|||
|
|
<u-tr class="u-tr" v-for="(item,index) in POStockInfo" :key="index">
|
|||
|
|
<u-td class="u-td">{{ item.MATERIALPSECNAME }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.ERPLOCATION }}</u-td>
|
|||
|
|
<u-td class="u-td" width="140rpx">{{ item.MATERIALQUANTITY }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.RECEIVEREQUESTDETAILNAME }}</u-td>
|
|||
|
|
<u-td class="u-td">{{ item.RELEASEDQTY }}</u-td>
|
|||
|
|
</u-tr>
|
|||
|
|
</u-table>
|
|||
|
|
</view>
|
|||
|
|
<u-button style="width: 100%; margin-top: 50rpx; background-color:#0081FF; color: white;"
|
|||
|
|
@click="submit">过账提交</u-button>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<u-toast ref="uTakeOverToast" />
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
QueryInfo,
|
|||
|
|
CreateBoxID_PO
|
|||
|
|
} from '../../../common/api.js'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
loadding: false,
|
|||
|
|
|
|||
|
|
background: {
|
|||
|
|
backgroundImage: 'linear-gradient(60deg, rgb(124, 187, 180), rgb(141, 198, 63))'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
qrCOdeDisable: false,
|
|||
|
|
// data
|
|||
|
|
createBox: {},
|
|||
|
|
receiveRequestName: '',
|
|||
|
|
qrCode: '',
|
|||
|
|
ACTNO: ' ',
|
|||
|
|
poDisplaySource: [],
|
|||
|
|
POStockInfo: [],
|
|||
|
|
poQueryaram: {
|
|||
|
|
queryID: "GetPOInvoiceInfo",
|
|||
|
|
version: "00001",
|
|||
|
|
BINDV: {
|
|||
|
|
SITENAME: "BADT",
|
|||
|
|
RECEIVEREQUESTNAME: "",
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 查询PO明细
|
|||
|
|
queryPOInfo() {
|
|||
|
|
let _param = this.poQueryaram;
|
|||
|
|
_param.queryID = "GetPOInvoiceInfo";
|
|||
|
|
_param.version = "00001";
|
|||
|
|
_param.BINDV.SITENAME = uni.getStorageSync("SITENAME");
|
|||
|
|
_param.BINDV.RECEIVEREQUESTNAME = this.receiveRequestName.trim();
|
|||
|
|
if (this.receiveRequestName == null || "" == (this.receiveRequestName.trim())) {
|
|||
|
|
this.showToast('PO不能为空，请确认', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
QueryInfo({
|
|||
|
|
param: JSON.stringify(_param)
|
|||
|
|
}).then(res => {
|
|||
|
|
|
|||
|
|
console.log(uni.getStorageSync("SITENAME"));
|
|||
|
|
this.poDisplaySource = res.DATA;
|
|||
|
|
this.qrCOdeDisable = false;
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.showToast(err, 'error')
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showToast(text, type) {
|
|||
|
|
this.$refs.uTakeOverToast.show({
|
|||
|
|
title: text,
|
|||
|
|
type: type,
|
|||
|
|
position: "bottom"
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
clearPOInfo() {
|
|||
|
|
this.poDisplaySource = null;
|
|||
|
|
this.receiveRequestName = "";
|
|||
|
|
},
|
|||
|
|
//查看待入库信息
|
|||
|
|
getStockInInfo() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
//点击收货行明细跳转收货
|
|||
|
|
createBoxM(item) {
|
|||
|
|
let boxIdStr = item.trim();
|
|||
|
|
if (boxIdStr.length > 0) {
|
|||
|
|
let count = boxIdStr.split("|").length;
|
|||
|
|
//标准标签格式中 | 出现次数为5
|
|||
|
|
//SN|物料号|数量|供应商|制造日期|过期日
|
|||
|
|
if (count != 6) {
|
|||
|
|
this.showToast('标签不符合规范请确认', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let qrCodeArr = boxIdStr.split("|");
|
|||
|
|
let boxId = qrCodeArr[0];
|
|||
|
|
let materialSpecName = qrCodeArr[1];
|
|||
|
|
let materialQty = qrCodeArr[2];
|
|||
|
|
let supplierNo = qrCodeArr[3];
|
|||
|
|
let makeDate = new Date(qrCodeArr[4].substr(0, 4), parseInt(qrCodeArr[4].substr(4, 2)) - 1,
|
|||
|
|
qrCodeArr[4].substr(6, 2));
|
|||
|
|
let expiringDate = new Date(qrCodeArr[5].substr(0, 4), parseInt(qrCodeArr[5].substr(4, 2)) - 1,
|
|||
|
|
qrCodeArr[5].substr(6, 2));
|
|||
|
|
|
|||
|
|
let dtNow = new Date();
|
|||
|
|
dtNow.setHours(0);
|
|||
|
|
dtNow.setMinutes(0);
|
|||
|
|
dtNow.setSeconds(0);
|
|||
|
|
this.createBox.materialSpecName = materialSpecName;
|
|||
|
|
this.createBox.materialQty = materialQty;
|
|||
|
|
expiringDate.setDate(expiringDate.getDate() + 1);
|
|||
|
|
if (makeDate > dtNow) {
|
|||
|
|
this.showToast('生产日期大于今天，不能入库！', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (expiringDate < dtNow) {
|
|||
|
|
this.showToast('BOX已过期，不能入库！', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 1.判断box是否已经创建
|
|||
|
|
let _param = this.poQueryaram;
|
|||
|
|
_param.queryID = "GetBoxInfo";
|
|||
|
|
_param.version = "WP005";
|
|||
|
|
_param.BINDV.SITENAME = uni.getStorageSync("SITENAME");
|
|||
|
|
_param.BINDV.NPFLAG = "N";
|
|||
|
|
_param.BINDV.MATERIALPACKINGNAME = boxId;
|
|||
|
|
|
|||
|
|
QueryInfo({
|
|||
|
|
param: JSON.stringify(_param)
|
|||
|
|
}).then(res => {
|
|||
|
|
console.log("查询box状态" + res.DATA[0]['PACKINGSTATE'])
|
|||
|
|
if (res) {
|
|||
|
|
this.showToast('失败，BOXId' + boxId + res.DATA[0]['PACKINGSTATE'], 'error');
|
|||
|
|
return ;
|
|||
|
|
} else {
|
|||
|
|
let createBoxParam = {};
|
|||
|
|
createBoxParam.Labelstr = boxIdStr;
|
|||
|
|
createBoxParam.SITENAME = uni.getStorageSync("SITENAME");
|
|||
|
|
createBoxParam.MATERIALSPECNAME = qrCodeArr[1];
|
|||
|
|
let a = qrCodeArr[4].substr(0, 4);
|
|||
|
|
let b = qrCodeArr[4].substr(4, 2);
|
|||
|
|
let c = qrCodeArr[4].substr(6, 2);
|
|||
|
|
let e = qrCodeArr[3];
|
|||
|
|
createBoxParam.MAKEDATE = a + "-" + b + "-" + c;
|
|||
|
|
a = qrCodeArr[5].substr(0, 4);
|
|||
|
|
b = qrCodeArr[5].substr(4, 2);
|
|||
|
|
c = qrCodeArr[5].substr(6, 2);
|
|||
|
|
createBoxParam.EXPIRINGDATE = a + "-" + b + "-" + c;
|
|||
|
|
createBoxParam.RECEIVEQTY = qrCodeArr[2];
|
|||
|
|
createBoxParam.SUPPLIERNAME = qrCodeArr[3];
|
|||
|
|
createBoxParam.RECEIVEREQUESTNAME = this.receiveRequestName;
|
|||
|
|
createBoxParam.REASONCODETYPE = "101";
|
|||
|
|
createBoxParam.SUPERMATERIALPACKINGNAME = "";
|
|||
|
|
createBoxParam.GROUPNO = "";
|
|||
|
|
createBoxParam.NPFLAG = "N";
|
|||
|
|
createBoxParam.MATERIALPACKINGNAME = qrCodeArr[0];
|
|||
|
|
debugger
|
|||
|
|
CreateBoxID_PO({
|
|||
|
|
param: JSON.stringify(createBoxParam)
|
|||
|
|
}).then(res => {
|
|||
|
|
|
|||
|
|
|
|||
|
|
}).catch(err => {
|
|||
|
|
//this.showToast(err, 'error')
|
|||
|
|
this.qrCOdeDisable = false;
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}).catch(err => {
|
|||
|
|
this.showToast(err, 'error')
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
this.qrCOdeDisable = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.content {
|
|||
|
|
margin: 5rpx 18rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.main-table {
|
|||
|
|
::v-deep .u-th {
|
|||
|
|
background: #0081FF !important;
|
|||
|
|
color: #ffffff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
::v-deep .u-td {
|
|||
|
|
overflow: hidden;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.u-tr {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
color: #068bff;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
</style>
|