350 lines
12 KiB
Vue
350 lines
12 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<uni-collapse>
|
|||
|
|
<uni-forms ref="form" :modelValue="formData">
|
|||
|
|
<!-- <uni-collapse-item title="明细标签入库" :open="true"> -->
|
|||
|
|
<uni-forms-item label="扫描标签" :labelWidth='90' name="purchaseLabelCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @iconClick="scanBar" @blur="getlabelCode" placeholder='请扫描标签'
|
|||
|
|
v-model="purchaseLabelCode" type="text" :focus='true'/>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<!-- 标签明细 -->
|
|||
|
|
<uni-collapse-item :open="true">
|
|||
|
|
<uni-card :is-shadow="false" is-full v-for="(item,index) in formData.wmsCommonInDetailLabelList"
|
|||
|
|
:key="index" v-if="total>0">
|
|||
|
|
<div><strong>标签码</strong>:{{item.labelCode}}</div>
|
|||
|
|
<div><strong>供应商</strong>:{{item.supplierName}}</div>
|
|||
|
|
<div><strong>物料编码</strong>:{{item.materialCode}}</div>
|
|||
|
|
<div><strong>物料名称</strong>:{{item.materialName}}</div>
|
|||
|
|
<div><strong>规格</strong>:{{item.specification}}</div>
|
|||
|
|
<div><strong>批号</strong>:{{item.materialBatchNo}}</div>
|
|||
|
|
<div><strong>数量</strong>:{{item.number}}</div>
|
|||
|
|
<!-- <div><strong>状态</strong>:{{returnStatus(item.status)}}</div> -->
|
|||
|
|
<div><strong>状态</strong>:{{dtlStatusFormat(item.status)}}</div>
|
|||
|
|
</uni-card>
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
|
|||
|
|
<uni-forms-item label="上架扫码" :labelWidth='90' name="location" style="margin-top:10px">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @iconClick="scanLocation" @blur="getWarehouse"
|
|||
|
|
placeholder='请扫描库位标签' v-model="locationCode" type="text" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-collapse-item :open="true">
|
|||
|
|
<uni-card :is-shadow="false" is-full v-if='warehouseName'>
|
|||
|
|
<div><strong>仓库</strong>:{{warehouseName}}</div>
|
|||
|
|
<div><strong>库位</strong>:{{showLocationCode}}</div>
|
|||
|
|
</uni-card>
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
|
|||
|
|
<u-button type="primary" @click="submitIn">确认入库</u-button>
|
|||
|
|
</uni-forms>
|
|||
|
|
</uni-collapse>
|
|||
|
|
<uni-popup ref="alertDialog" type="dialog">
|
|||
|
|
<uni-popup-dialog type="info" cancelText="取消" confirmText="确认" title="确认是否入库" @confirm="dialogConfirm">
|
|||
|
|
<div>
|
|||
|
|
<div><strong>物料编码</strong>:{{alert.materialCode}}</div>
|
|||
|
|
<div><strong>数量</strong>:{{alert.number}}</div>
|
|||
|
|
<div><strong>库位</strong>:{{alert.showLocationCode}}</div>
|
|||
|
|
</div>
|
|||
|
|
</uni-popup-dialog>
|
|||
|
|
</uni-popup>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
listQuality,
|
|||
|
|
getQuality,
|
|||
|
|
addIn,
|
|||
|
|
listReceive,
|
|||
|
|
getReceive,
|
|||
|
|
getListDetail,
|
|||
|
|
updateIn,
|
|||
|
|
listIn,
|
|||
|
|
getIn,
|
|||
|
|
getQualityDetail,
|
|||
|
|
getReceiveDetail,
|
|||
|
|
getDetailListsBySRM,
|
|||
|
|
getListDetailByBL,
|
|||
|
|
listSupplier,
|
|||
|
|
listPurchaseInDetailLabel,
|
|||
|
|
listWarehouse,
|
|||
|
|
labelInStock,
|
|||
|
|
} from "@/api/wms/purchase.js";
|
|||
|
|
import {
|
|||
|
|
getConfigKey,
|
|||
|
|
} from "@/api/wms/materRequisitiontask";
|
|||
|
|
export default {
|
|||
|
|
onLoad: function() {},
|
|||
|
|
created() {
|
|||
|
|
//获取当前客户
|
|||
|
|
getConfigKey('wms.warehouse.mode').then(res =>{
|
|||
|
|
this.getConfigKey.setkey(res.msg)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
// 遮罩层
|
|||
|
|
loading: true,
|
|||
|
|
// 总条数
|
|||
|
|
total: 0,
|
|||
|
|
//标识码
|
|||
|
|
purchaseLabelCode: null,
|
|||
|
|
//库位码
|
|||
|
|
locationCode: null,
|
|||
|
|
//仓库码
|
|||
|
|
showLocationCode: null,
|
|||
|
|
//仓库名
|
|||
|
|
warehouseName: null,
|
|||
|
|
formData: {
|
|||
|
|
areaCode: null,
|
|||
|
|
shelvesCode: null,
|
|||
|
|
storageLocationCode: null,
|
|||
|
|
whCode: null,
|
|||
|
|
// 采购入库明细标签表格数据
|
|||
|
|
wmsCommonInDetailLabelList: [],
|
|||
|
|
},
|
|||
|
|
//标签码查询参数
|
|||
|
|
queryParams: {
|
|||
|
|
pageNum: 1,
|
|||
|
|
pageSize: 50,
|
|||
|
|
labelCode: null,
|
|||
|
|
},
|
|||
|
|
//仓库查询参数
|
|||
|
|
queryParamsCK: {
|
|||
|
|
pageNum: 1,
|
|||
|
|
pageSize: 50,
|
|||
|
|
orderByColumn: "id",
|
|||
|
|
isAsc: "desc",
|
|||
|
|
warehouseCode: null,
|
|||
|
|
},
|
|||
|
|
getConfigKey:new classLocationCode(),
|
|||
|
|
alert:{
|
|||
|
|
materialCode :null,
|
|||
|
|
number : null,
|
|||
|
|
showLocationCode: null
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//明细状态
|
|||
|
|
dtlStatusFormat(status) {
|
|||
|
|
if (status == 1) {
|
|||
|
|
return "入库完成";
|
|||
|
|
} else if (status == 0) {
|
|||
|
|
return "等待入库";
|
|||
|
|
} else if (status == 2) {
|
|||
|
|
return "入库中";
|
|||
|
|
} else {
|
|||
|
|
return "等待入库";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//扫描标签码
|
|||
|
|
scanBar() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.purchaseLabelCode = res.result;
|
|||
|
|
_this.getlabelCode();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getlabelCode() {
|
|||
|
|
this.queryParams.labelCode = this.purchaseLabelCode;
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
//查询标签列表
|
|||
|
|
getList() {
|
|||
|
|
this.loading = true;
|
|||
|
|
//解析扫的条码信息，以，为间隔转换成数组，并取第二个数据为真实需要的信息
|
|||
|
|
this.purchaseLabelCode = this.queryParams.labelCode = this.queryParams.labelCode.split(',')[1]
|
|||
|
|
listPurchaseInDetailLabel(this.queryParams).then(res => {
|
|||
|
|
this.formData.wmsCommonInDetailLabelList = [res.rows[0]];
|
|||
|
|
this.total = res.total;
|
|||
|
|
this.loading = false;
|
|||
|
|
if (this.total == 0) {
|
|||
|
|
// console.log("二维码有错");
|
|||
|
|
this.$modal.msgError("标签二维码错误");
|
|||
|
|
this.purchaseLabelCode = null
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
//扫描库位码
|
|||
|
|
scanLocation() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.locationCode = res.result;
|
|||
|
|
_this.getWarehouse();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//仓库码
|
|||
|
|
async getWarehouse() {
|
|||
|
|
if (this.locationCode == null || this.locationCode == '') {
|
|||
|
|
this.$modal.msgError("库位码为空");
|
|||
|
|
} else {
|
|||
|
|
this.showLocationCode = this.locationCode
|
|||
|
|
|
|||
|
|
let parts = this.locationCode.split('-');
|
|||
|
|
if (parts.length <1 || parts.length > 4) {
|
|||
|
|
this.$modal.msgError("库位码格式有误");
|
|||
|
|
this.locationCode = null
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
parts = this.getConfigKey.getValue(this.locationCode).split('-');
|
|||
|
|
// this.formData.whCode = parts[0] || null;
|
|||
|
|
this.formData.whCode = await getParts(parts) || null;
|
|||
|
|
this.formData.areaCode = parts[1] || null;
|
|||
|
|
this.formData.shelvesCode = parts[2] || null;
|
|||
|
|
this.formData.storageLocationCode = parts.slice(3).join('-') || null;
|
|||
|
|
this.queryParamsCK.warehouseCode = parts[0]
|
|||
|
|
this.getlistWarehouse()
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 根据扫的二维码的长度判断其第一位应该是什么值
|
|||
|
|
* @name PZQ
|
|||
|
|
* @param {Object} parts 二维码转换的数组
|
|||
|
|
*/
|
|||
|
|
function getParts(parts){
|
|||
|
|
if(parts.length == 4 ){
|
|||
|
|
return parts[0] || null;
|
|||
|
|
}else {
|
|||
|
|
return '0' + parts[0].charAt(0) || null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//查仓库名
|
|||
|
|
getlistWarehouse() {
|
|||
|
|
// this.formData.location
|
|||
|
|
this.loading = true;
|
|||
|
|
listWarehouse(this.queryParamsCK).then(res => {
|
|||
|
|
this.warehouseName = res.rows[0].warehouseName
|
|||
|
|
this.loading = false;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//重置
|
|||
|
|
reset() {
|
|||
|
|
// 总条数
|
|||
|
|
this.total = 0,
|
|||
|
|
//标识码
|
|||
|
|
this.purchaseLabelCode = null,
|
|||
|
|
//库位码
|
|||
|
|
this.locationCode = null,
|
|||
|
|
//仓库码
|
|||
|
|
this.showLocationCode = null,
|
|||
|
|
//仓库名
|
|||
|
|
this.warehouseName = null,
|
|||
|
|
this.formData = {
|
|||
|
|
areaCode: null,
|
|||
|
|
shelvesCode: null,
|
|||
|
|
storageLocationCode: null,
|
|||
|
|
whCode: null,
|
|||
|
|
// 采购入库明细标签表格数据
|
|||
|
|
wmsCommonInDetailLabelList: [],
|
|||
|
|
}
|
|||
|
|
//标签码查询参数
|
|||
|
|
this.queryParams = {
|
|||
|
|
pageNum: 1,
|
|||
|
|
pageSize: 50,
|
|||
|
|
labelCode: null,
|
|||
|
|
}
|
|||
|
|
//仓库查询参数
|
|||
|
|
this.queryParamsCK = {
|
|||
|
|
pageNum: 1,
|
|||
|
|
pageSize: 50,
|
|||
|
|
orderByColumn: "id",
|
|||
|
|
isAsc: "desc",
|
|||
|
|
warehouseCode: null,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//确认入库
|
|||
|
|
submitIn() {
|
|||
|
|
if(this.formData.wmsCommonInDetailLabelList == null || this.formData.whCode == []){
|
|||
|
|
this.$modal.msgError("请扫描标识码");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(this.formData.whCode == null || this.formData.whCode == ''){
|
|||
|
|
this.$modal.msgError("请扫描库位码");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
console.log(this.formData)
|
|||
|
|
const {wmsCommonInDetailLabelList} = this.formData
|
|||
|
|
const {materialCode,number } = wmsCommonInDetailLabelList[0]
|
|||
|
|
// showLocationCode
|
|||
|
|
// else
|
|||
|
|
//弹框二次确认
|
|||
|
|
this.alert = {
|
|||
|
|
materialCode,
|
|||
|
|
number,
|
|||
|
|
showLocationCode:this.showLocationCode
|
|||
|
|
}
|
|||
|
|
this.$refs.alertDialog.open()
|
|||
|
|
return
|
|||
|
|
// uni.showModal({
|
|||
|
|
// title: '提示',
|
|||
|
|
// content: `确定要入库数量为${number}物料编码为${materialCode}到${this.showLocationCode}吗？`,
|
|||
|
|
// success: res => {
|
|||
|
|
// if (res.confirm) {
|
|||
|
|
// labelInStock(this.formData).then(response => {
|
|||
|
|
// this.$modal.msgSuccess("入库成功");
|
|||
|
|
// this.reset()
|
|||
|
|
// });
|
|||
|
|
// } else if (res.cancel) {
|
|||
|
|
// // console.log('用户点击取消');
|
|||
|
|
// uni.showToast({
|
|||
|
|
// title: '取消入库',
|
|||
|
|
// icon: 'none', //如果要纯文本，不要icon，将值设为'none'
|
|||
|
|
// duration: 2000 //持续时间为 2秒
|
|||
|
|
// })
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
dialogConfirm(){
|
|||
|
|
labelInStock(this.formData).then(response => {
|
|||
|
|
this.$modal.msgSuccess("入库成功");
|
|||
|
|
this.reset()
|
|||
|
|
});
|
|||
|
|
this.$refs.alertDialog.close()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
class classLocationCode{
|
|||
|
|
#key = null
|
|||
|
|
setkey(key){
|
|||
|
|
this.key = key
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 给外部调用的方法
|
|||
|
|
* @param {Object} value
|
|||
|
|
*/
|
|||
|
|
getValue(value){
|
|||
|
|
const obj = {
|
|||
|
|
"1":this.#getLocationCode,
|
|||
|
|
}
|
|||
|
|
if(this.key in obj){
|
|||
|
|
return obj[this.key](value)
|
|||
|
|
}
|
|||
|
|
return value
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 判断上架扫码是否拼接
|
|||
|
|
* @param {Object} value
|
|||
|
|
*/
|
|||
|
|
#getLocationCode(value){
|
|||
|
|
const number = value[0]
|
|||
|
|
return '0' + number + '-' + value
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
|
|||
|
|
</style>
|