| | |
| | | <el-container> |
| | | <el-header :height="headerHeight"> |
| | | <el-row> |
| | | <el-col :span="16"><h3 class="bu-tian-jia-title">在职员工</h3></el-col> |
| | | <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-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> |
| | | <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-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> |
| | | <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-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="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-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="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-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> |
| | | </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="date" |
| | | label="日期" |
| | | width="180" |
| | | /> |
| | | <el-table-column |
| | | prop="name" |
| | | label="姓名" |
| | | width="180" |
| | | /> |
| | | <el-table-column |
| | | prop="address" |
| | | label="地址" |
| | | /> |
| | | </el-table></el-main> |
| | | <el-main>
|
| | | <el-table :data="tableData" style="width: 100%">
|
| | | <el-table-column fixed="left" label="操作" width="100">
|
| | | <template>
|
| | | <el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column prop="date" label="日期" width="180" />
|
| | | <el-table-column prop="name" label="姓名" width="180" />
|
| | | <el-table-column prop="address" label="地址" />
|
| | | </el-table>
|
| | | </el-main>
|
| | | </el-container> |
| | | </el-container> |
| | | <el-dialog title="" id="ygxq" 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> |
| | | <td>已移交</td> |
| | | </tr> |
| | | <tr> |
| | | <td>银行名称</td> |
| | | <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></td> |
| | | </tr> |
| | | <tr> |
| | | <td>招聘介绍人</td> |
| | | <td></td> |
| | | <td>入司工龄</td> |
| | | <td>1</td> |
| | | <td>工作证</td> |
| | | <td>已发</td> |
| | | </tr> |
| | | <tr> |
| | | <td>家庭成员及关系</td> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <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></td> |
| | | </tr> |
| | | <tr> |
| | | <td>2</td> |
| | | <td>2019-02-03</td> |
| | | <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> |
| | | <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> |
| | | <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> |
| | | <td>3</td> |
| | | <td></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> |
| | | <td>2</td> |
| | | <td></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> |
| | | <td>0</td> |
| | | <td></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> |
| | | <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></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></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td>2</td> |
| | | <td>2019-02-03</td> |
| | | <td>2019-10-11</td> |
| | | <td>辞职</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></td> |
| | | <td></td> |
| | | <td class="link_button">编辑</td> |
| | | </tr> |
| | | <tr> |
| | | <td>2</td> |
| | | <td>2019-02-03</td> |
| | | <td></td> |
| | | <td></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></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></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> |
| | | <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></td> |
| | | <td>家里XXXX有事情需要处理,个人原因申请离职</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 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> |
| | | <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> |
| | | <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></td> |
| | | <td class="link_button">编辑</td> |
| | | </tr> |
| | | <tr> |
| | | <td><input type="checkbox"></td> |
| | | <td></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>
|
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | return { |
| | | headerHeight: '60px', |
| | | advancedQueryShow: false, |
| | | dialogTableVisible:false,
|
| | | tableData: [{ |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1516 弄' |
| | | }], |
| | | data: [ |
| | | { |
| | | data: [{
|
| | | label: '一级 1', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '二级 1-1', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '三级 1-1-1' |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }]
|
| | | }]
|
| | | }, |
| | | { |
| | | label: '一级 2', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '二级 2-1', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '三级 2-1-1' |
| | | } |
| | | ] |
| | | }]
|
| | | }, |
| | | { |
| | | label: '二级 2-2', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '三级 2-2-1' |
| | | } |
| | | ] |
| | | }]
|
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: '一级 3', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '二级 3-1', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '三级 3-1-1' |
| | | } |
| | | ] |
| | | }]
|
| | | }, |
| | | { |
| | | label: '二级 3-2', |
| | | children: [ |
| | | { |
| | | children: [{
|
| | | label: '三级 3-2-1' |
| | | } |
| | | ] |
| | | }]
|
| | | } |
| | | ] |
| | | } |
| | |
| | | this.headerHeight = '300px' |
| | | this.advancedQueryShow = true |
| | | } |
| | | }, |
| | | showEmpInfo(){ |
| | | this.dialogTableVisible=true; |
| | | } |
| | | } |
| | | } |
| | |
| | | padding: 20px; |
| | | background: #f3f5f8; |
| | | height: 600px; |
| | |
|
| | | .el-tree{ |
| | | height: 100%; |
| | | } |
| | | } |
| | |
|
| | | .el-main{ |
| | | height: 600px; |
| | | } |
| | | |
| | | |
| | | #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 #cad9ea; |
| | | 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> |