@ -0,0 +1,135 @@ |
||||
.sh-content { |
||||
padding: 25rpx; |
||||
background-color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.u-form-item { |
||||
padding: 5rpx 0px; |
||||
} |
||||
.u-input__input { |
||||
background-color: #ffffff; |
||||
} |
||||
.sh-search { |
||||
display: flex; |
||||
padding: 10rpx 30rpx; |
||||
background-color: #F2F2F2; |
||||
|
||||
.sh-form { |
||||
width: 100%; |
||||
} |
||||
|
||||
.sh-sub-search { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 15rpx 0 15rpx 15rpx; |
||||
|
||||
.sh-search-button { |
||||
height: 100%; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.sh-card { |
||||
margin-top: 30rpx; |
||||
// padding: 20rpx 0rpx; |
||||
border: 0.5px solid #797979; |
||||
border-radius: 20rpx; |
||||
line-height: 60rpx; |
||||
|
||||
.sh-card-title { |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 0 20px; |
||||
background-color: #f2f2f2; |
||||
border-top-left-radius: 20rpx; |
||||
border-top-right-radius: 20rpx; |
||||
.receipt-number { |
||||
display: flex; |
||||
.receipt-number-title { |
||||
color: #333333; |
||||
font-size: 24rpx; |
||||
} |
||||
.receipt-number-value { |
||||
color: #333333; |
||||
font-size: 28rpx; |
||||
font-weight: 600; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
.borderBottom { |
||||
border-bottom-left-radius: 20rpx; |
||||
border-bottom-right-radius: 20rpx; |
||||
} |
||||
.sh-card-title-border { |
||||
border-bottom: 2px dashed #797979; |
||||
} |
||||
.sh-card-content { |
||||
position: relative; |
||||
margin: 16rpx 0; |
||||
padding: 0rpx 70rpx; |
||||
|
||||
.detail-icon { |
||||
position: absolute; |
||||
right: 10rpx; |
||||
top: 90rpx; |
||||
} |
||||
.goods-card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.goods-card-content-item { |
||||
display: flex; |
||||
align-items: center; |
||||
width: 60%; |
||||
.goods-title { |
||||
font-size: 28rpx; |
||||
color: #555555; |
||||
} |
||||
.goods-value { |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
margin-left: 20rpx; |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
.goods-no{ |
||||
font-weight: bold; |
||||
margin-right: 20rpx; |
||||
} |
||||
.pad-content { |
||||
padding-bottom: 16rpx; |
||||
} |
||||
|
||||
.card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.card-content-item { |
||||
width: 50%; |
||||
display: flex; |
||||
align-items: center; |
||||
.item-title { |
||||
font-size: 24rpx; |
||||
color: #555555; |
||||
} |
||||
.item-value { |
||||
font-size: 26rpx; |
||||
color: #666666; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
.sh-bold { |
||||
font-weight: bold; |
||||
word-break: break-all; |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
.loadmore-data{ |
||||
padding-top: 30rpx; |
||||
} |
||||
} |
||||
@ -0,0 +1,76 @@ |
||||
<template> |
||||
<view class="sh-content"> |
||||
<view class="" style="display: flex;justify-content:space-around;padding-top:250rpx;"> |
||||
<view style="text-align: center;"> |
||||
待拣订单 |
||||
<br> |
||||
<span>{{dataForm.waitPickOrderNumber}}</span> |
||||
</view> |
||||
<view style="text-align: center;">待拣品类 |
||||
<br> |
||||
<span>{{dataForm.waitPickTypeNumber}}</span></view> |
||||
<view style="text-align: center;">待拣数量 |
||||
<br> |
||||
<span>{{dataForm.waitPickGoodsNumber}}</span></view> |
||||
</view> |
||||
|
||||
<view style="position: absolute ;bottom:50rpx;left: 50%;transform: translateX(-50%);text-align: center;"> |
||||
<view class="confrim-btn" style="margin-bottom: 40rpx;"> |
||||
<u-button size="medium" type="primary" style="width:350rpx; margin-top: 40rpx" @click="operation">开始拣选</u-button> |
||||
</view> |
||||
<text> |
||||
开始拣选后，系统自动呼叫AGV按顺序把需要拣货的 商品送至待拣区域，请及时处理！ |
||||
</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
dataForm:{ |
||||
//待拣订单 |
||||
waitPickOrderNumber:'', |
||||
//待拣品类 |
||||
waitPickTypeNumber:'', |
||||
//待拣数量 |
||||
waitPickGoodsNumber:'', |
||||
} |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.getList() |
||||
}, |
||||
methods:{ |
||||
/**开始拣货操作*/ |
||||
operation(){ |
||||
this.$u.api.AvgOrderPkg.startPick().then(res=>{ |
||||
if(res.code == 200){ |
||||
this.$u.toast('开始拣货操作') |
||||
this.$u.route({ |
||||
url: 'pages/AvgOrderPkg/picking/index', |
||||
type: 'navigateTo', |
||||
}) |
||||
}else{ |
||||
this.$u.toast(res.msg) |
||||
} |
||||
}) |
||||
}, |
||||
getList(){ |
||||
this.$u.api.AvgOrderPkg.getAGVStatistics().then(res=>{ |
||||
if(res.code == 200){ |
||||
console.log(res); |
||||
this.dataForm = res.data |
||||
}else{ |
||||
this.$u.toast(res.msg) |
||||
} |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
||||
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 1.8 KiB |