| | |
| | | data() { |
| | | return { |
| | | dataList: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | // {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | // {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | // {key: '规格',value: '700*699*80'}, |
| | | // {key: '批号',value: '20231007204944',type: 'input'}, |
| | | // {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | ], |
| | | baseIP:'', |
| | | basePORT:'', |
| | |
| | | @inputVal='input2'> |
| | | </z-input> |
| | | </view> |
| | | |
| | | <u-sticky > |
| | | <view class="sticky">商品列表</view> |
| | | </u-sticky> |
| | | <view v-for="item in 100" style="margin: 8px;height: 100rpx;background-color: blueviolet;"> |
| | | {{item}} |
| | | </view> |
| | | |
| | | <z-data-list class="data-list" |
| | | v-for="(it,i) in zDataList" |
| | | :key="i" |
| | | :list="it.detl" |
| | | :index="i+1" |
| | | @goDetail='goDetail(it.detl,i)' |
| | | ></z-data-list> |
| | | |
| | | <!-- 垫高 --> |
| | | <view style="height: 100rpx;"></view> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | zInputList: [ |
| | | {id:1,name: 'barcode',desc: '托盘码',val: '2',lenCheck: 8,focus: true}, |
| | | {id:2,name: 'matnr',desc: '物料码',val: '',btn: true,btnName: '提取',placeholder: '',focus: false} |
| | | ], |
| | | zDataList: [ |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 1}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 2}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 3}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 4}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 5}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 1}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 2}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 3}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)5.2x25'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 4}, |
| | | ] |
| | | }, |
| | | { |
| | | detl: [ |
| | | {key: '商品码',value: 'LSH90152025',valText: 'val-text'}, |
| | | {key: '商品名称',value: '尼龙头(灰白)'}, |
| | | {key: '规格',value: '700*699*80'}, |
| | | {key: '批号',value: '20231007204944',type: 'input'}, |
| | | {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'}, |
| | | {key: '序号',value: 5}, |
| | | ] |
| | | } |
| | | ], |
| | | } |
| | | }, |
| | |
| | | }, |
| | | getMat(matnr) { |
| | | console.log(matnr); |
| | | }, |
| | | goDetail(param,index) { |
| | | let _this = this |
| | | uni.navigateTo({ |
| | | url: '/pages/common/data-list/dataDetail', |
| | | // 传 |
| | | success: function(data) { |
| | | data.eventChannel.emit('param', { |
| | | param: param, |
| | | index: index |
| | | }) |
| | | }, |
| | | // 接 |
| | | events: { |
| | | dataList: function(data) { |
| | | console.log(data); |
| | | }, |
| | | del: function(data) { |
| | | _this.zDataList.splice(data.data,1) |
| | | } |
| | | }, |
| | | }) |
| | | } |
| | | |
| | | } |
| | |
| | | |
| | | <style> |
| | | .sticky { |
| | | height: 50rpx; |
| | | height: 70rpx; |
| | | margin-top: -1px; |
| | | text-align: center; |
| | | background-color: #fff; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .data-list:last-child { |
| | | margin-bottom: 100rpx; |
| | | } |
| | | </style> |