#

whycq0520

2022-03-25 2d256c80b73cb675a210f750d01360cb689bc870

#

 pages/basics/publish.vue

@@ -3,45 +3,56 @@
        <view>
            <uni-table border stripe type="selection" emptyText="没有更多数据">
                <uni-tr>
                    <uni-th>数量</uni-th>
                    <uni-th>批号</uni-th>
                    <uni-th>商品编号</uni-th>
                    <uni-th>商品名称</uni-th>
                    <uni-th>规格</uni-th>
                    <uni-th>单价</uni-th>
                    <uni-th>操作</uni-th>
                    <uni-th align="center">数量</uni-th>
                    <uni-th align="center">批号</uni-th>
                    <uni-th align="center">商品编号</uni-th>
                    <uni-th align="center">商品名称</uni-th>
                    <uni-th align="center">规格</uni-th>
                    <uni-th align="center">单价</uni-th>
                    <uni-th align="center">操作</uni-th>
                </uni-tr>
                <uni-tr v-for="(item,index) in stockInData" :key="index">
                    <uni-td width="50">
                        <view class="flex justify-center">
                            <button class="cu-btn bg-orange sm" style="width: 60rpx;" @click="changeCount(index,item)">{{item.count}}</button>
                        </view>
                    </uni-td>
                    <uni-td align="center" width="50">{{item.batch}}</uni-td>
                    <uni-td align="center" width="100">{{item.matnr}}</uni-td>
                    <uni-td align="center" width="100">{{item.maktx}}</uni-td>
                    <uni-td align="center" width="50">{{item.specs}}</uni-td>
                    <uni-td align="center" width="50">{{item.price}}</uni-td>
                    <uni-td align="center" width="50">空</uni-td>
                </uni-tr>
            </uni-table>
        </view>
        <view class="cu-bar foot input justify-center" style="height: 150rpx;">
            <view style="width: 80%;">
                <button class="cu-btn bg-yellow lg shadow-blur" style="width: 250rpx;color: #fff;" @click="getMat()">新 增</button>
                <button class="cu-btn bg-orange lg shadow-blur" style="float: right;width: 250rpx;color: #fff;">确认入库</button>
                <button class="cu-btn bg-orange lg shadow-blur" style="float: right;width: 250rpx;color: #fff;" @click="confirm()">确认入库</button>
            </view>    
        </view>
        <!-- ******************************************************************************************* -->
        <view>
            <!-- 普通弹窗 -->
            <uni-popup ref="popup" background-color="#fff" style="position: fixed; border-radius: 5px;" >
                <view class="popup-content " :class="{ 'popup-height': type === 'left' || type === 'right' }">
                    <view style="height: 900rpx;width: 700rpx;">
                        <view><text>关闭</text></view>
            <!-- 修改数量弹框 -->
            <uni-popup ref="inputDialog" type="dialog">
                <uni-popup-dialog ref="inputClose" mode="input" title="物料数量" @confirm="dialogInputConfirm">
                        <uni-number-box  :max="999" v-model="value" />
                </uni-popup-dialog>
            </uni-popup>
        </view>
                        <view>
                            <scroll-view scroll-x="true" @scroll="scroll" scroll-left="120">
                                <uni-table border stripe type="selection" emptyText="没有更多数据">
                                    <uni-tr>
                                        <uni-th>商品编号</uni-th>
                                        <uni-th>商品名称</uni-th>
                                        <uni-th>规格</uni-th>
                                        <uni-th>单价</uni-th>
                                        <uni-th>修改时间</uni-th>
                                    </uni-tr>
                                </uni-table>
                            </scroll-view>
            <!-- 提示信息弹窗 -->
            <uni-popup ref="message" type="message">
                <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
            </uni-popup>
                        </view>
        <view>
            <!-- 显示表单弹窗 -->
            <uni-popup ref="showNodeSelect" type="dialog">
                <uni-popup-dialog ref="inputClose" mode="input" title="选择入库货位" >
                        
                    </view>
                </view>
                </uni-popup-dialog>
            </uni-popup>
        </view>
    </view>
@@ -52,8 +63,12 @@
        data() {
            return {
                type:'bottom',
                stockInData: [],
                value:'',
                rowNum:'',
                msgType: '',
                messageText: '',
            }
			
        },
        mounted(){
            const UIP = uni.getStorageSync('UIP');
@@ -68,13 +83,88 @@
                // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
                this.$refs.popup.open(type)
            },
            // 提醒弹窗
            messageToggle(type) {
                this.msgType = type
                this.messageText = '提取失败'
                this.$refs.message.open()
            },
            getMat() {
                let that = this
                console.log(that.baseHttp,that.baseIP,that.basePORT,that.baseUrl)
                uni.navigateTo({
                    url: 'stockIn?baseIP=' + that.baseIP + '&basePORT=' + that.basePORT
                });
            },
            // 初始化上架数量
            initCount() {
                this.stockInData.forEach(function(element){
                    element.count = 0
                })
            },
            otherFun(object){ // 接收上个页面的传值
                let that = this
                if(!!object){
                    if ( that.stockInData.length == 0 ) {
                        that.stockInData = object
                    } else {
                        that.addSotokInData(object)
                    }
					
					
                }
                that.initCount()
            },
            addSotokInData(object) {
                let that = this
                for (var i = 1; i < object.length; i++) {
                    var toPush = true
                    for (var j = 0; j < that.stockInData.length; j++) {
                        if (object[i].matnr == that.stockInData[j].matnr) {
                            toPush = false
                        }
                    }
                    if (toPush) {
                        that.stockInData.push(object[i])
                    }
					
                }
            },
            // 修改数量
            changeCount(index,item) {
                this.$refs.inputDialog.open()
                this.rowNum = index
                this.value = 0
            },
            // 修改数量弹窗
            dialogInputConfirm() {
                this.stockInData[this.rowNum].count = this.value
            },
            // 确认入库
            confirm() {
                let that = this
                if (that.stockInData.length == 0) {
                    that.messageToggle('error')
                    that.messageText = '请先添加物料'
                    return;
                }
                for (var i = 0; i < that.stockInData.length; i++) {
                    if (that.stockInData[i].count === 0){
                        that.messageToggle('error')
                        that.messageText = '数量不能为零'
                        return;
                    }
                }
                this.$refs.showNodeSelect.open()
                uni.request({
                    url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/work/stock/pakin",
                    header: { 'token':uni.getStorageSync('token') },
                    data: {},
                    method:'POST',
                    success(res) {
                        console.log(res)
                    }
                })
            }
        }
    }
</script>

 pages/basics/stockIn.vue

@@ -66,9 +66,14 @@
            getMat() {
                let that = this
                var index = this.selectedIndexs
                // 获取当前页面栈
                let pages = getCurrentPages()
                // pages数组中的最后一个为当前页面，倒数第二个为上一个页面
                let prevPage = pages[pages.length - 2]
                for (var i = 0;i < index.length; i++) {
                    that.selectionData.push(that.stockData[index[i]])
                }
                prevPage.$vm.otherFun(that.selectionData)
                uni.navigateBack()
            }
        }