#

whycq

2024-03-21 418263683eff6d18fe197a1543e5346491987688

 pages/tzsk/AGV/orderList.vue

@@ -1,9 +1,14 @@
<template>
   <view>
      <view class="code">
         <uni-search-bar :focus="matFocus" v-model="matnr"  @input="matInput()"
            @cancel="cancel" @clear="clear" placeholder="输入 / 扫描商品">
         <uni-search-bar :focus="matFocus" v-model="matnr"  @input="matInput()" ma
            maxlength="500" ancel="cancel" @clear="clear" placeholder="输入 / 扫描商品">
         </uni-search-bar>
         <view class="code-title">
            <view></view>
            <view>商品列表</view>
            <view @click="allChecked">{{allCheckBtnTitle}}</view>
         </view>
      </view>
      <view class="list" v-for="(item,i) in dataList">
         <view class="list-left">
@@ -13,12 +18,13 @@
            <view>数量：{{item.anfme}}</view>
            <view class="card-id">{{i + 1}}</view>
         </view>
         <view class="list-right">
            <label @click="checkboxChange(item)">
               <checkbox :value="item.orderNo" color="#FFCC33" style="transform:scale(0.7)" /><text></text>
         <view class="list-right" @click="checkboxChange(item)">
            <label >
               <checkbox :value="item.orderNo" :checked="item.checked" color="#FFCC33" style="transform:scale(0.7)" /><text></text>
            </label>
         </view>
      </view>
      <view style="height: 100rpx;"></view>
   </view>
</template>

@@ -32,25 +38,121 @@
            dataList: [
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931255',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z',
                  checked: true
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '靠u黄金分割哈打赏黄金分割哈打赏黄金分割哈打赏',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931242',
                  matnr: 'cg0931241',
                  maktx: '靠u黄金分割哈打赏',
                  orderNo: 'cg0931241',
                  matnr: 'cg0931225',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               }
            ]
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
            ],
            oldDataList: [],
            newDataList: [],
            allCheck: false,
            allCheckBtnTitle: '全选'
         }
      },
      onShow() {
         this.oldDataList = [...this.dataList]
      },
      methods: {
         matInput() {
            let _this = this
				
            let count = 0
            let sign = 0
            this.dataList = [...this.oldDataList]
            this.newDataList = []
            for (let k in this.dataList) {
               if (!this.dataList[k].matnr.includes(this.matnr)) {
                  count++;
               } else {
                  this.newDataList.push(this.dataList[k])
               }
            }
            if (this.matnr != '') {
               for (let j in this.dataList) {
                  if (!this.dataList[j].maktx.includes(this.matnr)) {
                  } else {
                     for (let i in this.newDataList) {
                        if (this.newDataList[i].matnr ==  this.dataList[j].matnr) {
                           sign++
                        }
                     }
                     if (sign == 0) {
                        this.newDataList.push(this.dataList[j])
                     }
                  }
               }
            }
            this.dataList = this.newDataList
         },
         checkboxChange(e) {
            let items = this.dataList,
@@ -60,6 +162,26 @@
            } else {
               this.$set(e,'checked',true)
            }
         },
         allChecked() {
            if (this.allCheck) {
               this.allCheck = false
               this.allCheckBtnTitle = '全选'
            } else {
               this.allCheck = true
               this.allCheckBtnTitle = '取消'
            }
            for (let item of this.dataList) {
               if (this.allCheck) {
                  this.$set(item,'checked',true)
               } else {
                  this.$set(item,'checked',false)
               }
            }
         },
         clear() {
            this.matnr = ''
            this.dataList = [...this.oldDataList]
         }
      }
   }
@@ -68,6 +190,15 @@
<style>
   .code {
      background-color: #d9d9d9;
      z-index: 99;
      position: sticky;
      top: 80rpx;
      left: 0;
   }
   .code-title {
      display: flex;
      justify-content: space-around;
      height: 50rpx;
   }
   .list {
      margin: 20rpx;
@@ -103,4 +234,4 @@
      align-items: center;
      justify-content: center;
   }
</style>
</style>