Skip to content

M
mes-pda-scan
Commit 0d7d5f7e authored by 张海景's avatar 张海景
Browse files
Options

add:新增完工入库扫描页面

parent 911204e1
Hide whitespace changes
Inline Side-by-side
Showing with 241 additions and 0 deletions
pages.json
View file @ 0d7d5f7e
......@@ -31,6 +31,13 @@
"navigationBarTitleText": "仓位转移",
"enablePullDownRefresh": false
}
},
{
"path": "pages/confirComplete/confirComplete",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
......
pages/confirComplete/confirComplete.vue 0 → 100644
View file @ 0d7d5f7e
<template>
<view>
<NavBar title="完工入库扫描"></NavBar>
<view class="btn">
<uni-easyinput prefixIcon="search" class="topSearch" v-model="value" focus placeholder="请扫描库位" @input="handleInput"></uni-easyinput>
<uni-easyinput prefixIcon="search" v-model="wxparams" focus placeholder="请扫描产品包装条码/外箱码" @input="handleInput"></uni-easyinput>
</view>
<view class="total">
<view class="left">入库明细</view>
<view class="right">
批次数：
<text class="blue">{{ number }}</text>
<text class="line">|</text>
总数量：
<text class="blue">{{ total }}</text>
</view>
</view>
<view class="cardbox">
<view class="cardContent">
<view class="listItemTitle">
<view>
<view class="item">入库批次：L99999999</view>
<view class="item">产品编号：L99999999</view>
<view class="item">产品描述：L99999999</view>
<view class="item">入库数量：L99999999</view>
<view class="item">入库库位：L99999999</view>
</view>
<u-button size="mini" type="primary" plain>
<u-icon name="trash" size="28"></u-icon>
删除
</u-button>
</view>
<view class="listBottom">
<view class="bottomTitle" @tap="show = !show">
<view class="desc">卷条码明细</view>
<view class="topIcons">
<text v-if="show">
<u-icon name="arrow-down" color="#aaa" size="32"></u-icon>
展开
</text>
<text v-else>
<u-icon name="arrow-up" color="#aaa" size="32"></u-icon>
收起
</text>
</view>
</view>
<view v-if="!show" class="bottomBox">
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">数量：80PCS</view>
<view class="items">生产日期：2023-10-27</view>
</view>
</view>
</view>
</view>
</view>
<view class="bottomBtn">
<u-button @tap="handleBack" type="warning">返回</u-button>
<u-button type="primary">提交</u-button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
number: 2,
total: 200,
show: true,
value: '',
wxparams: ''
};
},
methods: {
handleBack() {
uni.navigateBack();
},
handleInput(e) {
console.log(e, 'eee');
},
handleScanCode() {
uni.scanCode({
success: function (res) {
console.log('条码类型：' + res.scanType);
console.log('条码内容：' + res.result);
}
});
}
}
};
</script>
<style lang="scss" scoped>
page {
background: #f8f8f8;
}
.btn {
padding: 20rpx;
background: #fff;
.topSearch {
margin-bottom: 20rpx;
}
}
.bottomBtn {
position: sticky;
padding: 20rpx;
display: flex;
justify-content: space-between;
background: #fff;
bottom: 0rpx;
margin-top: 20rpx;
.u-btn {
width: 300rpx;
}
}
.blue {
color: #3f9dcc;
}
.total {
color: #000;
padding: 0rpx 40rpx;
display: flex;
justify-content: space-between;
font-size: 32rpx;
.line {
margin: 0px 10rpx;
}
}
.cardbox {
min-height: calc(100vh - 480rpx);
padding: 0rpx 20rpx;
margin-top: 20rpx;
}
.cardContent {
border-radius: 8px;
background: #fff;
}
.listItemTitle {
display: flex;
justify-content: space-between;
padding: 20rpx;
border-bottom: 2px solid #f8f8f8;
.u-btn {
width: 150rpx;
margin: 0px;
margin-top: 10rpx;
}
.item {
height: 50rpx;
line-height: 50rpx;
color: #000;
font-size: 28rpx;
font-weight: 500;
}
}
.listBottom {
.bottomTitle {
height: 80rpx;
position: relative;
.desc {
color: #bbb;
font-size: 24rpx;
line-height: 80rpx;
padding-left: 20rpx;
}
.topIcons {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #aaa;
}
}
.bottomBox {
padding: 20rpx;
.bottomItem {
background: #f8f8f8;
padding: 20rpx;
margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
}
}
</style>
pages/index/index.vue
View file @ 0d7d5f7e
......@@ -42,6 +42,11 @@ export default {
text: '仓位转移',
url: '/pages/positionTansfer/positionTansfer'
},
{
src: require('@/static/images/kglrk.png'),
text: '完工入库',
url: '/pages/confirComplete/confirComplete'
},
]
}
]
......
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