|  |  | 
 |  |  |       <view class="form"> | 
 |  |  |          <view class="form-item"> | 
 |  |  |             <view class="form-item-desc"><text>商品编码</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{4561234}}</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{mat.matnr}}</text></view> | 
 |  |  |          </view> | 
 |  |  |          <view class="form-item"> | 
 |  |  |             <view class="form-item-desc"><text>商品名称</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{"45681asda"}}</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{mat.maktx}}</text></view> | 
 |  |  |          </view> | 
 |  |  |          <view class="form-item"> | 
 |  |  |             <view class="form-item-desc"><text>规格</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{"45681asda"}}</text></view> | 
 |  |  |             <view class="form-item-content"><text>{{mat.specs}}</text></view> | 
 |  |  |          </view> | 
 |  |  |          <view class="form-item"> | 
 |  |  |             <view class="form-item-desc"><text>批号</text></view> | 
 |  |  |             <view class="form-item-content"> | 
 |  |  |                <view class="form-input"> | 
 |  |  |                   <input type="text"> | 
 |  |  |                   <input type="text" v-model="mat.batch"> | 
 |  |  |                </view> | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |          <view class="form-item"> | 
 |  |  |             <view class="form-item-desc"><text>数量</text></view> | 
 |  |  |             <view class="form-item-content"> | 
 |  |  |                <uni-number-box :max="99999999" :step='1' color="#747474" /> | 
 |  |  |                <uni-number-box :value="mat.anfme" :max="99999999" :step='1' color="#747474" @change="changeValue" /> | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <!-- 底部操作按钮 --> | 
 |  |  |       <view class="buttom"> | 
 |  |  |          <button size="mini" type="primary">提取</button> | 
 |  |  |          <button size="mini" type="primary" @click="back()">提取</button> | 
 |  |  |       </view> | 
 |  |  | 		 | 
 |  |  |       <view class="keyboard" :class="hidebg" mode="aspectFit" @click="hideKeyboard"> | 
 |  |  |          <image src="@/static/img/keyboard1.png" style="height: 70%;width: 70%;"></image> | 
 |  |  |       </view> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             mat: { | 
 |  |  |                matnr: null, | 
 |  |  |                maktx: null, | 
 |  |  |                specs: null, | 
 |  |  |                batch: null, | 
 |  |  |                anfme: 0, | 
 |  |  |             }, | 
 |  |  |             baseIP:'', | 
 |  |  |             basePORT:'', | 
 |  |  |             hide: true, | 
 |  |  |             hidebg: 'kb-bgtr' | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onLoad(option) { | 
 |  |  |          let that = this | 
 |  |  |          // #ifdef APP-NVUE | 
 |  |  |          const eventChannel = this.$scope.eventChannel; // 兼容APP-NVUE | 
 |  |  |          // #endif | 
 |  |  |          // #ifndef APP-NVUE | 
 |  |  |          const eventChannel = this.getOpenerEventChannel(); | 
 |  |  |          // #endif | 
 |  |  | 			 | 
 |  |  |          // 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据 | 
 |  |  |          eventChannel.on('mat', function(data) { | 
 |  |  |             that.mat = data.data | 
 |  |  |             that.mat.anfme = 0 | 
 |  |  |          }) | 
 |  |  |          // #ifdef APP | 
 |  |  |          setInterval(()=>{ | 
 |  |  |             if (this.hide) { | 
 |  |  |                uni.hideKeyboard() | 
 |  |  |             } else { | 
 |  |  | 					 | 
 |  |  |             } | 
 |  |  |          },20) | 
 |  |  |          // #endif | 
 |  |  | 			 | 
 |  |  |       }, | 
 |  |  |       onBackPress() { | 
 |  |  |          this.hide = false | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          hideKeyboard() { | 
 |  |  |             this.hide = this.hide ? false : true | 
 |  |  |             if (this.hide) { | 
 |  |  |                this.hidebg = 'kb-bgtr' | 
 |  |  |             } else { | 
 |  |  |                this.hidebg = 'kb-bgfa' | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          blur() { | 
 |  |  | 				 | 
 |  |  |          }, | 
 |  |  |          focus() { | 
 |  |  | 				 | 
 |  |  |          }, | 
 |  |  |          changeValue(value) { | 
 |  |  |             this.mat.anfme = value | 
 |  |  |          }, | 
 |  |  |          back() { | 
 |  |  |             if (this.mat.anfme === 0) { | 
 |  |  |                uni.showToast({title: '请输入数量', icon: "none", position: 'top'}); | 
 |  |  |                return; | 
 |  |  |             } | 
 |  |  |             this.getOpenerEventChannel().emit('matList', {data: this.mat}); | 
 |  |  |             uni.navigateBack({ | 
 |  |  | 					 | 
 |  |  |             }) | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style> |