#AGV站点绑定

zjj

2025-05-12 81f25b1e8c7db1db399fce8d1c9143bd489a7ee0

#AGV站点绑定

 pages.json

@@ -31,6 +31,12 @@
            }

        },

        {

            "path": "pages/AGV/AGVStaBind",

            "style": {

                "navigationBarTitleText": "AGV站点绑定"

            }

        },

        {

            "path": "pages/listing/matnrPalletising",

            "style": {

                "navigationBarTitleText": "物料组盘"


 pages/AGV/AGVStaBind.vue

New file
@@ -0,0 +1,272 @@
<template>
    <view class="has-foot">
        <form>
            <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>
                <input placeholder="请扫描接驳站条码" v-model="barcode" ></input>
            </view>
        </form>



        <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" >
                        <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>
                    </view>
                    <view class="action">
                        <text class="text-grey ">{{item.asnCode}}</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>
                    </view>
                    <view class="action">
                        <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>
                    </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" @click="confirm">绑定</button>
        </view>

        <uni-popup ref="popup" class="cu-popup">
            <view class="popup-content">
                <view class="head">
                    <text>推荐</text>
                    <text class='cuIcon-close text-red close' @click="close"></text>
                </view>

                <div class="body">
                    <view class="cu-list grid col-3 no-border">
                        <view class="item" v-for="el in range">
                            <view class="cu-btn round  sm" :class="[el===curCode?'bg-blue':'line-blue']"
                                @click="itemChange(el)">{{el}}</view>
                        </view>
                    </view>
                </div>

                <view class="cu-bar btn-group ">
                    <button class="cu-btn bg-blue shadow-blur" @click="popupSubmit">提交</button>
                </view>
            </view>
        </uni-popup>

    </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: ''
            }
        },
        computed: {
            ...mapState('user', ['dynamicFields']),
        },
        mounted() {},
        methods: {
            async search() {
                const {
                    code,
                    data,
                    msg
                } = await request('/stock/operate/list', {					
                    barcode: this.container,
                    sta: this.barcode
                })
                if (code === 200) {
                    // const find = this.list.find(el => el.id === data.id);
                    // !find &&
                     this.list = data
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
                }
            },

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

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

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

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

            async confirm() {
                if(this.container === '' || this.container ===null){
                    uni.showToast({
                        title: "容器码不能为空",
                        icon: "none",
                    })
                    return ;
                }
                if(this.barcode === '' || this.barcode ===null){
                    uni.showToast({
                        title: "接驳站码不能为空",
                        icon: "none",
                    })
                    return ;
                }
                const {
                    code,
                    data,
                    msg
                } = await request('/AGV/staBind',{
                        barcode: this.container,
                        sta: this.barcode
                    }
                )
                if (code === 200) {
                    uni.showToast({
                        title: '绑定成功'
                    })
                    this.clear()
                } else {
                    uni.showToast({
                        title: msg,
                        icon: "none",
                    })
                }



            },

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

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

    .uni-select__selector {
        z-index: 999;
    }

    .tj {
        height: auto;
        padding: 6px 8px;
        display: inline-block;
        border-radius: 6px;
    }

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

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

 pages/home/index.vue

@@ -90,21 +90,21 @@
                    <text>人工上架</text>

                </navigator>

            </view>



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

                <navigator hover-class='none' url="/pages/listing/upper" navigateTo>

			
            <view class="cu-item">

                <navigator hover-class='none' url="/pages/AGV/AGVStaBind" navigateTo>

                    <view class="cuIcon-punch text-blue">

                    </view>

                    <text>上架</text>

                    <text>AGV站点绑定</text>

                </navigator>

            </view>

            <view class="cu-item">

                <navigator hover-class='none' url="/pages/phyz/inStock/inStock" navigateTo>

                <navigator hover-class='none' url="/pages/AGV/AGVStaBind" navigateTo>

                    <view class="cuIcon-punch text-blue">

                    </view>

                    <text>入库上架</text>

                    <text>AGV启动入库</text>

                </navigator>

            </view> -->

            </view>

        </view>



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


 pages/listing/labour.vue

@@ -2,8 +2,8 @@
    <view class="has-foot">

        <form>

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

                <view class="title">托盘</view>

                <input placeholder="请扫描托盘" v-model="container"></input>

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