12

zhang

9 天以前 8263d5a0a133e249a0b14d5d208cef1e69d4a268

12

 pages/basics/order.vue

@@ -1,51 +1,59 @@
<template>
    <view >
    <view>
        <scroll-view scroll-y catch:touchmove="touchmove">
            <view class="square-2">
                <view class="square-title">
                    <view class="title-sign"><view class="sign"></view></view>
                    <view class="title-sign">
                        <view class="sign"></view>
                    </view>
                    <view class="title-text"><text>托盘条码</text></view>
                </view>
                <view class="square-content">
                    <view class="content-input">
                        <input  v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="10"
                        :focus="barcodeFocus" @input="barcodeInput" placeholder-style="line-height:  85rpx;">
                        <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="10" :focus="barcodeFocus"
                            @input="barcodeInput" placeholder-style="line-height:  85rpx;">
                        <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons>
                    </view>
                </view>
            </view>
			

            <view class="square-2">
                <view class="square-title">
                    <view class="title-sign"><view class="sign"></view></view>
                    <view class="title-sign">
                        <view class="sign"></view>
                    </view>
                    <view class="title-text"><text>单据编号</text></view>
                </view>
                <view class="square-content">
                    <view class="content-input">
                        <input v-model="order" type="text" placeholder="扫码 / 输入" @input="findOrder()"
                        :focus="focus" placeholder-style="line-height:  85rpx;">
                        <input v-model="order" type="text" placeholder="扫码 / 输入" @input="findOrder()" :focus="focus"
                            placeholder-style="line-height:  85rpx;">
                        <uni-icons type="closeempty" size="20" color="#dadada" @click="removeOrder()"></uni-icons>
                    </view>
                </view>
            </view>
			

            <view class="square-2">
                <view class="square-title">
                    <view class="title-sign"><view class="sign"></view></view>
                    <view class="title-sign">
                        <view class="sign"></view>
                    </view>
                    <view class="title-text"><text>物料条码</text></view>
                </view>
                <view class="square-content">
                    <view class="content-input">
                        <input v-model="tiaoma" type="text" placeholder="扫码 / 输入" @input="findTiaoMa()"
                        :focus="tmfocus" placeholder-style="line-height:  85rpx;">
                        <input v-model="tiaoma" type="text" placeholder="扫码 / 输入" @input="findTiaoMa()" :focus="tmfocus"
                            placeholder-style="line-height:  85rpx;">
                        <uni-icons type="closeempty" size="20" color="#dadada" @click="removeTm()"></uni-icons>
                    </view>
                </view>
            </view>
			

            <view class="square-1">
                <view class="square-title">
                    <view class="title-sign"><view class="sign"></view></view>
                    <view class="title-sign">
                        <view class="sign"></view>
                    </view>
                    <view class="title-text"><text>商品列表</text></view>
                    <view v-show="matList.length != 0" class="lable">
                        <!-- <label class="label-btn" style="width: 170rpx;line-height: 95rpx;"  >
@@ -59,18 +67,19 @@
                        </label> -->
                    </view>
                </view>
				

            </view>
            <view class="square-none" v-show="matList.length === 0">
                <view class="v-show">暂无更多数据...</view>
            </view>
			

            <checkbox-group @change="checkbox">
                <view v-for="(item,index) in matList" :key="index"   class="data-list bg-false" :class="'bg-'+item.checked" >
                    <label class="left-check-box" >
                <view v-for="(item,index) in matList" :key="index" class="data-list bg-false"
                    :class="'bg-'+item.checked">
                    <label class="left-check-box">
                        <checkbox :value="item.id+''" :checked="true" style="display: block;" />
                    </label>
                    <view class="data-list-left" >
                    <view class="data-list-left">
                        <view class="matnr"><text style="width: 700rpx;">品号：{{item.matnr}}</text></view>
                        <view><text style="width: 700rpx;">品名：{{item.maktx}}</text></view>
                        <view><text style="width: 700rpx;">批号：{{item.batch}}</text></view>
@@ -82,14 +91,15 @@
                        </view>
                    </view>
                    <view class="data-list-right">
                        <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label>
                        <label><uni-icons type="compose" size="20" color="#a5a5a5"
                                @click="revise(item,index)"></uni-icons></label>
                        <!-- list中删除键 -->
                        <!-- <label><uni-icons type="trash" size="25" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label> -->
                    </view>
                </view>
            </checkbox-group>
        </scroll-view>
		

        <!-- 底部按钮 -->
        <view class="footer flex justify-around">
            <!-- 底部全选 反选按钮 -->
