#

whycq

2023-10-13 ed410791a62bb5dc11d8be22c42084c88aca78a9

 pages/project/ps/pakin/pakin.vue

@@ -14,12 +14,21 @@
            @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>

@@ -30,6 +39,108 @@
            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},
                  ]
               }
            ],
         }
      },
@@ -43,6 +154,28 @@
         },
         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)
                  }
               },
            })
         }
         
      }
@@ -51,7 +184,7 @@

<style>
   .sticky {
      height: 50rpx;
      height: 70rpx;
      margin-top: -1px;
      text-align: center;
      background-color: #fff;
@@ -59,4 +192,7 @@
      align-items: center;
      justify-content: center;
   }
   .data-list:last-child {
      margin-bottom: 100rpx;
   }
</style>