修改在职离职员工界面

yijiusmile

2021-02-16 b1a3705dbc3092238c716106718d11816bfb043f

修改在职离职员工界面

 src/views/user/inemployees.vue

@@ -1,116 +1,116 @@
<template>

  <div>

    <el-container>

      <el-header :height="headerHeight">

        <el-row>

          <el-col :span="16">

            <h3 class="bu-tian-jia-title">在职员工</h3>

          </el-col>

          <el-col :span="8">

            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />

            <el-button type="primary">查询</el-button>

            <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row>

          <el-col :span="3">员工编号：

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="3">姓名：

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="3">身份证号：

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="3">护卫点：

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="3">入职日期：从

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="3">到

            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

          </el-col>

          <el-col :span="6">

            <el-button type="primary">查询</el-button>

            <el-button type="danger">重置</el-button>

          </el-col>

        </el-row>

        <el-row>

          <div v-show="advancedQueryShow">

            <el-col :span="24">

              <table id="searchTable">

                <tr>

                  <td>性别：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">男性</el-radio>

                      <el-radio :label="9">女性</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>最高学历：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">初中</el-radio>

                      <el-radio :label="9">高中</el-radio>

                      <el-radio :label="9">大专</el-radio>

                      <el-radio :label="9">本科</el-radio>

                      <el-radio :label="9">硕士</el-radio>

                      <el-radio :label="9">博士</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>政治面貌：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">党员</el-radio>

                      <el-radio :label="9">团员</el-radio>

                      <el-radio :label="9">群众</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>年龄：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">18-29</el-radio>

                      <el-radio :label="9">30-39</el-radio>

                      <el-radio :label="9">40-49</el-radio>

                      <el-radio :label="9">50-59</el-radio>

                      <el-radio :label="9">60-69</el-radio>

                      <el-radio :label="9">69及以上</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>档案情况：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">已移交</el-radio>

                      <el-radio :label="9">未移交</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>保险类型：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

<template>
  <div>
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
          <el-col :span="16">
            <h3 class="bu-tian-jia-title">在职员工</h3>
          </el-col>
          <el-col :span="8">
            <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>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="3">员工编号：
            <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">姓名：
            <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">身份证号：
            <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">护卫点：
            <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">入职日期：从
            <el-input v-model="queryParams.entryDateBegin" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">到
            <el-input v-model="queryParams.entryDateEnd" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="6">
            <el-button type="primary" @click="search">查询</el-button>
            <el-button type="danger">重置</el-button>
          </el-col>
        </el-row>
        <el-row>
          <div v-show="advancedQueryShow">
            <el-col :span="24">
              <table id="searchTable">
                <tr>
                  <td>性别：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">男性</el-radio>
                      <el-radio :label="9">女性</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>最高学历：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">初中</el-radio>
                      <el-radio :label="9">高中</el-radio>
                      <el-radio :label="9">大专</el-radio>
                      <el-radio :label="9">本科</el-radio>
                      <el-radio :label="9">硕士</el-radio>
                      <el-radio :label="9">博士</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>政治面貌：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">党员</el-radio>
                      <el-radio :label="9">团员</el-radio>
                      <el-radio :label="9">群众</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>年龄：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">18-29</el-radio>
                      <el-radio :label="9">30-39</el-radio>
                      <el-radio :label="9">40-49</el-radio>
                      <el-radio :label="9">50-59</el-radio>
                      <el-radio :label="9">60-69</el-radio>
                      <el-radio :label="9">69及以上</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>档案情况：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">已移交</el-radio>
                      <el-radio :label="9">未移交</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>保险类型：</td>
                  <td>
                    <el-radio-group v-model="radio">
                      <el-radio :label="3">全部</el-radio>
                      <el-radio :label="6">深户（五险一档）</el-radio>
                      <el-radio :label="6">非深户(五险一档)</el-radio>
                      <el-radio :label="6">非深户(五险二档)</el-radio>
                      <el-radio :label="6">非深户(五险三档)</el-radio>
                      <el-radio :label="6">非深户(四险三档)</el-radio>

                    </el-radio-group>

                  </td>

                      <el-radio :label="6">非深户(四险三档)</el-radio>
                    </el-radio-group>
                  </td>
                </tr>
                <tr>
                  <td>员工状态：</td>
