vue多条件查询

<template>
  <div class="app-container">
    <div class="filter-container" style="display:flex;justify-content:space-between;align-items:center">
      <div>
        <span>部门:</span>
        <el-select v-model="search.bumen" placeholder="请选择" >
          <el-option
            v-for="(item,index) in groupname"
            :key="index"
            :label="item"
            :value="item"
          />
        </el-select>
        <span>类型：</span>
        <el-select v-model="search.leixin"  placeholder="请选择">
          <el-option
            v-for="item in typeSearchOption"
            :key="item.key"
            :label="item.display_name"
            :value="item.key"
          />
        </el-select>
        <span>时间：</span>
        <el-date-picker
          v-model="search.time"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          align="right"
          @change="dateChange"
        />