| | |
| | | <template> |
| | | <view > |
| | | <scroll-view scroll-y catch:touchmove="touchmove"> |
| | | <view class="pak-seach-box"> |
| | | <view class="square-2"> |
| | | <view class="square-title"> |
| | | <view class="title-sign"><view class="sign"></view></view> |
| | | <view class="title-text"><text>托盘条码</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input"> |
| | | <input v-model="barcode" type="text" placeholder="扫码 / 输入" maxlength="8" |
| | | :focus="barcodeFocus" @focus="focuss"> |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- <view class="pak-seach-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">托盘条码</text> |
| | |
| | | <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeBarcode()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | |
| | | <view class="square-2"> |
| | | <view class="square-title"> |
| | | <view class="title-sign"><view class="sign"></view></view> |
| | | <view class="title-text"><text>单据编号</text></view> |
| | | </view> |
| | | <view class="square-content"> |
| | | <view class="content-input"> |
| | | <input v-model="order" type="text" placeholder="扫码 / 输入" @input="findOrder()" |
| | | :focus="focus" @focus="focuss"> |
| | | <uni-icons type="closeempty" size="20" color="#dadada" @click="removeOrder()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="pak-seach-box"> |
| | | |
| | | <!-- <view class="pak-seach-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">单据编号</text> |
| | |
| | | <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeOrder()"></uni-icons> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | <view class="square-1"> |
| | | <view class="square-title"> |
| | | <view class="title-sign"><view class="sign"></view></view> |
| | | <view class="title-text"><text>商品列表</text></view> |
| | | </view> |
| | | </view> |
| | | <view class="pak-data-box"> |
| | | <view class="square-none" v-show="orderList.length === 0"> |
| | | <view class="v-show">暂无更多数据...</view> |
| | | </view> |
| | | |
| | | <!-- <view class="pak-data-box"> |
| | | <view class="box-top"> |
| | | <view class="color-block-blue"></view> |
| | | <text class="title">商品列表</text> |
| | |
| | | </view> |
| | | <view class="pak-data-box" v-show="orderList.length === 0"> |
| | | <view style="text-align: center;">暂无更多数据</view> |
| | | </view> |
| | | </view> --> |
| | | <checkbox-group> |
| | | <view v-for="(item,index) in orderList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > |
| | | <view class="data-list-left"> |
| | |
| | | data() { |
| | | return { |
| | | barcode: '', |
| | | barcodeFocus:true, |
| | | focus:false, |
| | | type: 'center', |
| | | searchBox: 'hide', |
| | | pick:'hide', |
| | |
| | | this.basePORT = UPORT |
| | | }, |
| | | methods: { |
| | | focuss() { |
| | | uni.hideKeyboard() |
| | | }, |
| | | resst() { |
| | | this.orderList = [] |
| | | this.barcode = '' |
| | |
| | | removeBarcode() { |
| | | this.barcode = '' |
| | | uni.vibrateShort(); |
| | | this.barcodeFocus = false; |
| | | this.$nextTick(function() { |
| | | this.barcodeFocus = true; |
| | | }); |
| | | }, |
| | | removeOrder() { |
| | | this.order = '' |
| | | uni.vibrateShort(); |
| | | this.focus = false; |
| | | this.$nextTick(function() { |
| | | this.focus = true; |
| | | }); |
| | | }, |
| | | eject(type) { |
| | | this.type = type |