信息录入，离职员工等样式修改

楚江漓i

2021-03-02 0423f0cfab085ea774628e20721b3c3629d550c5

信息录入，离职员工等样式修改

 src/views/user/Informationinput.vue

@@ -1,8 +1,8 @@
<template>
  <div class="info-input">
    <el-container>
      <el-aside width="200px">
        <el-timeline>
      <el-aside width="175px">
        <el-timeline style="padding-left: 15px">
          <el-timeline-item @click.native="isShow(showArr[0].show, 0)">
            <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
          </el-timeline-item>
@@ -64,7 +64,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button-->
              <!--                type="text"-->
@@ -106,7 +106,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column label="操作" width="100">
            <template slot-scope="scope">
              <!--              <el-button-->
              <!--                type="text"-->
@@ -137,7 +137,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button-->
              <!--                type="text"-->
@@ -176,7 +176,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column label="操作" width="100">
            <template slot-scope="scope">
              <!--              <el-button-->
              <!--                type="text"-->
@@ -244,7 +244,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editLeaveInfo(scope.row)">
@@ -275,7 +275,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editResign(scope.row)">
@@ -303,7 +303,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editUnemployment(scope.row)">
@@ -332,7 +332,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editInsurance(scope.row)">
@@ -375,7 +375,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editAccidentCases(scope.row)">
@@ -417,7 +417,7 @@
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <!--              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editOccupational(scope.row)">
@@ -454,75 +454,93 @@
          v-show="showArr[11].show"
          ref="laborTroubleTable"
          :data="laborTroubleData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editLaborTrouble(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationTypeName" label="仲裁类型" width="180" />
          <el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
          <el-table-column prop="reporter" label="报备人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
          <el-table-column prop="arbitrationStatus" label="状态" width="180" />
          <el-table-column prop="settleDate" label="案结日期" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="70" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationDate" label="仲裁日期" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationDate" label="仲裁日期" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationTypeName" label="仲裁类型" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationReason" label="仲裁事由" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationPay" label="仲裁赔付（元）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="arbitrationStatus" label="状态" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="settleDate" label="案结日期" width="120" />
        </el-table>
        <el-table
          v-show="showArr[12].show"
          ref="badRecordTable"
          :data="badRecordData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column label="操作" width="100">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editBadRecord(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editBadRecord(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editBadRecord(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="badDate" label="不良记录日期" width="180" />
          <el-table-column prop="badContent" label="不良记录描述" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="badDate" label="不良记录日期" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="badContent" label="不良记录描述" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[13].show"
          ref="remarkInfoTable"
          :data="remarkInfoData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editRemarkInfo(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="remarkDate" label="备注日期" width="180" />
          <el-table-column prop="remarkContent" label="备注信息" width="400" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="remarkDate" label="备注日期" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="remarkContent" label="备注信息" />
        </el-table>
        <pagination
          v-show="total>0"
@@ -539,7 +557,7 @@
        </el-col>
      </el-main>
    </el-container>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%" class="baseinfo">
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="60%" class="baseinfo">
      <el-container>
        <el-aside width="200px">
          <el-upload
@@ -554,280 +572,285 @@
            <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-main>
          <el-form ref="empBaseInfoForm" class="info-input-form" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
            <el-row>
              <el-col :span="11">
                <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="2">
                <p />
              </el-col>
              <el-col :span="11">
                <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">
@@ -5299,4 +5322,18 @@
  }
}

.info-input-form {
  .el-form-item {
    height: 35px;
    margin-bottom: 20px;
    width: 95%;
    div {
      height: 35px;
    }
    .el-input__inner {
      height: 35px;
    }
  }
}

</style>

 src/views/user/inemployees.vue

@@ -1,5 +1,5 @@
<template>
  <div>
  <div style="background-color: #fff;height: 100%;">
    <el-container>
      <el-header :height="headerHeight">
        <el-row style="margin-bottom: 10px;">
@@ -173,7 +173,7 @@
        </el-row>
        <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="110">
          <el-table-column label="操作" width="120">
            <template slot-scope="scope">
              <!--              <el-button-->
              <!--                type="text"-->
