#

whycq

2024-03-21 418263683eff6d18fe197a1543e5346491987688

 pages/tzsk/AGV/orderList.vue

@@ -4,6 +4,11 @@
         <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,49 +38,87 @@
            dataList: [
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931255',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z',
                  checked: true
               },
               {
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931242',
                  matnr: 'cg0931242',
                  maktx: '哈哈',
                  orderNo: 'cg0931241',
                  matnr: 'cg0931225',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931243',
                  matnr: 'cg0931243',
                  maktx: '哈哈',
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931244',
                  matnr: 'cg0931244',
                  maktx: '辣椒',
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931245',
                  matnr: 'cg0931245',
                  maktx: '44',
                  orderNo: 'cg0931241',
                  matnr: 'cg0931241',
                  maktx: '你好',
                  anfme: 10,
                  specs: '10-z'
               },
               {
                  orderNo: 'cg0931246',
                  matnr: 'cg0931246',
                  maktx: '41',
                  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: []
            newDataList: [],
            allCheck: false,
            allCheckBtnTitle: '全选'
         }
      },
      onShow() {
@@ -86,7 +130,6 @@
            let sign = 0
            this.dataList = [...this.oldDataList]
            this.newDataList = []
            this.searchEnd()
            for (let k in this.dataList) {
               if (!this.dataList[k].matnr.includes(this.matnr)) {
                  count++;
@@ -111,10 +154,6 @@
            }
            this.dataList = this.newDataList
         },
         searchEnd() {
				
				
         },
         checkboxChange(e) {
            let items = this.dataList,
            values = e.orderNo;
@@ -122,6 +161,22 @@
               this.$set(e,'checked',false)
            } 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() {
@@ -135,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;