完善员工智搜

yijiusmile

2021-02-17 06206b8c5635fc0721787bcb3c527330f74c1582

完善员工智搜

 src/views/user/search.vue

@@ -48,126 +48,161 @@
        </el-timeline>

      </el-aside>

      <el-main>

        <div v-show="showArr[0].show">

          <el-row>

            <el-col :span="3">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

        <div v-show="showArr[0].show">
          <el-row>
            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="3">护卫点：
              <el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="8">入职日期：
              <el-date-picker
                v-model="queryParams.entryDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">离职日期：
              <el-date-picker
                v-model="queryParams.dimissionDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </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="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">入职日期：从

              <el-input v-model="queryParams.entryDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2">到

              <el-input v-model="queryParams.entryDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">离职日期：从

              <el-input v-model="queryParams.attendMonthStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.attendMonthEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <table>

          </el-row>
          <table class="searchTable">

            <tr>

              <td>性别：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">男性</el-radio>

                  <el-radio :label="9">女性</el-radio>

                <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>

              </td>

            </tr>

            <tr>

              <td>最高学历：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">初中</el-radio>

                  <el-radio :label="9">高中</el-radio>

                  <el-radio :label="9">大专</el-radio>

                  <el-radio :label="9">本科</el-radio>

                  <el-radio :label="9">硕士</el-radio>

                  <el-radio :label="9">博士</el-radio>

                <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>

              </td>

            </tr>

            <tr>

              <td>政治面貌：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">党员</el-radio>

                  <el-radio :label="9">团员</el-radio>

                  <el-radio :label="9">群众</el-radio>

                <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>

              </td>

            </tr>

            <tr>

            <!-- <tr>

              <td>入职日期：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio label="">全部</el-radio>

                </el-radio-group>

              </td>

            </tr>

            </tr> -->

            <tr>

              <td>年龄：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">18-29</el-radio>

                  <el-radio :label="9">30-39</el-radio>

                  <el-radio :label="9">40-49</el-radio>

                  <el-radio :label="9">50-59</el-radio>

                  <el-radio :label="9">60-69</el-radio>

                  <el-radio :label="9">69及以上</el-radio>

                <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>

              </td>

            </tr>

            <tr>

              <td>档案情况：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">已移交</el-radio>

                  <el-radio :label="9">未移交</el-radio>

                <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>

              </td>

            </tr>

            <tr>

              <td>保险类型：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">深户（五险一档）</el-radio>

                  <el-radio :label="6">非深户(五险一档)</el-radio>

                  <el-radio :label="6">非深户(五险二档)</el-radio>

                  <el-radio :label="6">非深户(五险三档)</el-radio>

                  <el-radio :label="6">非深户(四险三档)</el-radio>

                <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>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio :label="3">全部</el-radio>

                  <el-radio :label="6">正常离职</el-radio>

                  <el-radio :label="6">自离</el-radio>

                  <el-radio :label="6">公司辞退</el-radio>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

@@ -203,25 +238,27 @@


        <div v-show="showArr[1].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>

            <el-col :span="5">员工状态：

              <el-select style="width:100px">

                <el-option>全部</el-option>

                <el-option>在职</el-option>

                <el-option>离职</el-option>

              <el-select v-model="queryParams.empStatus" style="width:100px">

                <el-option label="全部" value="" />

                <el-option label="在职" value="1" />

                <el-option label="离职" value="2" />
                <el-option label="自动离职" value="3" />
                <el-option label="公司辞退" value="4" />

              </el-select>

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            <el-col :span="3">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>

          </el-row>

          <el-table ref="workExperienceTable" :data="workExperienceData" style="width: 100%;height: 70%;">

