#

whycq

2022-09-23 d2c57ec06d66b13e3a79cac3ebc1d3dad3679153

 pages/user/user.vue

@@ -1,8 +1,73 @@
<template>
   <view class="">
      <scroll-view class="scroll-Y">
         <button size="mini" @click="up">btn</button>
         <view style="margin: 2%;border-radius: 5rpx;background-color: #fff;width: 96%;min-height: 50rpx;
         box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);">
            <y-title title="title" />
         </view>
         <y-input title="商品码" @input="show" v-model="matnr" placeholder=" 扫码 / 输入"/>
         <y-input title="库位码" @input="show" v-model="locno"/>
         <y-input title="托盘码" v-model="barcode" />
         <y-input title="订单码" v-model="orderNo"></y-input>
         <y-input-btn title="订单码" v-model="orderNo" btnTitle="提取+" @confrim="changge"></y-input-btn>
         <view>商品码：{{matnr}}</view>
         <view>库位码：{{locno}}</view>
         <view>托盘码：{{barcode}}</view>
         <view>订单码：{{orderNo}}</view>
      </scroll-view>
   </view>
</template>

<script>
   export default {
      data () {
         return {
            scrollY:true,
            matnr:'1100878-10000-21074558989',
            locno: '0100509',
            barcode: '80006098',
            orderNo: 'JK20220923',
            matList: [{id:1},{id:2},{id:1},{id:2},{id:2},
            {id:1},{id:2},{id:2},{id:1},{id:2},{id:2},{id:1},
            {id:2},{id:2},{id:1},{id:2},{id:2},{id:1},{id:2}]
				
         }
      },
      methods: {
         open() {
            this.$refs.yPopup.open('center')
         },
         up() {
            this.matnr = ''
            console.log(this.matnr);
         },
         show() {
            console.log(this.matnr,this.locno);
         },
         changge() {
            this.matnr = ''
            console.log(this.barcode,this.orderNo);
         },
         clear() {
            console.log(this.barcode,this.orderNo);
         }
      }
	
   }
</script>

<style>
   .vv {
      width: 100%;height: 100rpx;
		
   }
   .bb {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
   }
</style>