yijiusmile
2021-02-18 8472a83a65b0fa0eba27a7495170160a7ef4e14d
src/views/user/search.vue
@@ -631,27 +631,36 @@
        <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 :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="9">辞职申请日期:
              <el-date-picker
                v-model="queryParams.applayDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="resignTable" :data="resignData" style="width: 100%;height: 70%;">
@@ -675,27 +684,36 @@
        <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 :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="9">失业金领取日期:
              <el-date-picker
                v-model="queryParams.applayDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="unemploymentTable" :data="unemploymentData" style="width: 100%;height: 70%;">
@@ -720,50 +738,59 @@
        <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 :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="9">入职日期:
              <el-date-picker
                v-model="queryParams.applayDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="radio">
                <el-radio-group v-model="queryParams.insuranceGaers">
                  <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 :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-group v-model="queryParams.reportStatus">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">已报告</el-radio>
                  <el-radio :label="6">未报告</el-radio>
                  <el-radio :label="0">已报告</el-radio>
                  <el-radio :label="1">未报告</el-radio>
                </el-radio-group>
              </td>
            </tr>
@@ -804,53 +831,71 @@
        <div v-show="showArr[9].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="9">受伤日期:
              <el-date-picker
                v-model="queryParams.injuredTimeStr"
                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>
            <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 :span="9">人事处理时间:
              <el-date-picker
                v-model="queryParams.hrDoDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="radio">
                <el-radio-group v-model="queryParams.hospitalizatioFlag">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">是</el-radio>
                  <el-radio :label="6">否</el-radio>
                  <el-radio :label="1">是</el-radio>
                  <el-radio :label="0">否</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态:</td>
              <td>
                <el-radio-group v-model="radio">
                <el-radio-group v-model="queryParams.settleStatus">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                  <el-radio :label="1">已结案</el-radio>
                  <el-radio :label="0">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
@@ -898,53 +943,71 @@
        <div v-show="showArr[10].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="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 :span="9">受伤日期:
              <el-date-picker
                v-model="queryParams.injuredTimeStr"
                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="9">人事处理时间:
              <el-date-picker
                v-model="queryParams.hrDoDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="radio">
                <el-radio-group v-model="queryParams.hospitalizatioFlag">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">是</el-radio>
                  <el-radio :label="6">否</el-radio>
                  <el-radio :label="1">是</el-radio>
                  <el-radio :label="0">否</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态:</td>
              <td>
                <el-radio-group v-model="radio">
                <el-radio-group v-model="queryParams.settleStatus">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                  <el-radio :label="1">已结案</el-radio>
                  <el-radio :label="0">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
@@ -992,53 +1055,71 @@
        <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 :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="9">仲裁日期:
              <el-date-picker
                v-model="queryParams.arbitrationDateStr"
                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="9">案结日期:
              <el-date-picker
                v-model="queryParams.settleDateStr"
                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 type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="radio">
                <el-radio-group v-model="queryParams.arbitrationType">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">劳资纠纷</el-radio>
                  <el-radio :label="6">劳资纠纷</el-radio>
                  <el-radio :label="0">劳资纠纷</el-radio>
                  <el-radio :label="1">劳资纠纷</el-radio>
                </el-radio-group>
              </td>
            </tr>
            <tr>
              <td>案结状态:</td>
              <td>仲裁状态:</td>
              <td>
                <el-radio-group v-model="radio">
                <el-radio-group v-model="queryParams.arbitrationStatus">
                  <el-radio label="">全部</el-radio>
                  <el-radio :label="6">已结案</el-radio>
                  <el-radio :label="6">未结案</el-radio>
                  <el-radio :label="1">已结案</el-radio>
                  <el-radio :label="0">未结案</el-radio>
                </el-radio-group>
              </td>
            </tr>
@@ -1081,27 +1162,36 @@
        <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 :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="9">不良记录日期:
              <el-date-picker
                v-model="queryParams.badDateStr"
                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.5">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="badRecordTable" :data="badRecordData" style="width: 100%;height: 70%;">
@@ -1126,27 +1216,36 @@
        <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 :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="9">备注日期:
              <el-date-picker
                v-model="queryParams.remarkDateStr"
                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.5">
              <el-button type="primary">查询</el-button>
              <el-button type="danger">重置</el-button>
              <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="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">