部门下拉框被下面样式遮住了无法展现

问题遇到的现象和发生背景

在代码里尝试加了style="overflow: revert"还是不行

<el-form :model="addQueryParams" ref="addQueryForm" v-show="showSearch" :inline="true" @submit.native.prevent style="overflow: revert">
        <el-form-item prop="userName">
          <el-input
            v-model="addQueryParams.userName"
            placeholder="请输入登录账号"
            clearable
            size="small"
            style="width: 240px"
            @keyup.enter.native="handleAddQuery" />
        </el-form-item>
        <el-form-item label="机构名称" prop="deptId"  style="overflow: revert">
          <treeselect v-model="addQueryParams.deptId"
                      :options="deptOptions"
                      :show-count="true"
                      placeholder="请选择归属机构"
                      @onChange="handleNodeClick"/>
        </el-form-item>
        <el-form-item>
          <el-button  type="primary" icon="el-icon-search" size="mini" @click="handleAddQuery" round>搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetAddQuery" round>重置</el-button>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddAssociated">新增</el-button>
        </el-form-item>
      </el-form>

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

看下你的el-form 外层代码 还有样式
开下f12审查元素

应该让el-form溢出不隐藏，在el-form上加style="overflow: unset"试试

这个我之前是在别的页面实现了相同的功能，用的就是style="overflow: revert"

 <el-card shadow="always" style="overflow: revert">
      <!--用户数据-->
        <el-form :model="queryParams"
                 ref="queryForm"
                 :inline="true" v-show="showSearch" label-width="68px" style="margin-bottom: -20px;"  >
          <el-form-item label="机构名称" prop="deptId"  >
            <treeselect v-model="queryParams.deptId"
                        :options="deptOptions"
                        :show-count="true"
                        placeholder="请选择归属机构"
                        @onChange="handleNodeClick"/>
          </el-form-item>
          <el-form-item label="用户昵称" prop="nickName" >
            <el-input
              v-model="queryParams.nickName"
              placeholder="请输入用户昵称"
              clearable
              size="small"
              style="width: 240px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="登录账号" prop="userName">
            <el-input
              v-model="queryParams.userName"
              placeholder="请输入登录账号"
              clearable
              size="small"
              style="width: 240px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="用户状态" prop="status">
            <el-select
              v-model="queryParams.status"
              placeholder="请输入用户状态"
              clearable
              size="small"
              style="width: 240px"
            >
              <el-option
                v-for="dict in statusOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="创建时间">
            <el-date-picker
              v-model="dateRange"
              size="small"
              style="width: 220px"
              value-format="yyyy-MM-dd"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button  type="primary" icon="el-icon-search" size="mini" @click="handleQuery" round>搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" round>重置</el-button>
          </el-form-item>
        </el-form>
    </el-card>

但是不知道为啥在这个页面就就不行， 难道是因为弹窗套弹窗的关系吗