单号调整

chen.lin

10 小时以前 3e4321e342c1b009dbeea6b186d148148529756a

单号调整

 checkOrder.vue

@@ -148,7 +148,7 @@
                if (code === 200) {                    
                    if (Object.keys(data).length === 0){
                        uni.showToast({
                            title: "未查询到波次数据",
                            title: "未查询到数据",
                            icon: "none",
                            position: 'top'
                        })

 locale/zh-Hans.json

@@ -41,7 +41,7 @@
        "modifyBind": "任务明细换绑"
    },
    "other":{
        "asnNo":"ASN单号"
        "asnNo":"WMS单号"
        
    }
    

 pages/inspect/report.vue

@@ -1,179 +1,179 @@
<template>

    <view class="has-foot">

        <form>

            <view class="cu-form-group ">

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

                <input placeholder="选择ASN单号" v-model="asnCode"></input>

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

            </view>

        </form>



        <view class="flex solid-bottom padding-sm justify-between">

            <view class="text-blue">SKU数量:{{list.length}}</view>

        </view>



        <view class="cu-list det menu sm-border  padding">

            <block v-for="(item, index) in list" :key="index">

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

                    <view class="action">

                        <view class="index">

                            {{index+1}}

                        </view>

                        <view class="text-blue">

                            {{`${item.maktx}`}}

                        </view>

                    </view>

                    <!--     <view class="action" v-if="!isconfirm">

                        <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>

                    </view> -->

                </view>



                <view class="cu-item ">

                    <view class="content">

                        <text class="text-black">采购单位: <text class="text-grey ">{{item.purUnit}}</text></text>

                    </view>

                    <view class="content">

                        <text class="text-black">采购数量: <text class="text-grey ">{{item.purQty}}</text></text>

                    </view>

                </view>



                <view class="cu-item ">

                    <view class="content">

                        <text class="text-black">供应商: <text class="text-grey ">{{item.suplierName}}</text></text>

                    </view>

                    <view class="content">

                        <text class="text-black">供应商编码: <text class="text-grey ">{{item.suplierCode}}</text></text>

                    </view>

                </view>



            </block>

        </view>



        <block v-if="list.length">

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

                <view class="action">

                    <text class="cuIcon-title text-orange "></text> 报检记录

                </view>

            </view>





            <view class="cu-timeline margin-bottom">

                <view class="cu-item padding-tb-sm" v-for="el in histories" :key="el.name">

                    <view class="content flex justify-between padding-tb-sm">

                        <text>{{el.name}}</text> <text>{{el.date}}</text>

                    </view>

                </view>

            </view>

        </block>



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

            <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 {

                asnCode: '',

                asnId: '',

                container: '',

                list: [],

                histories: [],

            }

        },

        computed: {

            ...mapState('user', ['dynamicFields']),

            allCount() {

                return this.list.reduce((acc, row) => +row.qty + acc, 0) || 0

            }

        },

        mounted() {



        },

        methods: {

            async search() {

                const {

                    code,

                    data,

                    msg

                } = await request('/asnOrder/inspect/' + this.asnCode, {}, "get")

                if (code === 200) {

                    this.list = data.items;

                    this.asnId = data.id;

                    // this.histories = data.histories;



                } else {

                    uni.showToast({

                        title: msg,

                        icon: "none",

                        position: 'top'

                    })

                }



            },

            async confirm() {

                const {

                    code,

                    data,

                    msg

                } = await request('/inspect/confirm/' + this.asnId, {}, "get")

                if (code === 200) {

                    uni.showToast({

                        title: '报检成功'

                    })

                    this.list = []

                    this.asnCode = ''

                    this.asnId = ''

                } else {

                    uni.showToast({

                        title: msg,

                        icon: "none",

                        position: 'top'

                    })

                }





            },



        }

    }

</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;

    }

