yijiusmile
2021-02-21 620ac82e3dde595f51106130e8a3d7b1806e2c6d
高级查询样式修改
3个文件已修改
657 ■■■■■ 已修改文件
src/views/user/inemployees.vue 257 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/outemployess.vue 230 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/search.vue 170 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/inemployees.vue
@@ -48,123 +48,103 @@
          </el-row>
          <el-row>
            <el-col :span="24">
              <table id="searchTable">
              <table class="searchTable">
                <tr>
                  <td>性别:</td>
                  <td>
                    <el-radio-group v-model="queryParams.sex">
                      <el-radio label="">全部</el-radio>
                      <el-radio label="1">男性</el-radio>
                      <el-radio label="2">女性</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.sex">
                      <el-checkbox label="" @change="selectAllSex">全部</el-checkbox>
                      <el-checkbox label="1">男性</el-checkbox>
                      <el-checkbox label="2">女性</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>最高学历:</td>
                  <td>
                    <el-radio-group v-model="queryParams.education">
                      <el-radio label="">全部</el-radio>
                      <el-radio label="91">无学历</el-radio>
                      <el-radio label="81">小学</el-radio>
                      <el-radio label="71">初中</el-radio>
                      <el-radio label="61">高中</el-radio>
                      <el-radio label="42">中技</el-radio>
                      <el-radio label="41">中专</el-radio>
                      <el-radio label="31">大学专科</el-radio>
                      <el-radio label="21">大学本科</el-radio>
                      <el-radio label="11">硕士</el-radio>
                      <el-radio label="10">博士</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.education">
                      <el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
                      <el-checkbox label="91">无学历</el-checkbox>
                      <el-checkbox label="81">小学</el-checkbox>
                      <el-checkbox label="71">初中</el-checkbox>
                      <el-checkbox label="61">高中</el-checkbox>
                      <el-checkbox label="42">中技</el-checkbox>
                      <el-checkbox label="41">中专</el-checkbox>
                      <el-checkbox label="31">大学专科</el-checkbox>
                      <el-checkbox label="21">大学本科</el-checkbox>
                      <el-checkbox label="11">硕士</el-checkbox>
                      <el-checkbox label="10">博士</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>政治面貌:</td>
                  <td>
                    <el-radio-group v-model="queryParams.politics">
                      <el-radio label="">全部</el-radio>
                      <el-radio label="01">中共党员</el-radio>
                      <el-radio label="02">预备党员</el-radio>
                      <el-radio label="03">共青团员</el-radio>
                      <el-radio label="04">民革会员</el-radio>
                      <el-radio label="05">民盟盟员</el-radio>
                      <el-radio label="06">民建会员</el-radio>
                      <el-radio label="07">民进会员</el-radio>
                      <el-radio label="08">农工党员</el-radio>
                      <el-radio label="09">致公党员</el-radio>
                      <el-radio label="10">九三社员</el-radio>
                      <el-radio label="11">台盟盟员</el-radio>
                      <el-radio label="12">民主人士</el-radio>
                      <el-radio label="13">群众</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.politics">
                      <el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
                      <el-checkbox label="01">中共党员</el-checkbox>
                      <el-checkbox label="02">预备党员</el-checkbox>
                      <el-checkbox label="03">共青团员</el-checkbox>
                      <el-checkbox label="04">民革会员</el-checkbox>
                      <el-checkbox label="05">民盟盟员</el-checkbox>
                      <el-checkbox label="06">民建会员</el-checkbox>
                      <el-checkbox label="07">民进会员</el-checkbox>
                      <el-checkbox label="08">农工党员</el-checkbox>
                      <el-checkbox label="09">致公党员</el-checkbox>
                      <el-checkbox label="10">九三社员</el-checkbox>
                      <el-checkbox label="11">台盟盟员</el-checkbox>
                      <el-checkbox label="12">民主人士</el-checkbox>
                      <el-checkbox label="13">群众</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>年龄:</td>
                  <td>
                    <el-radio-group v-model="queryParams.ageStr">
                      <el-radio label="">全部</el-radio>
                      <el-radio label="18-29">18-29</el-radio>
                      <el-radio label="30-39">30-39</el-radio>
                      <el-radio label="40-49">40-49</el-radio>
                      <el-radio label="50-59">50-59</el-radio>
                      <el-radio label="60-69">60-69</el-radio>
                      <el-radio label="69-999">69及以上</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.ageStr">
                      <el-checkbox label="" @change="selectAllAgeStr">全部</el-checkbox>
                      <el-checkbox label="18-29">18-29</el-checkbox>
                      <el-checkbox label="30-39">30-39</el-checkbox>
                      <el-checkbox label="40-49">40-49</el-checkbox>
                      <el-checkbox label="50-59">50-59</el-checkbox>
                      <el-checkbox label="60-69">60-69</el-checkbox>
                      <el-checkbox label="69-999">69及以上</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>档案情况:</td>
                  <td>
                    <el-radio-group v-model="queryParams.archivesStatus">
                      <el-radio label="">全部</el-radio>
                      <el-radio label="0">已移交</el-radio>
                      <el-radio label="1">未移交</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.archivesStatus">
                      <el-checkbox label="" @change="selectAllArchivesStatus">全部</el-checkbox>
                      <el-checkbox label="0">已移交</el-checkbox>
                      <el-checkbox label="1">未移交</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>保险类型:</td>
                  <td>
                    <el-radio-group v-model="queryParams.insuranceType">
                      <el-radio label="">全部</el-radio>
                      <el-radio :label="1">深户(五险一档)</el-radio>
                      <el-radio :label="2">非深户(五险一档)</el-radio>
                      <el-radio :label="3">非深户(五险二档)</el-radio>
                      <el-radio :label="4">非深户(五险三档)</el-radio>
                      <el-radio :label="5">非深户(四险三档)</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.insuranceType">
                      <el-checkbox label="" @change="selectAllInsuranceType">全部</el-checkbox>
                      <el-checkbox label="1">深户(五险一档)</el-checkbox>
                      <el-checkbox label="2">非深户(五险一档)</el-checkbox>
                      <el-checkbox label="3">非深户(五险二档)</el-checkbox>
                      <el-checkbox label="4">非深户(五险三档)</el-checkbox>
                      <el-checkbox label="5">非深户(四险三档)</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td>员工状态:</td>
                  <td>
                    <el-radio-group v-model="queryParams.empStatus">
                      <el-radio label="">全部</el-radio>
                      <el-radio :label="0">在职</el-radio>
                      <el-radio :label="1">正常离职</el-radio>
                      <el-radio :label="2">自动离职</el-radio>
                      <el-radio :label="3">公司辞退</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>员工手册:</td>
                  <td>
                    <el-radio-group v-model="queryParams.handbookStatus">
                      <el-radio label="3">全部</el-radio>
                      <el-radio :label="0">未发</el-radio>
                      <el-radio :label="9">已发</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>工作证:</td>
                  <td>
                    <el-radio-group v-model="queryParams.empCardStatus">
                      <el-radio label="">全部</el-radio>
                      <el-radio :label="0">未发</el-radio>
                      <el-radio :label="1">已发</el-radio>
                    </el-radio-group>
                    <el-checkbox-group v-model="queryParams.empStatus">
                      <el-checkbox label="" @change="selectAllEmpStatus">全部</el-checkbox>
                      <el-checkbox label="0">在职</el-checkbox>
                      <el-checkbox label="1">正常离职</el-checkbox>
                      <el-checkbox label="2">自动离职</el-checkbox>
                      <el-checkbox label="3">公司辞退</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
              </table>
@@ -1500,7 +1480,15 @@
    return {
      total: 0, // 总数量
      queryParams: {
        empNumb: ''
        empNumb: '',
        vague: '',
        sex: [],
        education: [],
        politics: [],
        ageStr: [],
        archivesStatus: [],
        insuranceType: [],
        empStatus: []
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
@@ -1711,7 +1699,15 @@
  methods: {
    resetSearch() {
      this.queryParams = {
        empNumb: ''
        empNumb: '',
        vague: '',
        sex: [],
        education: [],
        politics: [],
        ageStr: [],
        archivesStatus: [],
        insuranceType: [],
        empStatus: []
      }
      this.search()
    },
@@ -1728,7 +1724,7 @@
      params.pageNum = this.pagination.num
      params.delFlag = 0
      params.empStatus = 0
      this.$get('hr/empBaseInfo/list', {
      this.$get('hr/empBaseInfo/zslist', {
        ...params
      }).then((r) => {
        const data = r.data.data
@@ -1770,7 +1766,7 @@
        this.headerHeight = '30px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '350px'
        this.headerHeight = '370px'
        this.advancedQueryShow = true
      }
    },
@@ -2205,14 +2201,54 @@
        })
      })
    },
    downloadExcel() {
      debugger
      this.$download('../../assets/excel/员工信息.xls', { }, '在职员工列表.xls').then(() => {
        this.$message({
          message: '下载成功!',
          type: 'success'
        })
      })
    selectAllSex(val) {
      if (val) {
        this.queryParams.sex = ['1', '2']
      } else {
        this.queryParams.sex = []
      }
    },
    selectAllEducation(val) {
      if (val) {
        this.queryParams.education = ['91', '81', '71', '61', '42', '41', '31', '21', '11', '10']
      } else {
        this.queryParams.education = []
      }
    },
    selectAllPolitics(val) {
      if (val) {
        this.queryParams.politics = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13']
      } else {
        this.queryParams.politics = []
      }
    },
    selectAllAgeStr(val) {
      if (val) {
        this.queryParams.ageStr = ['18-29', '30-39', '40-49', '50-59', '60-69', '69-999']
      } else {
        this.queryParams.ageStr = []
      }
    },
    selectAllArchivesStatus(val) {
      if (val) {
        this.queryParams.archivesStatus = ['0', '1']
      } else {
        this.queryParams.archivesStatus = []
      }
    },
    selectAllInsuranceType(val) {
      if (val) {
        this.queryParams.insuranceType = ['1', '2', '3', '4', '5']
      } else {
        this.queryParams.insuranceType = []
      }
    },
    selectAllEmpStatus(val) {
      if (val) {
        this.queryParams.empStatus = ['0', '1', '2', '3']
      } else {
        this.queryParams.empStatus = []
      }
    },
    headers() {
      const token = getToken()
@@ -2250,18 +2286,25 @@
  }
}
#searchTable {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
}
.searchTable {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  }
#searchTable td,
#searchTable th {
  border: 1px solid #cad9ea;
  color: #666;
  height: 30px;
}
  .searchTable td,
  .searchTable th {
    border: 1px solid #b0b0b0;
    color: #000;
    height: 40px;
    background-color: #fff;
  }
  .searchTable tr td:first-child {
    background-color: #dddcdc !important;
    width: 160px;
    text-align: center;
  }
