You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

296 lines
8.3 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="page-product-receipt">
<view class="header" :style="{ backgroundColor: `rgba(23, 83, 234, ${scrollTop / 100})` }">
<view class="left">
<u-icon class="icon" name="arrow-left" @click="uni.navigateBack()" />
</view>
<view class="title">{{ $t('message.Scrap') }}</view>
<view class="right"></view>
</view>
<u-form class="form" ref="form" :model="form" label-width="180rpx">
<u-form-item :required="true" :label="this.$t('message.product_barCode')" prop="productCode">
<u-search
:placeholder="this.$t('message.po_PleaseInput')"
v-model="form.productCode"
@search="model.getProductCode"
:show-action="false"
></u-search>
</u-form-item>
<u-form-item :label="this.$t('message.product_FGCode')">
<u-input :disabled="true" v-model="model.orderInInfo.productCode" placeholder="" />
</u-form-item>
<u-form-item :label="this.$t('message.product_FGDes')">
<u-input :disabled="true" v-model="model.orderInInfo.productDescZh" placeholder="" />
</u-form-item>
<u-form-item :label="this.$t('message.product_Number')">
<u-input :disabled="true" v-model="model.orderInInfo.qty" placeholder="" />
</u-form-item>
<!-- <u-form-item label="类型:" prop="cboPlace">
<u-input
v-model="model.orderInInfo.custCode"
type="select"
@click="cboPlaceSelect = true"
/>
<u-select
v-model="cboPlaceSelect"
:list="model.modelType"
@confirm="(v) => (form.cboPlace = v[0])"
></u-select>
</u-form-item> -->
<u-form-item :label="this.$t('message.product_Location')">
<u-input :disabled="true" v-model="model.orderInInfo.locCode" placeholder="" />
</u-form-item>
<!-- <u-form-item label="类型">
<u-input v-model="model.orderInInfo.custCodeName" />
</u-form-item>
<u-form-item label="库位:" prop="originWl">
<u-input v-model="form.originWl.label" type="select" @click="originWlSelect = true" />
<u-select
v-model="originWlSelect"
:list="model.WlList"
@confirm="(v) => (form.originWl = v[0])"
></u-select>
</u-form-item> -->
<!-- <u-form-item label="目标库位:" prop="aimWl">
<u-input v-model="form.aimWl.label" type="select" @click="aimWlSelect = true" />
<u-select
v-model="aimWlSelect"
:list="model.WlList"
@confirm="(v) => (form.aimWl = v[0])"
></u-select>
</u-form-item> -->
<u-form-item
:required="true"
:label="this.$t('message.Warehouse_TargetLocation')"
prop="aimWl"
>
<jPicker
sureColor="#ff0000"
@bindpicker="bookTypeChange"
showKey="value"
valKey="value"
:val="form.aimWl.value"
:options="model.WlList"
/>
</u-form-item>
<u-form-item :required="true" :label="this.$t('message.product_costCenter')">
<u-input
v-model="model.orderInInfo.costCenter"
:placeholder="this.$t('message.po_PleaseInput')"
/>
</u-form-item>
</u-form>
<view class="bottom-bar">
<u-row class="button-bar">
<u-col :span="6">
<u-button type="primary" @click="onSubmit">{{ $t('message.workArea_Confirm') }}</u-button>
</u-col>
<u-col :span="6">
<u-button type="error" @click="uni.navigateBack()">{{
$t('message.po_Return')
}}</u-button>
</u-col>
</u-row>
</view>
</view>
</template>
<script lang="ts">
import { Component, Ref } from 'vue-property-decorator';
import { BasePage } from '@/components/base/page';
import jPicker from '@/components/J-Picker/jPicker.vue';
import { VForm, VFormRules } from 'vue/types/form';
import model from './model';
import { session } from '@/store/modules/session';
interface OptionType {
label: string;
value: string;
}
@Component({
components: {
jPicker,
},
})
export default class productCheckReceipt extends BasePage {
/**
* 表单引用
*/
@Ref('form') readonly $form!: VForm;
/**
* 页面Module
*/
model = model;
/**
* 表单数据
*/
form = {
// originWl: {} as OptionType,
aimWl: {} as OptionType,
qty: {} as OptionType,
productCode: '',
costCenter: '',
};
// originWlSelect = false;
aimWlSelect1 = false;
aimWlSelect = false;
cboPlaceSelect = false;
bookTypeChange(e: any) {
console.log('you select bookType', e);
this.form.aimWl = e.pickerName;
console.log('aaaaaaa', this.form.aimWl);
}
rules: VFormRules<any> = {
documentNo: [{ required: true, message: this.$t('message.Warehouse_Tip1') as string }],
// originWl: [{ required: true, message: '请选择库位地点' }],
aimWl: [{ required: true, message: this.$t('message.Warehouse_Tip3') as string }],
cboPlace: [{ required: true, message: this.$t('message.Warehouse_Tip4') as string }],
};
value = '';
show = false;
// 必须要在onReady生命周期因为onLoad生命周期组件可能尚未创建完毕
onReady() {
this.model.orderInInfo.productDescZh = '';
this.model.orderInInfo.productCode = '';
this.model.orderInInfo.qty = '';
this.model.orderInInfo.locCode = '';
this.model.orderInInfo.costCenter = '';
this.$form.setRules(this.rules);
this.model.queryLocation();
}
onSubmit() {
this.$form.validate((valid: boolean) => {
if (!valid) return;
if (!this.form.productCode) {
uni.showToast({
icon: 'none',
title: this.$t('message.Warehouse_Tip5') as string,
});
return;
}
// if (!this.form.cboPlace.value) {
// uni.showToast({
// icon: 'none',
// title: '请选择类型!',
// });
// return;
// }
// if (!this.form.originWl.value) {
// uni.showToast({
// icon: 'none',
// title: '请选择库位!',
// });
// return;
// }
if (!this.form.aimWl.value) {
uni.showToast({
icon: 'none',
title: this.$t('message.Warehouse_Tip3') as string,
});
return;
}
if (!this.model.orderInInfo.costCenter) {
uni.showToast({
icon: 'none',
title: this.$t('message.Warehouse_Tip8') as string,
});
return;
}
console.log('orderlist');
const orderlist = [
{
...this.model.orderInInfo,
originWl: this.model.orderInInfo.locCode,
barCode: this.model.orderInInfo.barcode,
aimWl: this.form.aimWl.value,
type: '0',
orderType: '1',
keepBy: session.loginName as string,
factoryCode: session.factoryCode as string,
},
];
console.log('orderlist', orderlist);
this.model.onTakeoutConfirm(orderlist);
this.model.orderInInfo.productDescZh = '';
this.model.orderInInfo.productCode = '';
this.model.orderInInfo.qty = '';
this.model.orderInInfo.locCode = '';
this.model.orderInInfo.costCenter = '';
this.form.productCode = '';
});
}
}
</script>
<style lang="scss" scoped>
.page-product-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: 40rpx;
border-radius: 10rpx;
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
.u-form-item {
padding: 30rpx 0;
line-height: 35rpx;
}
}
.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 {
}
}
</style>