<template>
  <view class="action-buttons">
    <view class="checkbox-item">
      <checkbox v-model="isAllChecked" />全选
    </view>
    <button type="primary" size="mini" @click="cancelAllChecked">取消全选</button>
    <button type="default" size="mini" @click="batchAddToManagement">批量加入商品管理</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isAllChecked: false
    };
  },
  methods: {
    cancelAllChecked() {
      this.isAllChecked = false;
      // 这里实现取消全选的逻辑，例如取消所有商品的选中状态
      console.log('取消全选');
    },
    batchAddToManagement() {
      // 这里实现批量加入商品管理的逻辑，例如提交选中的商品数据
      console.log('执行批量加入商品管理');
    }
  }
};
</script>

<style lang="scss">
.action-buttons {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}
.checkbox-item {
  display: flex;
  align-items: center;
  margin-right: 20rpx;
  font-size: 28rpx;
}
</style>