| | |
| | | @input="findOrder()"> |
| | | </view> |
| | | <view class="item"> |
| | | <input type="text" placeholder=" 扫码 / 输入 料箱码" v-model="barcode" :focus="barcodeFocus" |
| | | <input type="text" placeholder=" 扫码 / 输入 货架码" v-model="barcode" :focus="barcodeFocus" |
| | | @input="barcodeInput()"> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="dropdown" @click="toggleDropdown()"> |
| | | <input type="text" style="width: 650rpx;" v-model="containerType"> |
| | | <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 selects" @click="selected(option)">{{option}}</view> |
| | | </scroll-view> |
| | | </view> |
| | | </view> |
| | | <view class="item"> |
| | | <input type="text" placeholder=" 扫码 / 输入 暂存位" v-model="stationCode" :focus="stationCodeFocus" |
| | |
| | | barcode: '', |
| | | orderNo: '', |
| | | stationCode: '', |
| | | containerType: '', |
| | | dataList: [], |
| | | count: 0, |
| | | rowNum: '', |
| | |
| | | flag: 0, |
| | | tempOrderInfo: {csocode: '',isoseq: ''}, |
| | | hide: true, |
| | | hidebg: 'kb-bgtr' |
| | | hidebg: 'kb-bgtr', |
| | | isOpen: false, |
| | | selects: ['1号','2号'] |
| | | } |
| | | }, |
| | | onLoad() { |
| | |
| | | } else { |
| | | this.hidebg = 'kb-bgfa' |
| | | } |
| | | }, |
| | | toggleDropdown() { |
| | | this.isOpen = !this.isOpen |
| | | }, |
| | | selected(option) { |
| | | this.containerType = option |
| | | }, |
| | | findOrder() { |
| | | let that = this |
| | |
| | | /* font-family: PingFang SC; uniapp 默认字体不居中 */ |
| | | font-size: 36upx; |
| | | font-family: PingFang SC; |
| | | width: 55vw; |
| | | |
| | | } |
| | | |
| | |
| | | text-align: center; |
| | | box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); |
| | | } |
| | | .dropdown { |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 0rpx 20rpx; |
| | | } |
| | | .dropdown-content { |
| | | position: absolute; |
| | | top: calc(100% + 15rpx); |
| | | left: 0; |
| | | width: calc(100% - 20rpx); |
| | | max-height: 300rpx; |
| | | background-color: #fff; |
| | | box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); |
| | | border-radius: 8rpx; |
| | | z-index: 10; |
| | | } |
| | | .dropdown-item { |
| | | padding: 12rpx; |
| | | line-height: 1.2; |
| | | font-size: 12rpx; |
| | | color: #3a3a3a; |
| | | } |
| | | </style> |