@@ -140,59 +140,59 @@
                      <el-radio :label="9">已发</el-radio>
                    </el-radio-group>
                  </td>
                </tr>

              </table>

            </el-col>

          </div>

        </el-row>

      </el-header>

      <el-container>

        <el-main>

          <el-row>

            <el-col :span="24">

              <el-button type="danger" @click="showXzyg">新增员工</el-button>

              <el-button type="primary" @click="delEmp">删除员工</el-button>

              <el-button type="danger" @click="showYgdg(0)">员工调岗</el-button>

              <el-button type="danger" @click="showDryg(0)">导入员工</el-button>

              <el-button type="danger" @click="showDcyg(0)">导出员工</el-button>

              <el-button type="danger">导出档案</el-button>

              <el-button type="danger" @click="showGbda(0)">关闭档案</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">

              <template slot-scope="scope">

                <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑

                </el-button>

              </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="delFlag" label="员工状态">

              <template slot-scope="{row}">

                {{ transDelFlag(row.delFlag) }}

              </template>

            </el-table-column>

          </el-table>

                </tr>
              </table>
            </el-col>
          </div>
        </el-row>
      </el-header>
      <el-container>
        <el-main>
          <el-row>
            <el-col :span="24">
              <el-button type="danger" @click="showXzyg">新增员工</el-button>
              <el-button type="primary" @click="delEmp">删除员工</el-button>
              <el-button type="danger" @click="showYgdg(0)">员工调岗</el-button>
              <el-button type="danger" @click="showDryg(0)">导入员工</el-button>
              <el-button type="danger" @click="showDcyg(0)">导出员工</el-button>
              <el-button type="danger" @click="doDcda">导出档案</el-button>
              <el-button type="danger" @click="showGbda(0)">关闭档案</el-button>
            </el-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">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑
                </el-button>
              </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="delFlag" label="员工状态">
              <template slot-scope="{row}">
                {{ transDelFlag(row.delFlag) }}
              </template>
            </el-table-column>
          </el-table>
          <pagination
            v-show="total>0"
            :total="total"
            :page.sync="pagination.num"
            :limit.sync="pagination.size"

            :limit.sync="pagination.size"
            @pagination="search"
          />

        </el-main>

      </el-container>

          />
        </el-main>
      </el-container>
    </el-container>
    <el-dialog title="新增员工" :visible.sync="dialogShowXzyg" width="50%">
      <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
