From cdde35a3c54f09a9818681ca84ba8bd66cb7194c Mon Sep 17 00:00:00 2001
From: luoyb <412940104@qq.com>
Date: 星期一, 01 二月 2021 16:56:18 +0800
Subject: [PATCH] feat(信息录入): 信息录入完成
---
src/views/user/outemployess.vue | 2496 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 1,248 insertions(+), 1,248 deletions(-)
diff --git a/src/views/user/outemployess.vue b/src/views/user/outemployess.vue
index c8a2f4c..42a839e 100644
--- a/src/views/user/outemployess.vue
+++ b/src/views/user/outemployess.vue
@@ -1,1248 +1,1248 @@
-<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="24">
- <el-button type="primary">删除员工</el-button>
- <el-button type="danger" @click="showDkda">打开档案</el-button>
- <el-button type="danger">离职证明</el-button>
- <el-button type="danger">导出报表</el-button>
- <el-button type="primary" @click="showXzyg">选择员工</el-button>
- <el-button type="primary" @click="showXzbm">选择部门</el-button>
- </el-col>
- </el-row>
-
- <div v-show="advancedQueryShow">
- <form>
- <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>
- <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-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-group>
- </td>
- </tr>
- </table>
- </el-col>
- </el-row>
- </form>
- </div>
- </el-header>
- <el-container>
- <el-aside width="300px">
- <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
- </el-aside>
- <el-main>
- <el-table :data="tableData" style="width: 100%;">
- <el-table-column prop="prop0" label="" width="180" />
- <el-table-column prop="prop1" label="操作" width="180" />
- <el-table-column prop="prop2" label="员工编号" width="180" />
- <el-table-column prop="prop3" label="姓名" width="180" />
- <el-table-column prop="prop4" label="身份证号" width="180" />
- <el-table-column prop="prop5" label="性别" width="180" />
- <el-table-column prop="prop6" label="年龄" width="180" />
- <el-table-column prop="prop7" label="所属部门" width="180" />
- <el-table-column prop="prop8" label="岗位" width="180" />
- <el-table-column prop="prop9" label="入职日期" width="180" />
- <el-table-column prop="prop10" label="最高学历" width="180" />
- <el-table-column prop="prop11" label="籍贯" width="180" />
- <el-table-column prop="prop12" label="联系电话" width="180" />
- <el-table-column prop="prop13" label="员工状态" width="180" />
- </el-table>
- </el-main>
- </el-container>
- </el-container>
- <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="dialogShowDkda" 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-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="dialogIsShow()">取 消</el-button>
- <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
- </div>
- </el-dialog>
- <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">
- <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
- </el-dialog>
- <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
- <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />
- </el-dialog>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- headerHeight: '70px',
- advancedQueryShow: false,
- dialogTableVisible: false,
- dialogShowDkda: false,
- dialogShowXzyg: false,
- dialogShowXzbm: false,
- tableData: [{
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100452312',
- 'prop3': '赵建国',
- 'prop4': '510304197402225813',
- 'prop5': '男',
- 'prop6': '46',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '高中',
- 'prop12': '133023187889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101620946',
- 'prop3': '罗启艳',
- 'prop4': '41272619740120543X',
- 'prop5': '女',
- 'prop6': '46',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '高中',
- 'prop12': '189135789889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100629950',
- 'prop3': '毛玉平',
- 'prop4': '522528198202071629',
- 'prop5': '男',
- 'prop6': '38',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '高中',
- 'prop12': '135098784561',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100882835',
- 'prop3': '梅均均',
- 'prop4': '510504198704260927',
- 'prop5': '女',
- 'prop6': '33',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '高中',
- 'prop12': '133023187889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101356718',
- 'prop3': '王香妮',
- 'prop4': '433122199508091511',
- 'prop5': '女',
- 'prop6': '25',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '189135789889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100900981',
- 'prop3': '易金洪',
- 'prop4': '610424198306152860',
- 'prop5': '男',
- 'prop6': '39',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '135098784561',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101529670',
- 'prop3': '李忠敏',
- 'prop4': '511123198602016016',
- 'prop5': '男',
- 'prop6': '32',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '133023187889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101578011',
- 'prop3': '徐健',
- 'prop4': '512927197202166053',
- 'prop5': '男',
- 'prop6': '48',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '189135789889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100326122',
- 'prop3': '曾昌玖',
- 'prop4': '510322197606103351',
- 'prop5': '男',
- 'prop6': '44',
- 'prop7': '一分公司',
- 'prop8': '经理',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '本科',
- 'prop12': '135098784561',
- 'prop13': '自动离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101788698',
- 'prop3': '赵高',
- 'prop4': '511123197510263074',
- 'prop5': '男',
- 'prop6': '55',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '133023187889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101861146',
- 'prop3': '王忠山',
- 'prop4': '522426199904290419',
- 'prop5': '男',
- 'prop6': '21',
- 'prop7': '一分公司',
- 'prop8': '主管',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '大专',
- 'prop12': '189135789889',
- 'prop13': '正常离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2100315416',
- 'prop3': '严福林',
- 'prop4': '433130197205180710',
- 'prop5': '男',
- 'prop6': '55',
- 'prop7': '一分公司',
- 'prop8': '经理',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '本科',
- 'prop12': '135098784561',
- 'prop13': '自动离职'
- }, {
- 'prop0': '',
- 'prop1': '查看',
- 'prop2': '2101382208',
- 'prop3': '叶金云',
- 'prop4': '512923197703020639',
- 'prop5': '男',
- 'prop6': '43',
- 'prop7': '一分公司',
- 'prop8': '保安员',
- 'prop9': '2019-08-01',
- 'prop10': '2020-08-01',
- 'prop11': '高中',
- 'prop12': '1350987861234',
- 'prop13': '正常离职'
- }],
- data: [{
- label: '一级 1',
- children: [{
- label: '二级 1-1',
- children: [{
- label: '三级 1-1-1'
- }]
- }]
- },
- {
- label: '一级 2',
- children: [{
- label: '二级 2-1',
- children: [{
- label: '三级 2-1-1'
- }]
- },
- {
- label: '二级 2-2',
- children: [{
- label: '三级 2-2-1'
- }]
- }
- ]
- },
- {
- label: '一级 3',
- children: [{
- label: '二级 3-1',
- children: [{
- label: '三级 3-1-1'
- }]
- },
- {
- label: '二级 3-2',
- children: [{
- label: '三级 3-2-1'
- }]
- }
- ]
- }
- ],
- defaultProps: {
- children: 'children',
- label: 'label'
- }
- }
- },
- methods: {
- handleNodeClick(data) {
- console.log(data)
- },
- advancedQueryShowMethods() {
- if (this.advancedQueryShow) {
- this.headerHeight = '70px'
- this.advancedQueryShow = false
- } else {
- this.headerHeight = '300px'
- this.advancedQueryShow = true
- }
- },
- showEmpInfo() {
- this.dialogTableVisible = true
- },
- showDkda() {
- this.dialogShowDkda = true
- },
- showXzyg() {
- this.dialogShowXzyg = true
- },
- cancleChooseUser() {
- this.dialogShowXzyg = false
- },
- selectedUser(users) {
- var names = ''
- for (var i = 0; i < users.length; i++) {
- var data = users[i]
- names += data.prop2 + ','
- }
- alert('已选择人员' + names)
- console.log(users)
- },
- showXzbm() {
- this.dialogShowXzbm = true
- },
- cancleChooseDept() {
- this.dialogShowXzbm = false
- },
- selectedDept(users) {
- var names = ''
- for (var i = 0; i < users.length; i++) {
- var data = users[i]
- names += data.label + ','
- }
- alert('已选择部门' + names)
- console.log(users)
- }
-
- }
-}
-</script>
-<style lang="scss">
- .el-aside {
- padding: 20px;
- background: #f3f5f8;
- height: 600px;
-
- .el-tree {
- height: 100%;
- }
- }
-
- .el-main {
- height: 600px;
- }
-
- #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;
- }
-</style>
+<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="24">
+ <el-button type="primary">删除员工</el-button>
+ <el-button type="danger" @click="showDkda">打开档案</el-button>
+ <el-button type="danger">离职证明</el-button>
+ <el-button type="danger">导出报表</el-button>
+ <el-button type="primary" @click="showXzyg">选择员工</el-button>
+ <el-button type="primary" @click="showXzbm">选择部门</el-button>
+ </el-col>
+ </el-row>
+
+ <div v-show="advancedQueryShow">
+ <form>
+ <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>
+ <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-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-group>
+ </td>
+ </tr>
+ </table>
+ </el-col>
+ </el-row>
+ </form>
+ </div>
+ </el-header>
+ <el-container>
+ <el-aside width="300px">
+ <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
+ </el-aside>
+ <el-main>
+ <el-table :data="tableData" style="width: 100%;">
+ <el-table-column prop="prop0" label="" width="180" />
+ <el-table-column prop="prop1" label="操作" width="180" />
+ <el-table-column prop="prop2" label="员工编号" width="180" />
+ <el-table-column prop="prop3" label="姓名" width="180" />
+ <el-table-column prop="prop4" label="身份证号" width="180" />
+ <el-table-column prop="prop5" label="性别" width="180" />
+ <el-table-column prop="prop6" label="年龄" width="180" />
+ <el-table-column prop="prop7" label="所属部门" width="180" />
+ <el-table-column prop="prop8" label="岗位" width="180" />
+ <el-table-column prop="prop9" label="入职日期" width="180" />
+ <el-table-column prop="prop10" label="最高学历" width="180" />
+ <el-table-column prop="prop11" label="籍贯" width="180" />
+ <el-table-column prop="prop12" label="联系电话" width="180" />
+ <el-table-column prop="prop13" label="员工状态" width="180" />
+ </el-table>
+ </el-main>
+ </el-container>
+ </el-container>
+ <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="dialogShowDkda" 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-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="dialogIsShow()">取 消</el-button>
+ <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
+ </div>
+ </el-dialog>
+ <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">
+ <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
+ </el-dialog>
+ <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
+ <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />
+ </el-dialog>
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ headerHeight: '70px',
+ advancedQueryShow: false,
+ dialogTableVisible: false,
+ dialogShowDkda: false,
+ dialogShowXzyg: false,
+ dialogShowXzbm: false,
+ tableData: [{
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100452312',
+ 'prop3': '赵建国',
+ 'prop4': '510304197402225813',
+ 'prop5': '男',
+ 'prop6': '46',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '高中',
+ 'prop12': '133023187889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101620946',
+ 'prop3': '罗启艳',
+ 'prop4': '41272619740120543X',
+ 'prop5': '女',
+ 'prop6': '46',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '高中',
+ 'prop12': '189135789889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100629950',
+ 'prop3': '毛玉平',
+ 'prop4': '522528198202071629',
+ 'prop5': '男',
+ 'prop6': '38',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '高中',
+ 'prop12': '135098784561',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100882835',
+ 'prop3': '梅均均',
+ 'prop4': '510504198704260927',
+ 'prop5': '女',
+ 'prop6': '33',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '高中',
+ 'prop12': '133023187889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101356718',
+ 'prop3': '王香妮',
+ 'prop4': '433122199508091511',
+ 'prop5': '女',
+ 'prop6': '25',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '189135789889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100900981',
+ 'prop3': '易金洪',
+ 'prop4': '610424198306152860',
+ 'prop5': '男',
+ 'prop6': '39',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '135098784561',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101529670',
+ 'prop3': '李忠敏',
+ 'prop4': '511123198602016016',
+ 'prop5': '男',
+ 'prop6': '32',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '133023187889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101578011',
+ 'prop3': '徐健',
+ 'prop4': '512927197202166053',
+ 'prop5': '男',
+ 'prop6': '48',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '189135789889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100326122',
+ 'prop3': '曾昌玖',
+ 'prop4': '510322197606103351',
+ 'prop5': '男',
+ 'prop6': '44',
+ 'prop7': '一分公司',
+ 'prop8': '经理',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '本科',
+ 'prop12': '135098784561',
+ 'prop13': '自动离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101788698',
+ 'prop3': '赵高',
+ 'prop4': '511123197510263074',
+ 'prop5': '男',
+ 'prop6': '55',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '133023187889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101861146',
+ 'prop3': '王忠山',
+ 'prop4': '522426199904290419',
+ 'prop5': '男',
+ 'prop6': '21',
+ 'prop7': '一分公司',
+ 'prop8': '主管',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '大专',
+ 'prop12': '189135789889',
+ 'prop13': '正常离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2100315416',
+ 'prop3': '严福林',
+ 'prop4': '433130197205180710',
+ 'prop5': '男',
+ 'prop6': '55',
+ 'prop7': '一分公司',
+ 'prop8': '经理',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '本科',
+ 'prop12': '135098784561',
+ 'prop13': '自动离职'
+ }, {
+ 'prop0': '',
+ 'prop1': '查看',
+ 'prop2': '2101382208',
+ 'prop3': '叶金云',
+ 'prop4': '512923197703020639',
+ 'prop5': '男',
+ 'prop6': '43',
+ 'prop7': '一分公司',
+ 'prop8': '保安员',
+ 'prop9': '2019-08-01',
+ 'prop10': '2020-08-01',
+ 'prop11': '高中',
+ 'prop12': '1350987861234',
+ 'prop13': '正常离职'
+ }],
+ data: [{
+ label: '一级 1',
+ children: [{
+ label: '二级 1-1',
+ children: [{
+ label: '三级 1-1-1'
+ }]
+ }]
+ },
+ {
+ label: '一级 2',
+ children: [{
+ label: '二级 2-1',
+ children: [{
+ label: '三级 2-1-1'
+ }]
+ },
+ {
+ label: '二级 2-2',
+ children: [{
+ label: '三级 2-2-1'
+ }]
+ }
+ ]
+ },
+ {
+ label: '一级 3',
+ children: [{
+ label: '二级 3-1',
+ children: [{
+ label: '三级 3-1-1'
+ }]
+ },
+ {
+ label: '二级 3-2',
+ children: [{
+ label: '三级 3-2-1'
+ }]
+ }
+ ]
+ }
+ ],
+ defaultProps: {
+ children: 'children',
+ label: 'label'
+ }
+ }
+ },
+ methods: {
+ handleNodeClick(data) {
+ console.log(data)
+ },
+ advancedQueryShowMethods() {
+ if (this.advancedQueryShow) {
+ this.headerHeight = '70px'
+ this.advancedQueryShow = false
+ } else {
+ this.headerHeight = '300px'
+ this.advancedQueryShow = true
+ }
+ },
+ showEmpInfo() {
+ this.dialogTableVisible = true
+ },
+ showDkda() {
+ this.dialogShowDkda = true
+ },
+ showXzyg() {
+ this.dialogShowXzyg = true
+ },
+ cancleChooseUser() {
+ this.dialogShowXzyg = false
+ },
+ selectedUser(users) {
+ var names = ''
+ for (var i = 0; i < users.length; i++) {
+ var data = users[i]
+ names += data.prop2 + ','
+ }
+ alert('已选择人员' + names)
+ console.log(users)
+ },
+ showXzbm() {
+ this.dialogShowXzbm = true
+ },
+ cancleChooseDept() {
+ this.dialogShowXzbm = false
+ },
+ selectedDept(users) {
+ var names = ''
+ for (var i = 0; i < users.length; i++) {
+ var data = users[i]
+ names += data.label + ','
+ }
+ alert('已选择部门' + names)
+ console.log(users)
+ }
+
+ }
+}
+</script>
+<style lang="scss">
+ .el-aside {
+ padding: 20px;
+ background: #f3f5f8;
+ height: 600px;
+
+ .el-tree {
+ height: 100%;
+ }
+ }
+
+ .el-main {
+ height: 600px;
+ }
+
+ #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;
+ }
+</style>
--
Gitblit v1.8.0