| | |
| | | <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" |
| | |
| | | :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> |
| | |
| | | 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]) |
| | | } |
| | |
| | | } |
| | | }, |
| | | }) |
| | | }, |
| | | comb() { |
| | | console.log(this.barcode); |
| | | console.log(this.matnr); |
| | | } |
| | | } |
| | | } |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .flex1 { |
| | | flex: 1 |
| | | } |
| | | </style> |
| | | |