#
whycq
2024-11-28 248ef3ba3de9994dc83d2b36690542893f9fb6e6
pages/mat/matSelected.vue
@@ -3,39 +3,117 @@
      <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>