#

whycq

2024-04-09 0cd0fb751c1c3d3c4527b95a4c64912680f9910c

#

 pages/phyz/order/orderCar.vue

@@ -7,11 +7,33 @@
                <view>编号：{{orderDetl.matnr}}</view>
                <view>名称：{{orderDetl.maktx}}</view>
                <view>总数量：{{orderDetl.anfme}}</view>
                <view>入库数量：{{orderDetl.anfme}}</view>
                <view>入库数量：{{orderDetl.pakinQty}}</view>
            </view>
            <view class="list-right" @click="addItem(orderDetl)">
            <view class="list-right" @click="chageDetl(orderDetl)">
                <uni-icons type="settings" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
        <!-- 垫高 -->
        <view style="height: 120rpx;"></view>
        <!-- 底部操作按钮 -->
        <view class="buttom">
            <button size="mini" type="primary" @click="agvStart('warn')">启动入库</button>
        </view>
        <!-- 弹窗 -->
        <view>
            <uni-popup ref="chageDetl" type="dialog">
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title">入库数量</view>
                    <view class="popup-item">
                        <uni-number-box :value="count" :step='1' :max="9999999" color="#747474" @change="changeValue" />
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="addClose">取消</view>
                        <view class="btn-right" @click="addConfirm()">添加</view>
                    </view>
                </view>
            </uni-popup>
        </view>
    </view>
</template>
@@ -36,7 +58,9 @@
            })
        },
        methods: {
			
            chageDetl() {
				
            }
        }
    }
</script>
@@ -51,4 +75,68 @@
        font-size: 28px;
        font-weight: bold;
    }
    .popup {
        width: 80vw;
        min-height: 100rpx;
        background-color: #FFF;
        border-radius: 25rpx;
        position: relative;
    }
    .title {
        height: 100rpx;
        line-height: 100rpx;
        width: 100%;
        color: #606266;
        text-align: center;
        font-size: 16px;
    }
    .popup-item {
        height: 80rpx;
        line-height: 80rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup-item-left {
        width: 16vw;
        padding-right: 20rpx;
        text-align: right;
        color: #606266;
    }
    .popup-item-right {
        display: flex;
        align-items: center;
        width: 50vw;
        height: 50rpx;
        padding: 2px 5px;
        border: 1px solid #E4E7ED;
        border-radius: 5rpx;
    }
    .popup-item-right input{
        color: #606266;
    }
    .btn {
        display: flex;
        height: 90rpx;
        margin-top: 20rpx;
        border-top: 1px solid #DCDFE6;
        justify-content: center;
        align-items: center;
    }
    .btn-left {
        display: flex;
        flex: 1;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #606266;
        border-right: 1px solid #DCDFE6;
    }
    .btn-right {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        color: #409EFF;
    }
</style>

 pages/phyz/order/pakinOrderSelect.vue

@@ -11,7 +11,7 @@
            </view>
        </view>
        
        <view class="list list-font-color" :class="orderDetl.color" v-for="orderDetl in dataList" >
        <view class="list list-font-color" :class="orderDetl.color" v-for="(orderDetl,index) in dataList" :key="index">
            <view class="list-left">
                <view class="detl-threeCode">{{orderDetl.threeCode}}</view>
                <view>主单号：{{orderDetl.orderNo}}</view>
@@ -20,7 +20,7 @@
                <view>总数量：{{orderDetl.anfme}}</view>
                <view>已入数量：{{orderDetl.qty}}</view>
            </view>
            <view class="list-right" @click="addItem(orderDetl)">
            <view class="list-right" @click="addItem(index)">
                <uni-icons type="folder-add" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
@@ -34,7 +34,24 @@
                <text>{{orderCarList.length}}</text>
            </view>
        </view>
        <!-- 垫高 -->
        <view style="height: 50rpx;"></view>
        <!-- 弹窗 -->
        <view>
            <uni-popup ref="addItem" type="dialog">
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title">入库数量</view>
                    <view class="popup-item">
                        <uni-number-box :value="count" :step='1' :max="9999999" color="#747474" @change="changeValue" />
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="addClose">取消</view>
                        <view class="btn-right" @click="addConfirm()">添加</view>
                    </view>
                </view>
            </uni-popup>
        </view>
    </view>
</template>

@@ -53,7 +70,10 @@
                    curr: 1,
                    limit: 100,
                    three_code: '',
                }
                },
                index: 0,
                count: 0,
				
                
            }
        },
@@ -104,8 +124,35 @@
                this.getOrderDetlList(this.searchValue,30)
            },
            // 添加入库商品至 待组托列表
            addItem(orderDetl) {
                this.orderCarList.push(orderDetl)
            addItem(index) {
                // 判断添加的商品是否和已经添加的重复
                let dataList = this.dataList
                for (let k of this.orderCarList) {
                    if (k.orderNo == dataList[index].orderNo 
                        && k.threeCode == dataList[index].threeCode 
                        && k.matnr == dataList[index].matnr) {
                            uni.showToast({ title: '请勿重复添加商品！', icon: "none", position: 'top' })
                            return
                    }
                }
                this.index = index
                this.$refs.addItem.open()
            },
            addClose() {
                this.$refs.addItem.close()
                this.count = 0
            },
            addConfirm() {
                if (this.count == 0) {
                    uni.showToast({ title: '入库数量不合法！', icon: "none", position: 'top' })
                    return
                }
                this.dataList[this.index]['used'] = true
                this.dataList[this.index]['pakinQty'] = this.count
                this.orderCarList.push(this.dataList[this.index])
                this.index = 0
                this.count = 0
                this.$refs.addItem.close()
            },
            // 点击前往 待组托列表
            orderCar() {
@@ -123,7 +170,10 @@
                        }
                    }
                })
            }
            },
            changeValue(value) {
                this.count = value
            },
        }
    }
    
@@ -170,4 +220,69 @@
    .car-right {
        flex: 4;
    }
	
    .popup {
        width: 80vw;
        min-height: 100rpx;
        background-color: #FFF;
        border-radius: 25rpx;
        position: relative;
    }
    .title {
        height: 100rpx;
        line-height: 100rpx;
        width: 100%;
        color: #606266;
        text-align: center;
        font-size: 16px;
    }
    .popup-item {
        height: 80rpx;
        line-height: 80rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup-item-left {
        width: 16vw;
        padding-right: 20rpx;
        text-align: right;
        color: #606266;
    }
    .popup-item-right {
        display: flex;
        align-items: center;
        width: 50vw;
        height: 50rpx;
        padding: 2px 5px;
        border: 1px solid #E4E7ED;
        border-radius: 5rpx;
    }
    .popup-item-right input{
        color: #606266;
    }
    .btn {
        display: flex;
        height: 90rpx;
        margin-top: 20rpx;
        border-top: 1px solid #DCDFE6;
        justify-content: center;
        align-items: center;
    }
    .btn-left {
        display: flex;
        flex: 1;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #606266;
        border-right: 1px solid #DCDFE6;
    }
    .btn-right {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        color: #409EFF;
    }
</style>