<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="2.5">入职日期：从
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="2.5">离职日期：从
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="1.5">到
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">
|
<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-main>
|
<el-table :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="prop2" label="员工编号" />
|
<el-table-column prop="prop3" label="护卫点" />
|
<el-table-column prop="prop4" label="岗位" />
|
<el-table-column prop="prop5" label="姓名" />
|
<el-table-column prop="prop6" label="身份证号" />
|
<el-table-column prop="prop7" label="性别" />
|
<el-table-column prop="prop8" label="年龄" />
|
<el-table-column prop="prop9" label="学历" />
|
<el-table-column prop="prop10" label="籍贯" />
|
<el-table-column prop="prop11" label="联系电话" />
|
<el-table-column prop="prop12" label="入职日期" />
|
<el-table-column prop="prop13" label="离职日期" />
|
<el-table-column prop="prop14" label="员工状态" />
|
</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': '保安员',
|
'prop5': '赵建国',
|
'prop6': '510304197402225813',
|
'prop7': '男',
|
'prop8': '46',
|
'prop9': '高中',
|
'prop10': '广东省番禺市',
|
'prop11': '133023187889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101620946',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '罗启艳',
|
'prop6': '41272619740120543X',
|
'prop7': '女',
|
'prop8': '46',
|
'prop9': '高中',
|
'prop10': '广东省番禺市',
|
'prop11': '189135789889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2100629950',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '毛玉平',
|
'prop6': '522528198202071629',
|
'prop7': '男',
|
'prop8': '38',
|
'prop9': '高中',
|
'prop10': '广东省番禺市',
|
'prop11': '135098784561',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2100882835',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '梅均均',
|
'prop6': '510504198704260927',
|
'prop7': '女',
|
'prop8': '33',
|
'prop9': '高中',
|
'prop10': '广东省番禺市',
|
'prop11': '133023187889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101356718',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '王香妮',
|
'prop6': '433122199508091511',
|
'prop7': '女',
|
'prop8': '25',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '189135789889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2100900981',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '易金洪',
|
'prop6': '610424198306152860',
|
'prop7': '男',
|
'prop8': '39',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '135098784561',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101529670',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '李忠敏',
|
'prop6': '511123198602016016',
|
'prop7': '男',
|
'prop8': '32',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '133023187889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101578011',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '徐健',
|
'prop6': '512927197202166053',
|
'prop7': '男',
|
'prop8': '48',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '189135789889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2100326122',
|
'prop3': '一分公司',
|
'prop4': '经理',
|
'prop5': '曾昌玖',
|
'prop6': '510322197606103351',
|
'prop7': '男',
|
'prop8': '44',
|
'prop9': '本科',
|
'prop10': '广东省番禺市',
|
'prop11': '135098784561',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '自动离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101788698',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '赵高',
|
'prop6': '511123197510263074',
|
'prop7': '男',
|
'prop8': '55',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '133023187889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101861146',
|
'prop3': '一分公司',
|
'prop4': '主管',
|
'prop5': '王忠山',
|
'prop6': '522426199904290419',
|
'prop7': '男',
|
'prop8': '21',
|
'prop9': '大专',
|
'prop10': '广东省番禺市',
|
'prop11': '189135789889',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2100315416',
|
'prop3': '一分公司',
|
'prop4': '经理',
|
'prop5': '严福林',
|
'prop6': '433130197205180710',
|
'prop7': '男',
|
'prop8': '55',
|
'prop9': '本科',
|
'prop10': '广东省番禺市',
|
'prop11': '135098784561',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '自动离职'
|
}, {
|
'prop0': '',
|
'prop1': '查看',
|
'prop2': '2101382208',
|
'prop3': '一分公司',
|
'prop4': '保安员',
|
'prop5': '叶金云',
|
'prop6': '512923197703020639',
|
'prop7': '男',
|
'prop8': '43',
|
'prop9': '高中',
|
'prop10': '广东省番禺市',
|
'prop11': '1350987861234',
|
'prop12': '2019-08-01',
|
'prop13': '2020-08-01',
|
'prop14': '正常离职'
|
}]
|
}
|
},
|
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.username + ','
|
}
|
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>
|
