团购组件增加筛选

quanwei

2026-01-17 e1e2fe5710a5b5cd9c19bd3aa99c998a1a613ca8

 shop_vue/src/views/page/page/diy/params/GroupBuy.vue

@@ -18,11 +18,22 @@
        ></el-cascader>
      </el-form-item>
      <!-- 商户排序 -->
      <el-form-item label="商户排序：">
        <el-radio-group v-model="curItem.params.merchantSort">
          <el-radio :label="'all'">综合</el-radio>
          <el-radio :label="'sales'">销量</el-radio>
          <el-radio :label="'score'">评分</el-radio>
      <el-form-item label="是否显示排序：">
        <el-radio-group v-model="curItem.params.is_sort">
          <el-radio :label="1">是</el-radio>
          <el-radio :label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="是否显示分类筛选：">
        <el-radio-group v-model="curItem.params.is_category">
          <el-radio :label="1">是</el-radio>
          <el-radio :label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="是否显示筛选：">
        <el-radio-group v-model="curItem.params.is_filter">
          <el-radio :label="1">是</el-radio>
          <el-radio :label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- 显示数量 -->
@@ -63,13 +74,53 @@
  created() {
    this.getCategoryList();
  },
  watch: {
    selectedIndex: function(n, o) {
      this.currCategory=this.currCategoryAuto(this.CategoryList);
      console.log(this.currCategory)
    }
  },
  methods: {
    /*获取分类列表*/
    getCategoryList() {
      supplierService.Category({category_type: 20}).then(res => {
          this.CategoryList = res.data.category;
          // 在数组开头插入"全部"选项
          this.CategoryList.unshift({
            category_id: 0,
            name: '全部',
          });
          if (this.curItem.params.category!=0){
            // 获取分类列表后立即设置默认选中项
            this.$nextTick(() => {
              this.currCategory = this.currCategoryAuto(this.CategoryList);
            });
          }

      });
    },
    /*选择默认*/
    currCategoryAuto(list){
      let arr=[];
      for(let i=0;i<list.length;i++){
        let item=list[i];
        if(item.category_id==this.curItem.params.category){
          arr.push(item.category_id);
          break;
        }else{
          if(Object.prototype.toString.call(item.child)== '[object Array]'&&item.child.length>0){
            for(let j=0;j<item.child.length;j++){
              if(item.child[j].category_id==this.curItem.params.category){
                arr.push(item.category_id);
                arr.push(item.child[j].category_id);
                break;
              }
            }
          }
        }
      }
      return arr;
    },
    /*选择类别*/
    changeCategory(e) {
      if(e.length > 0){