<template>
    <view class="has-foot">
        <form>
            <view class="cu-form-group ">
                <view class="title">WMS单号</view>
                <input placeholder="选择WMS单号" v-model="asnCode"></input>
                <text class='cuIcon-search text-blue' @click="search"></text>
            </view>
        </form>

        <view class="flex solid-bottom padding-sm justify-between">
            <view class="text-blue">SKU数量:{{list.length}}</view>
        </view>

        <view class="cu-list det menu sm-border  padding">
            <block v-for="(item, index) in list" :key="index">
                <view class="cu-bar bg-white solid-bottom margin-top-sm">
                    <view class="action">
                        <view class="index">
                            {{index+1}}
                        </view>
                        <view class="text-blue">
                            {{`${item.maktx}`}}
                        </view>
                    </view>
                    <!--     <view class="action" v-if="!isconfirm">
                        <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>
                    </view> -->
                </view>

                <view class="cu-item ">
                    <view class="content">
                        <text class="text-black">采购单位: <text class="text-grey ">{{item.purUnit}}</text></text>
                    </view>
                    <view class="content">
                        <text class="text-black">采购数量: <text class="text-grey ">{{item.purQty}}</text></text>
                    </view>
                </view>

                <view class="cu-item ">
                    <view class="content">
                        <text class="text-black">供应商: <text class="text-grey ">{{item.suplierName}}</text></text>
                    </view>
                    <view class="content">
                        <text class="text-black">供应商编码: <text class="text-grey ">{{item.suplierCode}}</text></text>
                    </view>
                </view>

            </block>
        </view>

        <block v-if="list.length">
            <view class="cu-bar bg-white solid-bottom ">
                <view class="action">
                    <text class="cuIcon-title text-orange "></text> 报检记录
                </view>
            </view>


            <view class="cu-timeline margin-bottom">
                <view class="cu-item padding-tb-sm" v-for="el in histories" :key="el.name">
                    <view class="content flex justify-between padding-tb-sm">
                        <text>{{el.name}}</text> <text>{{el.date}}</text>
                    </view>
                </view>
            </view>
        </block>

        <view class="cu-bar btn-group foot">
            <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 {
                asnCode: '',
                asnId: '',
                container: '',
                list: [],
                histories: [],
            }
        },
        computed: {
            ...mapState('user', ['dynamicFields']),
            allCount() {
                return this.list.reduce((acc, row) => +row.qty + acc, 0) || 0
            }
        },
        mounted() {

        },
        methods: {
            async search() {
                const {
                    code,
                    data,
                    msg
                } = await request('/asnOrder/inspect/' + this.asnCode, {}, "get")
                if (code === 200) {
                    this.list = data.items;
                    this.asnId = data.id;
                    // this.histories = data.histories;

                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                        position: 'top'
                    })
                }

            },
            async confirm() {
                const {
                    code,
                    data,
                    msg
                } = await request('/inspect/confirm/' + this.asnId, {}, "get")
                if (code === 200) {
                    uni.showToast({
                        title: '报检成功'
                    })
                    this.list = []
                    this.asnCode = ''
                    this.asnId = ''
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                        position: 'top'
                    })
                }


            },

        }
    }
</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;
    }
</style>

 pages/listing/matnrPalletising.vue

@@ -20,8 +20,8 @@
<!--                    &lt;!&ndash; <text class='cuIcon-search text-blue' @click="search"></text> &ndash;&gt;-->
<!--                </view>-->
                <view class="cu-form-group">
                    <view class="title">ASN单号</view>
                    <input placeholder="请输入ASN单号" v-model="asnCode" @input="onAsnCodeInput" @confirm="onAsnCodeConfirm"></input>
                    <view class="title">WMS单号</view>
                    <input placeholder="请输入WMS单号" v-model="asnCode" @input="onAsnCodeInput" @confirm="onAsnCodeConfirm"></input>
                </view>
            </form>
            <view class="flex solid-bottom padding-sm justify-between">
