#

zhou zhou

23 小时以前 32fe3499b4c2d896819ad03b6dbf776bf4d6baed

#

 pages/inbound/buffStore.vue

@@ -1,74 +1,73 @@
<template>
    <view class="has-foot">
        <form>
            <view class="flex solid-bottom padding-sm justify-between">
                <view class="text-grey margin-left">已选物料信息：{{container}}</view>
            </view>
			
            <view class="cu-form-group margin-top">
                <view class="title">空桶接驳站点</view>
                <input placeholder="请扫描空桶接驳站点条码" v-model="barcode" ></input>
                <!-- <text class='cuIcon-search text-blue' @click="search"></text> -->
            </view>	
			
            <view class="cu-bar btn-group top margin-top">
                <button class="cu-btn text-blue line-blue shadow" @click="clear">1.呼叫空桶</button>
                <!-- <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">2.呼叫袋装新料</button> -->
<!--                 <button class="ccu-btn bg-blue shadow-blur shadow-blur" @click="clear">呼叫袋装新料</button>
                <button class="ccu-btn bg-blue shadow-blur shadow-blur" @click="clear">呼叫空桶</button> -->
                <!-- <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">入库</button> -->
                <input
                    placeholder="请扫描空桶接驳站点条码"
                    v-model="sta1"
                />
            </view>
			
            <view class="cu-form-group margin-top">
                            <view class="title">袋装新料接驳站点</view>
                            <input placeholder="请扫描袋装新料接驳站点条码" v-model="barcode" ></input>
                            <!-- <text class='cuIcon-search text-blue' @click="search"></text> -->
                        </view>	
						
                        <view class="cu-bar btn-group top margin-top">
                            <!-- <button class="cu-btn text-blue line-blue shadow" @click="clear">1.呼叫空桶</button> -->
                            <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">2.呼叫袋装新料</button>
            <!--                 <button class="ccu-btn bg-blue shadow-blur shadow-blur" @click="clear">呼叫袋装新料</button>
                            <button class="ccu-btn bg-blue shadow-blur shadow-blur" @click="clear">呼叫空桶</button> -->
                            <!-- <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">入库</button> -->
                        </view>
			
            <view class="cu-form-group margin-top">
                <view class="title">容器号</view>
                <input placeholder="请扫需要入库容器条码" v-model="container"></input>
                <text class='cuIcon-search text-blue' @click="search"></text>
            </view>
			

			
<!--             <view class="cu-form-group">
                <view class="title">目标库区</view>
                <view style="width: 75%;">
                    <uni-data-select style="min-width: 50%; max-width: 100%;" v-model="whAreaId" :localdata="range"
                        placement="bottom" @change="selChange"></uni-data-select>
                </view>
            </view> -->
			
            <view class="cu-bar btn-group top margin-top">
                <button class="cu-btn bg-green shadow-blur" @click="clear">3.桶装新料入库</button>
                <button
                    class="cu-btn text-blue line-blue shadow"
                    @click="sta1Click()"
                >
                    1.呼叫空桶
                </button>
            </view>

            <view class="cu-form-group margin-top">
                <view class="title">袋装新料接驳站点</view>
                <input
                    placeholder="请扫描袋装新料接驳站点条码"
                    v-model="sta2"
                />
            </view>

            <view class="cu-bar btn-group top margin-top">
                <button
                    class="cu-btn bg-blue shadow-blur"
                    :disabled="repeatClick"
                    @click="sta2Click()"
                >
                    2.呼叫袋装新料
                </button>
            </view>

            <view class="cu-bar btn-group top margin-top">
                <button
                    class="cu-btn bg-green shadow-blur"
                    @click="toComb"
                >
                    3.去组托
                </button>
            </view>
            <view class="cu-bar btn-group top margin-top">
                <button
                    class="cu-btn bg-green shadow-blur"
                    @click="toIn"
                >
                    4.去入库
                </button>
            </view>
        </form>


        <view class="cu-list det menu sm-border  padding">
            <block v-for="(item, index) in list" :key="index">
        <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}}
                            {{ index + 1 }}
                        </view>
                        <view class="text-blue">
                            {{`${item.maktx}`}}
                            {{ `${item.maktx}` }}
                        </view>
                    </view>
                    <!--     <view class="action" >
                        <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>
                    </view> -->
                </view>

                <view class="cu-item">