#ygxq table {
  border-collapse: collapse;
src/views/user/outemployess.vue
@@ -66,103 +66,103 @@
          <form>
            <el-row>
              <el-col :span="24">
                <table id="searchTable">
                <table class="searchTable">
                  <tr>
                    <td>性别:</td>
                    <td>
                      <el-radio-group v-model="queryParams.sex">
                        <el-radio label="">全部</el-radio>
                        <el-radio label="1">男性</el-radio>
                        <el-radio label="2">女性</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.sex">
                        <el-checkbox label="" @change="selectAllSex">全部</el-checkbox>
                        <el-checkbox label="1">男性</el-checkbox>
                        <el-checkbox label="2">女性</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>最高学历:</td>
                    <td>
                      <el-radio-group v-model="queryParams.education">
                        <el-radio label="">全部</el-radio>
                        <el-radio label="91">无学历</el-radio>
                        <el-radio label="81">小学</el-radio>
                        <el-radio label="71">初中</el-radio>
                        <el-radio label="61">高中</el-radio>
                        <el-radio label="42">中技</el-radio>
                        <el-radio label="41">中专</el-radio>
                        <el-radio label="31">大学专科</el-radio>
                        <el-radio label="21">大学本科</el-radio>
                        <el-radio label="11">硕士</el-radio>
                        <el-radio label="10">博士</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.education">
                        <el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
                        <el-checkbox label="91">无学历</el-checkbox>
                        <el-checkbox label="81">小学</el-checkbox>
                        <el-checkbox label="71">初中</el-checkbox>
                        <el-checkbox label="61">高中</el-checkbox>
                        <el-checkbox label="42">中技</el-checkbox>
                        <el-checkbox label="41">中专</el-checkbox>
                        <el-checkbox label="31">大学专科</el-checkbox>
                        <el-checkbox label="21">大学本科</el-checkbox>
                        <el-checkbox label="11">硕士</el-checkbox>
                        <el-checkbox label="10">博士</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>政治面貌:</td>
                    <td>
                      <el-radio-group v-model="queryParams.politics">
                        <el-radio label="">全部</el-radio>
                        <el-radio label="01">中共党员</el-radio>
                        <el-radio label="02">预备党员</el-radio>
                        <el-radio label="03">共青团员</el-radio>
                        <el-radio label="04">民革会员</el-radio>
                        <el-radio label="05">民盟盟员</el-radio>
                        <el-radio label="06">民建会员</el-radio>
                        <el-radio label="07">民进会员</el-radio>
                        <el-radio label="08">农工党员</el-radio>
                        <el-radio label="09">致公党员</el-radio>
                        <el-radio label="10">九三社员</el-radio>
                        <el-radio label="11">台盟盟员</el-radio>
                        <el-radio label="12">民主人士</el-radio>
                        <el-radio label="13">群众</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.politics">
                        <el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
                        <el-checkbox label="01">中共党员</el-checkbox>
                        <el-checkbox label="02">预备党员</el-checkbox>
                        <el-checkbox label="03">共青团员</el-checkbox>
                        <el-checkbox label="04">民革会员</el-checkbox>
                        <el-checkbox label="05">民盟盟员</el-checkbox>
                        <el-checkbox label="06">民建会员</el-checkbox>
                        <el-checkbox label="07">民进会员</el-checkbox>
                        <el-checkbox label="08">农工党员</el-checkbox>
                        <el-checkbox label="09">致公党员</el-checkbox>
                        <el-checkbox label="10">九三社员</el-checkbox>
                        <el-checkbox label="11">台盟盟员</el-checkbox>
                        <el-checkbox label="12">民主人士</el-checkbox>
                        <el-checkbox label="13">群众</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>年龄:</td>
                    <td>
                      <el-radio-group v-model="queryParams.ageStr">
                        <el-radio label="">全部</el-radio>
                        <el-radio label="18-29">18-29</el-radio>
                        <el-radio label="30-39">30-39</el-radio>
                        <el-radio label="40-49">40-49</el-radio>
                        <el-radio label="50-59">50-59</el-radio>
                        <el-radio label="60-69">60-69</el-radio>
                        <el-radio label="69-999">69及以上</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.ageStr">
                        <el-checkbox label="" @change="selectAllAgeStr">全部</el-checkbox>
                        <el-checkbox label="18-29">18-29</el-checkbox>
                        <el-checkbox label="30-39">30-39</el-checkbox>
                        <el-checkbox label="40-49">40-49</el-checkbox>
                        <el-checkbox label="50-59">50-59</el-checkbox>
                        <el-checkbox label="60-69">60-69</el-checkbox>
                        <el-checkbox label="69-999">69及以上</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>档案情况:</td>
                    <td>
                      <el-radio-group v-model="queryParams.archivesStatus">
                        <el-radio label="">全部</el-radio>
                        <el-radio label="0">已移交</el-radio>
                        <el-radio label="1">未移交</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.archivesStatus">
                        <el-checkbox label="" @change="selectAllArchivesStatus">全部</el-checkbox>
                        <el-checkbox label="0">已移交</el-checkbox>
                        <el-checkbox label="1">未移交</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>保险类型:</td>
                    <td>
                      <el-radio-group v-model="queryParams.insuranceType">
                        <el-radio label="">全部</el-radio>
                        <el-radio :label="1">深户(五险一档)</el-radio>
                        <el-radio :label="2">非深户(五险一档)</el-radio>
                        <el-radio :label="3">非深户(五险二档)</el-radio>
                        <el-radio :label="4">非深户(五险三档)</el-radio>
                        <el-radio :label="5">非深户(四险三档)</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.insuranceType">
                        <el-checkbox label="" @change="selectAllInsuranceType">全部</el-checkbox>
                        <el-checkbox label="1">深户(五险一档)</el-checkbox>
                        <el-checkbox label="2">非深户(五险一档)</el-checkbox>
                        <el-checkbox label="3">非深户(五险二档)</el-checkbox>
                        <el-checkbox label="4">非深户(五险三档)</el-checkbox>
                        <el-checkbox label="5">非深户(四险三档)</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                  <tr>
                    <td>员工状态:</td>
                    <td>
                      <el-radio-group v-model="queryParams.empStatus">
                        <el-radio label="">全部</el-radio>
                        <el-radio :label="0">在职</el-radio>
                        <el-radio :label="1">正常离职</el-radio>
                        <el-radio :label="2">自动离职</el-radio>
                        <el-radio :label="3">公司辞退</el-radio>
                      </el-radio-group>
                      <el-checkbox-group v-model="queryParams.empStatus">
                        <el-checkbox label="" @change="selectAllEmpStatus">全部</el-checkbox>
                        <el-checkbox label="0">在职</el-checkbox>
                        <el-checkbox label="1">正常离职</el-checkbox>
                        <el-checkbox label="2">自动离职</el-checkbox>
                        <el-checkbox label="3">公司辞退</el-checkbox>
                      </el-checkbox-group>
                    </td>
                  </tr>
                </table>