@@ -463,713 +463,717 @@
        <el-button type="primary" @click="putEmpBaseContinue('empBaseInfoForm')">保存并继续新增</el-button>
        <el-button @click="showXzyg()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">

      <div>

        <el-divider />

        <el-container>

          <el-aside width="200px">

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              员工编号

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              100452312

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              基本信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">

              工作信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">

              工作经历

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">

              体检信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">

              合同信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">

              考勤情况

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">

              请假记录

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">

              调岗记录

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">

              备注

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">

              记录截图

            </el-card>

          </el-aside>

          <el-main>

            <table>

              <tr>

                <td colspan="5" class="tdTitle">基本信息</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td>档案号</td>

                <td>中保亚太</td>

                <td>姓名</td>

                <td>赵建国</td>

                <td>性别</td>

                <td>男</td>

              </tr>

              <tr>

                <td>所属部门</td>

                <td>一分公司</td>

                <td>所属岗位</td>

                <td>保安员</td>

                <td>员工类别</td>

                <td>正式工</td>

              </tr>

              <tr>

                <td>民族</td>

                <td>汉族</td>

                <td>身份证号码</td>

                <td>510304197402225813</td>

                <td>年龄</td>

                <td>46</td>

              </tr>

              <tr>

                <td>婚姻状况</td>

                <td>已婚</td>

                <td>身份证有效期</td>

                <td>10年</td>

                <td>身高</td>

                <td>170</td>

              </tr>

              <tr>

                <td>政治面貌</td>

                <td>群众</td>

                <td>出生日期</td>

                <td>1974-02-22</td>

                <td>最高学历</td>

                <td>高中</td>

              </tr>

              <tr>

                <td>籍贯</td>

                <td>广东省番禺市</td>

                <td>户籍地址</td>

                <td>广东省番禺市XXX镇XXX村XXX号</td>

                <td>现住址</td>

                <td>广东省番禺市XXX镇XXX村XXX号</td>

              </tr>

              <tr>

                <td>保安员证号</td>

                <td />

                <td>保安员回执</td>

                <td />

                <td>档案情况</td>

                <td>已移交</td>

              </tr>

              <tr>

                <td>银行名称</td>

                <td />

                <td>银行账号</td>

                <td />

                <td>电话号码</td>

                <td>138098097888</td>

              </tr>

              <tr>

                <td>入职日期</td>

                <td>2020-01-02</td>

                <td>保险类型</td>

                <td>深户（五险一档）</td>

                <td>社保电脑号</td>

                <td />

              </tr>

              <tr>

                <td>招聘介绍人</td>

                <td />

                <td>入司工龄</td>

                <td>1</td>

                <td>工作证</td>

                <td>已发</td>

              </tr>

              <tr>

                <td>家庭成员及关系</td>

                <td />

                <td>紧急联系电话</td>

                <td />

                <td>员工手册</td>

                <td>已发</td>

              </tr>

              <tr>

                <td>相关证件</td>

                <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="4" class="tdTitle">工作经历</td>

                <td class="link_button">新增工作经历</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>开始日期</td>

                <td>结束日期</td>

                <td>工作单位</td>

                <td>主要工作内容</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2021-01-02</td>

                <td>XXXX用品公司</td>

                <td>主要工作内容描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2015-02-03</td>

                <td>2019-02-03</td>

                <td>深圳XXX机械制造厂</td>

                <td>主要工作内容描述</td>

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="9">体检信息</td>

                <td class="link_button">新增体检信息</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>体检医院</td>

                <td>体检日期</td>

                <td>体检类型</td>

                <td>血压</td>

                <td>转氨酶</td>

                <td>心电图</td>

                <td>体检结论</td>

                <td>复查记录</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>深圳人民医院</td>

                <td>2020-01-02</td>

                <td>入职体检</td>

                <td>120/80</td>

                <td>80</td>

                <td>异常</td>

                <td>窦性心动过缓，出现不规则图像，建议复查</td>

                <td>2020-01-08</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>深圳人民医院</td>

                <td>2019-02-03</td>

                <td>员工体检</td>

                <td>120/80</td>

                <td>80</td>

                <td>正常</td>

                <td>血压偏高</td>

                <td>2019-02-05</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="6">合同信息</td>

                <td class="link_button">新增合同信息</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>合同开始日期</td>

                <td>合同结束日期</td>

                <td>合同期限（年）</td>

                <td>合同状态</td>

                <td>合同办理人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2023-01-02</td>

                <td>3</td>

                <td>有效</td>

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2017-01-03</td>

                <td>2020-01-02</td>

                <td>3</td>

                <td>续签</td>

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">调岗记录</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>调岗日期</td>

                <td>类型</td>

                <td>原部门</td>

                <td>原岗位</td>

                <td>现部门</td>

                <td>现岗位</td>

                <td>理由描述</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td>升职</td>

                <td>十二分公司</td>

                <td>保安员</td>

                <td>十二分公司</td>

                <td>组长</td>

                <td />

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td>调动</td>

                <td>清洗车间</td>

                <td>保安员</td>

                <td>十二分公司</td>

                <td>保安员</td>

                <td />

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">请假记录</td>

                <td class="link_button">新增请假记录</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>开始日期</td>

                <td>结束日期</td>

                <td>请假天数</td>

                <td>请假类型</td>

                <td>到岗时间</td>

                <td>报备人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2023-01-02</td>

                <td>3</td>

                <td />

                <td />

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2017-01-03</td>

                <td>2020-01-02</td>

                <td>3</td>

                <td />

                <td />

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">离职当月考勤</td>

                <td class="link_button">新增离职考勤</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>考勤年月</td>

                <td>出勤天数</td>

                <td>加班（天）</td>

                <td>加班（小时）</td>

                <td>有无代扣款项</td>

                <td>请假（天）</td>

                <td>旷工（天）</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年12月</td>

                <td />

                <td>3</td>

                <td />

                <td />

                <td>1</td>

                <td>0</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年10月</td>

                <td />

                <td>2</td>

                <td />

                <td />

                <td>0</td>

                <td>3</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年11月</td>

                <td />

                <td>0</td>

                <td />

                <td />

                <td>0</td>

                <td>0</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="4" class="tdTitle">辞职申请</td>

                <td class="link_button">新增辞职申请</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>申请日期</td>

                <td>事由</td>

                <td>汇报人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">入离职记录</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>入职日期</td>

                <td>离职日期</td>

                <td>离职类型</td>

                <td>自离天数</td>

                <td>报告人</td>

                <td>备注（入离职原因）</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td>2020-10-11</td>

                <td>自离</td>

                <td />

                <td />

                <td />

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td>2019-10-11</td>

                <td>辞职</td>

                <td />

                <td />

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="5" class="tdTitle">失业金领取</td>

                <td class="link_button">新增失业金领取</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>申请日期</td>

                <td>申报事由</td>

                <td>报备人</td>

                <td>审核人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">社保申请</td>

                <td class="link_button">新增社保申请</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>申请时间</td>

                <td>申请人</td>

                <td>社保档位</td>

                <td>是否已报告</td>

                <td>状态</td>

                <td>审批人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="17" class="tdTitle">工伤案件</td>

                <td class="link_button">新增工伤案件</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>受伤时间</td>

                <td>受伤地点</td>

                <td>受伤部位</td>

                <td>受伤描述</td>

                <td>工伤诊断</td>

                <td>就诊医院</td>

                <td>就诊科室</td>

                <td>是否住院</td>

                <td>床号</td>

                <td>递交资料时间</td>

                <td>递交人</td>

                <td>工伤总费用</td>

                <td>赔付总费用</td>

                <td>报单号</td>

                <td>人事处理时间</td>

                <td>状态</td>

                <td>案结时间</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td>是</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

                <td />

                <td />

                <td />

                <td>是</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">劳资案件</td>

                <td class="link_button">新增劳资案件</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>仲裁日期</td>

                <td>仲裁类型</td>

                <td>仲裁事由</td>

                <td>汇报人</td>

                <td>备注</td>

                <td>仲裁赔付（元）</td>

                <td>状态</td>

                <td>案结日期</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>劳资纠纷</td>

                <td>仲裁事由描述XXXXX</td>

                <td>张山</td>

                <td />

                <td>2500.00</td>

                <td>已结案</td>

                <td>2021-01-16</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="2" class="tdTitle">备注</td>

                <td class="link_button">新增备注</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>备注日期</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <div class="tdTitle">记录截图 点击可查看大图</div>

            <div>

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/sctp.png">

            </div>

            <div class="tdTitle">相关附件</div>

            <div>

              <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx

              <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx

              <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx

            </div>

          </el-main>

        </el-container>

      </div>

    </el-dialog>



    <el-dialog title="员工调岗" :visible.sync="dialogShowYgdg" width="50%">

    </el-dialog>
    <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">
      <div>
        <el-divider />
        <el-container>
          <el-aside width="200px">
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              员工编号
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              100452312
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              基本信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">
              工作信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">
              工作经历
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">
              体检信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">
              合同信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">
              考勤情况
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">
              请假记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">
              调岗记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">
              备注
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">
              记录截图
            </el-card>
          </el-aside>
          <el-main>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">基本信息</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>档案号</td>
                <td>中保亚太</td>
                <td>姓名</td>
                <td>赵建国</td>
                <td>性别</td>
                <td>男</td>
              </tr>
              <tr>
                <td>所属部门</td>
                <td>一分公司</td>
                <td>所属岗位</td>
                <td>保安员</td>
                <td>员工类别</td>
                <td>正式工</td>
              </tr>
              <tr>
                <td>民族</td>
                <td>汉族</td>
                <td>身份证号码</td>
                <td>510304197402225813</td>
                <td>年龄</td>
                <td>46</td>
              </tr>
              <tr>
                <td>婚姻状况</td>
                <td>已婚</td>
                <td>身份证有效期</td>
                <td>10年</td>
                <td>身高</td>
                <td>170</td>
              </tr>
              <tr>
                <td>政治面貌</td>
                <td>群众</td>
                <td>出生日期</td>
                <td>1974-02-22</td>
                <td>最高学历</td>
                <td>高中</td>
              </tr>
              <tr>
                <td>籍贯</td>
                <td>广东省番禺市</td>
                <td>户籍地址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
                <td>现住址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
              </tr>
              <tr>
                <td>保安员证号</td>
                <td />
                <td>保安员回执</td>
                <td />
                <td>档案情况</td>
                <td>已移交</td>
              </tr>
              <tr>
                <td>银行名称</td>
                <td />
                <td>银行账号</td>
                <td />
                <td>电话号码</td>
                <td>138098097888</td>
              </tr>
              <tr>
                <td>入职日期</td>
                <td>2020-01-02</td>
                <td>保险类型</td>
                <td>深户（五险一档）</td>
                <td>社保电脑号</td>
                <td />
              </tr>
              <tr>
                <td>招聘介绍人</td>
                <td />
                <td>入司工龄</td>
                <td>1</td>
                <td>工作证</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>家庭成员及关系</td>
                <td />
                <td>紧急联系电话</td>
                <td />
                <td>员工手册</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>相关证件</td>
                <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">工作经历</td>
                <td class="link_button">新增工作经历</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>工作单位</td>
                <td>主要工作内容</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2021-01-02</td>
                <td>XXXX用品公司</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2015-02-03</td>
                <td>2019-02-03</td>
                <td>深圳XXX机械制造厂</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="9">体检信息</td>
                <td class="link_button">新增体检信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>体检医院</td>
                <td>体检日期</td>
                <td>体检类型</td>
                <td>血压</td>
                <td>转氨酶</td>
                <td>心电图</td>
                <td>体检结论</td>
                <td>复查记录</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2020-01-02</td>
                <td>入职体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>异常</td>
                <td>窦性心动过缓，出现不规则图像，建议复查</td>
                <td>2020-01-08</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2019-02-03</td>
                <td>员工体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>正常</td>
                <td>血压偏高</td>
                <td>2019-02-05</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="6">合同信息</td>
                <td class="link_button">新增合同信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>合同开始日期</td>
                <td>合同结束日期</td>
                <td>合同期限（年）</td>
                <td>合同状态</td>
                <td>合同办理人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td>有效</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td>续签</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">调岗记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>调岗日期</td>
                <td>类型</td>
                <td>原部门</td>
                <td>原岗位</td>
                <td>现部门</td>
                <td>现岗位</td>
                <td>理由描述</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>升职</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>组长</td>
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>调动</td>
                <td>清洗车间</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td />
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">请假记录</td>
                <td class="link_button">新增请假记录</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>请假天数</td>
                <td>请假类型</td>
                <td>到岗时间</td>
                <td>报备人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">离职当月考勤</td>
                <td class="link_button">新增离职考勤</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>考勤年月</td>
                <td>出勤天数</td>
                <td>加班（天）</td>
                <td>加班（小时）</td>
                <td>有无代扣款项</td>
                <td>请假（天）</td>
                <td>旷工（天）</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年12月</td>
                <td />
                <td>3</td>
                <td />
                <td />
                <td>1</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年10月</td>
                <td />
                <td>2</td>
                <td />
                <td />
                <td>0</td>
                <td>3</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年11月</td>
                <td />
                <td>0</td>
                <td />
                <td />
                <td>0</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">辞职申请</td>
                <td class="link_button">新增辞职申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请日期</td>
                <td>事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">入离职记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>入职日期</td>
                <td>离职日期</td>
                <td>离职类型</td>
                <td>自离天数</td>
                <td>报告人</td>
                <td>备注（入离职原因）</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>2020-10-11</td>
                <td>自离</td>
                <td />
                <td />
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>2019-10-11</td>
                <td>辞职</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">失业金领取</td>
                <td class="link_button">新增失业金领取</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>申请日期</td>
                <td>申报事由</td>
                <td>报备人</td>
                <td>审核人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">社保申请</td>
                <td class="link_button">新增社保申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请时间</td>
                <td>申请人</td>
                <td>社保档位</td>
                <td>是否已报告</td>
                <td>状态</td>
                <td>审批人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="17" class="tdTitle">工伤案件</td>
                <td class="link_button">新增工伤案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>受伤时间</td>
                <td>受伤地点</td>
                <td>受伤部位</td>
                <td>受伤描述</td>
                <td>工伤诊断</td>
                <td>就诊医院</td>
                <td>就诊科室</td>
                <td>是否住院</td>
                <td>床号</td>
                <td>递交资料时间</td>
                <td>递交人</td>
                <td>工伤总费用</td>
                <td>赔付总费用</td>
                <td>报单号</td>
                <td>人事处理时间</td>
                <td>状态</td>
                <td>案结时间</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">劳资案件</td>
                <td class="link_button">新增劳资案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>仲裁日期</td>
                <td>仲裁类型</td>
                <td>仲裁事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>仲裁赔付（元）</td>
                <td>状态</td>
                <td>案结日期</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>劳资纠纷</td>
                <td>仲裁事由描述XXXXX</td>
                <td>张山</td>
                <td />
                <td>2500.00</td>
                <td>已结案</td>
                <td>2021-01-16</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="2" class="tdTitle">备注</td>
                <td class="link_button">新增备注</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>备注日期</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <div class="tdTitle">记录截图 点击可查看大图</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/sctp.png">
            </div>
            <div class="tdTitle">相关附件</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx
            </div>
          </el-main>
        </el-container>
      </div>
    </el-dialog>

    <el-dialog title="员工调岗" :visible.sync="dialogShowYgdg" width="50%">
      <el-form :model="ygdgForm" label-position="right" label-width="120px">
        <el-row>

        <el-row>
          <el-col span="24">
            <el-form-item label="调岗人员">
              <input v-model="ygdgForm.dgryIds" type="hidden">
              <el-input v-model="ygdgForm.dgryNames" type="textarea" />
            </el-form-item>

            <el-form-item label="现部门(护卫点)" prop="region">

              <el-select v-model="ygdgForm.deptName" placeholder="请选择相关证件">

                <el-option label="总经办" value="1" />

                <el-option label="人事部" value="2" />

                <el-option label="财务部" value="3" />

              </el-select>

            </el-form-item>

            <el-form-item label="现岗位" prop="region">

              <el-select v-model="ygdgForm.jobName" placeholder="请选择相关证件">

                <el-option label="保安员" value="1" />

                <el-option label="保安队长" value="2" />

                <el-option label="主任" value="3" />
                <el-option label="主管" value="3" />

              </el-select>

            </el-form-item>

            <el-form-item label="调岗类型" prop="region">

              <el-select v-model="ygdgForm.dglx" placeholder="请选择">

                <el-option label="升职" value="2" />

                <el-option label="调动" value="3" />

              </el-select>

            </el-form-item>
            <el-form-item label="现部门(护卫点)" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="ygdgForm.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="ygdgForm.jobName"
                class="inline-input"
                :fetch-suggestions="querySearchJob"
                placeholder="请输入岗位"
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="调岗类型" prop="region">
              <el-select v-model="ygdgForm.dglx" placeholder="请选择">
                <el-option label="升职" value="2" />
                <el-option label="调动" value="3" />
              </el-select>
            </el-form-item>
            <el-form-item label="调岗日期">
              <el-date-picker
