#

whycq

2023-10-06 4a89b7f5a8299d8b20e2d195bbcb6ff067de9da8

 pages/component/demo.vue

@@ -17,7 +17,12 @@
      
      <hr>
      
      <z-data-list class="data-list" v-for="it in zDataList"  @goDetail='goDetail' :list="it" :keyName="zDataKey"></z-data-list>
      <z-data-list class="data-list" v-for="it in zDataList"  @goDetail='goDetail' :list="it" ></z-data-list>
		
		
      <button @click="add">add</button>
		
      <hr>
      
      <!-- 垫高 -->
      <view style="height: 100rpx;"></view>
@@ -25,6 +30,7 @@
</template>

<script>
   import addMat from '../api/addMat.js'
   export default {
      data() {
         return {
@@ -33,32 +39,7 @@
               {name: 'yyy',desc: '托盘码',val: '2',lenCheck: 8,focus: false},
               {name: 'aaa',desc: '物料码',btn: true,btnName: '提取',placeholder: '',val: '1',focus: false}
            ],
            zDataList: [
               {
                  detl: [
                     {key: '商品码',value: '3CPPJ.B.GMB.LZ.QBY4-10/15P316LL'},
                     {key: '商品名称',value: '不锈钢立柱'},
                     {key: '规格',value: 'QBY4-10/15P316LLZ'},
                     {key: '数量',value: 10},
                  ],
               },
               {
                  detl: [
                     {key: '商品码',value: '3CPPJ.B.GMB.LZ.'},
                     {key: '商品名称',value: '立柱'},
                     {key: '规格',value: '15P316LLZ'},
                     {key: '数量',value: 8},
                  ],
               }
            ],
            zDataKey: {str1: '物料编码',str2: '订单号', str3: '托盘码'},
            pData: [
               {key: '商品码',value: '3CPPJ.B.GMB.LZ.QBY4-10/15P316LL'},
               {key: '商品名称',value: '不锈钢立柱'},
               {key: '规格',value: 'QBY4-10/15P316LLZ'},
               {key: '数量',value: 10},
            ]
				
            zDataList: [],
         }
      },
      methods: {
@@ -66,8 +47,9 @@
         },
         ccc() {
         },
         aaa() {
				
         async add() {
            let mat = await addMat.addMat()
            this.zDataList.push(mat)
         },
         focus() {
            if (this.zInputList[0].focus) {
@@ -102,4 +84,8 @@
   .data-list:last-child {
      margin-bottom: 100px;
   }
   hr {
      margin-top: 10px;
      margin-bottom: 10px;
   }
</style>