@@ -76,7 +75,7 @@
                        <text class="text-black">ASN:</text>
                    </view>
                    <view class="action">
                        <text class="text-grey ">{{item.asnCode}}</text>
                        <text class="text-grey">{{ item.asnCode }}</text>
                    </view>
                </view>
                <view class="cu-item">
@@ -84,226 +83,246 @@
                        <text class="text-black">批次:</text>
                    </view>
                    <view class="action">
                        <text class="text-grey ">{{item.batch}}</text>
                        <text class="text-grey">{{ item.batch }}</text>
                    </view>
                </view>


                <view class="cu-item">
                    <view class="content">
                        <text class="text-black">收货数量:</text>
                    </view>
                    <view class="action">
                        <text class="text-grey ">{{item.anfme}}</text>
                        <text class="text-grey">{{ item.anfme }}</text>
                    </view>
                </view>

            </block>
        </view>


<!--         <view class="cu-bar btn-group foot">
            <button class="cu-btn text-blue line-blue shadow" @click="clear">清空</button>
            <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">入库</button>
        </view> -->

		

    </view>
</template>

<script>
    import {
        request
    } from '../../common/request.js'
    import {
        mapState,
        mapMutations,
        mapActions,
        mapGetters
    } from 'vuex';
    export default {
        data() {
            return {
                barcode: '',
                areaName: '',
                locCode: '',
                container: '',
                list: [],
                range: [],
                curCode: '',
                whAreaId:'',
                repeatClick: false,
				
import { request } from '../../common/request.js'
import { mapState, mapMutations, mapActions, mapGetters } from 'vuex'
export default {
    data() {
        return {
            barcode: '',
            areaName: '',
            locCode: '',
            container: '',
            list: [],
            range: [],
            curCode: '',
            whAreaId: '',
            repeatClick: false,
            sta1: '',
            sta2: ''
        }
    },
    computed: {
        ...mapState('user', ['dynamicFields'])
    },
    mounted() {},
    methods: {
        async sta1Click() {
            let that = this
            const { code, data, msg } = await request(
                '/orderOut/buffStore/callEmpty',
                {
                    sta1: this.sta1
                },
                'POST'
            )
            if (code === 200) {
                uni.showToast({
                    title: '呼叫成功'
                })
            } else {
                uni.showToast({
                    title: msg,
                    icon: 'none'
                })
            }
        },
        computed: {
            ...mapState('user', ['dynamicFields']),
        },
        mounted() {
            this.getRece()
            this.whAreaId = uni.getStorageSync('whAreaId')
        },
        methods: {	
            selChange(val) {
                uni.setStorageSync('whAreaId', val)
            },
            async search() {
                let that = this
                const {
                    code,
                    data,
                    msg
                } = await request('/staBind/list', {
                    sta: this.barcode
        async sta2Click() {
            let that = this
            const { code, data, msg } = await request(
                '/orderOut/buffStore/callNewMat',
                {
                    sta1: this.sta1
                },
                'POST'
            )
            if (code === 200) {
                uni.showToast({
                    title: '呼叫成功'
                })
                if (code === 200) {	
                    if(data.list.length >0){
                        that.container = data.barcode						
                        that.list = data.list
                    }
                    that.range = data.warehouseAreasList.map(item => ({
                        value: item.id,
                        text: item.name
                    }));
                    that.whAreaId = data.area
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
            } else {
                uni.showToast({
                    title: msg,
                    icon: 'none'
                })
            }
        },
        toComb() {
            uni.navigateTo({
                url: '/pages/listing/matnrPalletising'
            })
        },
        toIn() {
            uni.navigateTo({
                url: '/pages/AGV/StartInTask'
            })
        },
        selChange(val) {
            uni.setStorageSync('whAreaId', val)
        },
        async search() {
            let that = this
            const { code, data, msg } = await request('/staBind/list', {
                sta: this.barcode
            })
            if (code === 200) {
                if (data.list.length > 0) {
                    that.container = data.barcode
                    that.list = data.list
                }
            },
                that.range = data.warehouseAreasList.map((item) => ({
                    value: item.id,
                    text: item.name
                }))
                that.whAreaId = data.area
            } else {
                uni.showToast({
                    title: msg,
                    icon: 'none'
                })
            }
        },

            remove(index) {
                this.list.splice(index, 1);
            },
            clear() {
                this.list = []
				
                this.container = ''
                this.barcode = ''
            },
        remove(index) {
            this.list.splice(index, 1)
        },
        clear() {
            this.list = []

            open() {
                this.$refs.popup.open()
            },
            this.container = ''
            this.barcode = ''
        },

            close() {
                this.$refs.popup.close()
            },
        open() {
            this.$refs.popup.open()
        },

            popupSubmit() {
                this.$refs.popup.close()
            },
            itemChange(el) {
                this.curCode = el
            },
        close() {
            this.$refs.popup.close()
        },

            async confirm() {				
                if(this.barcode === '' || this.barcode ===null){
                    uni.showToast({
                        title: "接驳站点不能为空",
                        icon: "none",
                    })
                    return ;
                }
                if(this.whAreaId === '' || this.whAreaId ===null){
                    uni.showToast({
                        title: "目标库区不能为空",
                        icon: "none",
                    })
                    return ;
                } 
                this.repeatClick = true
                const {
                    code,
                    data,
                    msg
                } = await request('/AGV/task/start',{						
                        sta: this.barcode,
                        area: this.whAreaId
                    }
                )
                if (code === 200) {
                    uni.showToast({
                        title: '启动成功'
                    })
                    this.clear()
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
                }
                this.repeatClick = false
            },
			
            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
                    }));
                }
            },
        popupSubmit() {
            this.$refs.popup.close()
        },
        itemChange(el) {
            this.curCode = el
        },

        async confirm() {
            if (this.barcode === '' || this.barcode === null) {
                uni.showToast({
                    title: '接驳站点不能为空',
                    icon: 'none'
                })
                return
            }
            if (this.whAreaId === '' || this.whAreaId === null) {
                uni.showToast({
                    title: '目标库区不能为空',
                    icon: 'none'
                })
                return
            }
            this.repeatClick = true
            const { code, data, msg } = await request('/AGV/task/start', {
                sta: this.barcode,
                area: this.whAreaId
            })
            if (code === 200) {
                uni.showToast({
                    title: '启动成功'
                })
                this.clear()
            } else {
                uni.showToast({
                    title: msg,
                    icon: 'none'
                })
            }
            this.repeatClick = false
        },

        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
                }))
            }
        }
    }
}
</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;
    }
.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;
.text-blue {
    color: #0081ff !important;
}

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

    .item {
        position: relative;
        display: flex;
        min-height: 80upx;
        align-items: center;
    }
.uni-file-picker {
    width: 100%;
    margin-bottom: 10px;
}

    .uni-file-picker {
        width: 100%;
        margin-bottom: 10px;
    }
.uni-select__selector {
    z-index: 999;
}

    .uni-select__selector {
        z-index: 999;
    }
.tj {
    height: auto;
    padding: 6px 8px;
    display: inline-block;
    border-radius: 6px;
}

    .tj {
        height: auto;
        padding: 6px 8px;
        display: inline-block;
        border-radius: 6px;
    }
.item {
    display: flex;
    justify-content: center;
}

    .item {
        display: flex;
        justify-content: center;
    }

    .item .cu-btn {
        font-size: 26upx;
    }
</style>
.item .cu-btn {
    font-size: 26upx;
}
</style>