基于el-form实现展开/收起的查询条件

可以使用el-collapse组件来实现展开/收起的查询条件，结合el-form组件实现以下功能：

1. 在el-collapse组件中添加多个el-collapse-item组件，每个el-collapse-item组件代表一个查询条件；
2. 在每个el-collapse-item组件中嵌套一个el-form组件，用于展示查询条件的表单；
3. 在el-form组件中添加查询条件的表单控件，如el-input、el-select等；
4. 在el-collapse-item组件的title属性中添加展开/收起的按钮，如el-button或el-icon等；
5. 在展开/收起按钮的点击事件中，通过v-if或v-show来控制el-collapse-item组件的显示/隐藏。

以下是示例代码：

<template>
  <div>
    <el-collapse>
      <el-collapse-item title="查询条件1">
        <el-form ref="form1" :model="form1" label-width="100px">
          <el-form-item label="姓名">
            <el-input v-model="form1.name"></el-input>
          </el-form-item>
          <el-form-item label="年龄">
            <el-select v-model="form1.age" placeholder="请选择">
              <el-option label="18岁以下" value="1"></el-option>
              <el-option label="18-30岁" value="2"></el-option>
              <el-option label="30岁以上" value="3"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="search1">查询</el-button>
          </el-form-item>
        </el-form>
      </el-collapse-item>
      <el-collapse-item title="查询条件2">
        <el-form ref="form2" :model="form2" label-width="100px">
          <el-form-item label="性别">
            <el-radio-group v-model="form2.gender">
              <el-radio label="male">男</el-radio>
              <el-radio label="female">女</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="职业">
            <el-input v-model="form2.job"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="search2">查询</el-button>
          </el-form-item>
        </el-form>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form1: {
        name: '',
        age: ''
      },
      form2: {
        gender: '',
        job: ''
      }
    }
  },
  methods: {
    search1() {
      // 查询条件1的查询方法
    },
    search2() {
      // 查询条件2的查询方法
    }
  }
}
</script>