@@ -244,52 +281,61 @@


        <div v-show="showArr[2].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="3">护卫点：
              <el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="8">体检日期：
              <el-date-picker
                v-model="queryParams.physicalExamDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            <el-col :span="3">
              <el-button size="mini" class="hr-but-all" type="primary" @click="search">查询</el-button>
              <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">体检日期：从

              <el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>
          <table>
            <tr>
              <td>体检类型：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">入职体检</el-radio>
                  <el-radio :label="9">员工体检</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </el-row>

          <table class="searchTable">

            <tr>

              <td>体检类型：</td>

              <td>

                <el-radio-group v-model="queryParams.physicalExamType">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="1">入职体检</el-radio>

                  <el-radio :label="2">员工体检</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="physicalExamTable" :data="physicalExamData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -314,64 +360,84 @@
            <el-table-column prop="reviewRecord" label="复查记录" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>

        </div>

        <div v-show="showArr[3].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
        </div>



        <div v-show="showArr[3].show">

          <el-row>

            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            <el-col :span="3">护卫点：
              <el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="4">合同签订日期：从
              <el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">到
              <el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">合同结束日期：从
              <el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2">到
              <el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            <el-col :span="9">合同签订日期：
              <el-date-picker
                v-model="queryParams.signingDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>合同状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">有效</el-radio>
                  <el-radio :label="9">到期</el-radio>
                  <el-radio :label="9">续签</el-radio>
                  <el-radio :label="9">存档</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          <el-row>

            <el-col :span="9">合同结束日期：
              <el-date-picker
                v-model="queryParams.endDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </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="hr-but" type="danger" @click="resetSearch">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>合同状态：</td>

              <td>

                <el-radio-group v-model="queryParams.contractStatus">

                  <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-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">
                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="contractInfoTable" :data="contractInfoData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -391,73 +457,73 @@
            <el-table-column prop="contractPeriod" label="合同期限(年)" width="180" />

            <el-table-column prop="contractStatus" label="合同状态" width="180" />

            <el-table-column prop="transactor" label="合同办理人" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[4].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
          </el-table>

        </div>



        <div v-show="showArr[4].show">

          <el-row>

            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">考勤年月
              <el-select style="width:100px">
                <el-option>2021</el-option>
                <el-option>2020</el-option>
                <el-option>2019</el-option>
                <el-option>2018</el-option>
              </el-select>
              <el-select style="width:100px">
                <el-option>12</el-option>
                <el-option>11</el-option>
                <el-option>10</el-option>
                <el-option>9</el-option>
                <el-option>8</el-option>
                <el-option>7</el-option>
                <el-option>6</el-option>
                <el-option>5</el-option>
                <el-option>4</el-option>
                <el-option>3</el-option>
                <el-option>2</el-option>
                <el-option>1</el-option>
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>有无代扣款项：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">有代扣项</el-radio>
                  <el-radio :label="9">无代扣项</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <el-col :span="3">护卫点：
              <el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
            </el-col>

            <el-col :span="2.5">考勤年月

              <el-select v-model="queryParams.attendYear" style="width:100px">
                <el-option label="2021" value="2021" />
                <el-option label="2020" value="2020" />
                <el-option label="2019" value="2019" />
                <el-option label="2018" value="2018" />

              </el-select>

              <el-select v-model="queryParams.attendMonth" style="width:100px">
                <el-option label="12" value="12" />
                <el-option label="11" value="11" />
                <el-option label="10" value="10" />
                <el-option label="9" value="9" />
                <el-option label="8" value="8" />
                <el-option label="7" value="7" />
                <el-option label="6" value="6" />
                <el-option label="5" value="5" />
                <el-option label="4" value="4" />
                <el-option label="3" value="3" />
                <el-option label="2" value="2" />
                <el-option label="1" value="1" />

              </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="hr-but" type="danger" @click="resetSearch">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>有无代扣款项：</td>

              <td>

                <el-radio-group v-model="queryParams.deductStr">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="1">有代扣项</el-radio>

                  <el-radio :label="2">无代扣项</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="dimissionAttendTable" :data="dimissionAttendData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -479,59 +545,68 @@
            <el-table-column prop="leaveDay" label="请假（天）" width="180" />

            <el-table-column prop="absenteeism" label="旷工（天）" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[5].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
          </el-table>

        </div>



        <div v-show="showArr[5].show">

          <el-row>

            <el-col :span="3">员工编号：
              <el-input v-model="queryParams.empNumb" size="small" maxlength="20" style="width:85px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.empName" size="small" maxlength="10" style="width:110px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
              <el-input v-model="queryParams.certificateNumb" size="small" maxlength="18" style="width:140px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            <el-col :span="3">护卫点：
              <el-input v-model="queryParams.deptName" size="small" maxlength="20" style="width:100px" />
            </el-col>
            <el-col :span="2.5">请假日期：从
              <el-input v-model="queryParams.physicalExamDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.physicalExamDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>请假类型：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">事假</el-radio>
                  <el-radio :label="9">病假</el-radio>
                  <el-radio :label="9">调休假</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </table>
            <el-col :span="8">请假日期：
              <el-date-picker
                v-model="queryParams.leaveDateStr"
                size="small"
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
              />
            </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="hr-but" type="danger" @click="resetSearch">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>请假类型：</td>

              <td>

                <el-radio-group v-model="queryParams.leaveType">

                  <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-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

            <el-table-column fixed="left" label="操作" width="100">