@@ -99,7 +109,7 @@
            <label class="label-btn" style="width: 100rpx;">
                <text  @click="reChecked()">反选</text>
            </label> -->
			

            <label class="label-btn" style="width: 150rpx;">
                <button class="cu-btn" @click="resst()">重置</button>
            </label>
@@ -107,7 +117,7 @@
                <button class="cu-btn bg-blue " @click="comb()">组托</button>
            </label>
        </view>
		

        <view>
            <!-- 修改数量 -->
            <uni-popup ref="revise" background-color="#fff" @change="change">
@@ -121,8 +131,9 @@
                    </view>
                    <view class="changeBox flex justify-around">
                        <view class="num-box">
                            <uni-number-box v-model="count" :min="minCount" :max="maxCount" color="#747474"  @change="changeValue"/>
                        </view> 
                            <uni-number-box v-model="count" :min="minCount" :max="maxCount" color="#747474"
                                @change="changeValue" />
                        </view>
                        <button class="cu-btn" @click="changeMax">max</button>
                    </view>
                    <view class="revise-box-buttom">
@@ -130,7 +141,7 @@
                            <button class="cu-btn bg-blue" @click="confirm()">确认</button>
                        </view>
                    </view>
					

                </view>
            </uni-popup>
        </view>
@@ -142,31 +153,31 @@
    export default {
        data() {
            return {
                commonUrl:null,
                commonUrl: null,
                barcode: '',
                barcodeFocus:true,
                tmfocus:false,
                focus:false,
                barcodeFocus: true,
                tmfocus: false,
                focus: false,
                type: 'center',
                searchBox: 'hide',
                pick:'hide',
                order:null,
                orderNo:null,
                tiaoma:null,
                tiaomas:[],
                matList:[],
                pick: 'hide',
                order: null,
                orderNo: null,
                tiaoma: null,
                tiaomas: [],
                matList: [],
                result: '',
                count:'',
                minCount:0,
                maxCount:'',
                rowNum:'',
                enableQty:'',
                check:false,
                checkText:'全选',
                checkedData:[],
                count: '',
                minCount: 0,
                maxCount: '',
                rowNum: '',
                enableQty: '',
                check: false,
                checkText: '全选',
                checkedData: [],
            }
        },
        mounted(){
        mounted() {
            const UIP = uni.getStorageSync('UIP');
            this.baseIP = UIP;
            const UPORT = uni.getStorageSync('UPORT');
@@ -178,13 +189,17 @@
        methods: {
            // 获取url
            getUrl() {
                this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePORT + "/" +this.baseUrl
                this.commonUrl = this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl
            },
            // barcode input 事件
            barcodeInput() {
                var len = this.barcode.length
                if (len != 8) {
                    uni.showToast({title: '托盘码有误请重试', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '托盘码有误请重试',
                        icon: "none",
                        position: 'top'
                    });
                    this.barcodeFocuss()
                    return;
                }
@@ -197,7 +212,7 @@
                // #ifdef APP
                let that = this;
                that.barcodeFocus = false;
                setTimeout(()=>{
                setTimeout(() => {
                    that.barcode = '';
                    that.barcodeFocus = true;
                }, 100);
@@ -207,7 +222,7 @@
                // #ifdef APP
                let that = this;
                that.focus = false;
                setTimeout(()=>{
                setTimeout(() => {
                    that.matnrId = '';
                    that.focus = true;
                }, 100);
@@ -255,11 +270,11 @@
                }
                uni.hideLoading();
            },
            revise(item,index) {
            revise(item, index) {
                var maxCount = this.matList[index].maxCount
                if (maxCount == undefined ) {
                if (maxCount == undefined) {
                    this.matList[index]["maxCount"] = item.enableQty
                } 
                }
                this.enableQty = item.enableQty
                this.count = this.minCount
                this.maxCount = item.maxCount
@@ -270,17 +285,17 @@
                this.count = this.enableQty
            },
            changeValue() {
				

            },
            remove() {
                console.log(this.matList.filter(item=> item.checked !== true))
                this.matList = this.matList.filter(item=> item.checked !== true)
				
                console.log(this.matList.filter(item => item.checked !== true))
                this.matList = this.matList.filter(item => item.checked !== true)

                // this.matList.splice(i,1)
				

                // for (var i = 0; i < this.matList.length; i++) {
                //     if (this.matList[i].checked == true) {
						

                //     }
                // }
                this.checkList();
@@ -299,20 +314,36 @@
                uni.vibrateShort();
                let that = this;
                if (!that.orderNo) {
                    uni.showToast({title: '请扫描单据号', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '请扫描单据号',
                        icon: "none",
                        position: 'top'
                    });
                    return;
                }
                if (!that.barcode) {
                    uni.showToast({title: '请扫描托盘条码', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '请扫描托盘条码',
                        icon: "none",
                        position: 'top'
                    });
                    return;
                }
                if (that.barcode.length !== 8) {
                    uni.showToast({title: '托盘码必须为8位', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '托盘码必须为8位',
                        icon: "none",
                        position: 'top'
                    });
                    return;
                }
                let mats =that.matList.filter(mat =>mat.anfme>0);
                let mats = that.matList.filter(mat => mat.anfme > 0);
                if (mats.length === 0) {
                    uni.showToast({title: '请添加商品列表', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '请添加商品列表',
                        icon: "none",
                        position: 'top'
                    });
                    return;
                }
                // for (var i = 0; i < mats.length; i++) {
@@ -323,16 +354,16 @@
                // }
                uni.showLoading();
                uni.request({
                    url: that.commonUrl + '/mobile/comb/auth',
                    data: JSON.stringify({
                    url: that.commonUrl + '/mobile/comb/auth',
                    data: JSON.stringify({
                        orderNo: that.orderNo,
                        barcode: that.barcode,
                        combMats: mats
                    }),
                    method: 'POST',
                    header: {
                        'token':uni.getStorageSync('token')
                    },
                    header: {
                        'token': uni.getStorageSync('token')
                    },
                    success(result) {
                        uni.showLoading();
                        var res = result.data
@@ -344,14 +375,22 @@
                            });
                            that.resst()
                        } else if (res.code == 403) {
                            uni.showToast({title: res.msg, icon: "none", position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                            setTimeout(() => {
                                uni.reLaunch({
                                    url: '../login/login'
                                });
                            }, 1000);
                        } else {
                            uni.showToast({title: res.msg, icon: "none",position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                        }
                    }
                });
@@ -359,13 +398,13 @@
            findOrder() {
                let that = this
                uni.request({
                    url: that.commonUrl + '/mobile/order/search/orderNo/auth',
                    data: {
                    url: that.commonUrl + '/mobile/order/search/orderNo/auth',
                    data: {
                        orderNo: that.order
                    },
                    header: {
                        'token':uni.getStorageSync('token')
                    },
                    },
                    header: {
                        'token': uni.getStorageSync('token')
                    },
                    success(result) {
                        console.log("result：");
                        console.log(result)
@@ -380,19 +419,27 @@
                            // }));
                            that.matList = res.data.combMats
                            that.initAnfme();
						

                            console.log("that.matList：");
                            console.log(that.matList)
							

                        } else if (res.code == 403) {
                            uni.showToast({title: res.msg, icon: "none", position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                            setTimeout(() => {
                                uni.reLaunch({
                                    url: '../login/login'
                                });
                            }, 1000);
                        } else {
                            uni.showToast({title: res.msg, icon: "none",position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                        }
                    }
                });
@@ -400,17 +447,21 @@
            findTiaoMa() {
                let that = this
                if (!that.orderNo) {
                    uni.showToast({title: '请扫描单据号', icon: "none", position: 'top'});
                    uni.showToast({
                        title: '请扫描单据号',
                        icon: "none",
                        position: 'top'
                    });
                    return;
                }
                uni.request({
                    url: that.commonUrl + '/mobile/mat/search/auth',
                    data: {
                    url: that.commonUrl + '/mobile/mat/search/auth',
                    data: {
                        matnr: that.tiaoma
                    },
                    header: {
                        'token':uni.getStorageSync('token')
                    },
                    },
                    header: {
                        'token': uni.getStorageSync('token')
                    },
                    success(result) {
                        console.log("result：");
                        console.log(result)
@@ -419,14 +470,22 @@
                            that.checkMat(res.data)
                            //this.tiaomas.unshift(that.tiaoma)
                        } else if (res.code == 403) {
                            uni.showToast({title: res.msg, icon: "none", position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                            setTimeout(() => {
                                uni.reLaunch({
                                    url: '../login/login'
                                });
                            }, 1000);
                        } else {
                            uni.showToast({title: res.msg, icon: "none",position: 'top'})
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                position: 'top'
                            })
                        }
                    }
                });
@@ -436,28 +495,40 @@
                var add = true
                for (var i = 0; i < len; i++) {
                    if (mat.matnr == this.matList[i].matnr) {
                        if (mat.batch){
                            if(mat.batch == this.matList[i].batch){
                                this.matList[i].times +=1
                                if (this.matList[i].anfme + mat.anfme <=this.matList[i].count){
                        if (mat.batch) {
                            if (mat.batch == this.matList[i].batch) {
                                this.matList[i].times += 1
                                var num = Number(this.matList[i].anfme) + Number(mat.anfme);
                                var num2 = this.matList[i].enableQty ? this.matList[i].enableQty : 0
                                if (num <= num2) {
                                    this.matList[i].anfme += mat.anfme
                                    this.$forceUpdate() // 强制刷新
                                    add = false
                                } else {
                                    uni.showToast({
                                        title: '组托数量超过订单数量',
                                        icon: "none",
                                        position: 'top'
                                    })
                                }
                            }else{
                                uni.showToast({title: '组托数量超过订单数量', icon: "none",position: 'top'})
                            }
                        }else{
                            if (this.matList[i].anfme + mat.anfme <=this.matList[i].count){
                                this.matList[i].times +=1
                        } else {
                            var num = Number(this.matList[i].anfme) + Number(mat.anfme);
                            var num2 = this.matList[i].enableQty ? this.matList[i].enableQty : 0
                            if (num <= num2) {
                                this.matList[i].times += 1
                                this.matList[i].anfme += mat.anfme
                                this.$forceUpdate() // 强制刷新
                                add = false
                            }else{
                                uni.showToast({title: '组托数量超过订单数量', icon: "none",position: 'top'})
                            } else {
                                uni.showToast({
                                    title: '组托数量超过订单数量',
                                    icon: "none",
                                    position: 'top'
                                })
                            }
                        }
						

                    }
                }
                this.tiaoma = ''
@@ -476,16 +547,16 @@
                this.$refs.goodsSearch.open(type)
            },
            // 列表选择
            checkbox: function (e) {
            checkbox: function(e) {
                var items = this.matList,
                    values = e.detail.value;
                for (var i = 0, lenI = items.length; i < lenI; ++i) {
                    const item = items[i]
                    item.id = item.id + ''
                    if(values.indexOf(item.id) >= 0){
                        this.$set(item,'checked',true)
                    }else{
                        this.$set(item,'checked',false)
                    if (values.indexOf(item.id) >= 0) {
                        this.$set(item, 'checked', true)
                    } else {
                        this.$set(item, 'checked', false)
                    }
                }
                if (values.length == items.length) {
@@ -498,19 +569,19 @@
                uni.vibrateShort();
            },
            // 列表反选
            reChecked() { 
            reChecked() {
                if (this.matList.length == 0) {
                    return;
                }
                var checkArr = []
                for (var i = 0; i < this.matList.length;i++) {
                for (var i = 0; i < this.matList.length; i++) {
                    if (this.matList[i].checked == true) {
                        this.$set(this.matList[i],'checked',false)
                    }else{
                        this.$set(this.matList[i],'checked',true)
                        this.$set(this.matList[i], 'checked', false)
                    } else {
                        this.$set(this.matList[i], 'checked', true)
                    }
                    if (this.matList[i].checked == true) {
                        checkArr.push(this.matList[i].checked) 
                        checkArr.push(this.matList[i].checked)
                    }
                }
                if (checkArr.length == this.matList.length) {
@@ -523,16 +594,16 @@
                uni.vibrateShort();
            },
            // 列表全选
            allChecked(e){ 
            allChecked(e) {
                if (this.check == true) {
                    for (var i = 0; i < this.matList.length;i++) {
                        this.$set(this.matList[i],'checked',false)
                    for (var i = 0; i < this.matList.length; i++) {
                        this.$set(this.matList[i], 'checked', false)
                    }
                    this.check = false
                    this.checkText = "全选"
                } else {
                    for (var i = 0; i < this.matList.length;i++) {
                        this.$set(this.matList[i],'checked',true)
                    for (var i = 0; i < this.matList.length; i++) {
                        this.$set(this.matList[i], 'checked', true)
                    }
                    this.check = true
                    this.checkText = "取消全选"
@@ -560,6 +631,7 @@
        height: 100%;
        width: 400rpx;
    }

    .square-1 .lable label {
        display: inline-block;
        float: left;
@@ -567,6 +639,7 @@
        width: 90rpx;
        line-height: 100rpx;
    }

    .pak-seach-box {
        background-color: #FFFFFF;
        margin: 15rpx 15rpx 0rpx 15rpx;
@@ -574,11 +647,13 @@
        height: 150rpx;
        border-radius: 20rpx;
    }
    .box-top{

    .box-top {
        display: block;
        height: 60rpx;
        width: 720rpx;
    }

    .color-block-blue {
        background-color: #1E9FFF;
        display: inline-block;
@@ -589,6 +664,7 @@
        border: 5rpx solid #1E9FFF;
        border-radius: 20rpx;
    }

    .title {
        display: inline-block;
        float: left;
@@ -598,6 +674,7 @@
        line-height: 50rpx;
        margin-top: 10rpx;
    }

    .box-buttom {
        display: inline-block;
        background-color: #ededed;
@@ -606,18 +683,21 @@
        border-radius: 20rpx;
        margin: 15rpx 15rpx 0rpx 15rpx;
    }

    .box-buttom input {
        width: 75%;
        float: left;
        margin: 8rpx 10rpx 0rpx 25rpx;
    }
    .box-buttom .search-icon{

    .box-buttom .search-icon {
        width: 60rpx;
        height: 60rpx;
        float: right;
        margin-top: 5rpx;
        margin-right: 10rpx;
    }

    .pak-seach-box button {
        background-color: #1E9FFF;
        color: #ffffff;
@@ -628,9 +708,11 @@
        margin: 15rpx 15rpx 0rpx 15rpx;
        line-height: 60rpx;
    }

    .pakin-btn {
        background-color: #1E9FFF;
    }

    .pak-data-box {
        background-color: #F1F1F1;
        margin: 15rpx 15rpx 0rpx 15rpx;
@@ -638,29 +720,36 @@
        height: 70rpx;
        border-radius: 20rpx;
    }

    .pak-data-box .box-top {
        background-color: #FFFFFF;
        height: 70rpx;
        border-radius: 20rpx 20rpx 20rpx 20rpx;
    }

    .bg-false {
        background-color: #FFFFFF;
    }

    .bg-true {
        background-color: #ebebeb;
    }

    .data-list {
        border-bottom: 1px solid #d8d8d8;
        height: 210rpx;
        margin: 15rpx auto auto auto;
        border-radius: 20rpx;
    }

    .data-list:first-child {
        margin-top: 20rpx;
    }

    .data-list:last-child {
        margin-bottom: 160rpx;
    }

    /* .data-list-left {
        display: inline-block;
        float: left;
@@ -668,7 +757,7 @@
        width: 100rpx;
        height: 180rpx;
        line-height: 180rpx;
    } */ 
    } */
    .left-check-box {
        display: inline-block;
        /* background-color: #1E9FFF; */
@@ -678,6 +767,7 @@
        text-align: center;
        line-height: 170rpx;
    }

    .data-list-left {
        /* background-color: #ffff7f; */
        display: inline-block;
@@ -686,9 +776,11 @@
        width: 500rpx;
        color: #676767;
    }

    .matnr {
        padding-top: 10rpx;
    }

    .data-list-right {
        /* background-color: #55ffff; */
        display: inline-block;
@@ -697,22 +789,26 @@
        height: 180rpx;
        line-height: 180rpx;
    }

    .data-list-right label {
        display: inline-block;
        float: left;
        width: 100rpx;
        height: 180rpx;
    }

    .revise-box {
        width: 500rpx;
        height: 500rpx;
    }

    .revise-box-top {
        width: 100%;
        height: 100rpx;
        background-color: #fff;
        padding: 10rpx;
    }

    .changeBox {
        width: 100%;
        height: 100rpx;
@@ -722,6 +818,7 @@
        margin-top: 20rpx;
        border-bottom: 1px solid #e3e3e3;
    }

    .text-box {
        width: 100%;
        height: 100rpx;
@@ -732,13 +829,16 @@
        margin-top: 20rpx;
        border-bottom: 1px solid #e3e3e3;
    }

    .changeBox .num-box {
        display:  inline-block;
        display: inline-block;
        float: left;
    }

    .changeBox button {
        float: left;
    }

    .revise-box-buttom {
        position: absolute;
        width: 100%;
@@ -748,5 +848,4 @@
        bottom: 0;
        text-align: center;
    }
	
</style>
</style>