@@ -1178,65 +1182,76 @@
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>

            <el-form-item label="理由描述">

              <el-input v-model="ygdgForm.lyms" type="textarea" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="showYgdg(1)">取 消</el-button>

        <el-button type="primary" @click="showYgdg(2)">确 定</el-button>

      </div>

    </el-dialog>

    <el-dialog title="导入员工信息" :visible.sync="dialogShowDryg" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="员工模板下载" prop="region">

              员工信息.xlxs



              点击下载

            </el-form-item>

            <el-form-item label="导入员工">

              <el-input v-model="name" />

              <el-button>选 择</el-button>

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="showDryg(1)">取 消</el-button>

        <el-button type="primary" @click="showDryg(2)">确 定</el-button>

      </div>

    </el-dialog>

    <el-dialog title="关闭档案" :visible.sync="dialogShowGbda" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="离职类型" prop="region">

              <el-radio-group v-model="radio">

                <el-radio :label="1">正常离职</el-radio>

                <el-radio :label="2">自动离职</el-radio>

                <el-radio :label="3">公司劝退</el-radio>

                <el-radio :label="4">公司辞退</el-radio>

                <el-radio :label="5">试用期内</el-radio>

              </el-radio-group>

            </el-form-item>

            <el-form-item label="关闭日期">

              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="备注说明">

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="showGbda(1)">取 消</el-button>

        <el-button type="primary" @click="showGbda(2)">确 定</el-button>

      </div>

            </el-form-item>
            <el-form-item label="理由描述">
              <el-input v-model="ygdgForm.lyms" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="showYgdg(1)">取 消</el-button>
        <el-button type="primary" @click="showYgdg(2)">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="导入员工信息" :visible.sync="dialogShowDryg" width="50%">
      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">
        <el-row>
          <el-col span="24">
            <el-form-item label="员工模板下载" prop="region">
              <a href="#" style="color: #3A8EE6;">员工信息.xlxs</a>
              <span style="margin-left: 100px;">点击下载</span>
            </el-form-item>
            <el-form-item label="导入员工">
              <el-upload
                ref="upload"
                class="upload-demo"
                action="https://jsonplaceholder.typicode.com/posts/"
                :file-list="fileList"
                :auto-upload="false"
              >
                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="showDryg(1)">取 消</el-button>
        <el-button type="primary" @click="showDryg(2)">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="关闭档案" :visible.sync="dialogShowGbda" width="50%">
      <el-form :model="gbdaForm" label-position="right" label-width="120px">
        <el-row>
          <el-col span="24">
            <el-form-item label="离职类型" prop="region">
              <el-radio-group v-model="gbdaForm.lzlx">
                <el-radio :label="1">正常离职</el-radio>
                <el-radio :label="2">自动离职</el-radio>
                <el-radio :label="3">公司劝退</el-radio>
                <el-radio :label="4">公司辞退</el-radio>
                <el-radio :label="5">试用期内</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="关闭日期">
              <el-date-picker
                v-model="gbdaForm.gbrq"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="备注说明">
              <el-input v-model="gbdaForm.bzsm" type="textarea" :rows="4" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="showGbda(1)">取 消</el-button>
        <el-button type="primary" @click="showGbda(2)">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="导出员工    请勾选需要导出的字段" :visible.sync="dialogShowDcyg" width="40%">
