高级查询样式修改

yijiusmile

2021-02-21 620ac82e3dde595f51106130e8a3d7b1806e2c6d

 src/views/user/search.vue

@@ -12,8 +12,14 @@
          <el-timeline-item @click.native="isShow(showArr[2].show, 2)">
            <span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[14].show, 14)">
            <span :class="thisShowIndex===14?'selectedTimeline':''">调岗记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[3].show, 3)">
            <span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[15].show, 15)">
            <span :class="thisShowIndex===15?'selectedTimeline':''">入离职记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[4].show, 4)">
            <span :class="thisShowIndex===4?'selectedTimeline':''">考勤情况</span>
@@ -45,14 +51,7 @@
          <el-timeline-item @click.native="isShow(showArr[13].show, 13)">
            <span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[14].show, 14)">
            <span :class="thisShowIndex===14?'selectedTimeline':''">调岗记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[15].show, 15)">
            <span :class="thisShowIndex===15?'selectedTimeline':''">入离职记录</span>
          </el-timeline-item>
        </el-timeline>
      </el-aside>
        </el-timeline></el-aside>
      <el-main>
        <div v-show="showArr[0].show">
          <el-row>
@@ -63,9 +62,6 @@
              <el-input v-model="queryParams.vague" placeholder="请输入内容" style="width:200px" />
              <el-button type="primary" @click="vagueSearch">查询</el-button>
              <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
              <el-button class="filter-item" type="success" @click.native="exportExcel">
                {{ $t('table.export') }}
              </el-button>
            </el-col>
          </el-row>
          <div v-show="advancedQueryShow">
@@ -115,7 +111,7 @@
                />
              </el-col>
              <el-col :span="3">
                <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
                <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
                <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
              </el-col>
            </el-row>
@@ -220,6 +216,17 @@
              </tr>
            </table>
          </div>
          <br>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="exportExcel">
                {{ $t('table.export') }}
              </el-button>
            </el-col>
          </el-row>
          <el-table ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%;height: 70%;">
            <el-table-column type="index" label="序号" width="50" align="center" />
            <el-table-column prop="empNumb" label="员工编号" />
@@ -252,8 +259,15 @@
              <el-input v-model="queryParams.jobContent" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="3">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="gzjlexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -317,8 +331,15 @@
              <el-input v-model="queryParams.conclusion" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="3">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="tjexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -399,8 +420,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="htexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -465,8 +493,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="kqexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -528,8 +563,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="qjexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -585,8 +627,15 @@
              <el-input v-model="queryParams.reason" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="czexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -639,8 +688,15 @@
              <el-input v-model="queryParams.applayReason" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="syjexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -701,8 +757,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="sbexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -783,8 +846,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="ywxexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -873,8 +943,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="gsexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -952,8 +1029,15 @@
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="lzexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -1009,8 +1093,15 @@
              <el-input v-model="queryParams.badContent" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="3.5">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="blexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -1062,8 +1153,15 @@
              <el-input v-model="queryParams.remarkContent" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="3.5">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="bzexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -1115,8 +1213,15 @@
              </el-select>
            </el-col>
            <el-col :span="3.5">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="tgexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -1189,8 +1294,15 @@
              </el-select>
            </el-col>
            <el-col :span="3.5">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="danger" type="danger" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="21" style="line-height: 50px;">
              已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
            </el-col>
            <el-col :span="3">
              <el-button class="filter-item" type="success" @click.native="rlzexportExcel">
                {{ $t('table.export') }}
              </el-button>
@@ -1231,6 +1343,7 @@
    return {
      total: 0, // 总数量
      queryParams: {
        vague: '',
        sex: [],
        education: [],
        politics: [],
@@ -1518,6 +1631,7 @@
    resetSearch() {
      this.queryParams = {
        delFlag: 0,
        vague: '',
        sex: [],
        education: [],
        politics: [],
@@ -1841,7 +1955,7 @@
</script>
<style lang="scss" scoped>
  .el-container {
    height: 770px;
    height: 100%;

    .el-aside {
      background-color: #e9eef3;