#

whycq

2022-02-28 75ea1362b54946c8a8b6aa8260c2f4e5843154ab

 pages/basics/combPro.vue

@@ -14,34 +14,38 @@
         <uni-table ref="table" border stripe emptyText="暂无更多数据" type="selection" @selection-change="selectionChange">
            <uni-tr>
               <uni-th align="center" width="90">数量</uni-th>
               <uni-th align="center" width="90">组托数量</uni-th>
               <uni-th align="center" width="90">产品代号</uni-th>
               <uni-th align="center" width="90">产品编码</uni-th>
               <uni-th align="center" width="90">产品名称</uni-th>
               <uni-th align="center" width="90">序号</uni-th>
               <uni-th align="center" width="90">批号</uni-th>
               <uni-th align="center" width="200">组托数量</uni-th>
					
               
            </uni-tr>
            <uni-tr v-for="(item, index) in matData" :key="index">
               <uni-td align="center">{{item.count}}</uni-td>
               <uni-td align="center">
                  <button class ="cu-btn bg-orange margin-xs" @click="confirm(index,item)">修 改</button>
                  <!-- <button class="uni-button" size="mini" type="warn" @click="remove(index,item)">删除</button> -->
               </uni-td>
               <uni-td align="center">{{item.size}}</uni-td>
               <uni-td align="center">{{item.matNo}}</uni-td>
               <uni-td align="center">{{item.matName}}</uni-td>
               <uni-td align="center">{{item.seqNo}}</uni-td>
               <uni-td align="center">{{item.itemBatch}}</uni-td>
               <uni-td align="center">
                  <button class="uni-button" size="mini" type="primary" @click="confirm(index,item)">修改</button>
                  <button class="uni-button" size="mini" type="warn" @click="remove(index,item)">删除</button>
               </uni-td>
					
            </uni-tr>
         </uni-table>
      </view>
      <view>
         <button class ="delTable" @click="delTable">批量删除</button>
      <view class="flex solid-bottom  justify-between">
         <button class ="cu-btn bg-red margin-xs" @click="delTable">批量删除</button>
         <button class ="cu-btn bg-olive margin-xs" @click="reSelection">反选</button>
         <button class ="cu-btn bg-cyan margin-xs" @click="clearSel">清空选择</button>
      </view>
      <view>
         <button class="cu-btn bg-yellow pda-btn" @click="comb()">组 托</button>
         <button class="cu-btn bg-grey pda-btn" @click="reset">重 置</button>
      <view class="flex solid-bottom padding justify-around">
         <button class="cu-btn bg-yellow  lg" @click="comb()">组 托</button>
         <button class="cu-btn bg-grey lg" @click="reset">重 置</button>
      </view>
      <view>
         <!-- 提示信息弹窗 -->
@@ -78,6 +82,7 @@
            couChange:true,
            baseIP:'',
            selectArr : [],
            selectedIndexs:[],
            
            
         }
@@ -90,23 +95,50 @@
         // 多选
         selectionChange(e) {
            // 获取选中状态
            console.log(e.detail.index)
            this.selectedIndexs = e.detail.index
            this.selectedIndexs.sort(function(a,b){
               return a-b
            });// 重新排序（升序）
         },
			
         // 全选
         // 批量删除的方法
         toggleSelection(rows) {
            console.log(rows)
            if (rows) {
            this.$refs["table"].toggleAllSelection(rows);
            } else {
               this.$refs["table"].clearSelection();
            }
         },
         //批量删除
         delTable() {
            //实现全选删除和多选删除
            let len = this.selectedIndexs.length
            for (let i = 0; i < len; i++) {
               this.matData.splice(this.selectedIndexs[i],1)
            // len.forEach(index => {
            //    console.log(index)
            //            this.matData.splice(index,1);
            //          })
            for (let i = len-1; i >= 0; i--) {
               console.log(this.selectedIndexs[i])
               this.matData.splice(this.selectedIndexs[i],1)   // splice删除数组会改变原数组，所以需要逆向删除
            }
            this.selectedIndexs = ''
            this.$refs["table"].clearSelection(); // 清空选择
            
         },
         // 反选
         reSelection(){
            this.toggleSelection(this.selectedIndexs)
         },
         // 清空
         clearSel() {
            this.toggleSelection()
         },
            reset:function() {
               this.billNo = '';
               this.code = '';
               this.matData = []
               this.matData = [];
               this.toggleSelection()
            },
            messageToggle(type) {
               this.msgType = type