Skip to content

M
mes-pda-scan
Commit 35c7d9a4 authored by xiangzj's avatar xiangzj
Browse files
Options

装箱调整

parent b842e5ff
Show whitespace changes
Inline Side-by-side
Showing with 267 additions and 91 deletions
pages/packing/metering.vue
View file @ 35c7d9a4
......@@ -6,53 +6,70 @@
</uni-forms-item>
</uni-forms> -->
<u-row gutter="16" class="itemRow">
<u-col span="2">
长：
<u-col span="3">
长(cm)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="form.long"></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="2">
宽：
<u-col span="3">
宽(cm)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="form.wide"></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="2">
高：
<u-col span="3">
高(cm)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="form.high"></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="2">
毛重：
<u-col span="3">
毛重(kg)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="form.brgew"></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="2">
箱重：
<u-col span="3">
箱重(kg)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="form.zxntgew"></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="2">
净重：
<u-col span="3">
净重(kg)：
</u-col>
<u-col span="6">
<uni-easyinput v-model="weight" disabled></uni-easyinput>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="3">
装箱备注：
</u-col>
<u-col span="8">
<u-input v-model="form.zxtext" type="textarea" :border="true" height="70" ></u-input>
</u-col>
</u-row>
<u-row gutter="16" class="itemRow">
<u-col span="3">
备注：
</u-col>
<u-col span="8">
<u-input v-model="form.ztext" type="textarea" :border="true" height="70" ></u-input>
</u-col>
</u-row>
</view>
</template>
......
pages/packing/packing.vue
View file @ 35c7d9a4
<template>
<view>
<StickyNavBar>
<view class="lists">
<StickyNavBar :class="{'meteringTab':current === 1}">
<NavBar title="装箱"></NavBar>
<view class="selectSheet">
<u-tabs :list="list" :is-scroll="false" :current="current" @change="changeTab"></u-tabs>
</view>
<!-- <view class="headerTitle">
<view class="items">箱号:{{ orderBoxNum }}</view>
</view> -->
<view class="" v-if="current === 0" >
<view class="btn">
<view class="boxSelect">
<u-picker v-model="show" mode="selector" :default-selector="[0]" range-key="text" :range="actionSheetList" @confirm="actionSheetCallback"></u-picker>
<u-input v-model="form.ZZXFS" placeholder="请选择装箱方式" type="select" :border="true" @click="show = true" />
</view>
<uni-easyinput prefixIcon="search" class="topSearch" v-model="blNum" focus placeholder="请扫描箱码" @change="handleInputNlpla" :disabled="form.ZZXFS === 'PL'"></uni-easyinput>
<uni-easyinput
prefixIcon="search"
:disabled="isDisabled"
v-model="wxparams"
:focus="isFocus"
placeholder="请扫描单号"
placeholder="请扫描产品包装条码/外箱码"
@input="handleInputPlnr"
></uni-easyinput>
</view>
</StickyNavBar>
<view class="cardBox">
<text class="cardBoxTip">
步骤一 扫描单号
</text>
<u-image class='cardBoxImg' :src="bgSrc" width="560rpx" height="400rpx"></u-image>
<view class="cardBoxTip2">
摄像头对准
</view>
<view class="cardBoxTip3">
装箱二维码
<view class="total">
<view class="left">明细</view>
<view class="right">
数量：
<text class="">{{ goodsList.length }}</text>
</view>
<view class="cardBoxTip2">
<text class="tipLeft">
点击扫描或
</text>
<text class="tipRight">
点选单号
</text>
</view>
</view>
<!-- <BottomBtn :btnArr="btnArr" @getBtnHandle="getBtnHandle"></BottomBtn> -->
</StickyNavBar>
<relationships v-show="current === 0" :list="goodsList" @deleGonds="deleGonds"/>
<metering v-show="current === 1" :form="form"/>
<BottomBtn :btnArr="btnArr" @getBtnHandle="getBtnHandle" v-if="current === 0"></BottomBtn>
</view>
</template>
......@@ -41,75 +43,213 @@
import StickyNavBar from '@/components/StickyNavBar/index.vue';
import ContentLoadingMore from '@/components/ContentLoadingMore/index.vue';
import BottomBtn from '@/components/BottomBtn/index.vue';
import relationships from './relationships.vue';
import metering from './metering.vue';
import { parseTime} from "@/utils/ruoyi";
export default {
components: {
StickyNavBar,
ContentLoadingMore,
BottomBtn
BottomBtn,
relationships,
metering
},
data() {
return {
bgSrc: require('@/static/images/qrcode.png'),
number: 0,
show: true,
nlpla: '',
value: '',
type: 'select',
show: false,
border: true,
list: [
{
name: '装箱关联'
},
{
name: '计量称重'
}
],
current: 0,
status: 'loadmore',
btnArr: [
{
style: '',
type: 'warning',
text: '返回',
way: 'goBack'
},
{
style: '',
type: 'primary',
text: '提交',
way: 'goSubmit'
}
],
wxparams: '',
goodsList: [],
blNum: '',
isFocus: false,
isDisabled: false
};
isDisabled: false,
orderBoxNum: '',
show: false,
actionSheetList: [
{
text: 'BL+PL'
},
{
text: 'PL'
},
created() {
],
form: {
ZZXFS: '',
zxspe: '', //箱规格（cm）
zxvolum: '', //体积(m132)
zxntgew: '', //箱重（kg）
ntgew: '', //净重（kg）
brgew: '', //毛重(kg)
long: '', //长
wide: '', //宽
high: '', //高
updkz: 'I',
datum: '', //扫描日期
uzeit: '', //扫描时间
uname: 'admin', //扫描人
zxtext: '',
ztext: '',
},
goodsList: [],
};
},
// onLoad(option) {
// if(option && option.order){
// this.orderBoxNum = option.order
// }
// },
methods: {
goSubmit(){
if(this.goodsList.length === 0){
this.$u.toast('暂无提交数据');
return
}
const arr = []
this.goodsList.forEach(ele => {
arr.push(
{
plnr: ele,
...this.form,
zxspe: this.form.long +'*'+ this.form.wide +'*'+ this.form.high,
zxvolum: (this.form.long * this.form.wide*this.form.high)/1000,
ntgew: (this.form.brgew-0) - (this.form.zxntgew-0),
zcode: this.form.ZZXFS === 'PL' ? '' : this.blNum,
datum: parseTime(new Date(),'{y}{m}{d}'),
uzeit: parseTime(new Date(),'{h}{i}{s}'),
}
)
});
this.$u.api.sapApi
.sapCasePlnr(arr)
.then((res) => {
if (res.every((item) => item.TYPE === 'S')) {
this.$u.toast(res[0].MESSAGE);
setTimeout(()=>{
this.goBack()
},1000)
}
res.forEach((ele) => {
if (ele.TYPE === 'E') {
this.$u.toast(ele.MESSAGE);
}
});
});
},
// 删除
deleGonds(idx) {
this.goodsList.splice(idx, 1);
},
handleInputNlpla(e){
console.log(`output->e`,e)
},
handleInputPlnr(e) {
this.isFocus = false;
setTimeout(()=>{
this.isDisabled = true;
e && this.goodsList.push(e)
setTimeout(() => {
this.isFocus = true;
this.isDisabled = false;
this.wxparams = ''
uni.navigateTo({
url: `/pages/packing/packingList?order=${e}`
});
},500)
}, 1000);
},
// 点击actionSheet回调
actionSheetCallback(index) {
this.form.ZZXFS = this.actionSheetList[index].text;
if(this.form.ZZXFS === 'PL'){
this.blNum = ''
}
},
// 加载更多
onReachBottom() {
console.log('加载更多inventoryCounting');
},
getBtnHandle(row) {
console.log('getBtnHandle', row);
this[row.way]();
},
goBack() {
console.log('返回了');
uni.navigateBack();
},
changeTab(index) {
this.current = index;
}
}
};
</script>
<style lang="scss" scoped>
.selectSheet {
border-bottom: 1px solid #ccc;
}
/deep/ .u-sticky {
top: 0 !important;
background: #fff;
}
.contentMore {
margin: 20rpx;
}
page {
background: #f8f8f8;
}
.headerTitle{
padding: 20rpx;
font-weight: 600;
.items{
line-height: 40rpx;
}
}
.btn {
padding: 20rpx;
background: #fff;
.topSearch {
.boxSelect {
margin-bottom: 20rpx;
}
}
.cardBox {
min-height: calc(100vh - 400rpx);
padding: 0rpx 20rpx;
margin-top: 20rpx;
}
/deep/ .u-sticky {
top: 0 !important;
.total {
background: #fff;
}
.cardBoxTip{
color: #000;
font-size: 28rpx;
}
.cardBoxTip2{
color: #000;
font-size: 28rpx;
text-align: center;
padding: 0rpx 40rpx;
display: flex;
justify-content: space-between;
font-size: 32rpx;
.line {
margin: 0px 10rpx;
}
}
.cardBoxTip3{
color: #3f9dcc;
font-size: 28rpx;
text-align: center;
.meteringTab{
// height: 200rpx;
/deep/.u-sticky-wrap{
height: 170rpx!important;
}
}
.tipRight{
color: #ff9900;
.topSearch{
margin-bottom: 20rpx;
}
</style>
pages/packing/packingList.vue
View file @ 35c7d9a4
......@@ -5,15 +5,16 @@
<view class="selectSheet">
<u-tabs :list="list" :is-scroll="false" :current="current" @change="changeTab"></u-tabs>
</view>
<view class="headerTitle">
<!-- <view class="headerTitle">
<view class="items">箱号:{{ orderBoxNum }}</view>
</view>
</view> -->
<view class="" v-if="current === 0" >
<view class="btn">
<view class="boxSelect">
<u-picker v-model="show" mode="selector" :default-selector="[0]" range-key="text" :range="actionSheetList" @confirm="actionSheetCallback"></u-picker>
<u-input v-model="form.ZZXFS" placeholder="请选择装箱方式" type="select" :border="true" @click="show = true" />
</view>
<uni-easyinput prefixIcon="search" class="topSearch" v-model="blNum" focus placeholder="请扫描箱码" @change="handleInputNlpla" :disabled="form.ZZXFS === 'PL'"></uni-easyinput>
<uni-easyinput
prefixIcon="search"
:disabled="isDisabled"
......@@ -44,6 +45,7 @@ import ContentLoadingMore from '@/components/ContentLoadingMore/index.vue';
import BottomBtn from '@/components/BottomBtn/index.vue';
import relationships from './relationships.vue';
import metering from './metering.vue';
import { parseTime} from "@/utils/ruoyi";
export default {
components: {
......@@ -84,6 +86,7 @@ export default {
}
],
wxparams: '',
blNum: '',
isFocus: false,
isDisabled: false,
orderBoxNum: '',
......@@ -106,16 +109,21 @@ export default {
long: '', //长
wide: '', //宽
high: '', //高
updkz: 'I'
updkz: 'I',
datum: '', //扫描日期
uzeit: '', //扫描时间
uname: 'admin', //扫描人
zxtext: '',
ztext: '',
},
goodsList: [],
};
},
onLoad(option) {
if(option && option.order){
this.orderBoxNum = option.order
}
},
// onLoad(option) {
// if(option && option.order){
// this.orderBoxNum = option.order
// }
// },
methods: {
goSubmit(){
if(this.goodsList.length === 0){
......@@ -131,7 +139,9 @@ export default {
zxspe: this.form.long +'*'+ this.form.wide +'*'+ this.form.high,
zxvolum: (this.form.long * this.form.wide*this.form.high)/1000,
ntgew: (this.form.brgew-0) - (this.form.zxntgew-0),
zcode: this.form.ZZXFS === 'PL' ? '' : this.orderBoxNum
zcode: this.form.ZZXFS === 'PL' ? '' : this.blNum,
datum: parseTime(new Date(),'{y}{m}{d}'),
uzeit: parseTime(new Date(),'{h}{i}{s}'),
}
)
});
......@@ -155,6 +165,9 @@ export default {
deleGonds(idx) {
this.goodsList.splice(idx, 1);
},
handleInputNlpla(e){
console.log(`output->e`,e)
},
handleInputPlnr(e) {
this.isFocus = false;
this.isDisabled = true;
......@@ -168,6 +181,9 @@ export default {
// 点击actionSheet回调
actionSheetCallback(index) {
this.form.ZZXFS = this.actionSheetList[index].text;
if(this.form.ZZXFS === 'PL'){
this.blNum = ''
}
},
// 加载更多
onReachBottom() {
......@@ -230,7 +246,10 @@ page {
.meteringTab{
// height: 200rpx;
/deep/.u-sticky-wrap{
height: 240rpx!important;
height: 170rpx!important;
}
}
.topSearch{
margin-bottom: 20rpx;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment