fix(bug修复): 信息录入

luoyb

2021-03-03 8435ea9da0a454abc0db7f8a5402720abd680f4e

 src/views/user/inemployees.vue

@@ -1,15 +1,15 @@
<template>
  <div>
  <div style="background-color: #fff;height: 100%;">
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
        <el-row style="margin-bottom: 10px;">
          <el-col :span="16">
            <h3 class="bu-tian-jia-title">在职员工</h3>
          </el-col>
          <el-col :span="8" style="margin-top: 15px;">
            <el-input v-model="queryParams.vague" placeholder="请输入内容" style="width:200px" />
            <el-button type="primary" @click="vagueSearch">查询</el-button>
            <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
            <span class="search-btn" @click="vagueSearch">查询</span>
            <span class="sup-search-btn" @click="advancedQueryShowMethods">高级查询</span>
          </el-col>
        </el-row>
        <div v-show="advancedQueryShow">
@@ -33,12 +33,11 @@
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                range-separator="~"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
                style="width: 400px;"
                style="width: 300px;"
              />
            </el-col>
            <el-col :span="3">
@@ -50,9 +49,9 @@
            <el-col :span="24">
              <table class="searchTable">
                <tr>
                  <td>性别：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.sex">
                  <td class="td">性别：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.sex" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllSex">全部</el-checkbox>
                      <el-checkbox label="1">男性</el-checkbox>
                      <el-checkbox label="2">女性</el-checkbox>
@@ -60,9 +59,9 @@
                  </td>
                </tr>
                <tr>
                  <td>最高学历：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.education">
                  <td class="td">最高学历：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.education" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllEducation">全部</el-checkbox>
                      <el-checkbox label="91">无学历</el-checkbox>
                      <el-checkbox label="81">小学</el-checkbox>
@@ -78,9 +77,9 @@
                  </td>
                </tr>
                <tr>
                  <td>政治面貌：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.politics">
                  <td class="td">政治面貌：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.politics" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllPolitics">全部</el-checkbox>
                      <el-checkbox label="01">党员</el-checkbox>
                      <el-checkbox label="02">预备</el-checkbox>
@@ -99,9 +98,9 @@
                  </td>
                </tr>
                <tr>
                  <td>年龄：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.ageStr">
                  <td class="td">年龄：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.ageStr" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllAgeStr">全部</el-checkbox>
                      <el-checkbox label="18-29">18-29</el-checkbox>
                      <el-checkbox label="30-39">30-39</el-checkbox>
@@ -113,9 +112,9 @@
                  </td>
                </tr>
                <tr>
                  <td>档案情况：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.archivesStatus">
                  <td class="td">档案情况：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.archivesStatus" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllArchivesStatus">全部</el-checkbox>
                      <el-checkbox label="0">已移交</el-checkbox>
                      <el-checkbox label="1">未移交</el-checkbox>
@@ -123,9 +122,9 @@
                  </td>
                </tr>
                <tr>
                  <td>保险类型：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.insuranceType">
                  <td class="td">保险类型：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.insuranceType" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllInsuranceType">全部</el-checkbox>
                      <el-checkbox label="1">深户（五险一档）</el-checkbox>
                      <el-checkbox label="2">非深户(五险一档)</el-checkbox>
@@ -136,14 +135,22 @@
                  </td>
                </tr>
                <tr>
                  <td>员工状态：</td>
                  <td>
                    <el-checkbox-group v-model="queryParams.empStatus">
                      <el-checkbox label="" @change="selectAllEmpStatus">全部</el-checkbox>
                      <el-checkbox label="0">在职</el-checkbox>
                      <el-checkbox label="1">正常离职</el-checkbox>
                      <el-checkbox label="2">自动离职</el-checkbox>
                      <el-checkbox label="3">公司辞退</el-checkbox>
                  <td class="td">工作证：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.empCardStatus" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllEmpCardStatus">全部</el-checkbox>
                      <el-checkbox label="0">未发</el-checkbox>
                      <el-checkbox label="1">已发</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
                <tr>
                  <td class="td">员工手册：</td>
                  <td class="td-group">
                    <el-checkbox-group v-model="queryParams.handbookStatus" class="fj-checkbox">
                      <el-checkbox label="" @change="selectAllHandbookStatus">全部</el-checkbox>
                      <el-checkbox label="0">未发</el-checkbox>
                      <el-checkbox label="1">已发</el-checkbox>
                    </el-checkbox-group>
                  </td>
                </tr>
@@ -153,39 +160,59 @@
        </div>
      </el-header>
      <el-main style="height: 85%;">
        <el-row>
        <el-row style="margin: 10px 0 10px 0;">
          <el-col :span="24">
            <el-button type="danger" @click="showXzyg(0)">新增员工</el-button>
            <el-button type="primary" @click="delEmp">删除员工</el-button>
            <el-button type="danger" @click="showYgdg(0)">员工调岗</el-button>
            <el-button type="danger" @click="showDryg(0)">导入员工</el-button>
            <el-button type="danger" @click="showDcyg(0)">导出员工</el-button>
            <el-button type="danger" @click="doDcda">导出档案</el-button>
            <el-button type="danger" @click="showGbda(0)">关闭档案</el-button>
            <el-button type="danger" class="hr-but-all" @click="showXzyg(0)">新增员工</el-button>
            <el-button type="primary" class="hr-but-all" @click="delEmp">删除员工</el-button>
            <el-button type="danger" class="hr-but-all" @click="showYgdg(0)">员工调岗</el-button>
            <!-- <el-button type="danger" class="hr-but-all" @click="showDryg(0)">导入员工</el-button> -->
            <el-button type="danger" class="hr-but-all" @click="showDcyg(0)">导出员工</el-button>
            <el-button type="danger" class="hr-but-all" @click="doDcda">导出档案</el-button>
            <el-button type="danger" class="hr-but-all" @click="showGbda(0)">关闭档案</el-button>
          </el-col>
        </el-row>
        <el-table ref="multipleTable" :data="tableData" style="width: 100%;">
        <el-table
          ref="multipleTable"
          :data="tableData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;color: #000;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column label="操作" width="100">
          <el-table-column label="操作" width="120">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editArchives(scope.row)"-->
              <!--              >-->
              <!--                档案</el-button>-->
              <!--              <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑</el-button>-->

              <span
                style="color: #a00515;display: inline-block;width: 50%;cursor: pointer"
                @click="editArchives(scope.row)"
              >档案</span>
              <span
                style="color: #a00515;display: inline-block;width: 50%;cursor: pointer"
                @click="editEmpBase(scope.row)"
              >编辑</span>
            </template>
          </el-table-column>
          <el-table-column prop="deptName" label="护卫点" width="100" />
          <el-table-column prop="jobName" label="岗位" width="100" />
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="empName" label="姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="sexName" label="性别" width="50" />
          <el-table-column prop="age" label="年龄" />
          <el-table-column prop="educationName" label="最高学历" width="100" />
          <el-table-column prop="nativePlaceName" label="籍贯" />
          <el-table-column prop="telePhone" label="联系电话" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="delFlag" label="员工状态">
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="sexName" label="性别" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="age" label="年龄" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="educationName" label="最高学历" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="nativePlaceName" label="籍贯" />
          <el-table-column show-overflow-tooltip="true" prop="telePhone" label="联系电话" />
          <el-table-column show-overflow-tooltip="true" prop="entryDate" label="入职日期" />
          <el-table-column show-overflow-tooltip="true" prop="empStatus" label="员工状态" width="100">
            <template slot-scope="{row}">
              {{ transDelFlag(row.delFlag) }}
              {{ transEmpStatus(row.empStatus) }}
            </template>
          </el-table-column>
        </el-table>
@@ -198,963 +225,308 @@
        />
      </el-main>
    </el-container>
    <el-dialog title="新增员工" :visible.sync="dialogShowXzyg" width="50%">
      <el-form
        ref="empBaseInfoForm"
        :model="empBaseInfoForm"
        :rules="empBaseInfoRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="档案号" prop="archivesNumb">
              <el-input v-model="empBaseInfoForm.archivesNumb" />
            </el-form-item>
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="empBaseInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="员工类别" prop="empType">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="民族" prop="nation">
              <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
                <el-option label="汉族" value="01" />
                <el-option label="蒙古族" value="02" />
                <el-option label="回族" value="03" />
                <el-option label="藏族" value="04" />
                <el-option label="维吾尔族" value="05" />
                <el-option label="苗族" value="06" />
                <el-option label="彝族" value="07" />
                <el-option label="壮族" value="08" />
                <el-option label="布衣族" value="09" />
                <el-option label="朝鲜族" value="10" />
                <el-option label="满族" value="11" />
                <el-option label="侗族" value="12" />
                <el-option label="瑶族" value="13" />
                <el-option label="白族" value="14" />
                <el-option label="土家族" value="15" />
                <el-option label="哈尼族" value="16" />
                <el-option label="哈萨克族" value="17" />
                <el-option label="傣族" value="18" />
                <el-option label="黎族" value="19" />
                <el-option label="傈傈族" value="20" />
                <el-option label="瓦族" value="21" />
                <el-option label="畲族" value="22" />
                <el-option label="高山族" value="23" />
                <el-option label="拉祜族" value="24" />
                <el-option label="水族" value="25" />
                <el-option label="东乡族" value="26" />
                <el-option label="纳西族" value="27" />
                <el-option label="景颇族" value="28" />
                <el-option label="柯尔克孜族" value="29" />
                <el-option label="土族" value="30" />
                <el-option label="达斡尔族" value="31" />
                <el-option label="仫佬族" value="32" />
                <el-option label="羌族" value="33" />
                <el-option label="布朗族" value="34" />
                <el-option label="撒拉族" value="35" />
                <el-option label="毛难族" value="36" />
                <el-option label="仡佬族" value="37" />
                <el-option label="锡伯族" value="38" />
                <el-option label="阿昌族" value="39" />
                <el-option label="普米族" value="40" />
                <el-option label="塔吉克族" value="41" />
                <el-option label="怒族" value="42" />
                <el-option label="乌孜别克族" value="43" />
                <el-option label="俄罗斯族" value="44" />
                <el-option label="鄂温克族" value="45" />
                <el-option label="崩龙族" value="46" />
                <el-option label="保安族" value="47" />
                <el-option label="裕固族" value="48" />
                <el-option label="京族" value="49" />
                <el-option label="塔塔尔族" value="50" />
                <el-option label="独龙族" value="51" />
                <el-option label="鄂伦春" value="52" />
                <el-option label="郝哲族" value="53" />
                <el-option label="门巴族" value="54" />
                <el-option label="珞巴族" value="55" />
                <el-option label="基诺族" value="56" />
                <el-option label="其他族" value="91" />
                <el-option label="外国民族" value="98" />
              </el-select>
            </el-form-item>
            <el-form-item label="婚姻状态" prop="marriage">
              <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                <el-option label="未婚" value="1" />
                <el-option label="已婚" value="2" />
                <el-option label="丧偶" value="3" />
                <el-option label="离婚" value="4" />
                <el-option label="再婚" value="5" />
                <el-option label="其它" value="9" />
              </el-select>
            </el-form-item>
            <el-form-item label="身高(cm)" prop="stature">
              <el-input v-model="empBaseInfoForm.stature" />
            </el-form-item>
            <el-form-item label="政治面貌" prop="politics">
              <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                <el-option label="中共党员" value="01" />
                <el-option label="预备党员" value="02" />
                <el-option label="共青团员" value="03" />
                <el-option label="民革会员" value="04" />
                <el-option label="民盟盟员" value="05" />
                <el-option label="民建会员" value="06" />
                <el-option label="民进会员" value="07" />
                <el-option label="农工党员" value="08" />
                <el-option label="致公党员" value="09" />
                <el-option label="九三社员" value="10" />
                <el-option label="台盟盟员" value="11" />
                <el-option label="民主人士" value="12" />
                <el-option label="群众" value="13" />
              </el-select>
            </el-form-item>
            <el-form-item label="最高学历" prop="education">
              <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                <el-option label="博士" value="10" />
                <el-option label="硕士" value="11" />
                <el-option label="大学本科" value="21" />
                <el-option label="大学专科" value="31" />
                <el-option label="中专" value="41" />
                <el-option label="中技" value="42" />
                <el-option label="高中" value="61" />
                <el-option label="初中" value="71" />
                <el-option label="小学" value="81" />
                <el-option label="无学历" value="91" />
              </el-select>
            </el-form-item>
            <el-form-item label="籍贯" prop="nativePlaceName">
              <el-autocomplete
                v-model="empBaseInfoForm.nativePlaceName"
                class="inline-input"
                :fetch-suggestions="querySearch"
                placeholder="请选择籍贯"
                @select="placeNameSelect"
              />
            </el-form-item>
            <el-form-item label="现住址" prop="currentAddress">
              <el-input v-model="empBaseInfoForm.currentAddress" />
            </el-form-item>
            <el-form-item label="电话号码" prop="telePhone">
              <el-input v-model="empBaseInfoForm.telePhone" />
            </el-form-item>
            <el-form-item label="招聘介绍人" prop="introducer">
              <el-input v-model="empBaseInfoForm.introducer" />
            </el-form-item>
            <el-form-item label="银行名称" prop="bankName">
              <el-input v-model="empBaseInfoForm.bankName" />
            </el-form-item>
            <el-form-item label="保险类型" prop="insuranceType">
              <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                <el-option label="（深户）五险一档" value="1" />
                <el-option label="（非深户）五险一档" value="2" />
                <el-option label="（非深户）五险二档" value="3" />
                <el-option label="（非深户）五险三档" value="4" />
                <el-option label="（非深户）四险一档" value="5" />
              </el-select>
            </el-form-item>
            <el-form-item label="家庭成员及关系" prop="family">
              <el-input v-model="empBaseInfoForm.family" />
            </el-form-item>
            <el-form-item label="紧急联系电话" prop="urgencyPhone">
              <el-input v-model="empBaseInfoForm.urgencyPhone" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder="请选择部门(护卫点)"
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="岗位" prop="jobName">
              <el-autocomplete
                v-model="empBaseInfoForm.jobName"
                class="inline-input"
                :fetch-suggestions="querySearchJob"
                placeholder="请输入岗位"
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="身份证有效期" prop="certificateValidity">
              <el-date-picker
                v-model="empBaseInfoForm.certificateValidity"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="年龄" prop="age">
              <el-input v-model="empBaseInfoForm.age" />
            </el-form-item>
            <el-form-item label="出生日期" prop="birthdate">
              <el-date-picker
                v-model="empBaseInfoForm.birthdate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="入职日期" prop="entryDate">
              <el-date-picker
                v-model="empBaseInfoForm.entryDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                @input="calculateSeniority"
              />
            </el-form-item>
            <el-form-item label="入司工龄" prop="seniority">
              <el-input v-model="empBaseInfoForm.seniority" />
            </el-form-item>
            <el-form-item label="户籍地址" prop="censusAddress">
              <el-input v-model="empBaseInfoForm.censusAddress" />
            </el-form-item>
            <el-form-item label="保安员证号" prop="guardNumb">
              <el-input v-model="empBaseInfoForm.guardNumb" />
            </el-form-item>
            <el-form-item label="保安员回执" prop="returnReceipt">
              <el-input v-model="empBaseInfoForm.returnReceipt" />
            </el-form-item>
            <el-form-item label="档案情况" prop="archivesStatus">
              <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                <el-option label="未移交" value="0" />
                <el-option label="已移交" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="银行账号" prop="bankNumb">
              <el-input v-model="empBaseInfoForm.bankNumb" />
            </el-form-item>
            <el-form-item label="社保电脑号" prop="socialNumb">
              <el-input v-model="empBaseInfoForm.socialNumb" />
            </el-form-item>
            <el-form-item label="员工手册">
              <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="工作证" prop="empCardStatus">
              <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                <el-option label="未发" value="0" />
                <el-option label="已发" value="1" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="相关证件" prop="certificateList">
              <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                <el-option label="高中毕业证" value="1" />
                <el-option label="专科毕业证" value="2" />
                <el-option label="本科毕业证" value="3" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    <el-dialog title="基本信息" :visible.sync="dialogShowXzyg" width="50%" class="baseinfo">
      <el-container>
        <el-aside width="200px">
          <el-upload
            class="avatar-uploader"
            action="#"
            :show-file-list="false"
            :on-change="handlePictureCardPreview"
            :auto-upload="false"
          >
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过4MB</div>
            <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon" />
          </el-upload>
        </el-aside>
        <el-main>
          <el-form
            ref="empBaseInfoForm"
            :model="empBaseInfoForm"
            :rules="rules"
            label-position="right"
            label-width="120px"
          >
            <el-row>
              <el-col :span="12">
                <el-form-item label="档案号" prop="archivesNumb">
                  <el-input v-model="empBaseInfoForm.archivesNumb" />
                </el-form-item>
                <el-form-item label="员工编号" prop="empNumb">
                  <el-input v-model="empBaseInfoForm.empNumb" />
                </el-form-item>
                <el-form-item label="身份证号码" prop="certificateNumb">
                  <el-input
                    v-model="empBaseInfoForm.certificateNumb"
                    @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
                  />
                </el-form-item>
                <el-form-item label="员工类别" prop="empType">
                  <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                    <el-option label="高层" value="01" />
                    <el-option label="高级管理人员" value="02" />
                    <el-option label="中级管理人员" value="03" />
                    <el-option label="初级管理人员" value="04" />
                    <el-option label="文职人员" value="05" />
                    <el-option label="一般人员" value="06" />
                    <el-option label="其他" value="07" />
                  </el-select>
                </el-form-item>
                <el-form-item label="民族" prop="nation">
                  <el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
                    <el-option label="汉族" value="01" />
                    <el-option label="蒙古族" value="02" />
                    <el-option label="回族" value="03" />
                    <el-option label="藏族" value="04" />
                    <el-option label="维吾尔族" value="05" />
                    <el-option label="苗族" value="06" />
                    <el-option label="彝族" value="07" />
                    <el-option label="壮族" value="08" />
                    <el-option label="布衣族" value="09" />
                    <el-option label="朝鲜族" value="10" />
                    <el-option label="满族" value="11" />
                    <el-option label="侗族" value="12" />
                    <el-option label="瑶族" value="13" />
                    <el-option label="白族" value="14" />
                    <el-option label="土家族" value="15" />
                    <el-option label="哈尼族" value="16" />
                    <el-option label="哈萨克族" value="17" />
                    <el-option label="傣族" value="18" />
                    <el-option label="黎族" value="19" />
                    <el-option label="傈傈族" value="20" />
                    <el-option label="瓦族" value="21" />
                    <el-option label="畲族" value="22" />
                    <el-option label="高山族" value="23" />
                    <el-option label="拉祜族" value="24" />
                    <el-option label="水族" value="25" />
                    <el-option label="东乡族" value="26" />
                    <el-option label="纳西族" value="27" />
                    <el-option label="景颇族" value="28" />
                    <el-option label="柯尔克孜族" value="29" />
                    <el-option label="土族" value="30" />
                    <el-option label="达斡尔族" value="31" />
                    <el-option label="仫佬族" value="32" />
                    <el-option label="羌族" value="33" />
                    <el-option label="布朗族" value="34" />
                    <el-option label="撒拉族" value="35" />
                    <el-option label="毛难族" value="36" />
                    <el-option label="仡佬族" value="37" />
                    <el-option label="锡伯族" value="38" />
                    <el-option label="阿昌族" value="39" />
                    <el-option label="普米族" value="40" />
                    <el-option label="塔吉克族" value="41" />
                    <el-option label="怒族" value="42" />
                    <el-option label="乌孜别克族" value="43" />
                    <el-option label="俄罗斯族" value="44" />
                    <el-option label="鄂温克族" value="45" />
                    <el-option label="崩龙族" value="46" />
                    <el-option label="保安族" value="47" />
                    <el-option label="裕固族" value="48" />
                    <el-option label="京族" value="49" />
                    <el-option label="塔塔尔族" value="50" />
                    <el-option label="独龙族" value="51" />
                    <el-option label="鄂伦春" value="52" />
                    <el-option label="郝哲族" value="53" />
                    <el-option label="门巴族" value="54" />
                    <el-option label="珞巴族" value="55" />
                    <el-option label="基诺族" value="56" />
                    <el-option label="其他族" value="91" />
                    <el-option label="外国民族" value="98" />
                  </el-select>
                </el-form-item>
                <el-form-item label="婚姻状态" prop="marriage">
                  <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                    <el-option label="未婚" value="1" />
                    <el-option label="已婚" value="2" />
                    <el-option label="丧偶" value="3" />
                    <el-option label="离婚" value="4" />
                    <el-option label="再婚" value="5" />
                    <el-option label="其它" value="9" />
                  </el-select>
                </el-form-item>
                <el-form-item label="身高(cm)" prop="stature">
                  <el-input v-model="empBaseInfoForm.stature" />
                </el-form-item>
                <el-form-item label="政治面貌" prop="politics">
                  <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                    <el-option label="中共党员" value="01" />
                    <el-option label="预备党员" value="02" />
                    <el-option label="共青团员" value="03" />
                    <el-option label="民革会员" value="04" />
                    <el-option label="民盟盟员" value="05" />
                    <el-option label="民建会员" value="06" />
                    <el-option label="民进会员" value="07" />
                    <el-option label="农工党员" value="08" />
                    <el-option label="致公党员" value="09" />
                    <el-option label="九三社员" value="10" />
                    <el-option label="台盟盟员" value="11" />
                    <el-option label="民主人士" value="12" />
                    <el-option label="群众" value="13" />
                  </el-select>
                </el-form-item>
                <el-form-item label="最高学历" prop="education">
                  <el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
                    <el-option label="博士" value="10" />
                    <el-option label="硕士" value="11" />
                    <el-option label="大学本科" value="21" />
                    <el-option label="大学专科" value="31" />
                    <el-option label="中专" value="41" />
                    <el-option label="中技" value="42" />
                    <el-option label="高中" value="61" />
                    <el-option label="初中" value="71" />
                    <el-option label="小学" value="81" />
                    <el-option label="无学历" value="91" />
                  </el-select>
                </el-form-item>
                <el-form-item label="籍贯" prop="nativePlaceName">
                  <el-autocomplete
                    v-model="empBaseInfoForm.nativePlaceName"
                    class="inline-input"
                    :fetch-suggestions="querySearch"
                    placeholder="请输入籍贯"
                    @select="placeNameSelect"
                  />
                </el-form-item>
                <el-form-item label="现住址" prop="currentAddress">
                  <el-input v-model="empBaseInfoForm.currentAddress" />
                </el-form-item>
                <el-form-item label="电话号码" prop="telePhone">
                  <el-input v-model="empBaseInfoForm.telePhone" />
                </el-form-item>
                <el-form-item label="招聘介绍人" prop="introducer">
                  <el-input v-model="empBaseInfoForm.introducer" />
                </el-form-item>
                <el-form-item label="银行名称" prop="bankName">
                  <el-input v-model="empBaseInfoForm.bankName" />
                </el-form-item>
                <el-form-item label="保险类型" prop="insuranceType">
                  <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                    <el-option label="（深户）五险一档" value="1" />
                    <el-option label="（非深户）五险一档" value="2" />
                    <el-option label="（非深户）五险二档" value="3" />
                    <el-option label="（非深户）五险三档" value="4" />
                    <el-option label="（非深户）四险一档" value="5" />
                  </el-select>
                </el-form-item>
                <el-form-item label="家庭成员及关系" prop="family">
                  <el-input v-model="empBaseInfoForm.family" />
                </el-form-item>
                <el-form-item label="紧急联系电话" prop="urgencyPhone">
                  <el-input v-model="empBaseInfoForm.urgencyPhone" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="姓名" prop="empName">
                  <el-input v-model="empBaseInfoForm.empName" />
                </el-form-item>
                <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
                  <treeselect
                    v-model="empBaseInfoForm.deptId"
                    :multiple="false"
                    :options="depts"
                    :clear-value-text="$t('common.clear')"
                    placeholder="请选择部门(护卫点)"
                    style="width:100%"
                  />
                </el-form-item>
                <el-form-item label="岗位" prop="jobName">
                  <el-autocomplete
                    v-model="empBaseInfoForm.jobName"
                    class="inline-input"
                    :fetch-suggestions="querySearchJob"
                    placeholder="请输入岗位"
                    @select="jobNameSelect"
                  />
                </el-form-item>
                <el-form-item label="性别" prop="sex">
                  <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                    <el-option label="男" value="1" />
                    <el-option label="女" value="2" />
                  </el-select>
                </el-form-item>
                <el-form-item label="身份证有效期" prop="certificateValidity">
                  <el-date-picker
                    v-model="empBaseInfoForm.certificateValidity"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                  />
                </el-form-item>
                <el-form-item label="年龄" prop="age">
                  <el-input v-model="empBaseInfoForm.age" />
                </el-form-item>
                <el-form-item label="出生日期" prop="birthdate">
                  <el-date-picker
                    v-model="empBaseInfoForm.birthdate"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                  />
                </el-form-item>
                <el-form-item label="入职日期" prop="entryDate">
                  <el-date-picker
                    v-model="empBaseInfoForm.entryDate"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                    @input="calculateSeniority"
                  />
                </el-form-item>
                <el-form-item label="入司工龄" prop="seniority">
                  <el-input v-model="empBaseInfoForm.seniority" />
                </el-form-item>
                <el-form-item label="户籍地址" prop="censusAddress">
                  <el-input v-model="empBaseInfoForm.censusAddress" />
                </el-form-item>
                <el-form-item label="保安员证号" prop="guardNumb">
                  <el-input v-model="empBaseInfoForm.guardNumb" />
                </el-form-item>
                <el-form-item label="保安员回执" prop="returnReceipt">
                  <el-input v-model="empBaseInfoForm.returnReceipt" />
                </el-form-item>
                <el-form-item label="档案情况" prop="archivesStatus">
                  <el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
                    <el-option label="未移交" value="0" />
                    <el-option label="已移交" value="1" />
                  </el-select>
                </el-form-item>
                <el-form-item label="银行账号" prop="bankNumb">
                  <el-input v-model="empBaseInfoForm.bankNumb" />
                </el-form-item>
                <el-form-item label="社保电脑号" prop="socialNumb">
                  <el-input v-model="empBaseInfoForm.socialNumb" />
                </el-form-item>
                <el-form-item label="员工手册" prop="handbookStatus">
                  <el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
                    <el-option label="未发" value="0" />
                    <el-option label="已发" value="1" />
                  </el-select>
                </el-form-item>
                <el-form-item label="工作证" prop="empCardStatus">
                  <el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
                    <el-option label="未发" value="0" />
                    <el-option label="已发" value="1" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="相关证件" prop="certificateList">
                  <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
                    <el-option label="高中毕业证" value="1" />
                    <el-option label="专科毕业证" value="2" />
                    <el-option label="本科毕业证" value="3" />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </el-main>
      </el-container>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putEmpBase('empBaseInfoForm')">保 存</el-button>
        <el-button type="primary" @click="putEmpBaseContinue('empBaseInfoForm')">保存并继续新增</el-button>
        <el-button @click="showXzyg()">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">
      <div>
        <el-divider />
        <el-container>
          <el-aside width="200px">
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              员工编号
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              100452312
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              基本信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">
              工作信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">
              工作经历
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">
              体检信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">
              合同信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">
              考勤情况
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">
              请假记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">
              调岗记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">
              备注
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">
              记录截图
            </el-card>
          </el-aside>
          <el-main>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">基本信息</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>档案号</td>
                <td>中保亚太</td>
                <td>姓名</td>
                <td>赵建国</td>
                <td>性别</td>
                <td>男</td>
              </tr>
              <tr>
                <td>所属部门</td>
                <td>一分公司</td>
                <td>所属岗位</td>
                <td>保安员</td>
                <td>员工类别</td>
                <td>正式工</td>
              </tr>
              <tr>
                <td>民族</td>
                <td>汉族</td>
                <td>身份证号码</td>
                <td>510304197402225813</td>
                <td>年龄</td>
                <td>46</td>
              </tr>
              <tr>
                <td>婚姻状况</td>
                <td>已婚</td>
                <td>身份证有效期</td>
                <td>10年</td>
                <td>身高</td>
                <td>170</td>
              </tr>
              <tr>
                <td>政治面貌</td>
                <td>群众</td>
                <td>出生日期</td>
                <td>1974-02-22</td>
                <td>最高学历</td>
                <td>高中</td>
              </tr>
              <tr>
                <td>籍贯</td>
                <td>广东省番禺市</td>
                <td>户籍地址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
                <td>现住址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
              </tr>
              <tr>
                <td>保安员证号</td>
                <td />
                <td>保安员回执</td>
                <td />
                <td>档案情况</td>
                <td>已移交</td>
              </tr>
              <tr>
                <td>银行名称</td>
                <td />
                <td>银行账号</td>
                <td />
                <td>电话号码</td>
                <td>138098097888</td>
              </tr>
              <tr>
                <td>入职日期</td>
                <td>2020-01-02</td>
                <td>保险类型</td>
                <td>深户（五险一档）</td>
                <td>社保电脑号</td>
                <td />
              </tr>
              <tr>
                <td>招聘介绍人</td>
                <td />
                <td>入司工龄</td>
                <td>1</td>
                <td>工作证</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>家庭成员及关系</td>
                <td />
                <td>紧急联系电话</td>
                <td />
                <td>员工手册</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>相关证件</td>
                <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">工作经历</td>
                <td class="link_button">新增工作经历</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>工作单位</td>
                <td>主要工作内容</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2021-01-02</td>
                <td>XXXX用品公司</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2015-02-03</td>
                <td>2019-02-03</td>
                <td>深圳XXX机械制造厂</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="9">体检信息</td>
                <td class="link_button">新增体检信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>体检医院</td>
                <td>体检日期</td>
                <td>体检类型</td>
                <td>血压</td>
                <td>转氨酶</td>
                <td>心电图</td>
                <td>体检结论</td>
                <td>复查记录</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2020-01-02</td>
                <td>入职体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>异常</td>
                <td>窦性心动过缓，出现不规则图像，建议复查</td>
                <td>2020-01-08</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2019-02-03</td>
                <td>员工体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>正常</td>
                <td>血压偏高</td>
                <td>2019-02-05</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="6">合同信息</td>
                <td class="link_button">新增合同信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>合同开始日期</td>
                <td>合同结束日期</td>
                <td>合同期限（年）</td>
                <td>合同状态</td>
                <td>合同办理人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td>有效</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td>续签</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">调岗记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>调岗日期</td>
                <td>类型</td>
                <td>原部门</td>
                <td>原岗位</td>
                <td>现部门</td>
                <td>现岗位</td>
                <td>理由描述</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>升职</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>组长</td>
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>调动</td>
                <td>清洗车间</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td />
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">请假记录</td>
                <td class="link_button">新增请假记录</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>请假天数</td>
                <td>请假类型</td>
                <td>到岗时间</td>
                <td>报备人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">离职当月考勤</td>
                <td class="link_button">新增离职考勤</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>考勤年月</td>
                <td>出勤天数</td>
                <td>加班（天）</td>
                <td>加班（小时）</td>
                <td>有无代扣款项</td>
                <td>请假（天）</td>
                <td>旷工（天）</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年12月</td>
                <td />
                <td>3</td>
                <td />
                <td />
                <td>1</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年10月</td>
                <td />
                <td>2</td>
                <td />
                <td />
                <td>0</td>
                <td>3</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年11月</td>
                <td />
                <td>0</td>
                <td />
                <td />
                <td>0</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">辞职申请</td>
                <td class="link_button">新增辞职申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请日期</td>
                <td>事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">入离职记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>入职日期</td>
                <td>离职日期</td>
                <td>离职类型</td>
                <td>自离天数</td>
                <td>报告人</td>
                <td>备注（入离职原因）</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>2020-10-11</td>
                <td>自离</td>
                <td />
                <td />
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>2019-10-11</td>
                <td>辞职</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">失业金领取</td>
                <td class="link_button">新增失业金领取</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>申请日期</td>
                <td>申报事由</td>
                <td>报备人</td>
                <td>审核人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">社保申请</td>
                <td class="link_button">新增社保申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请时间</td>
                <td>申请人</td>
                <td>社保档位</td>
                <td>是否已报告</td>
                <td>状态</td>
                <td>审批人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="17" class="tdTitle">工伤案件</td>
                <td class="link_button">新增工伤案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>受伤时间</td>
                <td>受伤地点</td>
                <td>受伤部位</td>
                <td>受伤描述</td>
                <td>工伤诊断</td>
                <td>就诊医院</td>
                <td>就诊科室</td>
                <td>是否住院</td>
                <td>床号</td>
                <td>递交资料时间</td>
                <td>递交人</td>
                <td>工伤总费用</td>
                <td>赔付总费用</td>
                <td>报单号</td>
                <td>人事处理时间</td>
                <td>状态</td>
                <td>案结时间</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">劳资案件</td>
                <td class="link_button">新增劳资案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>仲裁日期</td>
                <td>仲裁类型</td>
                <td>仲裁事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>仲裁赔付（元）</td>
                <td>状态</td>
                <td>案结日期</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>劳资纠纷</td>
                <td>仲裁事由描述XXXXX</td>
                <td>张山</td>
                <td />
                <td>2500.00</td>
                <td>已结案</td>
                <td>2021-01-16</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="2" class="tdTitle">备注</td>
                <td class="link_button">新增备注</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>备注日期</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <div class="tdTitle">记录截图 点击可查看大图</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/sctp.png">
            </div>
            <div class="tdTitle">相关附件</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx
            </div>
          </el-main>
        </el-container>
      </div>
    </el-dialog>
    <el-dialog title="员工调岗" :visible.sync="dialogShowYgdg" width="50%">
@@ -1222,7 +594,7 @@
              <el-upload
                ref="upload"
                class="upload-demo"
                action="hr/empBaseInfo/importEmp"
                action="http://120.24.23.155:8301/hr/empBaseInfo/importEmp"
                accept=".xls, .xlsx, .excel"
                :headers="headers()"
                :file-list="fileList"
@@ -1244,7 +616,7 @@
        <el-row>
          <el-col span="24">
            <el-form-item label="离职类型" prop="dimissionType">
              <el-radio-group v-model="gbdaForm.dimissionType">
              <el-radio-group v-model="gbdaForm.dimissionType" @change="changeDimissionType">
                <el-radio :label="1">正常离职</el-radio>
                <el-radio :label="2">自动离职</el-radio>
                <el-radio :label="3">公司劝退</el-radio>
@@ -1253,14 +625,22 @@
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col span="12">
          <el-col v-if="selectDimissionType === 2" span="12">
            <el-form-item label="自离天数" prop="selfLeaveDay">
              <el-input v-model="gbdaForm.selfLeaveDay" onkeyup="value=value.replace(/[^0-9.]/g,'')" />
            </el-form-item>
          </el-col>
          <el-col span="12">
          <el-col v-if="selectDimissionType === 2" span="12">
            <el-form-item label="报告人" prop="reporter">
              <el-input v-model="gbdaForm.reporter" />
            </el-form-item>
          </el-col>
          <el-col span="24">
            <el-form-item label="离职操作" prop="afterOperation">
              <el-checkbox-group v-model="gbdaForm.afterOperation">
                <el-checkbox label="1">解除劳动合同</el-checkbox>
                <el-checkbox label="2">禁用登录账号</el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col span="24">
@@ -1303,7 +683,7 @@
            </td>
            <td>性别</td>
            <td>
              <el-checkbox label="sex"><span /></el-checkbox>
              <el-checkbox label="sexName"><span /></el-checkbox>
            </td>
          </tr>
          <tr>
@@ -1317,13 +697,13 @@
            </td>
            <td>员工类别</td>
            <td>
              <el-checkbox label="empType"><span /></el-checkbox>
              <el-checkbox label="empTypeName"><span /></el-checkbox>
            </td>
          </tr>
          <tr>
            <td>民族</td>
            <td>
              <el-checkbox label="nation"><span /></el-checkbox>
              <el-checkbox label="nationName"><span /></el-checkbox>
            </td>
            <td>身份证号码</td>
            <td>
@@ -1337,7 +717,7 @@
          <tr>
            <td>婚姻状况</td>
            <td>
              <el-checkbox label="marriage"><span /></el-checkbox>
              <el-checkbox label="marriageName"><span /></el-checkbox>
            </td>
            <td>身份证有效期</td>
            <td>
@@ -1351,7 +731,7 @@
          <tr>
            <td>政治面貌</td>
            <td>
              <el-checkbox label="politics"><span /></el-checkbox>
              <el-checkbox label="politicsName"><span /></el-checkbox>
            </td>
            <td>出生日期</td>
            <td>
@@ -1359,13 +739,13 @@
            </td>
            <td>最高学历</td>
            <td>
              <el-checkbox label="education"><span /></el-checkbox>
              <el-checkbox label="educationName"><span /></el-checkbox>
            </td>
          </tr>
          <tr>
            <td>籍贯</td>
            <td>
              <el-checkbox label="nativePlace"><span /></el-checkbox>
              <el-checkbox label="nativePlaceName"><span /></el-checkbox>
            </td>
            <td>户籍地址</td>
            <td>
@@ -1387,7 +767,7 @@
            </td>
            <td>档案情况</td>
            <td>
              <el-checkbox label="archivesStatus"><span /></el-checkbox>
              <el-checkbox label="archivesStatusName"><span /></el-checkbox>
            </td>
          </tr>
          <tr>
@@ -1411,7 +791,7 @@
            </td>
            <td>保险类型</td>
            <td>
              <el-checkbox label="insuranceType"><span /></el-checkbox>
              <el-checkbox label="InsuranceTypeName"><span /></el-checkbox>
            </td>
            <td>社保电脑号</td>
            <td>
@@ -1443,7 +823,7 @@
            </td>
            <td>员工手册</td>
            <td>
              <el-checkbox label="handbookStatus"><span /></el-checkbox>
              <el-checkbox label="handbookStatusName"><span /></el-checkbox>
            </td>
          </tr>
          <tr>
