#

whycq

2024-04-15 c1b491813b5312a6fc967905316ebdc325d77c41

#

 pages.json

@@ -630,6 +630,14 @@
                "enablePullDownRefresh": false
            }
            
        },
        {
            "path" : "pages/phyz/checkLocDetl/locDetlList",
            "style" : 
            {
                "navigationBarTitleText" : "库存明细",
                "enablePullDownRefresh" : false
            }
        }
    ],
    "globalStyle": {

 pages/phyz/checkLocDetl/locDetl.vue

@@ -3,17 +3,28 @@
        <view>当前库位号：{{locNo}}</view>
        <view>当前货架码：{{barcode}}</view>
        
        <view>
        <view class="list locSts-O">
            <view class="list-left">
            <view>实际库存</view>
            <view>库位号{{containerDetl.locNo}}</view>
            <view>货架码{{containerDetl.barcode}}</view>
            <view>库存品类{{containerDetl.count}}</view>
                <view>库位号：{{containerDetl.locNo}}</view>
                <view>货架码：{{containerDetl.barcode}}</view>
                <view>库存品类：{{containerDetl.count}}</view>
        </view>
        <view v-if="locDetlShow">
            <view class="list-right" @click="goToLocDetl(containerDetl)">
                <uni-icons type="right" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
		
        <view class="list locSts-D" v-if="locDetlShow">
            <view class="list-left">
            <view>数据库存</view>
            <view>库位号{{locDetl.locNo}}</view>
            <view>货架码{{locDetl.barcode}}</view>
            <view>库存品类{{locDetl.count}}</view>
                <view>库位号：{{locDetl.locNo}}</view>
                <view>货架码：{{locDetl.barcode}}</view>
                <view>库存品类：{{locDetl.count}}</view>
            </view>
            <view class="list-right" @click="goToLocDetl(locDetl)">
                <uni-icons type="right" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
        
        <!-- 底部操作按钮 -->
@@ -34,12 +45,14 @@
                containerDetl: {
                    locNo: '',
                    barcode: '',
                    count: ''
                    count: '',
                    data: []
                },
                locDetl: {
                    locNo: '',
                    barcode: '',
                    count: ''
                    count: '',
                    data: []
                },
                dataList: [],
                locDetlShow: false
@@ -55,6 +68,7 @@
            eventChannel.on('item', function(data) {
                console.log(data);
                _this.locNo = data.item.locNo
                _this.barcode = data.item.barcode
                _this.getLocDetl(data.item.locNo,data.item.barcode)
            })
        },
@@ -75,6 +89,7 @@
                                _this.containerDetl.locNo = res.data.containerCode[0].locNo
                                _this.containerDetl.barcode = res.data.containerCode[0].suppCode
                                _this.containerDetl.count = res.data.containerCode.length
                                _this.containerDetl.data = res.data.containerCode
                            }
                            
                            if (res.data.locNo.length > 0) {
@@ -82,7 +97,11 @@
                                && res.data.containerCode[0].suppCode == res.data.locNo[0].suppCode) {
                                    _this.locDetlShow = false
                                } else {
									
                                    _this.locDetlShow = true
                                    _this.locDetl.locNo = res.data.locNo[0].locNo
                                    _this.locDetl.barcode = res.data.locNo[0].suppCode
                                    _this.locDetl.count = res.data.locNo.length
                                    _this.locDetl.data = res.data.locNo
                                }
                                
                            }
@@ -91,6 +110,24 @@
                        }
                    }
                })
            },
            goToLocDetl(item) {
                let _this = this
                uni.navigateTo({
                    url: "./locDetlList",
                    success: function(res) {
                        // 通过eventChannel向被打开页面传送数据   向另外一个页面传递值的
                        res.eventChannel.emit('item', {
                            item: item
                        })
                    },
                    events: {
                        // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据  另外一个页面传过来的
                        acceptDataFromOpenedPage: function(data) {
                            _this.searchValueFocus = true
                        }
                    },
                });
            }
        }
    }
@@ -98,4 +135,12 @@

<style>
    @import url('../../../static/css/common/order.css');
    .locSts-D {
        color: #FFF;
        background-color: #daad25;
    }
    .locSts-O {
        color: #FFF;
        background-color: #55aaff;
    }
</style>

 pages/phyz/checkLocDetl/locDetlList.vue

New file
@@ -0,0 +1,52 @@
<template>
    <view>
        <view class="list list-font-color" :class="locMast.color" v-for="(locMast,index) in dataList" :key="index">
            <view class="list-left">
                <view class="detl-threeCode">{{locMast.locNo}}</view>
                <view>库位状态：{{locMast.locSts$}}</view>
                <view>库位类型：{{locMast.locType1$}}</view>
                <view>货架码：{{locMast.barcode}}</view>
                <view style="display: flex;">
                    <view style="flex:1">排：<text style="font-size: 22px;font-weight: bold;">{{locMast.row1}}</text></view>
                    <view style="flex:1">列：<text style="font-size: 22px;font-weight: bold;">{{locMast.bay1}}</text></view>
                    <view style="flex:1">层：<text style="font-size: 22px;font-weight: bold;">{{locMast.lev1}}</text></view>
                </view>
            </view>
            <view class="list-right" @click="goToLocDetl(locMast)">
                <uni-icons type="right" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                baseUrl: '',
                token: '',
                dataList: []
				
            }
        },
        onShow() {
            let _this = this
            this.baseUrl = uni.getStorageSync('baseUrl');
            this.token = uni.getStorageSync('token');
            // const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE
            const eventChannel = this.getOpenerEventChannel();
            // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
            eventChannel.on('item', function(data) {
                console.log(data);
                _this.dataList = data.item.data
            })
        },
        methods: {
			
        }
    }
</script>

<style>
    @import url('../../../static/css/common/order.css');
</style>