@@ -551,34 +626,34 @@
            <el-table-column prop="returnDate" label="到岗时间" width="180" />

            <el-table-column prop="reporter" label="报备人" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[6].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">辞职申请日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          </el-table>

        </div>



        <div v-show="showArr[6].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">辞职申请日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <el-table ref="resignTable" :data="resignData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

            <el-table-column fixed="left" label="操作" width="100">

@@ -595,33 +670,33 @@
            <el-table-column prop="reason" label="辞职事由" width="180" />

            <el-table-column prop="reporter" label="汇报人" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[7].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3.5">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">失业金领取日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-table>

        </div>



        <div v-show="showArr[7].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3.5">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">失业金领取日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <el-table ref="unemploymentTable" :data="unemploymentData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -640,70 +715,70 @@
            <el-table-column prop="reporter" label="汇报人" width="180" />

            <el-table-column prop="auditor" label="审核人" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[8].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">入职日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>社保档位：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">深户（五险一档）</el-radio>
                  <el-radio :label="6">非深户(五险一档)</el-radio>
                  <el-radio :label="6">非深户(五险二档)</el-radio>
                  <el-radio :label="6">非深户(五险三档)</el-radio>
                  <el-radio :label="6">非深户(四险三档)</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>是否已报告：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">已报告</el-radio>
                  <el-radio :label="6">未报告</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </el-table>

        </div>



        <div v-show="showArr[8].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">入职日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>社保档位：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">深户（五险一档）</el-radio>

                  <el-radio :label="6">非深户(五险一档)</el-radio>

                  <el-radio :label="6">非深户(五险二档)</el-radio>

                  <el-radio :label="6">非深户(五险三档)</el-radio>

                  <el-radio :label="6">非深户(四险三档)</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>是否已报告：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">已报告</el-radio>

                  <el-radio :label="6">未报告</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="insuranceTable" :data="insuranceData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -724,73 +799,73 @@
            <el-table-column prop="applayStatus" label="状态" width="180" />

            <el-table-column prop="auditor" label="审核人" width="180" />

            <el-table-column prop="remark" label="备注" width="280" />

          </el-table>
        </div>

        <div v-show="showArr[9].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">受伤日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">人事处理时间：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>是否住院：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">是</el-radio>
                  <el-radio :label="6">否</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </el-table>

        </div>



        <div v-show="showArr[9].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">受伤日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">人事处理时间：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>是否住院：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">是</el-radio>

                  <el-radio :label="6">否</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>案结状态：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">已结案</el-radio>

                  <el-radio :label="6">未结案</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="accidentCasesTable" :data="accidentCasesData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -818,73 +893,73 @@
            <el-table-column prop="sbumitBy" label="递交人" width="180" />

            <el-table-column prop="expensesFee" label="医疗总费用" width="180" />

            <el-table-column prop="innsureFee" label="保险赔付费用" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[10].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">受伤日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">人事处理时间：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>是否住院：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">是</el-radio>
                  <el-radio :label="6">否</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </el-table>

        </div>



        <div v-show="showArr[10].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">受伤日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">人事处理时间：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>是否住院：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">是</el-radio>

                  <el-radio :label="6">否</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>案结状态：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">已结案</el-radio>

                  <el-radio :label="6">未结案</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="occupationalTable" :data="occupationalData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -912,73 +987,73 @@
            <el-table-column prop="sbumitBy" label="递交人" width="180" />

            <el-table-column prop="expensesFee" label="医疗总费用" width="180" />

            <el-table-column prop="compensated" label="已赔付医药费用" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[11].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">仲裁日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="2.5">案结日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-row>
          <table>
            <tr>
              <td>仲裁类型：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">劳资纠纷</el-radio>
                  <el-radio :label="6">劳资纠纷</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>员工状态：</td>
              <td>
                <el-radio-group v-model="radio">
                  <el-radio :label="3">全部</el-radio>
                  <el-radio :label="6">在职</el-radio>
                  <el-radio :label="9">正常离职</el-radio>
                  <el-radio :label="9">自动离职</el-radio>
                  <el-radio :label="9">公司辞退</el-radio>
                </el-radio-group>
              </td>
            </tr>
          </el-table>

        </div>



        <div v-show="showArr[11].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">仲裁日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="2.5">案结日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <table class="searchTable">

            <tr>

              <td>仲裁类型：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">劳资纠纷</el-radio>

                  <el-radio :label="6">劳资纠纷</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>案结状态：</td>

              <td>

                <el-radio-group v-model="radio">

                  <el-radio label="">全部</el-radio>

                  <el-radio :label="6">已结案</el-radio>

                  <el-radio :label="6">未结案</el-radio>

                </el-radio-group>

              </td>

            </tr>

            <tr>

              <td>员工状态：</td>

              <td>

                <el-radio-group v-model="queryParams.empStatus">

                  <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-group>

              </td>

            </tr>

          </table>

          <el-table ref="laborTroubleTable" :data="laborTroubleData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -1001,33 +1076,33 @@
            <el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />

            <el-table-column prop="arbitrationStatus" label="状态" width="180" />

            <el-table-column prop="settleDate" label="案结日期" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[12].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3.5">失业金领取日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3.5">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-table>

        </div>



        <div v-show="showArr[12].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3.5">失业金领取日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3.5">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <el-table ref="badRecordTable" :data="badRecordData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -1046,33 +1121,33 @@
            <el-table-column prop="badContent" label="不良记录描述" width="180" />

            <el-table-column prop="reporter" label="汇报人" width="180" />

            <el-table-column prop="remark" label="备注" width="180" />

          </el-table>
        </div>

        <div v-show="showArr[13].show">
          <el-row>
            <el-col :span="4">员工编号：
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3">姓名：
              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">身份证号：
              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="4">部门(护卫点)：
              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3.5">备注日期：从
              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="1.5">到
              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />
            </el-col>
            <el-col :span="3.5">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
            </el-col>
          </el-table>

        </div>



        <div v-show="showArr[13].show">

          <el-row>

            <el-col :span="4">员工编号：

              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3">姓名：

              <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">身份证号：

              <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="4">部门(护卫点)：

              <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3.5">备注日期：从

              <el-input v-model="queryParams.applayDateDateStart" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="1.5">到

              <el-input v-model="queryParams.applayDateDateEnd" placeholder="请输入内容" style="width:80px" />

            </el-col>

            <el-col :span="3.5">

              <el-button type="primary">查询</el-button>

              <el-button type="danger">重置</el-button>

            </el-col>

          </el-row>

          <el-table ref="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">

            <el-table-column type="selection" width="55" />