@@ -1345,29 +1360,31 @@
        <el-button @click="showDcyg(1)">取 消</el-button>
        <el-button type="primary" @click="showDcyg(2)">确 定</el-button>
      </div>
    </el-dialog>

  </div>

</template>

<script>

    </el-dialog>
  </div>
</template>
<script>
import Pagination from '@/components/Pagination'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'

export default {

  components: {

    Pagination, Treeselect

  },

  data() {

    return {

      total: 0, // 总数量

      queryParams: {}, // 查询参数

      sort: {}, // 排序

      pagination: { // 分页参数

        size: 5,

        num: 1

import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
  components: {
    Pagination, Treeselect
  },
  data() {
    return {
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        num: 1
      },
      empBaseInfoForm: {},
      ygdgForm: {},
      gbdaForm: {},
      depts: [],
      fileList: [],
      rules: {
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
@@ -1427,52 +1444,85 @@
        badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }],
        remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' }]
      },

      headerHeight: '70px',

      advancedQueryShow: false,

      },
      restaurJob: [{ value: '总经理', code: '2942725270000031' },
        { value: '总秘', code: '2942725270000032' },
        { value: '总助', code: '2942725270000033' },
        { value: '经理', code: '2942725270000022' },
        { value: '副经理', code: '2942725270000015' },
        { value: '助理', code: '2942725270000030' },
        { value: '项目经理', code: '2942725270000027' },
        { value: '大队长', code: '2942725270000006' },
        { value: '大队长兼内勤', code: '2942725270000007' },
        { value: '中队长', code: '2942725270000029' },
        { value: '队长', code: '2942725270000011' },
        { value: '分队长', code: '2942725270000013' },
        { value: '副队长', code: '2942725270000014' },
        { value: '班长', code: '2942725270000002' },
        { value: '保安员', code: '2942725270000003' },
        { value: '内勤', code: '2942725270000024' },
        { value: '保洁', code: '2942725270000004' },
        { value: '电工', code: '2942725270000010' },
        { value: '绿化工', code: '2942725270000023' },
        { value: '出纳', code: '2942725270000005' },
        { value: '人事专员', code: '2942725270000025' },
        { value: '司机', code: '2942725270000026' },
        { value: '购买保险', code: '2942725270000016' },
        { value: '广州燃气中队长', code: '2942725270000018' },
        { value: '管理员', code: '2942725270000017' },
        { value: '监控员', code: '2942725270000021' },
        { value: '员工', code: '2942725270000028' }],
      headerHeight: '70px',
      advancedQueryShow: false,
      dialogTableVisible: false,
      dialogShowDcyg: false,
      dialogShowXzyg: false,

      dialogShowYgdg: false,

      dialogShowDryg: false,

      dialogShowGbda: false,

      tableData: []

    }

  },

  mounted() {

      dialogShowXzyg: false,
      dialogShowYgdg: false,
      dialogShowDryg: false,
      dialogShowGbda: false,
      tableData: []
    }
  },
  mounted() {
    this.fetch()
    this.initDept()

  },

  methods: {

    // 翻页方法

    search() {

      this.fetch({

        ...this.queryParams,

        ...this.sort

      })

    },

    fetch(params = {}) {

      var that = this

      params.pageSize = this.pagination.size

      params.pageNum = this.pagination.num

      params.delFlag = 0

      this.$get('hr/empBaseInfo/list', {

        ...params

      }).then((r) => {

        const data = r.data.data

        that.total = data.total

        that.tableData = data.rows

      })

    },

    transDelFlag(delFlag) {

      switch (delFlag) {

        case 0:

          return '正常'

        case 1:

          return '删除'

        case 2:

          return '暂存'

      }

    this.initDept()
  },
  methods: {
    // 翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    fetch(params = {}) {
      var that = this
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      params.delFlag = 0
      this.$get('hr/empBaseInfo/list', {
        ...params
      }).then((r) => {
        const data = r.data.data
        that.total = data.total
        that.tableData = data.rows
      })
    },
    vagueSearch() {
      this.queryParams.empNumb = this.queryParams.vague
      this.queryParams.empName = this.queryParams.vague
      this.queryParams.deptName = this.queryParams.vague
      this.search()
    },
    transDelFlag(delFlag) {
      switch (delFlag) {
        case 0:
          return '正常'
        case 1:
          return '删除'
        case 2:
          return '暂存'
      }
    },
    initDept() {
      this.$get('system/dept').then((r) => {
@@ -1485,15 +1535,15 @@
          type: 'error'
        })
      })
    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '350px'

        this.advancedQueryShow = true

      }

    },
    advancedQueryShowMethods() {
      if (this.advancedQueryShow) {
        this.headerHeight = '70px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '350px'
        this.advancedQueryShow = true
      }
    },
    putEmpBase(formName) {
      this.$refs[formName].validate((valid) => {
@@ -1561,9 +1611,9 @@
          this.search()
        })
      }
    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },
    showEmpInfo() {
      this.dialogTableVisible = true
    },
    showXzyg() {
      if (!this.dialogShowXzyg) {
@@ -1581,8 +1631,8 @@
          this.dialogShowDcyg = false
          break
      }
    },

    showYgdg(operate) {

    },
    showYgdg(operate) {
      switch (operate) {
        case 0:
          var selection = this.$refs.multipleTable.store.states.selection
@@ -1618,9 +1668,19 @@
            })
          })
          break
      }

    },

    showDryg(operate) {

      }
    },
    querySearchJob(queryString, cb) {
      const restaurants = this.restaurJob
      const results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    },
    jobNameSelect(item) {
      this.ygdgForm.jobName = item.value
      this.ygdgForm.JobId = item.code
    },
    showDryg(operate) {
      switch (operate) {
        case 0:
          this.dialogShowDryg = true
@@ -1628,94 +1688,142 @@
        case 1:
          this.dialogShowDryg = false
          break
      }

    },

        case 2:
          this.$refs.upload.submit()
          break
      }
    },
    showGbda(operate) {
      switch (operate) {
        case 0:
          this.dialogShowGbda = true
          var selection = this.$refs.multipleTable.store.states.selection
          if (selection.length === 0) {
            this.$message({
              message: '请先选中需要关闭档案的人员',
              type: 'error'
            })
          } else {
            var empIds = []
            var names = []
            for (var i = 0; i < selection.length; i++) {
              var data = selection[i]
              empIds.push(data.empId)
              names.push(data.empName)
            }
            this.gbdaForm = {
              dgryIds: empIds.join(','),
              dgryNames: names.join(',')
            }
            this.dialogShowGbda = true
          }
          break
        case 1:
          this.dialogShowGbda = false
          break
      }

    }

  }

}

