From 2e25e96baa73c7a26c71f3af1a14431b52ebf805 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 27 三月 2024 15:37:13 +0800 Subject: [PATCH] # --- pages/phyz/AGV/AGVPakin3.vue | 46 +++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 43 insertions(+), 3 deletions(-) diff --git a/pages/phyz/AGV/AGVPakin3.vue b/pages/phyz/AGV/AGVPakin3.vue index 1f45943..8074439 100644 --- a/pages/phyz/AGV/AGVPakin3.vue +++ b/pages/phyz/AGV/AGVPakin3.vue @@ -6,8 +6,17 @@ @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" @@ -150,6 +159,7 @@ barcode: '', orderNo: '', stationCode: '', + containerType: '', dataList: [], count: 0, rowNum: '', @@ -171,7 +181,9 @@ flag: 0, tempOrderInfo: {csocode: '',isoseq: ''}, hide: true, - hidebg: 'kb-bgtr' + hidebg: 'kb-bgtr', + isOpen: false, + selects: ['1鍙�','2鍙�'] } }, onLoad() { @@ -210,6 +222,12 @@ } else { this.hidebg = 'kb-bgfa' } + }, + toggleDropdown() { + this.isOpen = !this.isOpen + }, + selected(option) { + this.containerType = option }, findOrder() { let that = this @@ -689,7 +707,6 @@ /* font-family: PingFang SC; uniapp 榛樿瀛椾綋涓嶅眳涓� */ font-size: 36upx; font-family: PingFang SC; - width: 55vw; } @@ -716,4 +733,27 @@ 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> \ No newline at end of file -- Gitblit v1.9.1