|
|
|
<template>
|
|
|
|
<u-navbar title="签收订单扫描" placeholder border=true :autoBack="true" leftIconSize='35'></u-navbar>
|
|
|
|
<view class="hdstop">
|
|
|
|
<view class="khxb">
|
|
|
|
<view>客户:{{items.consignee}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="tps">
|
|
|
|
<view>
|
|
|
|
<view>订单总数</view>
|
|
|
|
<view>{{items.ordNub}}</view>
|
|
|
|
</view>
|
|
|
|
<view>
|
|
|
|
<view>齐套数</view>
|
|
|
|
<view>15</view>
|
|
|
|
</view>
|
|
|
|
<view>
|
|
|
|
<view>配送件数</view>
|
|
|
|
<view>{{items.reservationNum}}</view>
|
|
|
|
</view>
|
|
|
|
<view>
|
|
|
|
<view>签收件数</view>
|
|
|
|
<view>{{items.signNub}}</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="scinp">
|
|
|
|
<view>齐套状态</view>
|
|
|
|
<view>
|
|
|
|
<cusSelects @change='checktype' :data='typearr' :value="schanvalue" placeholder='全部' :arrLeft='5' size='145' :clearable='true'></cusSelects>
|
|
|
|
</view>
|
|
|
|
<view class="inputs">
|
|
|
|
<input placeholder="请输入查询的订单号"/>
|
|
|
|
</view>
|
|
|
|
<view class="btscan">查询</view>
|
|
|
|
</view>
|
|
|
|
<view class="tabtip">
|
|
|
|
<view @click="setorderStatus(1)">
|
|
|
|
<view :class="orderStatus==1?'xz':''">定制品</view>
|
|
|
|
</view>
|
|
|
|
<view @click="setorderStatus(2)">
|
|
|
|
<view :class="orderStatus==2?'xz':''">库存品</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<scroll-view class="scve" scroll-y="true">
|
|
|
|
<view class="mabx">
|
|
|
|
<view class="itec" v-if="orderStatus==1" v-for="item in datalist">
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">订单编号:</text>{{item.orderCode}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">总数:</text>{{item.reservationNum}}</view>
|
|
|
|
<view><text style="color: #90A0AF;">计划:</text>{{item.reservationNum}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">装车:</text>{{item.loadingNub}}</view>
|
|
|
|
<view><text style="color: #90A0AF;">签收:</text>{{item.signforNub}}</view>
|
|
|
|
</view>
|
|
|
|
<view :class="item.signforNub==0?'tip tp2':item.signforNub==item.reservationNum?'tip tp1':'tip tp3'">{{item.signforNub==0?'未扫':item.signforNub==item.reservationNum?'齐套':'部分扫'}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="itec" v-if="orderStatus==2" v-for="item in datalist">
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">SKU:</text>{{item.sku}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">物品:</text>{{item.descriptionGoods}}</view>
|
|
|
|
<view><text style="color: #90A0AF;">规格:</text>{{item.specification}}</view>
|
|
|
|
</view>
|
|
|
|
<view class="contenbx1">
|
|
|
|
<view><text style="color: #90A0AF;">单位:</text>{{item.logpmUnit}}</view>
|
|
|
|
<!-- <view><text style="color: #90A0AF;">签收:</text>{{item.signforNub}}</view> -->
|
|
|
|
</view>
|
|
|
|
<!-- <view :class="item.signforNub==0?'tip tp2':item.signforNub==item.reservationNum?'tip tp1':'tip tp3'">{{item.signforNub==0?'未扫':item.signforNub==item.reservationNum?'齐套':'部分扫'}}</view> -->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import {
|
|
|
|
signfororder,
|
|
|
|
signforinventory
|
|
|
|
} from '@/api/user.js'
|
|
|
|
import {
|
|
|
|
onLoad,
|
|
|
|
onShow,
|
|
|
|
onHide,
|
|
|
|
onUnload
|
|
|
|
} from '@dcloudio/uni-app'
|
|
|
|
import cusSelects from '@/compoment/cus-selects-fan/cus-selects-fan.vue'
|
|
|
|
import { reactive, toRefs } from "vue";
|
|
|
|
let details=reactive({
|
|
|
|
schanvalue:'',
|
|
|
|
typearr:[
|
|
|
|
{
|
|
|
|
value:1,
|
|
|
|
label:'齐套'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value:2,
|
|
|
|
label:'部分扫'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value:3,
|
|
|
|
label:'未扫'
|
|
|
|
}
|
|
|
|
],
|
|
|
|
items:{} as any,
|
|
|
|
datalist:[] as any,
|
|
|
|
id:'',
|
|
|
|
orderStatus:1
|
|
|
|
})
|
|
|
|
onLoad((op)=>{
|
|
|
|
details.items=JSON.parse(op.item)
|
|
|
|
details.id=JSON.parse(op.item).id
|
|
|
|
initpage()
|
|
|
|
})
|
|
|
|
function setorderStatus(state:number){
|
|
|
|
details.orderStatus=state
|
|
|
|
initpage()
|
|
|
|
}
|
|
|
|
async function initpage(){
|
|
|
|
let data={
|
|
|
|
reservationId:details.id
|
|
|
|
}
|
|
|
|
let response=null;
|
|
|
|
if(details.orderStatus==1){
|
|
|
|
response=await signfororder(data)
|
|
|
|
}else if(details.orderStatus==2){
|
|
|
|
response=await signforinventory(data)
|
|
|
|
}
|
|
|
|
details.datalist=response.data.records
|
|
|
|
}
|
|
|
|
function checktype(e){
|
|
|
|
|
|
|
|
}
|
|
|
|
const { orderStatus,datalist,items,typearr,schanvalue }=toRefs(details)
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
.tabtip{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
>view{
|
|
|
|
width: 50%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
background-color: #ffffff;
|
|
|
|
font-size: 32upx;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #90A0AF;
|
|
|
|
>view{
|
|
|
|
height: 80upx;
|
|
|
|
border-bottom: 8upx solid #ffffff;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.xz{
|
|
|
|
color: #D3832A;
|
|
|
|
border-bottom: 8upx solid #D3832A;
|
|
|
|
// border-radius: 5upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.scve {
|
|
|
|
width: 100%;
|
|
|
|
height: 62.2vh;
|
|
|
|
margin-top: 20upx;
|
|
|
|
|
|
|
|
.mabx {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
>.itec {
|
|
|
|
width: 686upx;
|
|
|
|
// height: 176upx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
border-radius: 8upx;
|
|
|
|
padding: 36upx 24upx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
|
|
margin-bottom: 20upx;
|
|
|
|
|
|
|
|
&:nth-last-child(1) {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
>.contenbx1 {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #092C4D;
|
|
|
|
margin-bottom: 20upx;
|
|
|
|
|
|
|
|
&:nth-last-child(1) {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
>view {
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.tip {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 96rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
border-radius: 0 8upx 0 8upx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
font-size: 24rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tp1 {
|
|
|
|
background-color: #0086F120;
|
|
|
|
color: #0086F1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tp2 {
|
|
|
|
background-color: #F8544B20;
|
|
|
|
color: #F8544B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tp3 {
|
|
|
|
background-color: #FA8C1620;
|
|
|
|
color: #FA8C16;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.hdstop{
|
|
|
|
width: 100%;
|
|
|
|
padding: 34upx 32upx;
|
|
|
|
background-color: #fff;
|
|
|
|
box-sizing: border-box;
|
|
|
|
font-size: 28upx;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #092C4D;
|
|
|
|
>.khxb{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: 40upx;
|
|
|
|
}
|
|
|
|
>.tps{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-around;
|
|
|
|
>view{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: column;
|
|
|
|
&:nth-of-type(1){
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
color: #092C4D;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:nth-of-type(2){
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
color: #0086F1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:nth-of-type(3){
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
color: #3AD8BC;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:nth-of-type(4){
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
color: #FA8C16;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>view:nth-of-type(2){
|
|
|
|
font-size: 36upx;
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
|
|
margin-top: 20upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.scinp{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
padding: 12upx 32upx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border-top: 3upx solid #EEEEEE;
|
|
|
|
>view:nth-of-type(1){
|
|
|
|
font-size: 28upx;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #092C4D;
|
|
|
|
}
|
|
|
|
.inputs {
|
|
|
|
width: 276upx;
|
|
|
|
height: 64upx;
|
|
|
|
background: #F5F5F6;
|
|
|
|
border-radius: 8upx;
|
|
|
|
opacity: 1;
|
|
|
|
border: 2upx solid #EEEEEE;
|
|
|
|
padding: 10upx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
font-size: 24upx;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #AFB4BA;
|
|
|
|
>input{
|
|
|
|
flex: 1;
|
|
|
|
font-size: 24upx;
|
|
|
|
color: #092C4D;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.btscan{
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|