#

whycq

2023-10-08 30991d69333a9f7e4ab31c6012d23159077a1d0e

 pages/project/demo/home/home.vue

@@ -1,8 +1,168 @@
<template>
   <view>
      <z-input v-for="it in zInputList" 
         :desc="it.desc" :btn="it.btn" :btn-name="it.btnName" v-model="it.val" 
         :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)'>
      </z-input>
      <view>输入框1</view>
      <view>{{zInputList[0].val}}</view>
		
      <view>输入框2</view>
      <view>{{zInputList[1].val}}</view>
		
      <view>输入框2</view>
      <view>{{zInputList[2].val}}</view>
		
      <button @click="focus">focus</button>
		
      <hr>
		
      <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>
		
		
      <button @click="add">add</button>
		
      <hr>
		
      <!-- 垫高 -->
      <view style="height: 100rpx;"></view>
   </view>
</template>

<script>
   import addMat, { isEmpty } from '@/pages/api/addMat.js'
   export default {
      data() {
         return {
            zInputList: [ 
               {name: 'ccc',desc: '订单号',btn: true,btnName: '阿斯顿',val: 'orderNo',focus: true},
               {name: 'yyy',desc: '托盘码',val: '2',lenCheck: 8,focus: false},
               {name: 'aaa',desc: '物料码',btn: true,btnName: '提取',placeholder: '',val: '1',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},
                  ]
               }
            ],
         }
      },
      methods: {
         entry(e) {
         },
         ccc() {
         },
         async add() {
            let mat = await addMat.addMat()
            if (!addMat.isEmpty(mat)) {
               this.zDataList.push(mat)
            }
         },
         focus() {
            if (this.zInputList[0].focus) {
               this.zInputList[0].focus = false
               this.zInputList[1].focus = true
               this.zInputList[2].focus = false
            } else if (this.zInputList[1].focus){
               this.zInputList[0].focus = false
               this.zInputList[1].focus = false
               this.zInputList[2].focus = true
            } else {
               this.zInputList[0].focus = true
               this.zInputList[1].focus = false
               this.zInputList[2].focus = false
            }
				
         },
         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)
                  }
               },
            })
         }
      }
		
   }
</script>

<style>
   .data-list {
		
   }
   .data-list:last-child {
      margin-bottom: 100px;
   }
   hr {
      margin-top: 10px;
      margin-bottom: 10px;
   }
</style>