From 62cbcaf76df2f6966ddab4dbd11d54d6527ac453 Mon Sep 17 00:00:00 2001
From: yz_08 <yz_0812@outlook.com>
Date: 星期三, 17 二月 2021 00:55:58 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 src/views/user/search.vue | 1476 ++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 803 insertions(+), 673 deletions(-)

diff --git a/src/views/user/search.vue b/src/views/user/search.vue
index d11f3be..a4be64c 100644
--- a/src/views/user/search.vue
+++ b/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 {

--
Gitblit v1.8.0