You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<!-- <u-navbar title="分拣" placeholder border=true :autoBack="true" leftIconSize='35'></u-navbar> -->
|
|
|
|
|
<u-navbar title="分拣"
|
|
|
|
|
bgColor='#D3832A' leftIconColor='#ffffff'
|
|
|
|
|
titleStyle='color:#ffffff' placeholder
|
|
|
|
|
:autoBack="true" leftIconSize='35'></u-navbar>
|
|
|
|
|
<view class="hedtopt">
|
|
|
|
|
<view class="typto">
|
|
|
|
|
<view>托盘码：汇通龙泉001</view>
|
|
|
|
|
<view>托盘件数：19件</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="typto">
|
|
|
|
|
<view>名称：名称啊231</view>
|
|
|
|
|
<view>总件数：20件</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="typto">
|
|
|
|
|
<view>打托方式：码板打托</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="headtop">
|
|
|
|
|
<view>
|
|
|
|
|
<input placeholder="请输入订单号" />
|
|
|
|
|
</view>
|
|
|
|
|
<view>查询</view>
|
|
|
|
|
</view>
|
|
|
|
|
<scroll-view class="scvmabx" scroll-y="true">
|
|
|
|
|
<view class="maxboxs">
|
|
|
|
|
<view class="items" v-for="item in [1,2,3,4,5,6,7]">
|
|
|
|
|
<view class="type1">
|
|
|
|
|
<view>
|
|
|
|
|
<view>订单号：</view>
|
|
|
|
|
<view>LWP120321654650</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<view>总数：</view>
|
|
|
|
|
<view>20件</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="type1">
|
|
|
|
|
<view>
|
|
|
|
|
<view>已扫：</view>
|
|
|
|
|
<view>8件</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<view>未扫：</view>
|
|
|
|
|
<view>12件</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.scvmabx{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 63vh;
|
|
|
|
|
margin-top: 20upx;
|
|
|
|
|
.maxboxs{
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
>.items{
|
|
|
|
|
width: 690upx;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 20upx 30upx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
border-radius: 10upx;
|
|
|
|
|
margin-bottom: 30upx;
|
|
|
|
|
&:nth-last-child(1){
|
|
|
|
|
margin-bottom: 20upx;
|
|
|
|
|
}
|
|
|
|
|
.type1{
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-bottom: 20upx;
|
|
|
|
|
>view{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 28upx;
|
|
|
|
|
>view:nth-of-type(1){
|
|
|
|
|
color: #90A0AF;
|
|
|
|
|
}
|
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
|
color: #092C4D;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.headtop {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
// margin-top: 20upx;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
padding: 20upx 30upx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
>view:nth-of-type(1) {
|
|
|
|
|
width: 540upx;
|
|
|
|
|
border: 1upx solid #00000020;
|
|
|
|
|
padding: 10upx 20upx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
// flex: 1;
|
|
|
|
|
// margin-right: 50upx;
|
|
|
|
|
// border-radius: 10upx;
|
|
|
|
|
>input{
|
|
|
|
|
flex: 1;
|
|
|
|
|
font-size: 28upx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
>view:nth-of-type(2) {
|
|
|
|
|
width: 128upx;
|
|
|
|
|
height: 64upx;
|
|
|
|
|
background: #D3832A;
|
|
|
|
|
border-radius: 8upx;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 32upx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.hedtopt{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
padding: 36upx 32upx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
.typto{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 28upx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #092C4D;
|
|
|
|
|
margin-bottom: 20upx;
|
|
|
|
|
&:nth-last-child(1){
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
>view{
|
|
|
|
|
flex: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</style>
|
