#

whycq

2024-04-16 779ba53262c5af34dbd03feffbdd45b68f24314e

#

 pages/phyz/checkLocDetl/locDetl.vue

@@ -27,8 +27,32 @@
            </view>
        </view>
        
        <!-- 弹窗 -->
        <view>
            <uni-popup ref="chageDetl" type="dialog">
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title">修改库位状态</view>
                    <view class="popup-item">
                        <view class="dropdown" @click="toggleDropdown()">
                            <input type="text" style="width: 270rpx;" v-model="locSts" placeholder="更改为">
                            <uni-icons :type="isOpen ? 'top' : 'bottom'" color="#c1c1c1" style="margin-left: 10rpx;"></uni-icons>
                            <scroll-view scroll-y="ture" class="dropdown-content" v-if="isOpen">
                                <view class="dropdown-item" v-for="option in locStss" @click="selected(option)">{{option.title}}</view>
                            </scroll-view>
                        </view>
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="remove()">取消</view>
                        <view class="btn-right" @click="changeCount()">修改</view>
                    </view>
                </view>
            </uni-popup>
        </view>
		
        <!-- 底部操作按钮 -->
        <view class="buttom">
            <button size="mini" type="primary" @click="changeSts('warn')">更改库位状态</button>
            <button size="mini" type="primary" @click="agvStart('warn')">纠正库位</button>
        </view>
    </view>
@@ -55,7 +79,15 @@
                    data: []
                },
                dataList: [],
                locDetlShow: false
                locDetlShow: false,
                isOpen: false,
                locSts: '',
                locStss: [
                    {title: 'F.在库',val: 'F'},
                    {title: 'D.空桶/空栈板',val: 'D'},
                    {title: 'O.空库位',val: 'O'},
                    {title: 'X.禁用',val: 'X'},
                ]
            }
        },
        onShow() {
@@ -128,6 +160,15 @@
                        }
                    },
                });
            },
            toggleDropdown() {
                this.isOpen = !this.isOpen;
            },
            changeSts() {
                this.$refs.chageDetl.open()
            },
            selected(option) {
                this.locSts = option.title
            }
        }
    }
@@ -143,4 +184,68 @@
        color: #FFF;
        background-color: #55aaff;
    }
    .popup {
        width: 80vw;
        min-height: 100rpx;
        background-color: #FFF;
        border-radius: 25rpx;
        position: relative;
    }
    .title {
        height: 100rpx;
        line-height: 100rpx;
        width: 100%;
        color: #606266;
        text-align: center;
        font-size: 16px;
    }
    .popup-item {
        height: 80rpx;
        line-height: 80rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup-item-left {
        width: 16vw;
        padding-right: 20rpx;
        text-align: right;
        color: #606266;
    }
    .popup-item-right {
        display: flex;
        align-items: center;
        width: 50vw;
        height: 50rpx;
        padding: 2px 5px;
        border: 1px solid #E4E7ED;
        border-radius: 5rpx;
    }
    .popup-item-right input{
        color: #606266;
    }
    .btn {
        display: flex;
        height: 90rpx;
        margin-top: 20rpx;
        border-top: 1px solid #DCDFE6;
        justify-content: center;
        align-items: center;
    }
    .btn-left {
        display: flex;
        flex: 1;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #e2231a;
        border-right: 1px solid #DCDFE6;
    }
    .btn-right {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        color: #409EFF;
    }
</style>