@@ -1463,21 +843,37 @@
        <el-button type="primary" @click="showDcyg(2)">确 定</el-button>
      </div>
    </el-dialog>
    <archives-edit
      ref="article"
      :dialog-visible="dialog.isVisible"
      :title="dialog.title"
      :type="dialog.type"
      @close="editClose"
    />
  </div>
</template>
<script>

import { getToken } from '@/utils/auth'
import Pagination from '@/components/Pagination'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { calculateSeniority, toCardGetUserInfo } from '@/utils/myUtil'
import ArchivesEdit from './archivesEdit'
import { pages } from '@/settings'

export default {
  components: {
    ArchivesEdit,
    Pagination, Treeselect
  },
  data() {
    return {
      dialog: {
        isVisible: false,
        title: '',
        type: ''
      },
      total: 0, // 总数量
      queryParams: {
        empNumb: '',
@@ -1488,14 +884,19 @@
        ageStr: [],
        archivesStatus: [],
        insuranceType: [],
        empStatus: []
        empStatus: [],
        empCardStatus: [],
        handbookStatus: []
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 10,
        num: 1
      },
      baseicInformationForm: {},
      empBaseInfoImageUrl: '',
      empBaseInfoForm: {
        imagePath: '',
        empId: '',
        customerId: '',
        archivesNumb: '',
@@ -1506,7 +907,7 @@
        sex: '1',
        JobId: '',
        jobName: '',
        empType: '1',
        empType: '01',
        certificateType: '',
        certificateNumb: '',
        nation: '01',
@@ -1530,7 +931,7 @@
        archivesStatus: '0',
        bankName: '',
        bankNumb: '',
        InsuranceType: '',
        insuranceType: '',
        socialNumb: '',
        family: '',
        handbookStatus: '0',
@@ -1548,31 +949,27 @@
      ygdgForm: {},
      gbdaForm: {
        dgryIds: '',
        dimissionType: '1',
        dimissionType: 1,
        dimissionDate: new Date(),
        remark: ''
        remark: '',
        afterOperation: []
      },
      depts: [],
      fileList: [],
      empBaseInfoRules: {
      rules: {
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, {
          max: 20,
          message: this.$t('rules.noMoreThan20'),
          trigger: 'blur'
        }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
          { min: 2, max: 32, message: '长度不超过32个字符', trigger: 'blur' }],
          { min: 2, max: 50, message: this.$t('rules.noMoreThan50'), trigger: 'blur' }],
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
        deptName: [
          { required: true, message: '请选择护卫点', trigger: 'input' }
        ],
        certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }, {
          min: 15,
          max: 18,
          message: '身份证长度为15-18位',
          trigger: 'blur'
        }],
        certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
        jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }],
        nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }],
        bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }, {
@@ -1687,9 +1084,10 @@
      exportUrl: '',
      checkAll: false,
      isIndeterminate: false,
      cityOptions: ['sex', 'empName', 'archivesNumb', 'deptName', 'jobName', 'empType', 'nation', 'certificateNumb', 'age', 'marriage', 'certificateValidity', 'stature', 'politics', 'birthdate', 'education', 'nativePlace', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatus', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'insuranceType', 'socialNumb', 'introducer', 'seniority', 'empCardStatus', 'certificateList', 'urgencyPhone', 'handbookStatus', 'family'],
      cityOptions: ['archivesNumb', 'deptName', 'jobName', 'empName', 'certificateNumb', 'certificateValidity', 'sexName', 'nationName', 'age', 'marriageName', 'stature', 'birthdate', 'politicsName', 'empTypeName', 'educationName', 'nativePlaceName', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatusName', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'InsuranceTypeName', 'socialNumb', 'introducer', 'seniority', 'empCardStatus', 'certificateList', 'urgencyPhone', 'handbookStatusName', 'family'],
      checkedCities: [],
      tableData: []
      tableData: [],
      selectDimissionType: 1
    }
  },
  mounted() {
@@ -1697,6 +1095,14 @@
    this.initDept()
  },
  methods: {
    editArchives(row) {
      this.$refs.article.setArchives(row)
      this.dialog.title = '档案管理'
      this.dialog.isVisible = true
    },
    editClose() {
      this.dialog.isVisible = false
    },
    resetSearch() {
      this.queryParams = {
        empNumb: '',
@@ -1736,17 +1142,20 @@
      this.fetch({
        empNumb: this.queryParams.vague,
        empName: this.queryParams.vague,
        deptName: this.queryParams.vague
        deptName: this.queryParams.vague,
        certificateNumb: this.queryParams.vague,
        nativePlaceName: this.queryParams.vague,
        censusAddress: this.queryParams.vague
      })
    },
    transDelFlag(delFlag) {
      switch (delFlag) {
        case 0:
          return '正常'
        case 1:
          return '删除'
        case 2:
          return '暂存'
    transEmpStatus(empStatus) {
      switch (empStatus) {
        case '0':
          return '在职'
        case '1':
          return '离职'
        case '2':
          return '退休'
      }
    },
    initDept() {
@@ -1766,12 +1175,56 @@
        this.headerHeight = '30px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '370px'
        this.headerHeight = 'auto'
        this.advancedQueryShow = true
      }
    },
    calculateSeniority(val) {
      this.empBaseInfoForm.seniority = calculateSeniority(val)
    },
    // 获取图片的Blob值
    getImageBlob(url, cb) {
      var xhr = new XMLHttpRequest()
      xhr.open('get', url, true)
      xhr.responseType = 'blob'
      xhr.onload = function() {
        if (this.status === 200) {
          if (cb) cb(this.response)
        }
      }
      xhr.send()
    },
    preView(url) {
      var this_ = this
      const reader = new FileReader()
      this.getImageBlob(url, function(blob) {
        reader.readAsDataURL(blob)
      })
      reader.onload = function(e) {
        // 获取bolb里面数据时,生成预览
        var img = document.createElement('img')
        img.src = e.target.result
        this_.empBaseInfoForm.imagePath = e.target.result
      }
    },
    // 图片预览
    handlePictureCardPreview(file) {
      this.empBaseInfoImageUrl = URL.createObjectURL(file.raw) // 获取URL
      // 判断图片大小
      if (file.size < 4400000) {
        // 判断图片格式是否为jpg,png,jepg,gif
        var fileName = file.name
        // var suffixIndex=fileName.lastIndexOf(".")
        // var suffix=fileName.substring(suffixIndex+1).toUpperCase()
        var suffix = fileName.substring(fileName.lastIndexOf('.') + 1).toUpperCase()
        if (suffix === 'JPG' || suffix === 'PNG') {
          this.preView(this.empBaseInfoImageUrl)
        } else {
          this.$message.error('只能上传jpg/png文件，且不超过4MB,请重新上传！')
        }
      } else {
        this.$message.error('图片大小超过4M,请重新上传')
      }
    },
    cleanEmpBase() {
      this.empBaseInfoForm.empId = ''
@@ -1808,7 +1261,7 @@
      this.empBaseInfoForm.archivesStatus = ''
      this.empBaseInfoForm.bankName = ''
      this.empBaseInfoForm.bankNumb = ''
      this.empBaseInfoForm.InsuranceType = ''
      this.empBaseInfoForm.insuranceType = ''
      this.empBaseInfoForm.socialNumb = ''
      this.empBaseInfoForm.family = ''
      this.empBaseInfoForm.handbookStatus = ''
@@ -1821,6 +1274,8 @@
      this.empBaseInfoForm.modifier = ''
      this.empBaseInfoForm.delFlag = ''
      this.empBaseInfoForm.version = ''
      this.empBaseInfoForm.imagePath = ''
      this.empBaseInfoImageUrl = ''
    },
    editEmpBase(row) {
      this.isAdd = false
@@ -1872,6 +1327,7 @@
      this.empBaseInfoForm.modifier = row.modifier
      this.empBaseInfoForm.delFlag = row.delFlag
      this.empBaseInfoForm.version = row.version
      this.empBaseInfoImageUrl = pages.getEmpBaseInfoImage + row.empId
      this.showXzyg(1)
    },
    putEmpBase(formName) {
@@ -1991,8 +1447,9 @@
          this.dialogShowDcyg = false
          break
        case 2:
          var params = { exportField: this.checkedCities.join(',') }
          this.$download('hr/empBaseInfo/export', { ...params }, '在职员工列表.xls').then(() => {
          var params = this.queryParams
          params.exportField = this.checkedCities.join(',')
          this.$download('hr/empBaseInfo/exportWithField', { ...params }, '在职员工列表.xls').then(() => {
            this.$message({
              message: '下载成功!',
              type: 'success'
@@ -2106,6 +1563,10 @@
          break
      }
    },
    changeDimissionType(value) {
      this.selectDimissionType = value
      console.log('值:' + value)
    },
    validSelfLeaveDay(rule, value, callback) {
      const type = this.gbdaForm.dimissionType
      if (type === 2) {
@@ -2147,11 +1608,13 @@
            var ids = []
            var names = []
            var dates = []
            var numbers = []
            for (var i = 0; i < selection.length; i++) {
              var data = selection[i]
              ids.push(data.empId)
              names.push(data.empName)
              dates.push(data.entryDate)
              numbers.push(data.certificateNumb)
            }
            const nowDate = new Date()
            const year = nowDate.getFullYear()
@@ -2161,9 +1624,11 @@
              empIds: ids.join(','),
              dgryNames: names.join(','),
              entryDates: dates.join(','),
              dimissionType: '1',
              dimissionType: 1,
              dimissionDate: year + '-' + month + '-' + day,
              remark: ''
              remark: '',
              afterOperation: ['1'],
              certificateNumb: numbers.join(',')
            }
            this.dialogShowGbda = true
          }
@@ -2256,6 +1721,20 @@
        this.queryParams.empStatus = []
      }
    },
    selectAllEmpCardStatus(val) {
      if (val) {
        this.queryParams.empCardStatus = ['0', '1']
      } else {
        this.queryParams.empCardStatus = []
      }
    },
    selectAllHandbookStatus(val) {
      if (val) {
        this.queryParams.handbookStatus = ['0', '1']
      } else {
        this.queryParams.handbookStatus = []
      }
    },
    headers() {
      const token = getToken()
      if (token) {
@@ -2269,7 +1748,31 @@
  }
}
</script>
<style lang="scss">

.fj-checkbox {
  .el-checkbox__input.is-checked .el-checkbox__inner {
    border-color: #a32c30;;
    background: #a32c30;;
  }

  .el-checkbox__label {
    color: #000 !important;
  }
}
</style>
<style lang="scss" scoped>
.baseinfo .el-container {
  .el-aside {
    background-color: #fff;
  }

  .el-main {
    background-color: #fff;
  }

}

.el-main {
  height: 600px;
}
@@ -2293,24 +1796,30 @@
}

.searchTable {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;

  tr {
    border-bottom: 1px dashed #d9dadb;
  }

  .searchTable td,
  .searchTable th {
    border: 1px solid #b0b0b0;
    color: #000;
    height: 40px;
    background-color: #fff;
  .td {
    width: 90px;
    text-align: right;
  }

  .searchTable tr td:first-child {
    background-color: #dddcdc !important;
    width: 160px;
    text-align: center;
  .td-group {
    padding-left: 20px;
  }
}

.searchTable td,
.searchTable th {
  color: #000;
  height: 50px;
  background-color: #fff;
}

#ygxq table {
  border-collapse: collapse;
@@ -2363,6 +1872,34 @@
  text-align: center;
  border: 1px solid darkgray;
  height: 30px;
  font-size:15px;
  font-size: 15px;
}

.search-btn {
  display: inline-block;
  width: 3.64vw;
  height: 3.2vh;
  line-height: 3.2vh;
  text-align: center;
  background-color: #a00515;
  color: #fff;
  margin-left: 1vw;
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: middle;
}

.sup-search-btn {
  display: inline-block;
  width: 5.2vw;
  height: 3.2vh;
  line-height: 3.2vh;
  text-align: center;
  margin-left: 1vw;
  color: #a00515;
  border: 1px solid #a00515;
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: middle;
}
</style>