@@ -935,7 +935,15 @@
    return {
      total: 0, // 总数量
      queryParams: {
        empNumb: ''
        empNumb: '',
        vague: '',
        sex: [],
        education: [],
        politics: [],
        ageStr: [],
        archivesStatus: [],
        insuranceType: [],
        empStatus: []
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
@@ -958,7 +966,15 @@
  methods: {
    resetSearch() {
      this.queryParams = {
        empNumb: ''
        empNumb: '',
        vague: '',
        sex: [],
        education: [],
        politics: [],
        ageStr: [],
        archivesStatus: [],
        insuranceType: [],
        empStatus: []
      }
      this.search()
    },
@@ -977,7 +993,7 @@
      params.pageNum = this.pagination.num
      params.delFlag = 0
      params.empStatus = 1
      this.$get('hr/empBaseInfo/list', {
      this.$get('hr/empBaseInfo/zslist', {
        ...params
      }).then((r) => {
        const data = r.data.data
@@ -1007,7 +1023,7 @@
        this.headerHeight = '30px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '330px'
        this.headerHeight = '400px'
        this.advancedQueryShow = true
      }
    },
@@ -1085,6 +1101,55 @@
      alert('已选择部门' + names)
      console.log(users)
    },
    selectAllSex(val) {
      if (val) {
        this.queryParams.sex = ['1', '2']
      } else {
        this.queryParams.sex = []
      }
    },
    selectAllEducation(val) {
      if (val) {
        this.queryParams.education = ['91', '81', '71', '61', '42', '41', '31', '21', '11', '10']
      } else {
        this.queryParams.education = []
      }
    },
    selectAllPolitics(val) {
      if (val) {
        this.queryParams.politics = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13']
      } else {
        this.queryParams.politics = []
      }
    },
    selectAllAgeStr(val) {
      if (val) {
        this.queryParams.ageStr = ['18-29', '30-39', '40-49', '50-59', '60-69', '69-999']
      } else {
        this.queryParams.ageStr = []
      }
    },
    selectAllArchivesStatus(val) {
      if (val) {
        this.queryParams.archivesStatus = ['0', '1']
      } else {
        this.queryParams.archivesStatus = []
      }
    },
    selectAllInsuranceType(val) {
      if (val) {
        this.queryParams.insuranceType = ['1', '2', '3', '4', '5']
      } else {
        this.queryParams.insuranceType = []
      }
    },
    selectAllEmpStatus(val) {
      if (val) {
        this.queryParams.empStatus = ['0', '1', '2', '3']
      } else {
        this.queryParams.empStatus = []
      }
    },
    doDcbb() {
      this.$confirm('是否确定要导出报表?', '提示', {
        confirmButtonText: '确定',
@@ -1117,18 +1182,25 @@
  }
  #searchTable {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  }
  .searchTable {
      margin-top: 10px;
      border-collapse: collapse;
      width: 100%;
    }
  #searchTable td,
  #searchTable th {
    border: 1px solid #cad9ea;
    color: #666;
    height: 30px;
  }
    .searchTable td,
    .searchTable th {
      border: 1px solid #b0b0b0;
      color: #000;
      height: 40px;
      background-color: #fff;
    }
    .searchTable tr td:first-child {
      background-color: #dddcdc !important;
      width: 160px;
      text-align: center;
    }
  #ygxq table {
    border-collapse: collapse;
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;