#

zjj

4 天以前 b1a44d0c90bf1e5049e18c7faa564cebae3acda9

#

 pages.json

@@ -67,6 +67,12 @@
            }

        },

        {

            "path": "pages/outbound/fastPicking",

            "style": {

                "navigationBarTitleText": "快速拣货"

            }

        },

        {

            "path": "pages/mat/matSelected",

            "style": {

                "navigationBarTitleText": "物料"


 pages/home/index.vue

@@ -99,6 +99,23 @@
                </navigator>

            </view>

        </view>

		
        <view class="cu-bar bg-white solid-bottom margin-top">

            <view class="action">

                <text class="cuIcon-title text-orange "></text> 出库

            </view>		
        </view>

		
        <view class="cu-list grid col-4 no-border">

            <view class="cu-item">

                <navigator hover-class='none' url="/pages/outbound/fastPicking" navigateTo>

                    <view class="cuIcon-apps text-blue">

                    </view>

                    <text>快速拣货</text>

                </navigator>

            </view>

		
        </view>



        <view class="padding flex flex-direction">

            <view class="cu-btn bg-red margin-tb-sm lg round" @click="equit">退出登录</view>


 pages/outbound/fastPicking.vue

New file
@@ -0,0 +1,300 @@
<template>
    <view class="has-foot">
        <form>
            <view class="cu-form-group" v-show="!isconfirm">
                <view class="title">容器/库位码</view>
                <input placeholder="请扫描容器/库位码" v-model="barcode" @input="search()" focus></input>
                <text class='cuIcon-close text-gray margin-right-xs' v-show="barcode!==''" @click="clearCode"></text>
            </view>

        </form>
        <view class="cu-form-group" v-show="isClickItem">
            <view class="title">QR码</view>
            <input placeholder="请扫描QR码" v-model="QRbarcode" ></input>
			
        </view>
				

        <view class="cu-list det menu sm-border  padding">
            <block  v-for="(item, index) in list" :key="index">
                <view :style="clickItem === index ?itemStyle : {}" class="cu-list det menu  "  @click="clickTaskItem(index)">
					
				
                <view class="cu-bar bg-white solid-bottom margin-top-sm">
                    <view class="action">
                        <view class="index">
                            {{index+1}}
                        </view>
                    </view>
                </view>

                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">编码:<text class="text-black ">{{item.matnrCode}}</text></text>
                    </view>					
                </view>
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">订单:<text class="text-black ">{{item.trackCode}}</text></text>
                    </view>					
                </view>
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">出库单:<text class="text-black ">{{item.trackCode}}</text></text>
                    </view>					
                </view>
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">批次:<text class="text-black ">{{item.batch}}</text></text>
                    </view>					
                </view>
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">库存单位:<text class="text-black ">{{item.unit}}</text></text>
                    </view>	
                    <view class="content">
                        <text class="text-gray">质检结论:<text class="text-black ">{{item.matnrCode}}</text></text>
                    </view>
                </view>				
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">标签:<text class="text-black ">{{item.matnrCode}}</text></text>
                    </view>
						
                </view>
				
                <view class="cu-item">
                    <view class="content">
                        <text class="text-gray">存储数量:<text class="text-black ">{{item.matnrCode}}</text></text>
                    </view>
                    <view class="content">
                        <text class="text-gray">计划分拣数量:<text class="text-black ">{{item.anfme}}</text></text>
                    </view>						
                </view>
                <view class="cu-item">						
                    <view class="content2">
                        <text class="text-gray">本次分拣数量:</text>
                        <input type="number" v-model="item.workQty"></input>
                    </view>
						
                </view>	
                </view>
            </block>
        </view>


        <view class="text-blue text-right padding-lr" v-show="isconfirm">
            本次收货总数量:{{allCount}}
        </view>

        <view class="cu-form-group " v-show="isconfirm">
            <view class="title">收货区</view>
            <uni-data-select v-model="whAreaId" :localdata="range" placement="top"
                @change="selChange"></uni-data-select>
        </view>

        <view class="cu-bar btn-group foot" v-show="!isconfirm">
            <button class="cu-btn text-blue line-blue shadow" @click="clear">清空</button>
            <button class="cu-btn bg-blue shadow-blur" @click="next">下一步</button>
        </view>

        <view class="cu-bar btn-group foot" v-show="isconfirm">
            <button class="cu-btn text-blue line-blue shadow" @click="prev">上一步</button>
            <button class="cu-btn bg-blue shadow-blur" @click="confirm">提交收货</button>
        </view>

    </view>
</template>

<script>
    import {
        request
    } from '../../common/request.js'
    import {
        mapState,
        mapMutations,
        mapActions,
        mapGetters
    } from 'vuex';
    export default {
        data() {
            return {
                isClickItem:false,
                clickItem:'',
                QRbarcode:null,
                barcode: null,
                whAreaId: '',
                list: [],
                range: [],
                isconfirm: false,							
                itemStyle: {
                        backgroundColor: '#42b983',				        
                        borderColor: '#42b983'
                },
            }
        },
        computed: {
            ...mapState('user', ['dynamicFields']),
            allCount() {
                return this.list.reduce((acc, row) => +row.receiptQty + acc, 0)
            }
        },
        mounted() {
            this.search()
        },
        methods: {
            clickTaskItem(index){				
                if (index === this.clickItem){
					
                    return ;
                }
                this.isClickItem = true
                this.clickItem = index
            },
            typeChange(e){
                this.typeSelect = e.value
                this.search()
            },
            async search() {
                this.list = []
                if(this.barcode === '' || this.barcode ===null){
                    return ;
                }
                const {
                    code,
                    data,
                    msg
                } = await request('/outStockTaskItem/'+this.barcode,{}, 'get')
                if (code === 200) {					
                    if (Object.keys(data).length === 0){
                        uni.showToast({
                            title: "该标签未查询到数据",
                            icon: "none",
                            position: 'top'
                        })
                    }
                    this.list.push(...data)
					
                }else if(code == 401){
                    setTimeout(() => {
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                            url: "/pages/login/login"
                        });
                    }, 1000);
                }else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                        position: 'top'
                    })
                }


            },
            clearCode() {
                this.barcode = ''
            },
            remove(index) {
                this.list.splice(index, 1);
            },
            clear() {
                this.list = []
                this.barcode = ''
            },
            next() {
                if (this.list.length) {
                    this.isconfirm = true
                } else {
                    uni.showToast({
                        icon: "none",
                        title: '未选物料标签'
                    })
                }
            },
            prev() {
                this.isconfirm = false
            },
            selChange(val) {
                uni.setStorageSync('whAreaId', val)
            },
            async confirm() {
                const newArr = this.list.map(item => {
                    return {
                        ...item,
                        receiptQty: item.receiptQty === null ? 0 : +item.receiptQty
                    };
                });
                if (this.whAreaId === '') {
                    uni.showToast({
                        icon: "none",
                        title: '请选择收货区'
                    })
                } else {
                    const {
                        code,
                        data,
                        msg
                    } = await request('/orders/confirm', {
                        receipts: newArr,
                        whAreaId: this.whAreaId
                    })
                    if (code === 200) {
                        uni.showToast({
                            title: '收货成功'
                        })
                        this.list = []
                        this.barcode = ''
                        this.isconfirm = false
                    } else {
                        uni.showToast({
                            title: msg,
                            icon: "none",
                            position: 'top'
                        })
                    }

                }
            },
			
            DateChange(e, item) {
                item.prodTime = e.detail.value
            }
        }
    }
