Skip to content

梁建民 / wmsApp

Go to a project
Commit fc24c175 by LJM
Options

拣货

parent 33cc69dc
Expand all
Inline Side-by-side
Showing with 470 additions and 8 deletions
assets/css/picking/me.scss
...@@ -46,9 +46,8 @@ ...@@ -46,9 +46,8 @@
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 0 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
width: 345rpx; width: 345rpx;
height: 313rpx;
background: #ffffff; background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3); box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx; border-radius: 10rpx;
...@@ -91,7 +90,7 @@ ...@@ -91,7 +90,7 @@
border: 1px solid #ff3700; border: 1px solid #ff3700;
font-size: 15rpx; font-size: 15rpx;
color: #ff3700; color: #ff3700;
margin-right: 10rpxs; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
......
assets/css/picking/record.scss 0 → 100644
.picking-record {
padding: 15rpx 22rpx;
.list {
padding-bottom: 100rpx;
.box {
position: relative;
padding: 15px 17rpx 18rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.check-box-icon {
position: absolute;
right: 18rpx;
top: 17rpx;
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
}
&.curr {
border: 1px solid #1969f9;
.check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
border-right: 1px solid #f0f0f2;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
.btn2 {
width: calc(100% - 128rpx);
height: 75rpx;
background: #ffffff;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
}
}
assets/css/picking/sort.scss 0 → 100644
.picking-sort {
.tab {
height: 54rpx;
background: #ffffff;
.box {
flex: 0 0 50%;
height: 100%;
position: relative;
font-size: 18rpx;
color: #292b33;
font-weight: bold;
&.curr {
color: #1969f9;
&::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 85rpx;
height: 5rpx;
margin: 0 auto;
text-align: center;
background: #1969f9;
border-radius: 3rpx;
content: '';
}
}
}
}
.picking-sort-wrap {
padding: 15rpx 22rpx;
}
.search-type {
margin-bottom: 15rpx;
.search-bar {
width: 345rpx;
height: 60rpx;
padding-right: 17rpx;
background: #ffffff;
border-radius: 10rpx;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
.title {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 10rpx;
}
}
.list {
.box {
position: relative;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
.list-style {
flex-wrap: wrap;
.box {
position: relative;
width: 345rpx;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-tally-receive-detail {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.field-item {
flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 114rpx;
font-size: 16rpx;
color: #919399;
}
.text {
font-size: 16rpx;
color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.form-input {
margin-bottom: 18rpx;
.input-title {
margin-bottom: 10rpx;
.input-title-t1 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
}
.input-box {
.uni-input {
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
text-indent: 15rpx;
font-size: 16rpx;
}
}
}
.item-tit {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 18rpx;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn1 {
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
font-weight: bold;
}
}
}
pages.json
...@@ -137,6 +137,23 @@ ...@@ -137,6 +137,23 @@
"navigationBarTitleText": "我的拣货" "navigationBarTitleText": "我的拣货"
} }
}, { }, {
"path": "pages/picking/sort",
"style": {
"navigationBarTitleText": "拣货",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "拣货记录",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/picking/record", "path": "pages/picking/record",
"style": { "style": {
"navigationBarTitleText": "拣货记录" "navigationBarTitleText": "拣货记录"
......
pages/picking/index.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</view> </view>
</view> </view>
<view class="list row bothSide"> <view class="list row bothSide">
<view class="box" v-for="(item, index) in 10" :key="index"> <navigator class="box" v-for="(item, index) in 10" :key="index" url="/pages/picking/sort" hover-class="none">
<view class="text-item row verCenter"> <view class="text-item row verCenter">
<text class="label">出库单号：</text> <text class="label">出库单号：</text>
<text class="t1">ASN2201010001</text> <text class="t1">ASN2201010001</text>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<text class="tt">朱国军</text> <text class="tt">朱国军</text>
</view> </view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">领取</view></view> <view class="btn-box row"><view class="btn row rowCenter verCenter">领取</view></view>
</view> </navigator>
</view> </view>
</view> </view>
</template> </template>
......
pages/picking/me.vue
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<text class="label">销售员：</text> <text class="label">销售员：</text>
<text class="tt">朱国军</text> <text class="tt">朱国军</text>
</view> </view>
<view class="btn-box row"> <view class="btn-box row verCenter">
<view class="btn1 row rowCenter verCenter">释放</view> <view class="btn1 row rowCenter verCenter">释放</view>
<view class="btn2 row rowCenter verCenter">详情</view> <view class="btn2 row rowCenter verCenter">详情</view>
</view> </view>
......
pages/picking/record.vue
<template> <template>
<view class="index">拣货记录</view> <view class="picking-record">
<view class="list">
<view class="box row curr" v-for="(item, index) in 15">
<view class="check-box-icon"></view>
<view class="input-box row verCenter curr">
<text class="label">入库批次号：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">容 器：</text>
<text class="tt">RQ0001</text>
</view>
<view class="bor"></view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">22+</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter">
<text class="label">拣货数量：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">拣货库位：</text>
<text class="text">KW001</text>
</view>
<view class="input-box row verCenter">
<text class="label">拣 货 员：</text>
<text class="text">欧阳雪雁</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军：</text>
</view>
<view class="input-box row verCenter">
<text class="label">拣货时间：</text>
<text class="text">2023-04-01 11:28:59</text>
</view>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn1 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn2 row rowCenter verCenter">取消拣货</view>
</view>
</view>
</template> </template>
<script> <script>
...@@ -14,5 +88,5 @@ export default { ...@@ -14,5 +88,5 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/assets/css/index/index.scss'; @import '@/assets/css/picking/record.scss';
</style> </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 sign in to comment