cosmoim-852 fix 新增半成品下线入库
hou
3 years ago
parent
eed2a7a378
commit
5c7956f2da
@ -0,0 +1,21 @@
|
||||
/**
|
||||
* 拣配查询表格列
|
||||
*/
|
||||
import vm from '@/main';
|
||||
export const headers = [
|
||||
{
|
||||
label: vm.$t('message.product_barCode'),
|
||||
key: 'barcode',
|
||||
width: 320,
|
||||
},
|
||||
{
|
||||
label: vm.$t('message.product_FGCode'),
|
||||
key: 'productCode',
|
||||
width: 300,
|
||||
},
|
||||
{
|
||||
label: vm.$t('message.product_Location'),
|
||||
key: 'locCode',
|
||||
width: 300,
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,319 @@
|
||||
<template>
|
||||
<view class="page-raw-receipt">
|
||||
<view class="header" :style="{ backgroundColor: `rgba(23, 83, 234, ${scrollTop / 100})` }">
|
||||
<view class="left">
|
||||
<u-icon class="icon" name="arrow-left" @click="back" />
|
||||
</view>
|
||||
<view class="title">{{ $t('message.SemiFinishedOffline') }}</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
<u-form class="form" ref="form" :model="form" :error-type="['toast']" label-width="120rpx">
|
||||
<u-row>
|
||||
<u-col :span="12">
|
||||
<u-form-item :label="$t('message.product_barCode')">
|
||||
<u-search :placeholder="$t('message.po_PleaseInput')" v-model.trim="form.barCode" @search="getBarcode" maxlength="20" :show-action="false"></u-search>
|
||||
</u-form-item>
|
||||
<view class="material">
|
||||
<view class="material-right">
|
||||
<view class="material-right-title">{{ $t('message.Pi_OrderNo') }}</view>
|
||||
<view class="material-right-code" style="overflow: hidden">{{ every.orderNo }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="material">
|
||||
<view class="material-right">
|
||||
<view class="material-right-title">{{ $t('message.ModelName') }}</view>
|
||||
<view class="material-right-code" style="overflow: hidden">{{ every.productDesc }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="material">
|
||||
<view class="material-right">
|
||||
<view class="material-right-title">{{ $t('message.ModelCode') }}</view>
|
||||
<view class="material-right-code" style="overflow: hidden">{{ every.productCode }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="material">
|
||||
<view class="material-right">
|
||||
<view class="material-right-title">{{ $t('message.product_Number') }}</view>
|
||||
<view class="material-right-code" style="overflow: hidden">{{ every.qty }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-form-item :required="true" :label="$t('message.product_Location')" prop="dockName">
|
||||
<jPicker sureColor="#ff0000" @bindpicker="bookTypeChange" showKey="value" valKey="value" :val="form.aimWl.value" :options="wlcodeList" :focus="true" />
|
||||
<u-col :span="3">
|
||||
<u-button type="success" @click="add">{{ $t('message.product_add') }}</u-button>
|
||||
</u-col>
|
||||
</u-form-item>
|
||||
</u-col>
|
||||
<u-col :span="12">
|
||||
<view class="table-wrapper">
|
||||
<wyb-table class="table" ref="table" width="100%" enable-check="multiple" show-left-and-right-border :headers="headers" :contents="materielList" :show-vert-border="false" @onCheck="onCheck"></wyb-table>
|
||||
</view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</u-form>
|
||||
<view class="bottom-bar">
|
||||
<u-row class="button-bar">
|
||||
<u-col :span="3">
|
||||
<u-button type="error" @click="onDelete">{{ $t('message.product_Delete') }}</u-button>
|
||||
</u-col>
|
||||
<u-col :span="3">
|
||||
<u-button type="primary" @click="clearList">
|
||||
{{ $t('message.product_Empty') }}
|
||||
</u-button>
|
||||
</u-col>
|
||||
<u-col :span="3">
|
||||
<u-button type="warning" @click="onSelectAll">
|
||||
{{ $t('message.product_AllSelect') }}
|
||||
</u-button>
|
||||
</u-col>
|
||||
<u-col :span="3">
|
||||
<u-button type="success" @click="onOk">{{ $t('message.product_Confirm') }}</u-button>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component, Ref, Watch } from 'vue-property-decorator';
|
||||
import { VForm } from 'vue/types/form';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import model from './model';
|
||||
import { headers } from './config';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import { session } from '@/store/modules/session';
|
||||
interface OptionType {
|
||||
label: string;
|
||||
value: string;
|
||||
}
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class finishProductOfflineDom extends BasePage {
|
||||
@Ref('table') readonly $table: any;
|
||||
@Ref('form') readonly $form!: VForm;
|
||||
@Watch('form', { immediate: true, deep: true })
|
||||
model = model;
|
||||
headers = headers;
|
||||
form = {
|
||||
barCode: '',
|
||||
aimWl: {} as OptionType,
|
||||
};
|
||||
materielList: any = [];
|
||||
every: any = {};
|
||||
selectMaterielList: any = [];
|
||||
wlcodeList: any = [];
|
||||
async onReady() {
|
||||
await this.model.queryReturningTypeList();
|
||||
this.wlcodeList = this.model.returningTypeList;
|
||||
this.form.aimWl = this.model.firstLocation;
|
||||
}
|
||||
back() {
|
||||
this.form.barCode = '';
|
||||
this.selectMaterielList = [];
|
||||
uni.navigateBack({ delta: 1 });
|
||||
this.$table.onEmpty();
|
||||
}
|
||||
async getBarcode() {
|
||||
if (!this.form.barCode) {
|
||||
this.customToast(this.$t('message.barcode') as string);
|
||||
return;
|
||||
}
|
||||
await this.model.queryOrderInInfo(this.form.barCode);
|
||||
if (this.model.searchCode == '1') {
|
||||
uni.showToast({
|
||||
title: this.$t('message.product_Tip8') as string,
|
||||
image: '/static/icons/icon-51.png',
|
||||
});
|
||||
}
|
||||
this.every = this.model.materielList[this.model.materielList.length - 1];
|
||||
console.log(this.form.aimWl);
|
||||
let list: any = [];
|
||||
this.wlcodeList.forEach((item: any) => {
|
||||
if (item.sendSpot == this.every.sendSpot) {
|
||||
list.push(item);
|
||||
}
|
||||
});
|
||||
if (list.length == 0) {
|
||||
return;
|
||||
} else {
|
||||
this.wlcodeList = list;
|
||||
}
|
||||
}
|
||||
bookTypeChange(e: any) {
|
||||
this.form.aimWl = e.pickerName;
|
||||
}
|
||||
add() {
|
||||
if (!this.form.barCode) {
|
||||
this.customToast(this.$t('message.barcode') as string);
|
||||
return;
|
||||
}
|
||||
if (!this.every) {
|
||||
this.customToast(this.$t('message.sweepCode') as string);
|
||||
return;
|
||||
}
|
||||
if (!this.form.aimWl) {
|
||||
this.customToast(this.$t('message.product_Tip3') as string);
|
||||
return;
|
||||
}
|
||||
this.materielList.push(this.every);
|
||||
this.materielList[this.materielList.length - 1].locCode = this.form.aimWl.label;
|
||||
}
|
||||
onCheck(e: any) {
|
||||
this.selectMaterielList = [];
|
||||
e.data.forEach((line: any) => {
|
||||
const { lineData: item } = line;
|
||||
this.selectMaterielList.push(item);
|
||||
});
|
||||
console.log('this.selectMaterielList', this.selectMaterielList);
|
||||
}
|
||||
onDelete() {
|
||||
let indexs: any = [];
|
||||
this.materielList.forEach((item: any, index: any) => {
|
||||
this.selectMaterielList.forEach((item2: any) => {
|
||||
if (item.barcode == item2.barcode) {
|
||||
indexs.push(index);
|
||||
}
|
||||
});
|
||||
});
|
||||
for (let i = 0; i < indexs.length; i++) {
|
||||
delete this.materielList[indexs[i]];
|
||||
}
|
||||
let newList = [];
|
||||
this.materielList.forEach((item: any) => {
|
||||
if (item.barcode) {
|
||||
newList.push(item);
|
||||
}
|
||||
});
|
||||
this.materielList = newList;
|
||||
this.selectMaterielList = [];
|
||||
this.$table.onEmpty();
|
||||
}
|
||||
clearList() {
|
||||
this.$form.resetFields();
|
||||
this.form.barCode = '';
|
||||
this.selectMaterielList = [];
|
||||
this.materielList = [];
|
||||
this.every = '';
|
||||
this.$table.onEmpty();
|
||||
}
|
||||
onSelectAll() {
|
||||
this.$table.onCheckAllTap();
|
||||
this.selectMaterielList = this.materielList;
|
||||
}
|
||||
async onOk() {
|
||||
if (this.selectMaterielList.length == 0) {
|
||||
this.customToast(this.$t('message.product_Tip2') as string);
|
||||
} else {
|
||||
this.selectMaterielList.forEach((item: any) => {
|
||||
item.factoryCode = session.factoryCode;
|
||||
item.warehouseCode = session.warehouseCode; //仓库
|
||||
item.regionCode = session.regionCode; //区域
|
||||
item.areaCode = session.regionCode; //库区
|
||||
item.operator = session.loginName; //操作人
|
||||
item.loginName = session.loginName; //操作人
|
||||
});
|
||||
await this.model.confirm(this.selectMaterielList);
|
||||
if (this.model.code == '1') {
|
||||
this.materielList = [];
|
||||
this.$form.resetFields();
|
||||
this.form.barCode = '';
|
||||
this.selectMaterielList = [];
|
||||
this.every = '';
|
||||
}
|
||||
this.$table.onEmpty();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-raw-receipt {
|
||||
background: #f2f2f2 linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
|
||||
background-size: 100% 600rpx;
|
||||
padding: 118rpx 30rpx 162rpx;
|
||||
min-height: 100%;
|
||||
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 36rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
color: #fff;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
|
||||
.title {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.left,
|
||||
.right {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form {
|
||||
background-color: #fff;
|
||||
padding: 30rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.u-form-item {
|
||||
padding: 30rpx 0;
|
||||
line-height: 35rpx;
|
||||
}
|
||||
.material {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
.material-right {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
.material-right-title {
|
||||
width: 140rpx;
|
||||
height: 100%;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
.material-right-code {
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
line-height: 100rpx;
|
||||
text-align: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,121 @@
|
||||
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';
|
||||
import vm from '@/main';
|
||||
// import { order } from '@/pages/raw/handover/kan-dan/model';
|
||||
class OrderInInfo {
|
||||
stoAmount?: 0;
|
||||
stoNo?: string; //STO采购单号
|
||||
orderAmount?: string; //单据总数
|
||||
Allocated?: string; //已分配
|
||||
Unallocated?: string; //未分配
|
||||
}
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'Semi-finished-offline',
|
||||
})
|
||||
export class PickingModule extends VuexModule {
|
||||
/**
|
||||
* 库位列表
|
||||
*/
|
||||
returningTypeList: any[] = [];
|
||||
firstLocation: any = {};
|
||||
searchCode: any = '';
|
||||
/**
|
||||
* 物料列表
|
||||
*/
|
||||
materielList: any = [];
|
||||
/**
|
||||
* 条码查询结果
|
||||
*/
|
||||
orderInInfo: OrderInInfo = new OrderInInfo();
|
||||
//确认按钮的code码
|
||||
code = '';
|
||||
//data
|
||||
data: any = {};
|
||||
/**
|
||||
* 查询库位列表
|
||||
*/
|
||||
@MutationAction
|
||||
async queryReturningTypeList() {
|
||||
const data: any = await http.get(url.inbound.finishProductOffline.kuwei, {
|
||||
params: {
|
||||
factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
warehouseCode: session.warehouseCode, //仓库编码
|
||||
},
|
||||
});
|
||||
console.log('data', data.data);
|
||||
const returningTypeList = data.data.map((item: any) => ({
|
||||
label: item.locationCode,
|
||||
value: item.locationCode + '(' + item.sendSpot + ')',
|
||||
}));
|
||||
const firstLocation = returningTypeList[0];
|
||||
// const firstLocation = data.data[0];
|
||||
// firstLocation.label = firstLocation.locationCode;
|
||||
// firstLocation.value = firstLocation.locationCode + '(' + firstLocation.sendSpot + ')';
|
||||
return { returningTypeList, firstLocation };
|
||||
}
|
||||
//根据扫描的条码推荐库位
|
||||
@MutationAction
|
||||
async queryTypeList(prodCode: any) {
|
||||
const res: any = await http.post(url.inbound.finishProductOffline.SearchKuwei, {
|
||||
factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
prodCode: prodCode,
|
||||
});
|
||||
console.log('data', res.data);
|
||||
const returningTypeList = res.data.map((item: any) => ({
|
||||
label: item.locationCode,
|
||||
value: item.locationCode + '(' + item.sendSpot + ')',
|
||||
}));
|
||||
const firstLocation = returningTypeList[0];
|
||||
return { returningTypeList, firstLocation };
|
||||
}
|
||||
/**
|
||||
* 查询条码号
|
||||
* @param orderNo
|
||||
*/
|
||||
@MutationAction
|
||||
async queryOrderInInfo(barcode: any) {
|
||||
const { data, code }: any = await http.post(url.inbound.finishProductOffline.finished, {
|
||||
barcode,
|
||||
loginName: session.loginName,
|
||||
});
|
||||
const searchCode = code;
|
||||
const materielList2 = [];
|
||||
materielList2.push(data);
|
||||
const materielList = materielList2;
|
||||
return { searchCode, materielList };
|
||||
}
|
||||
@MutationAction
|
||||
async setSearchCode() {
|
||||
const searchCode = '';
|
||||
return { searchCode };
|
||||
}
|
||||
/**
|
||||
* 确认按钮
|
||||
* @param orderNo
|
||||
*/
|
||||
@MutationAction
|
||||
async confirm(list: any[]) {
|
||||
const { code, data, msg } = (await http.post(url.inbound.finishProductOffline.batchOffline, list)) as any;
|
||||
console.log('res数据', code, data, msg);
|
||||
if (code == '1') {
|
||||
uni.showToast({
|
||||
title: msg,
|
||||
duration: 2000,
|
||||
image: '/static/icons/icon-51.png',
|
||||
});
|
||||
} else {
|
||||
vm.customToast(msg);
|
||||
}
|
||||
return { code, data };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(PickingModule);
|
||||
Loading…
Reference in New Issue