wms生产领料新功能

master
guoshuang 2 years ago
parent 2fcaeee38f
commit 755a03fc82

@ -399,6 +399,14 @@
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/wms/Raw/ProductionREQ/index",
"style": {
"navigationBarTitleText": "生产领料",
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}
}
],
"globalStyle": {

@ -0,0 +1,751 @@
<template>
<view class="page-product-receipt">
<view class="header" :style="{ backgroundColor: `rgba(250, 53, 52, ${scrollTop / 100})` }">
<view class="left">
<u-icon class="icon" name="arrow-left" @click="uni.navigateBack({})" />
</view>
<view class="title">生产领料</view>
<view class="right"></view>
</view>
<view class="fiexdcontent">
<u-form class="form" ref="form" label-width="180rpx">
<!-- 单号 -->
<view class="single">
<view class="single-left">
<view>领料单:</view>
<u-search placeholder="请扫描" v-model="orderNo" @search="query" :show-action="false"></u-search>
</view>
<!-- <view class="single-right">
<u-button type="primary" @click="query"></u-button>
</view> -->
</view>
<!-- 订单 -->
<u-form-item label="物料编码">
<!-- <u-input :border="true" v-model="histroyItem.productDescZh" placeholder="" style="overflow: hidden" /> -->
<jPicker sureColor="#ff0000" @bindpicker="bookTypeChange" showKey="value" valKey="value" :val="aimWl.value" :options="materilist" />
</u-form-item>
<u-form-item label="批次">
<!-- <u-input :border="true" v-model="histroyItem.productDescZh" placeholder="" style="overflow: hidden" /> -->
<jPicker sureColor="#ff0000" @bindpicker="userDefined1Change" showKey="value" valKey="value" :val="bimWl.value" :options="userDefined1list" />
</u-form-item>
<!-- 机台 -->
<u-form-item label="出库仓库">
<!-- <u-input :border="true" v-model="histroyItem.productDescZh" placeholder="" style="overflow: hidden" /> -->
<jPicker sureColor="#ff0000" @bindpicker="warehouseChange" showKey="value" valKey="value" :val="cimWl.value" :options="warehouselist" />
</u-form-item>
<!-- <u-form-item label="出库仓库"> 成品库 </u-form-item> -->
</u-form>
<u-form style="margin-top: 1rpx" class="form3">
<view class="list">
<view class="row-list">
<view style="width: 18%" class="list-item"> 物料编码: </view>
<view style="width: 80%"> {{ TraysList && TraysList.materialCode }} </view>
</view>
<view class="row-list">
<view style="width: 18%" class="list-item"> 物料名称: </view>
<view style="width: 80%"> {{ TraysList && TraysList.materialDesc }} </view>
</view>
<view class="row-list">
<view class="row-list-item1">
<view class="list-item"> 应出/已出: </view>
<view> {{ TraysList && TraysList.planNumber }}/{{ TraysList && TraysList.outNumber }} </view>
</view>
<view class="row-list-item2">
<view class="list-item"> 单位: </view>
<view> {{ TraysList && TraysList.unit }} </view>
</view>
</view>
</view>
</u-form>
<u-form class="form4">
<u-search placeholder="请扫描托盘" @search="addlist" v-model="boxnumber" :show-action="false"></u-search>
<!-- <u-input style="border: 0.5rpx solid #8d8989; border-radius: 10rpx" v-model="boxnumber" @click="clickscan"></u-input> -->
</u-form>
</view>
<!-- <view style="height: 14rpx"></view> -->
<view class="scroll">
<view v-for="(item, index) in list" :key="item.id">
<u-form style="margin-top: 10rpx" class="form2">
<view class="list">
<view class="rowleft">
<view class="row-list">
<view class="row-list-item">
<view class="list-item"> 托盘号: </view>
<view> {{ item.sn }} </view>
</view>
<view class="row-list-item">
<view class="list-item"> 出库数量: </view>
<view> {{ item.amount }} </view>
</view>
<!-- <view class="row-list-item">
<view class="list-item"> 批次号: </view>
<view> {{ item.barcode }} </view>
</view> -->
</view>
<view class="row-list">
<!-- <view class="row-list-item"> -->
<view class="list-item"> 库位码: </view>
<view> {{ item.wlCode }} </view>
<!-- </view> -->
</view>
</view>
<view class="rowright">
<view class="righttitle">
<view @click.stop="ondelete(item, index)" class="boder-icon-rigth"> 删除 </view>
</view>
</view>
</view>
</u-form>
</view>
</view>
<view class="bottom-bar">
<u-row class="button-bar">
<!-- 确定 -->
<u-col :span="6">
<u-button @click="onSubmit" type="primary">确认</u-button>
</u-col>
<!-- 返回 -->
<u-col :span="6">
<u-button type="error" @click="uni.navigateBack({})"></u-button>
</u-col>
</u-row>
</view>
<u-toast ref="uToast" />
</view>
</template>
<script lang="ts">
import { Component } from 'vue-property-decorator';
import { BasePage } from '@/components/base/page';
import jPicker from '@/components/J-Picker/jPicker.vue';
import model from './model';
import { session } from '@/store/modules/session';
interface OptionType {
label: string;
value: string;
}
//import { session } from '@/store/modules/session';
@Component({
components: {
jPicker,
},
})
export default class ProductionREQ extends BasePage {
model = model;
list: any = [];
aimWl = {} as OptionType;
bimWl = {} as OptionType;
cimWl = {} as OptionType;
boxnumber: any = '';
materilist = [];
userDefined1list = [];
warehouselist = [];
TraysList = {
outNumber: 0,
planNumber: 0,
id: '',
produceCode: '',
materialCode: '',
materialDesc: '',
userDefined1: '',
unit: '',
};
// remove: any = {};
// async onReady() {
// await this.model.queryLocation();
// this.remove = this.model.WlList[0];
// }
// selectItem(e: any) {
// this.remove = e.pickerName;
// }
orderNo: any = '';
border = true;
orderNoItemList: any = [];
showProduceCodeList: any = [];
itemdetail: any = '';
outnumber: any = 0;
async onReady() {
await this.model.getwarehouselist();
this.warehouselist = model.warehouselist;
const cimWl = this.warehouselist.find((item) => item.value === 'WH02');
if (cimWl) {
this.cimWl = cimWl;
} else {
this.cimWl = this.warehouselist[0];
}
}
bookTypeChange(e: any) {
this.aimWl = e.pickerName;
this.list = [];
this.queryinformation();
//this.getlist();
}
userDefined1Change(e: any) {
this.bimWl = e.pickerName;
this.list = [];
this.getlist();
}
//
warehouseChange(e: any) {
this.cimWl = e.pickerName;
this.list = [];
}
//
async ondelete(item, index) {
console.log('1234567', item);
console.log('index', index);
this.list.splice(index, 1);
this.TraysList.outNumber -= item.amount;
//this.itemdetail = item;
// this.showmodal = true;
// this.content = '?';
//this.itemdetail.orderNo = this.orderNo;
//console.log(this.itemdetail, this.orderNo);
//await this.model.deleteTray(this.itemdetail);
// if (this.model.SubmitCode == '200') {
// (this.$refs.uToast as any).show({
// title: '',
// type: 'success',
// });
// this.getlist();
// } else {
// (this.$refs.uToast as any).show({
// title: '',
// type: 'error',
// });
// this.getlist();
// }
}
//
async query() {
if (this.orderNo == '' || this.orderNo.length == 0) {
(this.$refs.uToast as any).show({
title: '请输入领料单号',
// url: '/pages/user/index'
});
return;
}
await this.model.ProductionMaterialRequisition(this.orderNo);
if (model.orderNoItemList) {
this.materilist = [];
// let a: any = {};
// model.orderNoItemList.forEach((item) => {
// a.label = item.productName;
// a.value = item.productCode;
// this.materilist.push(a);
// });
this.materilist = model.orderNoItemList;
this.aimWl = this.materilist[0];
this.queryinformation();
//this.getlist();
} else {
this.materilist = [];
}
}
//
async queryinformation() {
if (this.orderNo == '' || this.orderNo.length == 0) {
(this.$refs.uToast as any).show({
title: '请输入领料单号',
// url: '/pages/user/index'
});
return;
}
let item: any = {};
item.produceCode = this.orderNo;
item.materialCode = this.aimWl.value;
await this.model.queryinformation(item);
if (model.information) {
this.userDefined1list = model.information;
this.bimWl = this.userDefined1list[0];
} else {
this.userDefined1list = [];
}
this.getlist();
}
async getlist() {
if (this.orderNo == '' || this.orderNo.length == 0) {
(this.$refs.uToast as any).show({
title: '请输入领料单号',
// url: '/pages/user/index'
});
return;
}
if (this.aimWl.value == '') {
(this.$refs.uToast as any).show({
title: '请选择一个物料',
// url: '/pages/user/index'
});
return;
}
if (this.bimWl.value == '') {
(this.$refs.uToast as any).show({
title: '请选择一个批次',
// url: '/pages/user/index'
});
return;
}
let item: any = {};
item.produceCode = this.orderNo;
item.materialCode = this.aimWl.value;
item.userDefined1 = this.bimWl.value;
await (this.model as any).showTrays(item);
this.TraysList = model.TraysList;
// if (model.TraysList.length > 0) {
// this.list = model.TraysList;
// this.outnumber = model.TraysList.length;
// } else {
// this.list = [];
// this.outnumber = 0;
// }
console.log(model.TraysList);
}
async addlist() {
if (this.boxnumber == '') {
(this.$refs.uToast as any).show({
title: '请扫描托盘号',
// url: '/pages/user/index'
});
return;
}
// this.listboxnumber
const isDuplicate = this.list.some((item) => item.sn === this.boxnumber);
if (isDuplicate) {
(this.$refs.uToast as any).show({
title: '请勿重复扫描托盘',
// url: '/pages/user/index'
});
return;
}
await this.model.selloutconntray(this.boxnumber);
if (this.model.SubmitCode == '200') {
(this.$refs.uToast as any).show({
title: '成功',
type: 'success',
});
this.list.push(model.selloutconntraydata);
this.TraysList.outNumber += model.selloutconntraydata.amount;
} else {
(this.$refs.uToast as any).show({
title: '失败',
type: 'error',
});
}
}
async onSubmit() {
if (this.orderNo == '' || this.orderNo.length == 0) {
(this.$refs.uToast as any).show({
title: '请输入领料单号',
// url: '/pages/user/index'
});
return;
}
if (this.list.length == 0 || this.list == '') {
(this.$refs.uToast as any).show({
title: '请先扫码箱码',
// url: '/pages/user/index'
});
return;
}
let params = [];
this.list.map((item) => {
params.push({
id: this.TraysList.id,
produceCode: this.TraysList.produceCode,
materialCode: this.TraysList.materialCode,
materialDesc: this.TraysList.materialDesc,
userDefined1: this.TraysList.userDefined1,
locCode: this.cimWl.value,
planNumber: item.amount,
sn: item.sn,
factoryCode: session.FactoryCode,
});
});
console.log('list', params);
await this.model.out(params);
if (this.model.SubmitCode == '200') {
(this.$refs.uToast as any).show({
title: '成功',
type: 'success',
});
this.mepty();
//this.getlist();
} else {
(this.$refs.uToast as any).show({
title: '失败',
type: 'error',
});
//this.getlist();
}
}
mepty() {
this.orderNo = '';
this.list = [];
this.aimWl = {} as OptionType;
this.bimWl = {} as OptionType;
this.materilist = [];
this.userDefined1list = [];
//this.model.mepty();
this.boxnumber = '';
this.TraysList = {
outNumber: 0,
planNumber: 0,
id: '',
produceCode: '',
materialCode: '',
materialDesc: '',
userDefined1: '',
unit: '',
};
}
}
</script>
<style>
body {
background-color: rgb(242, 242, 242);
}
</style>
<style lang="scss" scoped>
.page-product-receipt {
background: #f2f2f2 linear-gradient(0deg, #f2f2f2 0%, #f8262c 51%, #d9001b 100%) no-repeat;
background-size: 100% 600rpx;
padding: 118rpx 30rpx 162rpx;
min-height: 100%;
.header {
position: fixed;
top: 0rpx;
left: 0;
right: 0;
z-index: 99;
display: flex;
height: 120rpx;
line-height: 88rpx;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding: 45rpx 0rpx 0rpx;
.title {
flex: 3;
}
.left,
.right {
flex: 1;
}
.icon {
display: flex;
justify-content: center;
align-items: center;
width: 88rpx;
height: 88rpx;
}
}
.fiexdcontent {
position: fixed;
width: 92%;
box-shadow: 0 0 14px 0 rgb(128 128 128 / 46%);
z-index: 100;
}
.form {
background-color: #fff;
padding: 15rpx;
border-radius: 10rpx;
//box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
.u-form-item {
padding: 20rpx 0;
line-height: 35rpx;
.Transfer {
width: 280rpx;
height: 64rpx;
background: rgb(242, 242, 242);
border-radius: 110rpx;
}
}
.single {
width: 100%;
height: 60rpx;
display: flex;
.single-left {
width: 80%;
height: 100%;
display: flex;
view {
width: 142rpx;
height: 100%;
line-height: 55rpx;
}
}
.single-right {
button {
// margin-top: 15rpx;
width: 140rpx;
height: 70rpx;
background-color: #fa3534;
}
}
}
.row {
display: flex;
flex-direction: row;
justify-content: space-around;
flex: 1;
}
}
.form3 {
background-color: #fff;
padding: 20rpx 20rpx 20rpx;
border-radius: 10rpx;
height: 210rpx;
overflow: scroll;
//box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
//color: #8d8989;
// .list {
// display: flex;
// flex-direction: row;
// }
.row-list {
display: flex;
flex-direction: row;
justify-content: space-between;
.row-list-item {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 40%;
}
.row-list-item1 {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 50%;
}
.row-list-item2 {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 40%;
}
.list-item {
display: flex;
flex-direction: row;
// flex: 1;
}
}
.righttitle {
display: flex;
justify-content: flex-end;
.boder-icon-rigth {
border: 1rpx solid #fa3534;
width: 130rpx;
text-align: center;
background: #fa3534;
color: #ffffff;
margin-top: 10px;
}
}
}
.form4 {
background-color: #fff;
padding: 18rpx;
border-radius: 10rpx;
margin-top: 2rpx;
.u-input__input {
min-height: 36px;
}
}
.scroll {
// margin-top: 2rpx;
height: 680rpx;
position: absolute;
width: 92%;
top: 740rpx;
/* bottom: 40px; */
overflow: auto;
// background-color: #f2f2f2;
.form2 {
background-color: #fff;
padding: 20rpx 20rpx 20rpx;
border-radius: 10rpx;
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
color: #8d8989;
.list {
display: flex;
flex-direction: row;
.rowleft {
width: 80%;
.row-list {
display: flex;
flex-direction: row;
justify-content: space-between;
.row-list-item {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 40%;
}
.list-item {
display: flex;
flex-direction: row;
flex: 1;
}
}
}
.rowright {
width: 20%;
display: flex;
justify-content: right;
.righttitle {
width: 60%;
background-color: #8d898947;
color: red;
text-align: center;
/* margin: auto; */
height: 100%;
line-height: 70rpx;
}
}
}
// .righttitle {
// display: flex;
// justify-content: flex-end;
// .boder-icon-rigth {
// border: 1rpx solid #fa3534;
// width: 130rpx;
// text-align: center;
// background: #fa3534;
// color: #ffffff;
// margin-top: 10px;
// }
// .zhuangtai {
// background: #a7a0a04a;
// width: 224rpx;
// margin-right: -27rpx;
// border: 2rpx solid #a7a0a04a;
// border-radius: 12rpx;
// text-align: center;
// margin-bottom: 10rpx;
// }
// .zhuangtai[data-state='1'] {
// color: green;
// }
// .zhuangtai[data-state='0'] {
// color: blue;
// }
// }
}
}
.bottom-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background: #ffffff;
box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
padding: 20rpx;
}
.button-bar {
}
.photoList {
display: flex;
padding-top: 12rpx;
.chooseBtn {
width: 202rpx;
height: 202rpx;
background: #fafafa;
border-radius: 12rpx;
border: 2rpx dashed #e2e2e2;
display: flex;
justify-content: center;
align-items: center;
.inner {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.desc {
font-size: 28rpx;
font-weight: 400;
color: #24252a;
line-height: 40rpx;
}
.img {
width: 50rpx;
height: 50rpx;
margin-bottom: 6rpx;
}
}
.photoBox {
width: 202rpx;
height: 202rpx;
background: #fafafa;
border-radius: 12rpx;
position: relative;
.closeBtn {
position: absolute;
top: -12rpx;
right: -12rpx;
z-index: 2;
width: 36rpx;
height: 36rpx;
.img {
width: 36rpx;
height: 36rpx;
}
}
.img {
width: 202rpx;
height: 202rpx;
border-radius: 12rpx;
}
}
.itemBox {
flex: 0 0 202rpx;
margin-right: 20rpx;
&:last-child {
margin-right: 0;
}
}
// /deep/ .remarksBox textarea {
// font-size: 24rpx;
// }
}
}
</style>

@ -0,0 +1,95 @@
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
import store from '@/store';
import http from '@/utils/request';
import { url } from '@/utils/url';
import { session } from '@/store/modules/session';
@Module({
namespaced: true,
dynamic: true,
store,
name: 'page.Raw.ProductionREQ',
})
export class ProductionREQ extends VuexModule {
orderNoItemList: any = [];
@MutationAction
async ProductionMaterialRequisition(orderNo: any) {
const result: any = await http.post(url.lanjuwms.raw.ProductionREQ.ProductionMaterialRequisition, {
// headers: {
// poolName: session.PoolName,
// },
produceCode: orderNo,
factoryCode: session.FactoryCode,
});
// http.defaults.headers.common['Accept-Language'] = session.PoolName;
const orderNoItemList = result.data.map((element: any) => ({
label: element.materialDesc,
value: element.materialCode,
...element,
}));
return { orderNoItemList };
}
information: any = [];
@MutationAction
async queryinformation(item: any) {
const result: any = await http.post(url.lanjuwms.raw.ProductionREQ.ProductionMaterialRequisition, {
...item,
factoryCode: session.FactoryCode,
});
const information = result.data.map((element: any) => ({
label: element.userDefined1,
value: element.userDefined1,
...element,
}));
return { information };
}
TraysList: any = {};
@MutationAction
async showTrays(item: any) {
const result: any = await http.post(url.lanjuwms.raw.ProductionREQ.ProductionMaterialRequisition, {
...item,
factoryCode: session.FactoryCode,
});
const TraysList = result.data[0];
return { TraysList };
}
SubmitCode: any = '';
selloutconntraydata: any = {};
@MutationAction
async selloutconntray(params: any) {
const result: any = await http.post(url.lanjuwms.raw.ProductionREQ.ProductionMaterialRequisitionsn, {
sn: params,
factoryCode: session.FactoryCode,
});
const SubmitCode = result.code;
const selloutconntraydata = result.data;
return { SubmitCode, selloutconntraydata };
}
@MutationAction
async deleteTray(item: any) {
console.log(item);
const result: any = await http.delete(url.lanjuwms.product.SaleOutWH.deleteTray + '/' + item.barcode);
const SubmitCode = result.code;
return { SubmitCode };
}
@MutationAction
async out(params: any) {
const result: any = await http.post(url.lanjuwms.raw.ProductionREQ.out, params);
const SubmitCode = result.code;
return { SubmitCode };
}
warehouselist: any = [];
@MutationAction
async getwarehouselist() {
const result = await http.post(url.lanjuwms.raw.ProductionREQ.warehouselist, {
factoryCode: session.FactoryCode,
});
const warehouselist = result.data.map((element: any) => ({
label: element.warehouseName,
value: element.warehouseCode,
...element,
}));
return { warehouselist };
}
}
export default getModule(ProductionREQ);

@ -30,5 +30,6 @@ export const page = {
Requisition: '/pages/wms/Raw/Requisition/index',
SaleOutWH: '/pages/wms/product/SaleOutWH/index',
OfflineStorage: '/pages/wms/product/OfflineStorage/index',
ProductionREQ: '/pages/wms/Raw/ProductionREQ/index',
},
};

@ -1,6 +1,6 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
const qianzhuione = '/dev-api'; // '/prod-api'生产环境 // '/dev-api'开发环境是调后端本地时使用
// const qianzhuione = '/prod-api';
//const qianzhuione = '/dev-api'; // '/prod-api'生产环境 // '/dev-api'开发环境是调后端本地时使用
const qianzhuione = '/prod-api';
export const url = {
wmspda: {
system: {
@ -84,6 +84,12 @@ export const url = {
// 手持 查询仓库管理列表
list: qianzhuione + '/wms/order/listCK',
},
ProductionREQ: {
ProductionMaterialRequisition: qianzhuione + '/wms/order/ProductionMaterialRequisition',
warehouselist: qianzhuione + '/wms/order/listCK',
ProductionMaterialRequisitionsn: qianzhuione + '/wms/WmsToWCSmission/ProductionMaterialRequisitionsn',
out: qianzhuione + '/wms/WmsToWCSmission/ProductionMaterialRequisitionAdd',
},
},
},
// 设备管理

Loading…
Cancel
Save