| | |
| | | >搜索</Button |
| | | > |
| | | </div> |
| | | <div class="query-item"> |
| | | <Checkbox v-model="selectAll" @on-change="handleSelectAll">全选</Checkbox> |
| | | </div> |
| | | |
| | | </div> |
| | | <div> |
| | | <div |
| | |
| | | type: "multiple", //单选或者多选 single multiple |
| | | skuList: [], // 商品sku列表 |
| | | total: 0, // 商品总数 |
| | | selectAll:false, |
| | | goodsParams: { |
| | | // 商品请求参数 |
| | | pageNumber: 1, |
| | |
| | | this.init(); |
| | | }, |
| | | methods: { |
| | | handleSelectAll(){ |
| | | |
| | | if (this.selectAll){ |
| | | this.goodsData.forEach(item =>{ |
| | | item.selected = true; |
| | | const isExist = this.selectedWay.some(selectedItem => selectedItem.id === item.id); |
| | | if (!isExist) { |
| | | this.selectedWay.push(item); |
| | | } |
| | | }) |
| | | |
| | | }else{ |
| | | this.goodsData.forEach(item =>{ |
| | | item.selected = false; |
| | | const index = this.selectedWay.findIndex( |
| | | selectedItem => selectedItem.id === item.id |
| | | ); |
| | | if (index !== -1) { |
| | | this.selectedWay.splice(index, 1); |
| | | } |
| | | }) |
| | | } |
| | | console.log(this.selectedWay) |
| | | }, |
| | | changePageSize(v){ |
| | | this.goodsParams.pageNumber = v; |
| | | this.getQueryGoodsList(); |
| | | }, |
| | | // 获取商品列表 |
| | | getQueryGoodsList() { |
| | | |
| | | API_Goods.getGoodsSkuData(this.goodsParams).then((res) => { |
| | | this.initGoods(res); |
| | | }); |
| | |
| | | * 点击商品 |
| | | */ |
| | | checkedGoods(val, index) { |
| | | |
| | | // 如果单选的话 |
| | | if (this.type != "multiple") { |
| | | this.goodsData.forEach((item) => { |