#

whycq

2024-04-05 09ed9f6fdc2e1099e4fa42acc9430259679db5e6

#

 pages/phyz/stationManage/stationDetl.vue

@@ -2,11 +2,28 @@
    <view>
        <!-- 站点详情 -->
        <view class="station" :class="station.style" >
            <view class="station-title">{{station.devNo}}</view>
            <view class="mt-flex">
                <view class="station-title" style="flex: 1;">{{station.devNo}}</view>
                <view><button size="mini" :loading="reload.loading" @click="reloadStation()">{{reload.loadingText}}</button></view>
            </view>
            <view>站点类型：{{station.locType1$}}区</view>
            <view>货架前两位：{{station.locType2$}}</view>
            <view>站点状态：{{station.locSts$}}</view>
            <view>货架码：{{station.barcode}}</view>
            <view class="mt-flex">
                <view class="station-barcode" style="flex: 1">货架码：<text>{{station.barcode ? station.barcode : '--'}}</text></view>
                <view v-if="station.barcode"><button size="mini" type="warn">解除绑定</button></view>
            </view>
        </view>
		
		
		
		
		
		
        <!-- 底部操作按钮 -->
        <view class="buttom">
            <button size="mini" type="primary" @click="containerMoveOut(searchValue)">确认出库</button>
            <button size="mini" type="primary" @click="pickIn(searchValue)">已拣料回库</button>
        </view>
    </view>
</template>
@@ -16,7 +33,10 @@
        data() {
            return {
                station: null,
				
                reload: {
                    loading: false,
                    loadingText: '更新状态'
                }
            }
        },
        onLoad() {
@@ -32,12 +52,53 @@
            })
        },
        methods: {
			
            reloadStation()  {
                let _this = this
                _this.reload.loading = true
                _this.reload.loadingText = '更新中...'
                uni.request({
                    url: `${_this.baseUrl}/agv/basDevp/list/auth`,
                    header: {'token': uni.getStorageSync('token')},
                    data: {
                        curr: 1,
                        limit: 1000,
                        dev_no: _this.station.devNo
                    },
                    method: 'GET',
                    success(res) {
                        res = res.data
                        if (res.code === 200) {
                            setTimeout(()=>{
                                for  (let k of res.data.records) {
                                    if (k.locSts != 'O') {
                                        k['style'] = 'station-wrk'
                                    } else {
                                        k['style'] = 'station-nowrk'
                                    }
                                }
                                _this.station = res.data.records[0]
                                _this.reload.loading = false
                                _this.reload.loadingText = '更新状态'
                            },500)
                        } else if (res.code == 403) {
                            uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                            setTimeout(() => {
                                uni.reLaunch({
                                    url: '../login/login'
                                });
                            }, 1000);
                        } else {
                            uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                        }
                    }
                })
            }
        }
    }
</script>

<style>
    @import url('../../../static/css/common/order.css');
    .station-title {
        font-size: 32px;
        font-weight: bold;
@@ -47,6 +108,11 @@
        font-size: 18px;
        padding: 24rpx;
    }
    .station-barcode {
        font-size: 24px;
        font-weight: bold;
        padding: 24rpx 0;
    }
    .station-wrk {
        background-color: #ff7356;
        color: #fff;

 static/css/common/order.css

@@ -118,4 +118,8 @@
        line-height: 1;
        font-size: 32rpx;
        color: #3a3a3a;
    }
    .mt-flex {
        display: flex;
        align-items: center;
    }