防止重复点击问题

skyouc

2025-05-05 14fb952f65fba369cb7f52a802c0b21fa8e6e3e8

 pages/listing/disc.vue

@@ -6,7 +6,11 @@
            <input placeholder="请扫描容器号" v-model="container" focus></input>

            <text class='cuIcon-search text-blue' @click="getList"></text>

         </view>



         <view class="cu-form-group ">

            <view class="title">批次号</view>

            <input placeholder="请输入物料批次" v-model="batch"></input>

            <text class='text-blue'></text>

         </view>

         <view class="cu-form-group ">

            <view class="title">物料标签</view>

            <input placeholder="请扫描物料标签" v-model="barcode"></input>

@@ -36,7 +40,6 @@
                     <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>

                  </view>

               </view>



               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">ASN:</text>

@@ -45,7 +48,6 @@
                     <text class="text-grey ">{{item.asnCode}}</text>

                  </view>

               </view>



               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">物料条码:</text>

@@ -54,7 +56,6 @@
                     <text class="text-grey ">{{item.trackCode}}</text>

                  </view>

               </view>



               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">供应商批次:</text>

@@ -63,7 +64,6 @@
                     <text class="text-grey ">{{item.splrBatch}}</text>

                  </view>

               </view>



               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">库存批次:</text>

@@ -72,9 +72,6 @@
                     <text class="text-grey ">{{item.batch}}</text>

                  </view>

               </view>







               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">平台行号: <text class="text-grey ">{{item.platformId}}</text></text>

@@ -90,14 +87,16 @@
                  </view>

                  <view class="content">

                     <text class="text-black">收货数量: <text class="text-grey ">{{item.anfme}}</text></text>

                  </view>
                  <view class="content">
                     <text class="text-black">已上架数量: <text class="text-grey ">{{item.workQty + item.qty}}</text></text>
                  </view>

                  <view class="content">

                     <text class="text-black">已上架数量: <text

                           class="text-grey ">{{item.workQty + item.qty}}</text></text>

                  </view>

               </view>

               <view class="cu-item">
                  <view class="content">
                     <text class="text-black">可组盘数量: <text class="text-grey ">{{item.anfme - item.workQty}}</text></text>
               <view class="cu-item">

                  <view class="content">

                     <text class="text-black">可组盘数量: <text

                           class="text-grey ">{{item.anfme - item.workQty}}</text></text>

                  </view>

                  <view class="content">

                     <view class="cu-form-group padding-lr-0">

@@ -113,7 +112,7 @@
      </view>

      <view class="cu-bar btn-group foot">

         <button class="cu-btn text-blue line-blue shadow" @click="clear">清空</button>

         <button class="cu-btn bg-blue shadow-blur" @click="confirm">组盘</button>

         <button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="confirm">组盘</button>

      </view>



   </view>

@@ -133,10 +132,11 @@
      data() {

         return {

            barcode: '',

            container: '',
            container: '',

            megreQty: '',

            list: [],

            range: [],

            repeatClick: false,

            isconfirm: false

         }

      },

@@ -215,6 +215,7 @@
            this.isconfirm = false

         },

         async confirm() {

            this.repeatClick = true

            const newArr = this.list.map(item => {

               return {

                  ...item,

@@ -246,6 +247,7 @@
                  position: 'top'

               })

            }

            this.repeatClick = false

         },

      }

   }