// uniapp -原生复选框-解决点击复选框卡顿现象  --- 供PO越库 入库越库按钮用途
export default {
  data() {
    return {
      arrIds: [],
    };
  },
  watch: {
    // 监听复选框
    arrIds(newVal, oldVal) {
      console.log("newVal----" + newVal);
      console.log("oldVal----" + oldVal);
      if (newVal.length < oldVal.length) {
        for (var i = 0, lenI = oldVal.length; i < lenI; ++i) {
          const item = oldVal[i];
          if (!newVal.includes(item)) {
            console.log("取消了一个--------" + item);
            // this.handleCart(0, item);
          }
        }
      } else {
        for (var i = 0, lenI = newVal.length; i < lenI; ++i) {
          const item = newVal[i];
          if (!oldVal.includes(item)) {
            console.log("选中了一个--------" + item);
            // this.handleCart(1, item);
          }
        }
      }
    },
  },
  methods: {
    // 选中复选框
    checkboxChange: function (e) {
      var values = e.detail.value; //存放所有选中的id
      this.arrIds = values;
    },

    // 根据选中的key,更新提交的列表
    handleCart(type, itemHandle) {
      console.log(itemHandle);
      if (type == 1) {
        //选中
        let idx = this.singlist.findIndex((v) => v.key == itemHandle);
        if (idx > -1) {
          let idx3 = this.arr.findIndex((v) => v.key == itemHandle);
          if (idx3 == -1) {
            this.arr.push(this.singlist[idx]);
          }
        }
      }
      if (type == 0) {
        //取消
        let idx2 = this.arr.findIndex((v) => v.key == itemHandle);
        if (idx2 > -1) {
          this.arr.splice(idx2, 1);
        }
      }
    },
  },
};