#
whycq
2023-12-01 d8e6f395fea1419c73f6b6f0a2ddd75eac3eed84
pages/project/pakin/pakin.vue
@@ -1,22 +1,46 @@
<template>
   <view>
      <view class="head">
         <z-input v-for="it in input"
         :desc="it.title"
         :name="it.name"
         :btn="it.btn"
         :btn-name="it.btnName"
         v-model="it.val"
         :index="it.id"
         :lenCheck="it.lenCheck"
         :focus="it.focus"
         @inputVal='input2'
         ></z-input>
         <z-input :desc="input1.title"
            :name="input1.name"
            :btn="input1.btn"
            :btn-name="input1.btnName"
            v-model="barcode"
            :index="input1.id"
            :lenCheck="input1.lenCheck"
            :focus="input1.focus"
            @inputVal='input3'
         />
         <z-input
         :desc="input2.title"
         :name="input2.name"
         :btn="input2.btn"
         :btn-name="input2.btnName"
         v-model="matnr"
         :index="input2.id"
         :lenCheck="input2.lenCheck"
         :focus="input2.focus"
         @inputVal='input3'
         />
      </view>
      <!-- 基本属性绑定 -->
      <!-- 光标复位 -->
      <!-- 长度判断 -->
      
      <u-sticky  >
         <view class="sticky">商品列表</view>
         <view class="sticky">
            <view class="flex1">开启键盘</view>
            <view class="flex1">商品列表</view>
            <view class="flex1"></view>
         </view>
      </u-sticky>
      <view>barcode:{{barcode}}</view>
      <!-- <zzz v-model="barcode" @change1='change' @input="inputz"></zzz> -->
      <view>matnr:{{matnr}}</view>
      <!-- <zzz v-model="matnr" @change1='change' @input="inputz"></zzz> -->
      
      <z-data-list class="data-list"
         v-for="(it,i) in zDataList" 
@@ -24,20 +48,14 @@
         :lable="lable" 
         :fields="it"
         :index="i+1"
         @goDetail='goDetail(it.detl,i)'
         @goDetail='goDetail(it,i)'
      ></z-data-list>
      <!-- 垫高 -->
      <view style="height: 100rpx;"></view>
      
      <view class="z-floor">
         <view class="z-default">重置</view>
         <view class="z-primary">组托</view>
         <view class="z-primary" @click="comb">组托</view>
      </view>
      
   </view>
@@ -49,22 +67,36 @@
   export default {
      data() {
         return {
            zDataList: [
               // {matnr: 'A1001',maktx: '1号物料',count: 99},
               // {matnr: 'A1002',maktx: '2号物料',count: 77},
               // {matnr: 'A1002',maktx: '2号物料',count: 77}
            ],
            zDataList: [ ],
            barcode: '80009991',
            matnr: '',
            inputCode: '托盘码',
         }
      },
      onShow() {
         // console.log(this.page);
      },
      computed: mapState({
         input: state => state.project.menu[0].page.input,
         input1: state => state.project.menu[0].page.input[0],
         input2: state => state.project.menu[0].page.input[1],
         xInput: state => state.project.menu[0].page.input1,
         lable: state => state.project.menu[0].page.lable
      }),
      methods: {
         input2(arr) {
         inputz() {
            // console.log(this.barcode);
            console.log(this.matnr);
         },
         change() {
            // console.log(this.barcode);
            // console.log(this.matnr);
         },
         scanCode(data) {
            // console.log(data);
         },
         input3(arr) {
            if(arr[1] == 'matnr') {
               this.getMat(arr[0])
            }
@@ -95,6 +127,10 @@
                  }
               },
            })
         },
         comb() {
            console.log(this.barcode);
            console.log(this.matnr);
         }
      }
   }
@@ -113,5 +149,8 @@
      align-items: center;
      justify-content: center;
   }
   .flex1 {
      flex: 1
   }
</style>