系统主页，信息录入，在职员工等样式修改

楚江漓i

2021-03-02 6dcaba66e84e79db877fde6f764a82cb9dea38f0

系统主页，信息录入，在职员工等样式修改

 src/layout/components/Navbar.vue

@@ -123,7 +123,7 @@

<style lang="scss" scoped>
.navbar {
  height: 50px;
  height: 5.31vh;
  overflow: hidden;
  position: relative;
  background: #fff;

 src/layout/components/Sidebar/Logo.vue

@@ -46,8 +46,8 @@
  height: 54px;
  line-height: 54px;
  background: white;
  text-align: center;
  overflow: hidden;
  padding-left: 20px;

  & .sidebar-logo-link {
    height: 100%;
@@ -65,7 +65,7 @@
      display: inline-block;
      margin: 0;
      color: #fff;
      font-weight: 500;
      font-weight: 700;
      line-height: 50px;
      font-size: 19px;
      vertical-align: middle;

 src/layout/index.vue

@@ -8,9 +8,10 @@
        <tags-view v-if="needTagsView" />
      </div>
      <app-main />
      <div class="footer"><a target="_blank" href="">版权所有:深圳市太阳帆信息技术开发有限公司
        客服电话:0755-26491738
      </a></div>
      <div class="footer" style="letter-spacing:4px">
        <a target="_blank" href="">版权所有:深圳市太阳帆信息技术开发有限公司
          客服电话:0755-26491738，18913546266
        </a></div>
      <right-panel v-if="showSettings">
        <settings />
      </right-panel>

 src/views/dashboard/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="main">
    <el-row style="height: 10px;">
    <el-row style="height: 4.25vh;margin-bottom: 0">
      <el-col :span="8"><p /></el-col>
      <el-col :span="16">
        <ul class="data-ul">
@@ -34,71 +34,71 @@
        </el-button>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4">
    <el-row :gutter="20" class="dashboard-card">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('在职员工总数','1')">
          <p class="card-number">{{ total.zzyg }}</p>
          <p>在职员工总数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('新进员工人数','2')">
          <p class="card-number">{{ total.xjyg }}</p>
          <p>新进员工人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('正式员工人数','3')">
          <p class="card-number">{{ total.zsyg }}</p>
          <p>正式员工人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('临时员工人数','4')">
          <p class="card-number">{{ total.lsyg }}</p>
          <p>临时员工人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('超龄员工人数','5')">
          <p class="card-number">{{ total.clyg }}</p>
          <p>超龄员工人数</p>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4">
    <el-row :gutter="20" class="dashboard-card">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('离职员工总数','6')">
          <p class="card-number">{{ total.lzyg }}</p>
          <p>离职员工总数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('辞职申请人数','7')">
          <p class="card-number">{{ total.czyg }}</p>
          <p>辞职申请人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('正常离职人数','8')">
          <p class="card-number">{{ total.zclz }}</p>
          <p>正常离职人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('自动离职人数','9')">
          <p class="card-number">{{ total.zdlz }}</p>
          <p>自动离职人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showXzyg('公司辞退人数','10')">
          <p class="card-number">{{ total.gsct }}</p>
          <p>公司辞退人数</p>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="20">
    <el-row :gutter="20" class="dashboard-card">
      <el-col :span="4">
        <el-card shadow="always" class="card-info" @click.native="showht('有效合同','11')">
          <p class="card-number">{{ total.yxht }}</p>
@@ -130,84 +130,84 @@
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4">
    <el-row :gutter="20" class="dashboard-card">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showcq('出勤人数','1')">
          <p class="card-number">{{ total.cqrs }}</p>
          <p>出勤人数</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showqj('员工请假','1')">
          <p class="card-number">{{ total.ygqj }}</p>
          <p>员工请假</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showtj('员工体验','1')">
          <p class="card-number">{{ total.ygtj }}</p>
          <p>员工体验</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showcq('员工加班','2')">
          <p class="card-number">{{ total.ygjb }}</p>
          <p>员工加班</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showcq('员工旷工','3')">
          <p class="card-number">{{ total.ygkg }}</p>
          <p>员工旷工</p>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4">
    <el-row :gutter="20" class="dashboard-card">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showlz('劳资案件','1')">
          <p class="card-number">{{ total.lzaj }}</p>
          <p>劳资案件</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showgs('工伤案件','1')">
          <p class="card-number">{{ total.gsaj }}</p>
          <p>工伤案件</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showyw('意外险案件','1')">
          <p class="card-number">{{ total.ywxaj }}</p>
          <p>意外险案件</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showsb('社保申请','3')">
          <p class="card-number">{{ total.sbsq }}</p>
          <p>社保申请</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showsyj('失业金领取','3')">
          <p class="card-number">{{ total.syj }}</p>
          <p>失业金领取</p>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="4">
    <el-row :gutter="20" class="dashboard-card">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showSfz('身份证到期','11')">
          <p class="card-number">{{ total.sfz }}</p>
          <p>身份证到期</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showtg('员工调岗','3')">
          <p class="card-number">{{ total.ygtg }}</p>
          <p>员工调岗</p>
        </el-card>
      </el-col>
      <el-col :span="4">
      <el-col>
        <el-card shadow="always" class="card-info" @click.native="showbl('不良记录','3')">
          <p class="card-number">{{ total.bljl }}</p>
          <p>不良记录</p>
@@ -582,49 +582,63 @@
}
</script>
<style lang="scss" scoped>

.main {
    padding: 20px;
    padding: 5px 2vw 4.25vh;
  text-align: center;
    .data-ul {
        margin-right: 40px;
        margin-right: 2vw;
        margin-top: 0px;
        list-style: none;
        float: left;
        li {
            float: left;
            width: 60px;
            width: 3.12vw;
            text-align: center;
            font-size: 16px;
            font-size: 1.7vh;
            color: #333333;
        }
        li:hover {
            color: #931e1e;
            border-bottom: 2px solid #931e1e;
            color: #a00515;
            border-bottom: 2px solid #a00515;
        }
    }
}
.selectedColor {
    color: #931e1e;
    border-bottom: 2px solid #931e1e;
    color: #a00515;
    border-bottom: 2px solid #a00515;
}
.el-card__body {
    text-align: center;
    .card-number {
        color: #931e1e;
        font-size: 20px;
  p {
    height: 3.2vh;
    line-height: 3.2vh;
    font-size: 1.5vh;
    margin: 0;
  }
    p.card-number {
        color: #a00515;
    font-size: 2.12vh;
    height: 4.25vh;
    line-height: 4.25vh;
    margin: 0;
    margin-top: 2.65vh;
    }
}
.card-info {
  height: 100%;
}
.card-info:hover {
    text-align: center;
    background-color: #931e1e;
    background-color: #a00515;
  cursor: pointer;
    color: #fff;
    .card-number {
        color: #fff;
        font-size: 20px;
    }
}
.el-row {
    margin-bottom: 20px;
    margin-bottom: 1vh;
    &:last-child {
        margin-bottom: 0;
    }
@@ -651,7 +665,22 @@
}
.data-ul {
    li {
        line-height: 40px;
        line-height: 4.25vh;
    }
}
</style>

<style lang="scss">
.dashboard-card {
  width: 100%;
div.el-col {
  width: 20%;
  height: 12.23vh;
}
.el-card__body {
  padding: 0;
  height: 100%;
  overflow: hidden;
}
}
</style>

 src/views/user/Informationinput.vue

@@ -1,5 +1,5 @@
<template>
  <div>
  <div class="info-input">
    <el-container>
      <el-aside width="200px">
        <el-timeline>
@@ -59,311 +59,396 @@
          v-show="showArr[0].show"
          ref="empBaseInfoTable"
          :data="basicInformationData"
          stripe
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          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 fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editEmpBase(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editEmpBase(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editEmpBase(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="100" />
          <el-table-column prop="empName" label="姓名" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="100" />
          <el-table-column prop="jobName" label="岗位" width="100" />
          <el-table-column prop="empTypeName" label="员工类别" width="100" />
          <el-table-column prop="sexName" label="性别" width="50" />
          <el-table-column prop="nationName" label="民族" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="marriageName" label="婚姻状况" width="80" />
          <el-table-column prop="politicsName" label="政治面貌" width="100" />
          <el-table-column prop="educationName" label="最高学历" width="100" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="insuranceType" label="保险类型" width="100" />
          <el-table-column prop="socialNumb" label="社保电脑号" width="150" />
          <el-table-column prop="guardNumb" label="保安员证号" width="100" />
          <el-table-column prop="archivesNumb" label="档案编号" width="100" />
          <el-table-column prop="archivesStatusName" label="档案情况" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="empTypeName" label="员工类别" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="sexName" label="性别" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="nationName" label="民族" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="marriageName" label="婚姻状况" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="politicsName" label="政治面貌" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="educationName" label="最高学历" width="80" />
          <el-table-column prop="entryDate" show-overflow-tooltip="true" label="入职日期" width="80" />
          <el-table-column prop="insuranceType" show-overflow-tooltip="true" label="保险类型" width="80" />
          <el-table-column prop="socialNumb" show-overflow-tooltip="true" label="社保电脑号" />
          <el-table-column prop="guardNumb" show-overflow-tooltip="true" label="保安员证号" />
          <el-table-column prop="archivesNumb" show-overflow-tooltip="true" label="档案编号" />
          <el-table-column prop="archivesStatusName" show-overflow-tooltip="true" label="档案情况" />
        </el-table>
        <el-table
          v-show="showArr[1].show"
          ref="workExperienceTable"
          :data="workExperienceData"
          :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">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editWorkExperience(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editWorkExperience(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editWorkExperience(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="100" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="workUnit" label="工作单位" width="240" />
          <el-table-column prop="beginDate" label="开始日期" width="100" />
          <el-table-column prop="endDate" label="结束日期" width="100" />
          <el-table-column prop="jobContent" label="主要工作内容" width="300" />
          <el-table-column prop="certificateNumb" show-overflow-tooltip="true" label="身份证号码" />
          <el-table-column prop="workUnit" show-overflow-tooltip="true" label="工作单位" />
          <el-table-column prop="beginDate" label="开始日期" width="120" />
          <el-table-column prop="endDate" label="结束日期" width="120" />
          <el-table-column prop="jobContent" show-overflow-tooltip="true" label="主要工作内容" />
        </el-table>
        <el-table
          v-show="showArr[2].show"
          ref="physicalExamTable"
          :data="physicalExamData"
          :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 fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editPhysicalExam(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editPhysicalExam(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editPhysicalExam(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="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="hospital" label="体检医院" width="150" />
          <el-table-column prop="physicalExamDate" label="体检日期" width="120" />
          <el-table-column prop="physicalExamTypeName" label="体检类型" width="100" />
          <el-table-column prop="bloodPressure" label="血压" width="120" />
          <el-table-column prop="transaminase" label="转氨酶" width="120" />
          <el-table-column prop="ecgName" label="心电图" width="120" />
          <el-table-column prop="conclusion" label="体检结论" width="180" />
          <el-table-column prop="reviewRecord" label="复查记录" width="180" />
          <el-table-column prop="remark" 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="80" />
          <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="jobName" label="岗位" width="80" />
          <el-table-column prop="hospital" show-overflow-tooltip="true" label="体检医院" />
          <el-table-column show-overflow-tooltip="true" prop="physicalExamDate" label="体检日期" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="physicalExamTypeName" label="体检类型" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="bloodPressure" label="血压" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="transaminase" label="转氨酶" width="80" />
          <el-table-column prop="ecgName" show-overflow-tooltip="true" label="心电图" width="80" />
          <el-table-column prop="conclusion" show-overflow-tooltip="true" label="体检结论" />
          <el-table-column prop="reviewRecord" show-overflow-tooltip="true" label="复查记录" />
          <el-table-column prop="remark" show-overflow-tooltip="true" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[3].show"
          ref="contractInfoTable"
          :data="contractInfoData"
          :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">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editContractInfo(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editContractInfo(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editContractInfo(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="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="signingDate" label="合同签订日期" width="120" />
          <el-table-column prop="endDate" label="合同结束日期" width="120" />
          <el-table-column prop="contractPeriod" label="合同期限(年)" width="120" />
          <el-table-column prop="contractStatusName" label="合同状态" width="100" />
          <el-table-column prop="transactor" label="合同办理人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="signingDate" label="合同签订日期" />
          <el-table-column show-overflow-tooltip="true" prop="endDate" label="合同结束日期" />
          <el-table-column show-overflow-tooltip="true" prop="contractPeriod" label="合同期限(年)" />
          <el-table-column show-overflow-tooltip="true" prop="contractStatusName" label="合同状态" />
          <el-table-column show-overflow-tooltip="true" prop="transactor" label="合同办理人" />
        </el-table>
        <el-table
          v-show="showArr[4].show"
          ref="dimissionAttendTable"
          :data="dimissionAttendData"
          :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="editDimissionAttend(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editDimissionAttend(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="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="attendMonth" label="离职考勤月份" width="120" />
          <el-table-column prop="attendDays" label="出勤天数" width="120" />
          <el-table-column prop="overtimeDay" label="加班（天）" width="120" />
          <el-table-column prop="overtimeHour" label="加班（小时）" width="120" />
          <el-table-column prop="deduct" label="有无代扣款项" width="180" />
          <el-table-column prop="leaveDay" label="请假（天）" width="120" />
          <el-table-column prop="absenteeism" label="旷工（天）" width="120" />
          <el-table-column prop="remark" 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="80" />
          <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="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="attendMonth" label="离职考勤月份" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="attendDays" label="出勤天数" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="overtimeDay" label="加班（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="overtimeHour" label="加班（小时）" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="deduct" label="有无代扣款项" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="absenteeism" label="旷工（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[5].show"
          ref="leaveInfoTable"
          :data="leaveInfoData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editLeaveInfo(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="120" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="120" />
          <el-table-column prop="empName" label="员工姓名" width="120" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="beginTime" label="开始时间" width="150" />
          <el-table-column prop="endTime" label="结束时间" width="150" />
          <el-table-column prop="leaveDay" label="请假天数" width="100" />
          <el-table-column prop="leaveTypeName" label="请假类型" width="120" />
          <el-table-column prop="returnDate" label="到岗时间" width="150" />
          <el-table-column prop="reporter" label="报备人" width="120" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="80" />
          <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="beginTime" label="开始时间" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="endTime" label="结束时间" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假天数" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="leaveTypeName" label="请假类型" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="returnDate" label="到岗时间" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[6].show" ref="resignTable" :data="resignData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[6].show"
          ref="resignTable"
          :data="resignData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editResign(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="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="applayDate" label="辞职申请日期" width="180" />
          <el-table-column prop="reason" label="辞职事由" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <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="applayDate" label="辞职申请日期" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="reason" label="辞职事由" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[7].show"
          ref="unemploymentTable"
          :data="unemploymentData"
          :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 fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editUnemployment(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="applayDate" label="失业金申请日期" width="180" />
          <el-table-column prop="applayReason" label="申报事由" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <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="applayDate" label="失业金申请日期" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="applayReason" label="申报事由" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[8].show" ref="insuranceTable" :data="insuranceData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[8].show"
          ref="insuranceTable"
          :data="insuranceData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editInsurance(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="applayDate" label="社保申请日期" width="180" />
          <el-table-column prop="proposer" label="申请人" width="180" />
          <el-table-column prop="insuranceGaers" label="社保档位" width="250">
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <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="applayDate" label="社保申请日期" />
          <el-table-column show-overflow-tooltip="true" prop="proposer" label="申请人" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="insuranceGaers" label="社保档位">
            <template slot-scope="{row}">
              {{ transinsuranceGaers(row.insuranceGaers) }}
            </template>
          </el-table-column>
          <el-table-column prop="reportStatus " label="是否已报告" width="180">
          <el-table-column prop="reportStatus " label="是否已报告" width="100">
            <template slot-scope="{row}">
              {{ row.reportStatus === 0?'未报告':'已报告' }}
            </template>
          </el-table-column>
          <el-table-column prop="applayStatus" label="状态">
          <el-table-column prop="applayStatus" label="状态" width="100">
            <template slot-scope="{row}">
              {{ row.applayStatus === 0?'未申请':'已申请' }}
            </template>
          </el-table-column>
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="280" />
          <el-table-column prop="auditor" label="审核人" width="100" />
          <el-table-column prop="remark" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[9].show"
          ref="accidentCasesTable"
          :data="accidentCasesData"
          :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 fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editAccidentCases(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="injuredTime" label="受伤日期" width="180" />
          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
          <el-table-column prop="injuredDiacrisis" label="意外险诊断" width="180" />
          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="意外险诊断" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="60">
            <template slot-scope="scope">
              {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
            </template>
          </el-table-column>
          <el-table-column prop="bedNumb" label="床号" width="180" />
          <el-table-column prop="reprotTime" label="报案时间" width="180" />
          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
          <el-table-column prop="sbumitBy" label="递交人" width="180" />
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="innsureFee" label="保险赔付费用" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip="true" prop="reprotTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="60" />
        </el-table>
        <el-table
          v-show="showArr[10].show"
          ref="occupationalTable"
          :data="occupationalData"
          :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 fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editOccupational(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="injuredTime" label="受伤日期" width="180" />
          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
          <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="工伤诊断" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="50">
            <template slot-scope="scope">
              {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
            </template>
          </el-table-column>
          <el-table-column prop="bedNumb" label="床号" width="180" />
          <el-table-column prop="reportTime" label="报案时间" width="180" />
          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
          <el-table-column prop="sbumitBy" label="递交人" width="180" />
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip="true" prop="reportTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="60" />
        </el-table>
        <el-table
          v-show="showArr[11].show"
@@ -5130,17 +5215,17 @@

}
.el-container {
  height: 770px;
  height: 86.7vh;
  background-color: #fff;

  .el-aside {
    background-color: #e9eef3;
    color: #333;
    text-align: center;
    height: 100%;
    background-color: #fff;
  }

  .el-main {
    background-color: #e9eef3;
    color: #333;
    height: 100%;
    .el-table{
@@ -5189,6 +5274,7 @@
  color: #333;
  text-align: center;
  line-height: 60px;

}

.el-date-editor.el-input,
@@ -5196,3 +5282,21 @@
  width: 100%;
}
</style>

<style lang="scss">
.info-input {
  .el-timeline-item__wrapper {

    color: #a00515;
    cursor: pointer;
    top: -5px;
    .el-timeline-item__content {
      &:hover {
        color: #a00515;
      }
    }

  }
}

</style>

 src/views/user/inemployees.vue

@@ -1,6 +1,6 @@
<template>
  <div>
    <el-container>
  <div style="height: 100%;background: #fff;">
    <el-container style="background: #fff;">
      <el-header :height="headerHeight">
        <el-row style="margin-bottom: 10px;">
          <el-col :span="16">
@@ -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="结束日期"
@@ -154,7 +154,7 @@
        <el-row style="margin: 10px 0 10px 0;">
          <el-col :span="24">
            <el-button type="danger" class="hr-but-all" @click="showXzyg(0)">新增员工</el-button>
            <el-button type="primary" @click="delEmp">删除员工</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>
@@ -162,31 +162,34 @@
            <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%;color: #000;">
        <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="110">
            <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="deptName" label="护卫点" width="100" />
          <el-table-column prop="deptName" label="护卫点" />
          <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="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="籍贯" />
          <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="员工状态">
          <el-table-column prop="empStatus" label="员工状态" width="100">
            <template slot-scope="{row}">
              {{ transEmpStatus(row.empStatus) }}
            </template>
@@ -1123,7 +1126,7 @@
        this.headerHeight = '30px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '330px'
        this.headerHeight = 'auto'
        this.advancedQueryShow = true
      }
    },
@@ -1670,10 +1673,12 @@
    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: left;
  }
  .td-group {
    padding-left: 20px;
@@ -1681,9 +1686,8 @@
}
.searchTable td,
.searchTable th {
    border: 1px solid #b0b0b0;
    color: #000;
    height: 40px;
    height: 50px;
    background-color: #fff;
}

@@ -1740,4 +1744,31 @@
  height: 30px;
  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>