@@ -174,7 +174,7 @@
                }
            },
            onAsnCodeInput(e) {
                // 扫描ASN单号时自动触发查询
                // 扫描WMS单号时自动触发查询
                if (e.detail && e.detail.value && e.detail.value.trim() !== '') {
                    this.asnCode = e.detail.value;
                    // 延迟一下再查询，避免频繁请求
@@ -182,13 +182,13 @@
                        clearTimeout(this.asnCodeTimer);
                    }
                    this.asnCodeTimer = setTimeout(() => {
                        // 扫描ASN单号时，自动加载该订单的物料信息
                        // 扫描WMS单号时，自动加载该订单的物料信息
                        this.getDet();
                    }, 500);
                }
            },
            onAsnCodeConfirm() {
                // 确认输入ASN单号时，立即触发查询
                // 确认输入WMS单号时，立即触发查询
                if (this.asnCode && this.asnCode.trim() !== '') {
                    this.getDet();
                }
@@ -215,7 +215,7 @@
                if ((!that.matnrCode || that.matnrCode.trim() === '') && 
                    (!that.asnCode || that.asnCode.trim() === '')) {
                    uni.showToast({
                        title: "请输入物料编码或ASN单号",
                        title: "请输入物料编码或WMS单号",
                        icon: "none",
                        position: 'top'
                    })
@@ -352,12 +352,12 @@
                            // 都有跟踪码，跟踪码相同则认为是同一物料
                            return existingItem.trackCode === item.trackCode;
                        }
                        // 物料编码相同，检查ASN单号（如果有ASN单号，ASN单号不同则允许添加）
                        // 物料编码相同，检查WMS单号（如果有单号，单号不同则允许添加）
                        if (existingItem.asnCode && item.asnCode) {
                            // 都有ASN单号，ASN单号相同则认为是同一物料
                            // 都有WMS单号，单号相同则认为是同一物料
                            return existingItem.asnCode === item.asnCode;
                        }
                        // 物料编码相同，但都没有跟踪码和ASN单号（都是从物料信息表获取的），认为是同一物料
                        // 物料编码相同，但都没有跟踪码和WMS单号（都是从物料信息表获取的），认为是同一物料
                        if (existingItem.matnrCode === item.matnrCode &&
                            !existingItem.trackCode && !item.trackCode && 
                            !existingItem.asnCode && !item.asnCode) {

 pages/rece/other.vue

@@ -1,385 +1,385 @@
<template>

    <view class="has-foot">

        <form>

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

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

                <input placeholder="请扫描ASN单号" v-model="asncode" 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> -->

            </view>

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

                <view class="title">物料编码</view>

                <input placeholder="请扫描物料编码" v-model="barcode"></input>

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

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

            </view>

        </form>

        <view class="padding-lr margin-top-sm">

            <block v-for="(item, index) in list" :key="index">

                <view class="cu-list det menu sm-border margin-bottom-sm " :class="[item.barcode===barcode&&'act']"

                    :ref="item.barcode+'ref'">

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

                        <view class="action">

                            <view class="index">

                                {{index+1}}

                            </view>

                            <view class="text-blue">

                                编码:

                                {{`${item.matnr}`}}

                            </view>

                        </view>

                        <view class="action" v-if="!isconfirm">

                            <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>

                        </view>

                    </view>



                    <view class="cu-item">

                        <view class="content">

                            <text class="text-black">ASN:</text>

                            <text class="text-grey ">{{item.asnCode}}</text>

                        </view>

                        <view class="action">



                        </view>

                    </view>

                    <view class="cu-item">

                        <view class="content">

                            <text class="text-black">物料名称:</text>

                            <text class="text-grey ">{{item.maktx}}</text>

                        </view>

                    </view>



                    <!--     <view class="cu-item">

                        <view class="content">

                            <text class="text-black">供应商批次:</text>

                        </view>

                        <view class="action">

                            <text class="text-grey ">{{item.splrBatch}}</text>

                        </view>

                    </view> -->



                    <!-- <view class="cu-item">

                        <view class="content">

                            <text class="text-black">最大库存: <text class="text-grey ">{{item.maxQty}}</text></text>

                        </view>

                        <view class="content">

                            <text class="text-black">实时库存: <text class="text-grey ">{{item.stockQty}}</text></text>

                        </view>

                    </view> -->

                    <view class="cu-item">

                        <view class="content">

                            <text class="text-black">行号: <text class="text-grey ">{{item.platItemId}}</text></text>

                        </view>

                        <view class="content">

                            <text class="text-black">质检结果: <text class="text-grey ">{{item.inspect}}</text></text>

                        </view>

                    </view>

                    <view class="cu-item">

                        <view class="content">

                            <text class="text-black">采购单位:<text class="text-grey ">{{item.purUnit}}</text></text>

                        </view>

            <!--             <view class="content">

                            <text class="text-black">库存单位: <text class="text-grey ">{{item.stockUnit}}</text></text>

                        </view> -->

                    </view>

                    <view class="cu-item">

                        <view class="content">

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

                        </view>



                        <view class="content">

                            <text class="black">已收货数量:<text class="text-grey ">{{item.qty}}</text></text>

                        </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"><text

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

                                <uni-number-box style="width: 70%;" :max="max" v-model="item.receiptQty"

                                    :step='1'></uni-number-box>

                            </view>

                        </view>

                        <view class="content" v-else>

                            <text class="text-black">收货数量:<text class="text-grey ">{{item.receiptQty}}</text></text>

                        </view>

                    </view>

                    <view class="cu-item">



                        <view class="content">

                            <text class="text-black">批次:<text class="text-grey ">{{item.splrBatch}}</text></text>

                        </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>

                                <picker mode="date" v-model="item.prodTime" @change="DateChange($event,item)"

                                    placeholder="请输入生产日期">

                                    <view class="picker text-left">

                                        {{item.prodTime|| '请选择日期'}}

                                    </view>

                                </picker>

                            </view>

                        </view>

                        <view class="content" v-else>

                            <text class="text-black">生产日期:<text class="text-grey ">{{item.prodTime}}</text></text>

                        </view>

                    </view>

                    <!-- <view class="cu-item grid  col-1" v-if="!isconfirm">

                        <view v-for="el in dynamicFields" :key="el.id">

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

                                <view class="title text-blue">{{el.fieldsAlise}}:</view>

                                <input :placeholder='`请输入${el.fieldsAlise}`' v-model="item[el.fields]"></input>

                            </view>

                        </view>

                    </view> -->

                    <view class="cu-item grid  col-2" v-if="item.extendFields">

                        <view class="item" v-for="el in dynamicFields" :key="el.id">

                            <text class="text-black">{{el.fieldsAlise}}:

                                <text class="text-grey ">{{item.extendFields[el.fields]}}</text></text>

                        </view>

                    </view>

                </view>

            </block>

        </view>



        <view class="text-blue text-right padding-lr " v-show="isconfirm">

            本次收货总数量:{{allCount}}

        </view>



        <view class="cu-form-group margin-bottom">

            <view class="title">收货区</view>

            <view style="width: 80%;">

                <uni-data-select style="min-width: 90%; max-width: 90%;" v-model="whAreaId" :localdata="range"

                    placement="top" @change="selChange"></uni-data-select>

            </view>

        </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" :disabled="repeatClick" @click="confirm(false)">收货</button>

        </view>



    </view>

</template>



<script>

    import {

        request

    } from '../../common/request.js'

    import {

        mapState,

        mapMutations,

        mapActions,

        mapGetters

    } from 'vuex';

    export default {

        data() {

            return {

                asncode: '',

                barcode: '',

                whAreaId: '',

                list: [],

                range: [],

                repeatClick: false,

                isconfirm: false,

                max: 99999999,

            }

        },

        computed: {

            ...mapState('user', ['dynamicFields']),

            ...mapState('user', {

                dynFields: state => state.dynamicFields

            }),

            allCount() {

                return this.list.reduce((acc, row) => +row.receiptQty + acc, 0)

            }



        },

        mounted() {

            this.getRece()

            this.whAreaId = uni.getStorageSync('whAreaId')

        },

        methods: {

            async search() {

                const {

                    code,

                    data,

                    msg

                } = await request('/orders/other', {

                    asnCode: this.asncode,

                    matnrCode: this.barcode

                })

                if (code === 200) {

                    this.list = data

                } else {

                    uni.showToast({

                        title: msg,

                        icon: "none",

                        position: 'top'

                    })

                }

            },



            clearCode() {

                this.asncode = ''

            },

            clearBarcode() {

                this.barcode = ''

            },

            scrollTo() {



                // const ref = this.$refs[`${this.barcode}ref`][0];

                // uni.pageScrollTo({

                //     scrollTop: ref.$el.offsetTop,

                //     duration: 300

                // })

            },

            remove(index) {

                this.list.splice(index, 1);

            },

            clear() {

                this.list = []

                this.barcode = ''

                this.asncode = ''

                this.whAreaId = ''

                this.range = []

            },

            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 complete(id) {

                this.repeatClick = true

                const {

                    code,

                    data,

                    msg

                } = await request('/complete/' + id)

                if (code === 200) {

                    uni.showToast({

                        title: msg,

                        icon: "none",

                    })

                } else {

                    uni.showToast({

                        title: msg,

                        icon: "none",

                    })

                }

                this.repeatClick = false

            },

            async confirm(isCom) {

                if (this.whAreaId === '') {

                    uni.showToast({

                        icon: "none",

                        title: '请选择收货区'

                    })

                } else {

                    console.log(this.dynFields)

                    const newArr = this.list.map(item => {

                        return {

                            ...item,

                            receiptQty: item.receiptQty === null ? 0 : +item.receiptQty,

                            // extendFields: this.dynFields.filter(el => el.unique == 1).map(exf => {

                            //     return {

                            //         [`${exf.fields}`]: item[exf.fields]

                            //     }

                            // }).filter(field => Object.values(field)[0] != undefined)

                        };

                    }).filter(el => el.receiptQty !== 0);



                    const {

                        code,

                        data,

                        msg

                    } = await request('/orders/confirm', {

                        receipts: newArr,

                        whAreaId: this.whAreaId

                    })

                    if (code === 200) {

                        uni.showToast({

                            title: msg,

                            icon: "none",

                        })

                        this.list = []

                        this.barcode = ''

                        this.isconfirm = false

                        isCom && this.complete(data.id)

                    } else {

                        uni.showToast({

                            title: msg,

                            icon: "none",

                        })

                    }

                }

            },

            async getRece() {				
                const {

                    code,

                    data,

                    msg

                } = await request('/areas/receipt', {}, 'get')

                if (code === 200) {

                    this.range = data.map(item => ({

                        value: item.id,

                        text: item.warehouseId$ + "-- " + item.name

                    }));

                }

            },

            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;

    }



    .act {

        border: 1px solid #e54d42;

    }



    .text-blue {

        color: #0081ff !important;



    }



    .item {

        position: relative;

        display: flex;

        min-height: 80upx;

        align-items: center;

    }

<template>
    <view class="has-foot">
        <form>
            <view class="cu-form-group margin-top" v-show="!isconfirm">
                <view class="title">WMS单号</view>
                <input placeholder="请扫描WMS单号" v-model="asncode" 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> -->
            </view>
            <view class="cu-form-group" v-show="!isconfirm">
                <view class="title">物料编码</view>
                <input placeholder="请扫描物料编码" v-model="barcode"></input>
                <text class='cuIcon-close text-gray margin-right-xs' v-show="barcode!==''" @click="clearBarcode"></text>
                <text class='cuIcon-search text-blue' @click="search"></text>
            </view>
        </form>
        <view class="padding-lr margin-top-sm">
            <block v-for="(item, index) in list" :key="index">
                <view class="cu-list det menu sm-border margin-bottom-sm " :class="[item.barcode===barcode&&'act']"
                    :ref="item.barcode+'ref'">
                    <view class="cu-bar bg-white solid-bottom ">
                        <view class="action">
                            <view class="index">
                                {{index+1}}
                            </view>
                            <view class="text-blue">
                                编码:
                                {{`${item.matnr}`}}
                            </view>
                        </view>
                        <view class="action" v-if="!isconfirm">
                            <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>
                        </view>
                    </view>

                    <view class="cu-item">
                        <view class="content">
                            <text class="text-black">ASN:</text>
                            <text class="text-grey ">{{item.asnCode}}</text>
                        </view>
                        <view class="action">

                        </view>
                    </view>
                    <view class="cu-item">
                        <view class="content">
                            <text class="text-black">物料名称:</text>
                            <text class="text-grey ">{{item.maktx}}</text>
                        </view>
                    </view>

                    <!--     <view class="cu-item">
                        <view class="content">
                            <text class="text-black">供应商批次:</text>
                        </view>
                        <view class="action">
                            <text class="text-grey ">{{item.splrBatch}}</text>
                        </view>
                    </view> -->

                    <!-- <view class="cu-item">
                        <view class="content">
                            <text class="text-black">最大库存: <text class="text-grey ">{{item.maxQty}}</text></text>
                        </view>
                        <view class="content">
                            <text class="text-black">实时库存: <text class="text-grey ">{{item.stockQty}}</text></text>
                        </view>
                    </view> -->
                    <view class="cu-item">
                        <view class="content">
                            <text class="text-black">行号: <text class="text-grey ">{{item.platItemId}}</text></text>
                        </view>
                        <view class="content">
                            <text class="text-black">质检结果: <text class="text-grey ">{{item.inspect}}</text></text>
                        </view>
                    </view>
                    <view class="cu-item">
                        <view class="content">
                            <text class="text-black">采购单位:<text class="text-grey ">{{item.purUnit}}</text></text>
                        </view>
            <!--             <view class="content">
                            <text class="text-black">库存单位: <text class="text-grey ">{{item.stockUnit}}</text></text>
                        </view> -->
                    </view>
                    <view class="cu-item">
                        <view class="content">
                            <text class="black">计划收货数量:<text class="text-grey ">{{item.anfme}}</text></text>
                        </view>

                        <view class="content">
                            <text class="black">已收货数量:<text class="text-grey ">{{item.qty}}</text></text>
                        </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"><text
                                        class="text-red text-xl vertical-middle">*</text>收货数量:</view>
                                <uni-number-box style="width: 70%;" :max="max" v-model="item.receiptQty"
                                    :step='1'></uni-number-box>
                            </view>
                        </view>
                        <view class="content" v-else>
                            <text class="text-black">收货数量:<text class="text-grey ">{{item.receiptQty}}</text></text>
                        </view>
                    </view>
                    <view class="cu-item">

                        <view class="content">
                            <text class="text-black">批次:<text class="text-grey ">{{item.splrBatch}}</text></text>
                        </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>
                                <picker mode="date" v-model="item.prodTime" @change="DateChange($event,item)"
                                    placeholder="请输入生产日期">
                                    <view class="picker text-left">
                                        {{item.prodTime|| '请选择日期'}}
                                    </view>
                                </picker>
                            </view>
                        </view>
                        <view class="content" v-else>
                            <text class="text-black">生产日期:<text class="text-grey ">{{item.prodTime}}</text></text>
                        </view>
                    </view>
                    <!-- <view class="cu-item grid  col-1" v-if="!isconfirm">
                        <view v-for="el in dynamicFields" :key="el.id">
                            <view class="cu-form-group padding-lr-0">
                                <view class="title text-blue">{{el.fieldsAlise}}:</view>
                                <input :placeholder='`请输入${el.fieldsAlise}`' v-model="item[el.fields]"></input>
                            </view>
                        </view>
                    </view> -->
                    <view class="cu-item grid  col-2" v-if="item.extendFields">
                        <view class="item" v-for="el in dynamicFields" :key="el.id">
                            <text class="text-black">{{el.fieldsAlise}}:
                                <text class="text-grey ">{{item.extendFields[el.fields]}}</text></text>
                        </view>
                    </view>
                </view>
            </block>
        </view>

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

        <view class="cu-form-group margin-bottom">
            <view class="title">收货区</view>
            <view style="width: 80%;">
                <uni-data-select style="min-width: 90%; max-width: 90%;" v-model="whAreaId" :localdata="range"
                    placement="top" @change="selChange"></uni-data-select>
            </view>
        </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" :disabled="repeatClick" @click="confirm(false)">收货</button>
        </view>

    </view>
</template>

<script>
    import {
        request
    } from '../../common/request.js'
    import {
        mapState,
        mapMutations,
        mapActions,
        mapGetters
    } from 'vuex';
    export default {
        data() {
            return {
                asncode: '',
                barcode: '',
                whAreaId: '',
                list: [],
                range: [],
                repeatClick: false,
                isconfirm: false,
                max: 99999999,
            }
        },
        computed: {
            ...mapState('user', ['dynamicFields']),
            ...mapState('user', {
                dynFields: state => state.dynamicFields
            }),
            allCount() {
                return this.list.reduce((acc, row) => +row.receiptQty + acc, 0)
            }

        },
        mounted() {
            this.getRece()
            this.whAreaId = uni.getStorageSync('whAreaId')
        },
        methods: {
            async search() {
                const {
                    code,
                    data,
                    msg
                } = await request('/orders/other', {
                    asnCode: this.asncode,
                    matnrCode: this.barcode
                })
                if (code === 200) {
                    this.list = data
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                        position: 'top'
                    })
                }
            },

            clearCode() {
                this.asncode = ''
            },
            clearBarcode() {
                this.barcode = ''
            },
            scrollTo() {

                // const ref = this.$refs[`${this.barcode}ref`][0];
                // uni.pageScrollTo({
                //     scrollTop: ref.$el.offsetTop,
                //     duration: 300
                // })
            },
            remove(index) {
                this.list.splice(index, 1);
            },
            clear() {
                this.list = []
                this.barcode = ''
                this.asncode = ''
                this.whAreaId = ''
                this.range = []
            },
            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 complete(id) {
                this.repeatClick = true
                const {
                    code,
                    data,
                    msg
                } = await request('/complete/' + id)
                if (code === 200) {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
                }
                this.repeatClick = false
            },
            async confirm(isCom) {
                if (this.whAreaId === '') {
                    uni.showToast({
                        icon: "none",
                        title: '请选择收货区'
                    })
                } else {
                    console.log(this.dynFields)
                    const newArr = this.list.map(item => {
                        return {
                            ...item,
                            receiptQty: item.receiptQty === null ? 0 : +item.receiptQty,
                            // extendFields: this.dynFields.filter(el => el.unique == 1).map(exf => {
                            //     return {
                            //         [`${exf.fields}`]: item[exf.fields]
                            //     }
                            // }).filter(field => Object.values(field)[0] != undefined)
                        };
                    }).filter(el => el.receiptQty !== 0);

                    const {
                        code,
                        data,
                        msg
                    } = await request('/orders/confirm', {
                        receipts: newArr,
                        whAreaId: this.whAreaId
                    })
                    if (code === 200) {
                        uni.showToast({
                            title: msg,
                            icon: "none",
                        })
                        this.list = []
                        this.barcode = ''
                        this.isconfirm = false
                        isCom && this.complete(data.id)
                    } else {
                        uni.showToast({
                            title: msg,
                            icon: "none",
                        })
                    }
                }
            },
            async getRece() {				
                const {
                    code,
                    data,
                    msg
                } = await request('/areas/receipt', {}, 'get')
                if (code === 200) {
                    this.range = data.map(item => ({
                        value: item.id,
                        text: item.warehouseId$ + "-- " + item.name
                    }));
                }
            },
            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;
    }

    .act {
        border: 1px solid #e54d42;
    }

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

    }

    .item {
        position: relative;
        display: flex;
        min-height: 80upx;
        align-items: center;
    }
</style>