</script>

<style lang="scss" scoped>

  .el-main {

    height: 600px;

        case 2:
          this.$post('hr/empBaseInfo', { ...this.gbdaForm }).then(() => {
            this.dialogShowGbda = false
            this.$message({
              message: this.$t('tips.createSuccess'),
              type: 'success'
            })
          })
          break
      }
    },
    doDcda() {
      this.$confirm('是否确定要导出档案?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '导出成功!'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消'
        })
      })
    }
  }
}
</script>
<style lang="scss" scoped>
  .el-main {
    height: 600px;
  }
  .el-autocomplete {
    width: 100%;
  }
  .el-select {
    width: 100%;
  }

  .el-aside {

    padding: 20px;

    background: #f3f5f8;

    height: 600px;



    .el-tree {

      height: 100%;

    }

  }



  #searchTable {

    margin-top: 10px;

    border-collapse: collapse;

    width: 100%;

  }



  #searchTable td,

  #searchTable th {

    border: 1px solid #cad9ea;

    color: #666;

    height: 30px;

  }



  #ygxq table {

    border-collapse: collapse;

    margin: 0 auto;

    text-align: center;

    width: 100%;

    margin-top: 20px;

  }



  #ygxq table td,

  #ygxq table th {

    border: 1px solid #DDDCDC;

    color: #666;

    height: 30px;

  }



  #ygxq table thead th {

    background-color: #CCE8EB;

    width: 100px;

  }



  #ygxq table tr:nth-child(odd) {

    background: #fff;

  }



  #ygxq table tr:nth-child(even) {

    background: #F5FAFA;

  }



  .tdTitle {

    font-size: 14px;

    font-weight: 700;

    text-align: left;

  }



  .link_button {

    color: #169BD5;

  }



  .del_button {

    color: #D9001B;

  }
  .el-aside {
    padding: 20px;
    background: #f3f5f8;
    height: 600px;

    .el-tree {
      height: 100%;
    }
  }

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

  #searchTable td,
  #searchTable th {
    border: 1px solid #cad9ea;
    color: #666;
    height: 30px;
  }

  #ygxq table {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }

  #ygxq table td,
  #ygxq table th {
    border: 1px solid #DDDCDC;
    color: #666;
    height: 30px;
  }

  #ygxq table thead th {
    background-color: #CCE8EB;
    width: 100px;
  }

  #ygxq table tr:nth-child(odd) {
    background: #fff;
  }

  #ygxq table tr:nth-child(even) {
    background: #F5FAFA;
  }

  .tdTitle {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }

  .link_button {
    color: #169BD5;
  }

  .del_button {
    color: #D9001B;
  }

  #dcygTable{