</script>

<style>
    .index {
        border: 1px solid #e54d42;
        color: #e54d42;
        border-radius: 50%;
        display: block;
        width: 50rpx;
        height: 50rpx;
        line-height: 48rpx;
        text-align: center;
        margin-right: 20rpx;
        font-size: 30rpx;
    }

    .text-blue {
        color: #0081ff !important;

    }

    .item {
        position: relative;
        display: flex;
        min-height: 80upx;
        align-items: center;
    }
    .content2 {		
        /* background-color: coral; */
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #0081ff;
    }
</style>

 pages/rece/other.vue

@@ -3,9 +3,9 @@
        <form>

            <view class="cu-form-group margin-top" v-show="!isconfirm">

                <view class="title">ASN单号</view>

                <input placeholder="请扫描ASN单号" v-model="asncode" focus></input>

                <input placeholder="请扫描ASN单号" v-model="asncode" @input="search" focus></input>

                <text class='cuIcon-close text-gray margin-right-xs' v-show="asncode!==''" @click="clearCode"></text>

                <text class='cuIcon-search text-blue' @click="search"></text>

                <!-- <text class='cuIcon-search text-blue' @click="search"></text> -->

            </view>

            <view class="cu-form-group" v-show="!isconfirm">

                <view class="title">物料标签</view>

@@ -90,7 +90,7 @@
                            <view class="cu-form-group padding-lr-0">

                                <view class="title text-blue"><text

                                        class="text-red text-xl vertical-middle">*</text>收货数量:</view>

                                <input type="number" placeholder="请输入数量" v-model="item.receiptQty"></input>

                                <uni-number-box style="width: 70%;" v-model="item.receiptQty" :step='1'></uni-number-box>

                            </view>

                        </view>

                        <view class="content" v-else>

@@ -159,8 +159,7 @@
        </view>



        <view class="cu-bar btn-group foot" v-show="isconfirm">

            <button class="cu-btn text-blue line-blue shadow" @click="prev">上一步</button>

            <button class="cu-btn bg-blue shadow-blur" @click="confirm(true)">收货并完成</button>

            <button class="cu-btn text-blue line-blue shadow" @click="prev">上一步</button>			
            <button class="cu-btn bg-blue shadow-blur" @click="confirm(false)">收货</button>

        </view>




 pages/rece/standard.vue

@@ -76,11 +76,13 @@
                <view class="cu-item">

                    <view class="content">

                        <text class="text-blue">计划收货数量:<text class="text-grey ">{{item.anfme}}</text></text>

                    </view>

                    </view>					
                </view>

                <view class="cu-item">					
                    <view class="content" v-if="!isconfirm">

                        <view class="cu-form-group padding-lr-0">

                            <view class="title text-blue">收货数量:</view>

                            <input type="number" placeholder="请输入收货数量" v-model="item.receiptQty"></input>

                            <uni-number-box style="width: 70%;" v-model="item.receiptQty" :step='1'></uni-number-box>

                        </view>

                    </view>

                    <view class="content" v-else>