搜索表头

<el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="68px"
    >
      <el-form-item label="地区" prop="areaCode">
        <el-cascader
          v-model="queryParams.areaCode"
          :options="areaOptions"
          size="small"
          :props="{ checkStrictly: true, label: 'dictName', value: 'dictCode' }"
          style="width: 100%"
          clearable
        ></el-cascader>
      </el-form-item>
      <el-form-item label="所属机构" prop="orgName">
        <el-input
          v-model="queryParams.orgName"
          placeholder="请输入所属机构"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="人员姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入人员姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="人员类型" prop="personType">
        <el-select
          v-model="queryParams.personType"
          placeholder="请输入人员类型"
          clearable
          size="medium"
          style="width: 100%"
        >
          <el-option
            v-for="dict in dict.type.emergency_org_person_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="人员状态" prop="personStatus">
        <el-select
          v-model="queryParams.personStatus"
          placeholder="请输入人员状态"
          clearable
          size="medium"
          style="width: 100%"
        >
          <el-option
            v-for="dict in dict.type.emergency_org_person_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="handleQuery"
          >搜索</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <!-- <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['emerMaterialPersonInfo:emerMaterialPersonInfo:add']"
          >新增</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['emerMaterialPersonInfo:emerMaterialPersonInfo:edit']"
          >修改</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['emerMaterialPersonInfo:emerMaterialPersonInfo:remove']"
          >删除</el-button
        >
      </el-col> -->
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['emerresource:emerMaterialPersonInfo:export']"
          >导出</el-button
        >
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
    </el-row>