@@ -1726,5 +1834,5 @@
    text-align: center;
    border: 1px solid darkgray;
    height: 30px;
  }

  }
</style>

 src/views/user/outemployess.vue

@@ -7,35 +7,35 @@
            <h3 class="bu-tian-jia-title">离职员工</h3>
          </el-col>
          <el-col :span="8">
            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />
            <el-button type="primary">查询</el-button>
            <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" />
            <el-button type="primary" @click="search">查询</el-button>
            <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="3">员工编号：
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">姓名：
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.empName" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">身份证号：
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.certificateNumb" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">护卫点：
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.deptName" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="2.5">入职日期：从
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.entryDateBegin" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="1.5">到
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.entryDateEnd" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="2.5">离职日期：从
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.attendMonthStart" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="1.5">到
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
            <el-input v-model="queryParams.attendMonthEnd" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">
            <el-button type="primary">查询</el-button>
@@ -143,7 +143,7 @@
              <el-button type="primary" @click="delEmp">删除员工</el-button>
              <el-button type="danger" @click="showDkda(0)">打开档案</el-button>
              <el-button type="danger">离职证明</el-button>
              <el-button type="danger">导出报表</el-button>
              <el-button type="danger" @click="doDcbb">导出报表</el-button>
            </el-col>
          </el-row>
          <el-table ref="multipleTable" :data="tableData" style="width: 100%;">
@@ -923,6 +923,8 @@
  methods: {
    // 翻页方法
    search() {
      this.queryParams.empName = this.queryParams.empNumb
      this.queryParams.deptName = this.queryParams.empNumb
      this.fetch({
        ...this.queryParams,
        ...this.sort
@@ -1033,6 +1035,23 @@
      }
      alert('已选择部门' + names)
      console.log(users)
    },
    doDcbb() {
      this.$confirm('是否确定要导出报表?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '导出成功!'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消'
        })
      })
    }

  }

 src/views/user/search.vue

@@ -1484,8 +1484,8 @@
      background-color: #e9eef3;

      color: #333;

      height: 100%;

    }

  }

    }
  }


  .button-from {

    text-align: center;