@@ -1088,7 +1163,7 @@
            <el-table-column prop="certificateNumb" label="身份证号码" width="180" />

            <el-table-column prop="remarkDate" label="备注日期" width="180" />

            <el-table-column prop="remarkContent" label="备注信息" width="400" />

          </el-table>
          </el-table>

        </div>

        <pagination
          v-show="total>0"
@@ -1334,16 +1409,51 @@
      occupationalData: [],

      badRecordData: [],

      accidentCasesData: [],

      dimissionAttendData: []



      dimissionAttendData: [],

      pickerOptions: {
        shortcuts: [
          {
            text: '最近一周',
            onClick(picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
              picker.$emit('pick', [start, end])
            }
          },
          {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
              picker.$emit('pick', [start, end])
            }
          },
          {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
              picker.$emit('pick', [start, end])
            }
          }
        ]
      }

    }

  },

  mounted() {

    this.thisShowIndex = 1

    this.isShow(false, 0)

  },

  methods: {

    // 翻页插件翻页方法

  methods: {
    resetSearch() {
      this.queryParams = {
        delFlag: 2
      }
      this.search()
    },

    search() {

      this.fetch({

        ...this.queryParams,

@@ -1484,7 +1594,27 @@
      background-color: #e9eef3;

      color: #333;

      height: 100%;

    }
    }

  }



  .searchTable {

    margin-top: 10px;

    border-collapse: collapse;

    width: 100%;

  }



  .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;

  }


  .button-from {