@@ -187,18 +187,18 @@
              <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="护卫点" />
          <el-table-column prop="jobName" label="岗位" width="100" />
          <el-table-column prop="empNumb" label="员工编号" />
          <el-table-column prop="empName" label="姓名" />
          <el-table-column prop="certificateNumb" label="身份证号码" />
          <el-table-column prop="sexName" label="性别" width="80" />
          <el-table-column prop="age" label="年龄" width="80" />
          <el-table-column prop="educationName" label="最高学历" width="100" />
          <el-table-column prop="nativePlaceName" label="籍贯" width="100" />
          <el-table-column prop="telePhone" label="联系电话" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="empStatus" label="员工状态" width="100">
          <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}">
              {{ transEmpStatus(row.empStatus) }}
            </template>
@@ -922,7 +922,7 @@
      ygdgForm: {},
      gbdaForm: {
        dgryIds: '',
        dimissionType: '1',
        dimissionType: 1,
        dimissionDate: new Date(),
        remark: ''
      },
@@ -1583,7 +1583,7 @@
              empIds: ids.join(','),
              dgryNames: names.join(','),
              entryDates: dates.join(','),
              dimissionType: '1',
              dimissionType: 1,
              dimissionDate: year + '-' + month + '-' + day,
              remark: ''
            }
@@ -1759,7 +1759,7 @@
  }
  .td {
    width: 90px;
    text-align: left;
    text-align: right;
  }
  .td-group {
    padding-left: 20px;

 src/views/user/outemployess.vue

@@ -1,5 +1,5 @@
<template>
  <div>
  <div style="background-color: #fff;height: 100%;">
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
@@ -8,8 +8,8 @@
          </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,7 +33,7 @@
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                range-separator="~"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
@@ -50,7 +50,7 @@
                type="daterange"
                align="right"
                unlink-panels
                range-separator="至"
                range-separator="~"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
@@ -173,38 +173,41 @@
      <el-main style="height: 85%;">
        <el-row style="margin: 10px 0 10px 0;">
          <el-col :span="24">
            <el-button type="primary" @click="delEmp">删除员工</el-button>
            <el-button type="danger" @click="showDkda(0)">打开档案</el-button>
            <el-button type="danger" @click="doDcbb">导出报表</el-button>
            <el-button type="primary" class="hr-but-all" @click="delEmp">删除员工</el-button>
            <el-button type="danger" class="hr-but-all" @click="showDkda(0)">打开档案</el-button>
            <el-button type="danger" class="hr-but-all" @click="doDcbb">导出报表</el-button>
          </el-col>
        </el-row>
        <el-table ref="multipleTable" :data="tableData" style="width: 100%;">
          <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="editArchives(scope.row)"
              >
                档案</el-button>
              <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="empNumb" label="员工编号" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="100" />
          <el-table-column prop="jobName" 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="censusAddress" label="籍贯" />
          <el-table-column prop="telePhone" label="联系电话" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="dimissionDate" label="离职日期" width="100" />
          <el-table-column prop="empStatus" label="员工状态">
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" 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="60" />
          <el-table-column show-overflow-tooltip="true" prop="age" label="年龄" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="educationName" label="最高学历" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="censusAddress" 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="dimissionDate" label="离职日期" />
          <el-table-column show-overflow-tooltip="true" prop="empStatus" label="员工状态" width="80">
            <template slot-scope="{row}">
              {{ transEmpStatus(row.empStatus) }}
            </template>
@@ -1071,7 +1074,7 @@
        this.headerHeight = '30px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '400px'
        this.headerHeight = 'auto'
        this.advancedQueryShow = true
      }
    },
@@ -1257,20 +1260,21 @@
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  tr {
    border-bottom: 1px dashed #d9dadb;
  }
  .td {
    background-color: #dddcdc !important;
    width: 160px;
    text-align: center;
    width: 90px;
    text-align: right;
  }
  .td-group {
    padding-left: 20px;
    padding-left: 20px;
  }
}
.searchTable td,
.searchTable th {
    border: 1px solid #b0b0b0;
    color: #000;
    height: 40px;
    height: 50px;
    background-color: #fff;
}

@@ -1315,4 +1319,31 @@
  .del_button {
    color: #D9001B;
  }

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