1483 lines
84 KiB
HTML
1483 lines
84 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<title>数字化管理系统</title>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||
<!-- 网站图标 -->
|
||
<link rel="icon" href="../assets//images/favicon.svg" type="image/x-icon">
|
||
<!-- 必备CSS -->
|
||
<link rel="stylesheet" href="../assets//fonts/fontawesome/css/fontawesome-all.min.css">
|
||
<link rel="stylesheet" href="../assets//plugins/animation/css/animate.min.css">
|
||
<link rel="stylesheet" href="../assets//plugins/prism/css/prism.min.css">
|
||
<!-- 自定义CSS -->
|
||
<link rel="stylesheet" href="../assets//css/style.css">
|
||
<!-- 内部CSS -->
|
||
<style>
|
||
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
|
||
.pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {
|
||
background: transparent;
|
||
}
|
||
|
||
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a,
|
||
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a,
|
||
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
|
||
.pcoded-navbar .pcoded-inner-navbar > li > a.active {
|
||
background: #fff;
|
||
color: #19BCBF;
|
||
position: relative;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
|
||
.pcoded-navbar .pcoded-inner-navbar > li > a.active > .pcoded-micon {
|
||
color: #19BCBF;
|
||
}
|
||
|
||
.pcoded-navbar .pcoded-inner-navbar > li > a.active:after {
|
||
content: "";
|
||
background-color: #19BCBF;
|
||
z-index: 1027;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0px;
|
||
width: 3px;
|
||
height: 100%;
|
||
}
|
||
|
||
.nav-pills .nav-link.active,
|
||
.nav-pills .show > .nav-link {
|
||
background: linear-gradient(-45deg, #19BCBF, #149698);
|
||
box-shadow: none;
|
||
}
|
||
|
||
pre[class*=language-] > code {
|
||
border-left: 5px solid #2196f3;
|
||
}
|
||
|
||
.nav-pills {
|
||
padding: 15px 25px;
|
||
}
|
||
|
||
.nav-pills > li i {
|
||
display: inline-block;
|
||
font-size: 15px;
|
||
padding: 0px 0;
|
||
}
|
||
|
||
#gulp pre[class*=language-].line-numbers.line-numbers code {
|
||
padding-left: 1.5em;
|
||
}
|
||
|
||
.img-block img {
|
||
width: 120px;
|
||
margin-right: 8px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.pcoded-navbar .pcoded-inner-navbar > li > a.active:after {
|
||
background: linear-gradient(-45deg, #19BCBF, #149698);
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="">
|
||
<!-- [ 预加载 ] 开始 -->
|
||
<div class="loader-bg">
|
||
<div class="loader-track">
|
||
<div class="loader-fill"></div>
|
||
</div>
|
||
</div>
|
||
<!-- [ 预加载 ] 结束 -->
|
||
|
||
<!-- [ 导航菜单 ] 开始 -->
|
||
<nav class="pcoded-navbar menupos-fixed menu-dark menu-item-icon-style6 ">
|
||
<div class="navbar-wrapper ">
|
||
<div class="navbar-brand header-logo">
|
||
<a href="index.html" class="b-brand">
|
||
<img src="../assets/images/logo.svg" alt="logo" class="logo images">
|
||
<img src="../assets/images/logo-icon.svg" alt="logo" class="logo-thumb images">
|
||
</a>
|
||
<a class="mobile-menu" id="mobile-collapse" href="#!"><span></span></a>
|
||
</div>
|
||
<div class="navbar-content scroll-div" id="layout-sidenav">
|
||
<ul class="nav pcoded-inner-navbar sidenav-inner">
|
||
<li class="nav-item pcoded-menu-caption">
|
||
<label>视图数据</label>
|
||
</li>
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-home"></i></span><span class="pcoded-mtext">董事会、总经办</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="董事会、总经办_公司整体经营情况表.html" class="">整体经营情况表</a></li>
|
||
<li class=""><a href="董事会、总经办_公司整体收入情况.html" class="">整体收入情况</a></li>
|
||
<li class=""><a href="董事会、总经办_公司应收账款情况.html" class="">应收账款情况</a></li>
|
||
<li class=""><a href="董事会、总经办_公司应收账款明细.html" class="">应收账款明细</a></li>
|
||
<li class=""><a href="董事会、总经办_公司人员情况.html" class="">人员情况</a></li>
|
||
<li class=""><a href="董事会、总经办_公司员工业绩及提成情况.html" class="">员工业绩及提成情况</a>
|
||
</li>
|
||
<li class=""><a href="董事会、总经办_公司员工出勤情况.html" class="">员工出勤情况</a></li>
|
||
<li class=""><a href="董事会、总经办_公司项目台账.html" class="">项目台账</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-home"></i></span><span class="pcoded-mtext">业务部门</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="业务部门_业务部门年度总体经营指标.html" class="">年度总体经营指标</a></li>
|
||
<li class=""><a href="业务部门_业务部门收入情况.html" class="">收入情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门成本情况.html" class="">成本情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门利润情况.html" class="">利润情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门项目进度.html" class="">项目进度</a></li>
|
||
<li class=""><a href="业务部门_业务部门项目结算情况.html" class="">项目结算情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门项目回款情况.html" class="">项目回款情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门收入结构（天信、星河、星海）.html" class="">收入结构</a></li>
|
||
<li class=""><a href="业务部门_业务部门利润结构（天信、星河、星海）.html" class="">利润结构</a></li>
|
||
<li class=""><a href="业务部门_业务部门项目经理收入完成及提成情况（天信、星河、星海）.html"
|
||
class="">项目经理收入完成及提成情况</a></li>
|
||
<li class=""><a href="业务部门_业务部门出勤情况（天信、星河、星海）.html" class="">出勤情况</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-home"></i></span><span class="pcoded-mtext">中后台</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="中后台_各部门费用情况.html" class="">各部门费用情况</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-home"></i></span><span class="pcoded-mtext">财务部</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="财务部_各一级部门经营情况.html" class="">各一级部门经营情况</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="nav-item pcoded-menu-caption">
|
||
<label>基础数据</label>
|
||
</li>
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">业绩管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="业绩管理_集团经营目标.html" class="">集团经营目标表</a></li>
|
||
<li class=""><a href="业绩管理_员工业绩目标.html" class="">员工业绩目标表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">组织管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="组织管理_公司主体信息登记表.html" class="">公司主体信息登记表</a></li>
|
||
<!-- <li class=""><a href="组织管理_公司银行账户.html" class="">公司银行账户表</a></li>-->
|
||
<li class=""><a href="组织管理_一级部门表.html" class="">一级部门表</a></li>
|
||
<li class=""><a href="组织管理_二级部门表.html" class="">二级部门表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">人力资源管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="人力资源管理_人员基本信息.html" class="">人员基本信息表</a></li>
|
||
<li class=""><a href="人力资源管理_员工考勤记录.html" class="">员工考勤记录表</a></li>
|
||
<li class=""><a href="人力资源管理_年假使用记录.html" class="">年假使用记录</a></li>
|
||
<li class=""><a href="人力资源管理_职务表.html" class="">岗位表</a></li>
|
||
<li class=""><a href="人力资源管理_职级表.html" class="">职级表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">财会管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="财会管理_费用类型表.html" class="">费用类型表</a></li>
|
||
<li class=""><a href="财会管理_费用明细表.html" class="">费用明细表</a></li>
|
||
<li class=""><a href="财会管理_集团年度预算表.html" class="">集团年度预算表</a></li>
|
||
<li class=""><a href="财会管理_人工费用明细表.html" class="">人工费明细表</a></li>
|
||
<li class=""><a href="财会管理_报销明细表.html" class="">报销明细表</a></li>
|
||
<li class=""><a href="财会管理_奖金类别表.html" class="">奖金类别表</a></li>
|
||
<li class=""><a href="财会管理_奖金分配表.html" class="">奖金分配表</a></li>
|
||
<li class=""><a href="财会管理_纳税记录表.html" class="">纳税记录表</a></li>
|
||
<li class=""><a href="财会管理_电子发票台账.html" class="">电子发票台账</a></li>
|
||
<li class=""><a href="财会管理_开票记录.html" class="">开票记录</a></li>
|
||
<li class=""><a href="财会管理_回款记录表.html" class="">回款记录表</a></li>
|
||
<li class=""><a href="财会管理_员工提成情况表.html" class="">员工提成情况表</a></li>
|
||
<li class=""><a href="财会管理_员工绩效情况表.html" class="">员工绩效情况表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">资源管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="资源管理_消耗品类别管理表.html" class="">消耗品类别管理表</a></li>
|
||
<li class=""><a href="资源管理_消耗品库存表.html" class="">消耗品库存表</a></li>
|
||
<li class=""><a href="资源管理_公司手机号使用登记表.html" class="">公司手机号使用登记表</a></li>
|
||
<li class=""><a href="资源管理_商务车使用登记表.html" class="">商务车使用登记表</a></li>
|
||
<li class=""><a href="资源管理_会员账号登记表.html" class="">会员账号登记表</a></li>
|
||
<li class=""><a href="资源管理_储值卡登记表.html" class="">储值卡登记表</a></li>
|
||
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">运营管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="运营管理_新媒体账号登记.html" class="">新媒体账号登记</a></li>
|
||
<li class=""><a href="运营管理_账号运营管理记录.html" class="">账号运营管理记录</a></li>
|
||
<li class=""><a href="运营管理_网站登记.html" class="">网站登记</a></li>
|
||
<li class=""><a href="运营管理_网站运维记录.html" class="">网站运维记录</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">合规管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="合规管理_用印登记表.html" class="">用印登记表</a></li>
|
||
<li class=""><a href="合规管理_印章证件借用登记表.html" class="">印章证件借用登记表</a></li>
|
||
<li class=""><a href="合规管理_合同管理台账.html" class="">合同管理台账</a></li>
|
||
<li class=""><a href="合规管理_公司制度表.html" class="">公司制度表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">营销管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="营销管理_项目资源表.html" class="">项目资源表</a></li>
|
||
<li class=""><a href="营销管理_客户表.html" class="">客户表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">资产管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="资产管理_固定资产清单表.html" class="">固定资产清单表</a></li>
|
||
<li class=""><a href="资产管理_无形资产清单表.html" class="">无形资产清单表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-box"></i></span><span class="pcoded-mtext">项目管理</span></a>
|
||
<ul class="pcoded-submenu">
|
||
<li class=""><a href="项目管理_项目台账.html" class="">项目台账</a></li>
|
||
<li class=""><a href="项目管理_项目组员收入结算表.html" class="">项目组员收入结算表</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="nav-item pcoded-menu-caption">
|
||
<label>系统设置</label>
|
||
</li>
|
||
<li data-username="" class="nav-item pcoded-hasmenu">
|
||
<a href="#!" class="nav-link"><span class="pcoded-micon"><i
|
||
class="feather icon-lock"></i></span><span class="pcoded-mtext">权限设置</span></a>
|
||
<ul class="pcoded-submenu" style="display: none;">
|
||
<li class=""><a href="权限设置_数据表权限.html" class="" target="_blank">数据表权限</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- [ 导航菜单 ] 结束 -->
|
||
|
||
<!-- [ 页眉 ] 开始 -->
|
||
<header class="navbar pcoded-header navbar-expand-lg navbar-light headerpos-fixed">
|
||
|
||
<!-- 移动端 [ 页眉 ] 开始 -->
|
||
<div class="m-header">
|
||
<a class="mobile-menu" id="mobile-collapse1" href="#!"><span></span></a>
|
||
<a href="index.html" class="b-brand">
|
||
<img src="../assets/images/logo.svg" alt="" class="logo images">
|
||
<img src="../assets/images/logo-icon.svg" alt="" class="logo-thumb images">
|
||
</a>
|
||
</div>
|
||
<!-- 移动端 [ 页眉 ] 结束 -->
|
||
|
||
<!-- 移动端 [ 菜单 ] 开始 -->
|
||
<a class="mobile-menu" id="mobile-header" href="#!">
|
||
<i class="feather icon-more-horizontal"></i>
|
||
</a>
|
||
<!-- 移动端 [ 菜单 ] 结束 -->
|
||
|
||
<!-- PC端 [ 页眉 ] 开始 -->
|
||
<div class="collapse navbar-collapse">
|
||
<a href="#!" class="mob-toggler"></a>
|
||
|
||
<!-- [ 搜索 ] 开始 -->
|
||
<ul class="navbar-nav me-auto">
|
||
<li class="nav-item">
|
||
<div class="main-search open">
|
||
<div class="input-group">
|
||
<input type="text" id="m-search" class="form-control" placeholder="Search . . .">
|
||
<a href="#!" class="input-group-append search-close"><i
|
||
class="feather icon-x input-group-text"></i></a>
|
||
<span class="ms-1 input-group-append search-btn btn btn-primary">
|
||
<i class="feather icon-search input-group-text"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<!-- [ 搜索 ] 结束 -->
|
||
|
||
<!-- [ 通知&设置 ] 开始 -->
|
||
<ul class="navbar-nav ms-auto">
|
||
<!-- [ 通知 ] 开始 -->
|
||
<li>
|
||
<div class="dropdown">
|
||
<a class="dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false"><i
|
||
class="icon feather icon-bell"></i></a>
|
||
<div class="dropdown-menu dropdown-menu-end notification">
|
||
<div class="noti-head">
|
||
<h6 class="d-inline-block m-b-0">通知</h6>
|
||
<div class="float-end">
|
||
<!-- <a href="#!" class="m-r-10">标记为已读</a>-->
|
||
<!-- <a href="#!">清除所有</a>-->
|
||
</div>
|
||
</div>
|
||
<ul class="noti-body">
|
||
<li class="n-title">
|
||
<p class="m-b-0">最新</p>
|
||
</li>
|
||
<li class="notification">
|
||
<div class="d-flex">
|
||
<img class="img-radius" src="../assets/images/user/setting.png" alt="Profile Image">
|
||
<div class="flex-grow-1">
|
||
<p><strong>系统通知</strong><span class="n-time text-muted"><i
|
||
class="icon feather icon-clock m-r-10"></i>5 分钟前</span></p>
|
||
<p>更新报销明细</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="n-title">
|
||
<p class="m-b-0">更早</p>
|
||
</li>
|
||
<li class="notification">
|
||
<div class="d-flex">
|
||
<img class="img-radius" src="../assets/images/user/setting.png" alt="Profile Image">
|
||
<div class="flex-grow-1">
|
||
<p><strong>系统通知</strong><span class="n-time text-muted"><i
|
||
class="icon feather icon-clock m-r-10"></i>10 min</span></p>
|
||
<p>5月员工生日</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="notification">
|
||
<div class="d-flex">
|
||
<img class="img-radius" src="../assets/images/user/setting.png" alt="Profile Image">
|
||
<div class="flex-grow-1">
|
||
<p><strong>系统通知</strong><span class="n-time text-muted"><i
|
||
class="icon feather icon-clock m-r-10"></i>12 min</span></p>
|
||
<p>A4纸库存不足</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="noti-footer">
|
||
<a href="#!">查看所有</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<!-- [ 通知 ] 结束 -->
|
||
<!-- [ 设置 ] 开始 -->
|
||
<li>
|
||
<div class="dropdown drp-user">
|
||
<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown"><i
|
||
class="icon feather icon-settings"></i></a>
|
||
<div class="dropdown-menu dropdown-menu-end profile-notification">
|
||
<div class="pro-head">
|
||
<img src="../assets/images/user/avatar-2.jpg" class="img-radius"
|
||
alt="User-Profile-Image">
|
||
<span>
|
||
<span class="text-muted">张三</span>
|
||
<span class="h6">zhangsan@mail.com</span>
|
||
</span>
|
||
</div>
|
||
<ul class="pro-body">
|
||
<li><a href="#!" class="dropdown-item"><i class="feather icon-user"></i>个人资料</a></li>
|
||
<li><a href="#!" class="dropdown-item"><i class="feather icon-power text-danger"></i>退出登录</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<!-- [ 通知&设置 ] 结束 -->
|
||
</div>
|
||
<!-- PC端 [ 页眉 ] 结束 -->
|
||
|
||
</header>
|
||
<!-- [ 页眉 ] 结束 -->
|
||
|
||
<!-- [ 主内容页 ] 开始 -->
|
||
<section class="pcoded-main-container">
|
||
<div class="pcoded-wrapper">
|
||
<div class="pcoded-content">
|
||
<div class="pcoded-inner-content">
|
||
<div class="main-body">
|
||
<div class="page-wrapper">
|
||
<!-- [ 面包屑 ] 开始 -->
|
||
<div class="page-header">
|
||
<div class="page-block">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-12">
|
||
<div class="page-header-title">
|
||
<h5 class="m-b-10">人员基本信息表</h5>
|
||
</div>
|
||
<ul class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="#!"><i
|
||
class="feather icon-home"></i></a></li>
|
||
<li class="breadcrumb-item"><a href="#!">业绩管理</a></li>
|
||
<li class="breadcrumb-item"><a href="#!">人员基本信息表</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- [ 面包屑 ] 结束 -->
|
||
|
||
<!-- [ 主内容 ] 开始 -->
|
||
<div class="row mb-3">
|
||
<div class="col-md-12">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-md-10">
|
||
<!-- 筛选查询表单 -->
|
||
<form id="filter-form">
|
||
<div class="row">
|
||
<div class="col">
|
||
<label class="form-label" for="depart">一级部门</label>
|
||
<select class="form-control" id="depart">
|
||
<option>部门1</option>
|
||
<option>部门2</option>
|
||
<option>部门3</option>
|
||
<option>部门4</option>
|
||
<option>部门5</option>
|
||
</select>
|
||
</div>
|
||
<div class="col">
|
||
<label class="form-label" for="depart2">二级部门</label>
|
||
<select class="form-control" id="depart2">
|
||
<option>部门2</option>
|
||
<option>部门2</option>
|
||
<option>部门3</option>
|
||
<option>部门4</option>
|
||
<option>部门5</option>
|
||
</select>
|
||
</div>
|
||
<div class="col">
|
||
<label class="form-label" for="year">用工性质</label>
|
||
<select class="form-control" id="year">
|
||
<option>全职</option>
|
||
<option>实习</option>
|
||
<option>兼职</option>
|
||
</select>
|
||
</div>
|
||
<div class="col">
|
||
<label class="form-label" for="year">职级</label>
|
||
<select class="form-control" id="year">
|
||
<option value="intern">实习生</option>
|
||
<option value="junior">初级</option>
|
||
<option value="mid">中级</option>
|
||
<option value="senior">高级</option>
|
||
<option value="manager">经理</option>
|
||
<option value="director">总监</option>
|
||
<option value="executive">执行官</option>
|
||
</select>
|
||
</div>
|
||
<div class="col">
|
||
<label class="form-label" for="year">学历</label>
|
||
<select class="form-control" id="year">
|
||
<option value="highschool">高中</option>
|
||
<option value="associate">大专</option>
|
||
<option value="bachelor">本科</option>
|
||
<option value="master">硕士</option>
|
||
<option value="doctorate">博士</option>
|
||
</select>
|
||
</div>
|
||
<div class="col">
|
||
<label class="form-label"
|
||
for="datetime">合同到期时间</label>
|
||
<input type="date" class="form-control" id="datetime">
|
||
</div>
|
||
<div class="col mt-4 d-flex align-items-center">
|
||
<button type="submit" class="btn btn-primary">查询</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="col-md-2 mt-4 text-end">
|
||
<!-- 文件上传表单 -->
|
||
<button class="btn btn-outline-primary"
|
||
data-bs-toggle="modal"
|
||
data-bs-target="#newModal">添加
|
||
</button>
|
||
<button class="btn btn-outline-danger"
|
||
data-bs-toggle="modal"
|
||
data-bs-target="#downloadModal">导出
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-3">
|
||
<div class="col-sm-12">
|
||
<div class="card">
|
||
<div class="card-body table-border-style">
|
||
<div class="table-responsive">
|
||
<table class="table">
|
||
<thead class="text-center">
|
||
<tr>
|
||
<th>#</th>
|
||
<th>员工编号</th>
|
||
<th>姓名</th>
|
||
<th>身份证号</th>
|
||
<th>性别</th>
|
||
<th>生日</th>
|
||
<th>年龄</th>
|
||
<th>身高</th>
|
||
<th>体重</th>
|
||
<th>血型</th>
|
||
<th>民族</th>
|
||
<th>户籍地</th>
|
||
<th>婚姻状态</th>
|
||
<th>政治面貌</th>
|
||
<th>入职时间</th>
|
||
<th>转正日期</th>
|
||
<th>离职日期</th>
|
||
<th>用工性质</th>
|
||
<th>状态</th>
|
||
<th>一级部门</th>
|
||
<th>二级部门</th>
|
||
<th>岗位</th>
|
||
<th>职级</th>
|
||
<th>当前合同到期时间</th>
|
||
<th>手机号</th>
|
||
<th>邮箱</th>
|
||
<th>通信地址</th>
|
||
<th>紧急联系人</th>
|
||
<th>与本人关系</th>
|
||
<th>紧急联系人电话</th>
|
||
<th>学历</th>
|
||
<th>本科毕业院校</th>
|
||
<th>研究生毕业院校</th>
|
||
<th>专业</th>
|
||
<th>技术职称</th>
|
||
<th>基础工资</th>
|
||
<th>工资卡号</th>
|
||
<th>工资卡开户行</th>
|
||
<th>编辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-center" style="color: white;">
|
||
<tr>
|
||
<td>1</td>
|
||
<td>20230101</td> <!-- 员工编号 -->
|
||
<td>张三</td> <!-- 姓名 -->
|
||
<td>110101199001011234</td> <!-- 身份证号 -->
|
||
<td>男</td> <!-- 性别 -->
|
||
<td>1990-01-01</td> <!-- 生日 -->
|
||
<td>32</td> <!-- 年龄 -->
|
||
<td>175cm</td> <!-- 身高 -->
|
||
<td>70kg</td> <!-- 体重 -->
|
||
<td>A型</td> <!-- 血型 -->
|
||
<td>汉族</td> <!-- 民族 -->
|
||
<td>北京市海淀区</td> <!-- 户籍地 -->
|
||
<td>已婚</td> <!-- 婚姻状态 -->
|
||
<td>党员</td> <!-- 政治面貌 -->
|
||
<td>2020-05-10</td> <!-- 入职时间 -->
|
||
<td>2020-11-10</td> <!-- 转正日期 -->
|
||
<td>-</td> <!-- 离职日期，如果员工在职则为空 -->
|
||
<td>全职</td> <!-- 用工性质 -->
|
||
<td><a href="#" data-bs-toggle="modal" style="color: gray"
|
||
data-bs-target="#departModal">离职</a></td> <!-- 状态 -->
|
||
<td>技术部</td> <!-- 一级部门 -->
|
||
<td>研发中心</td> <!-- 二级部门 -->
|
||
<td>软件工程师</td> <!-- 职务 -->
|
||
<td>中级工程师</td> <!-- 职级 -->
|
||
<td>2023-12-31</td> <!-- 当前合同到期时间 -->
|
||
<td>13800000000</td> <!-- 手机号 -->
|
||
<td>zhangsan@example.com</td> <!-- 邮箱 -->
|
||
<td>北京市海淀区中关村街道1号</td> <!-- 通信地址 -->
|
||
<td>李四</td> <!-- 紧急联系人 -->
|
||
<td>配偶</td> <!-- 与本人关系 -->
|
||
<td>13900000000</td> <!-- 紧急联系人电话 -->
|
||
<td>本科</td> <!-- 学历 -->
|
||
<td>北京大学</td> <!-- 本科毕业院校 -->
|
||
<td>-</td> <!-- 研究生毕业院校，如果员工没有则为空 -->
|
||
<td>计算机科学与技术</td> <!-- 专业 -->
|
||
<td>软件设计师</td> <!-- 技术职称 -->
|
||
<td><a href="#" data-bs-toggle="modal"
|
||
data-bs-target="#salaryModal">10,000.00</a></td>
|
||
<td>1234567890123456</td> <!-- 工资卡号 -->
|
||
<td>中国工商银行</td> <!-- 工资卡开户行 -->
|
||
<td>
|
||
<a style="color: #0d6efd" href="#" data-bs-toggle="modal"
|
||
data-bs-target="#editModal">编辑</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2</td>
|
||
<td>20230102</td> <!-- 员工编号 -->
|
||
<td>李华</td> <!-- 姓名 -->
|
||
<td>110102199101011234</td> <!-- 身份证号 -->
|
||
<td>女</td> <!-- 性别 -->
|
||
<td>1991-01-01</td> <!-- 生日 -->
|
||
<td>31</td> <!-- 年龄 -->
|
||
<td>165cm</td> <!-- 身高 -->
|
||
<td>-</td> <!-- 体重，如果未知则用"-"代替 -->
|
||
<td>B型</td> <!-- 血型 -->
|
||
<td>满族</td> <!-- 民族 -->
|
||
<td>黑龙江省哈尔滨市</td> <!-- 户籍地 -->
|
||
<td>未婚</td> <!-- 婚姻状态 -->
|
||
<td>团员</td> <!-- 政治面貌 -->
|
||
<td>2019-08-15</td> <!-- 入职时间 -->
|
||
<td>2020-02-15</td> <!-- 转正日期 -->
|
||
<td>-</td> <!-- 离职日期，如果员工在职则用"-"代替 -->
|
||
<td>全职</td> <!-- 用工性质 -->
|
||
<td>在职</td> <!-- 状态 -->
|
||
<td>人力资源部</td> <!-- 一级部门 -->
|
||
<td>招聘组</td> <!-- 二级部门 -->
|
||
<td>招聘专员</td> <!-- 职务 -->
|
||
<td>初级专员</td> <!-- 职级 -->
|
||
<td>2024-01-31</td> <!-- 当前合同到期时间 -->
|
||
<td>13900000000</td> <!-- 手机号 -->
|
||
<td>lihua@example.com</td> <!-- 邮箱 -->
|
||
<td>黑龙江省哈尔滨市南岗区</td> <!-- 通信地址 -->
|
||
<td>王莉</td> <!-- 紧急联系人 -->
|
||
<td>母亲</td> <!-- 与本人关系 -->
|
||
<td>13700000000</td> <!-- 紧急联系人电话 -->
|
||
<td>硕士</td> <!-- 学历 -->
|
||
<td>哈尔滨工业大学</td> <!-- 本科毕业院校 -->
|
||
<td>-</td> <!-- 研究生毕业院校，如果员工没有则用"-"代替 -->
|
||
<td>人力资源管理</td> <!-- 专业 -->
|
||
<td>-</td> <!-- 技术职称，如果员工没有则用"-"代替 -->
|
||
<td><a href="#" data-bs-toggle="modal"
|
||
data-bs-target="#salaryModal">8,000.00</a></td>
|
||
<td>-</td> <!-- 工资卡号，如果信息不公开则用"-"代替 -->
|
||
<td>-</td> <!-- 工资卡开户行，如果信息不公开则用"-"代替 -->
|
||
<td>
|
||
<a style="color: #0d6efd" href="#" data-bs-toggle="modal"
|
||
data-bs-target="#editModal">编辑</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mb-3 justify-content-end">
|
||
<!-- [ 数量统计 ] 开始 -->
|
||
<div class="col-sm-12 col-md-5">
|
||
<div class="dataTables_info" id="single-select_info" role="status" aria-live="polite">
|
||
显示第 1 到第 10 项，共 57 项
|
||
</div>
|
||
</div>
|
||
<!-- [ 数量统计 ] 结束 -->
|
||
<!-- [ 分页 ] 开始 -->
|
||
<div class="col-sm-12 col-md-7">
|
||
<div class="dataTables_paginate paging_simple_numbers" id="single-select_paginate">
|
||
<ul class="pagination justify-content-end">
|
||
<li class="paginate_button page-item previous disabled"
|
||
id="single-select_previous">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="0" tabindex="0"
|
||
class="page-link">上一页</a>
|
||
</li>
|
||
<li class="paginate_button page-item active">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="1" tabindex="0"
|
||
class="page-link">1</a>
|
||
</li>
|
||
<li class="paginate_button page-item ">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="2" tabindex="0"
|
||
class="page-link">2</a>
|
||
</li>
|
||
<li class="paginate_button page-item ">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="3" tabindex="0"
|
||
class="page-link">3</a>
|
||
</li>
|
||
<li class="paginate_button page-item ">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="4" tabindex="0"
|
||
class="page-link">4</a>
|
||
</li>
|
||
<li class="paginate_button page-item ">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="5" tabindex="0"
|
||
class="page-link">5</a>
|
||
</li>
|
||
<li class="paginate_button page-item ">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="6" tabindex="0"
|
||
class="page-link">6</a>
|
||
</li>
|
||
<li class="paginate_button page-item next" id="single-select_next">
|
||
<a href="#" aria-controls="single-select" data-dt-idx="7" tabindex="0"
|
||
class="page-link">下一页</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- [ 分页 ] 结束 -->
|
||
</div>
|
||
<!-- [ 主内容 ] 结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- [ 主内容页 ] 结束 -->
|
||
|
||
<!-- modal部分 -->
|
||
<div id="newModal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog"
|
||
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalCenterTitle">
|
||
新建
|
||
</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<!-- 身份证号 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="idNumber">身份证号</label>
|
||
<input type="text" class="form-control" id="idNumber" name="idNumber" required>
|
||
</div>
|
||
</div>
|
||
<!-- 性别 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="gender">性别</label>
|
||
<input type="text" class="form-control" id="gender" name="gender" required>
|
||
</div>
|
||
</div>
|
||
<!-- 生日 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="birthday">生日</label>
|
||
<input type="text" class="form-control" id="birthday" name="birthday" required>
|
||
</div>
|
||
</div>
|
||
<!-- 年龄 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="age">年龄</label>
|
||
<input type="text" class="form-control" id="age" name="age" required>
|
||
</div>
|
||
</div>
|
||
<!-- 身高 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="height">身高</label>
|
||
<input type="text" class="form-control" id="height" name="height" required>
|
||
</div>
|
||
</div>
|
||
<!-- 体重 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="weight">体重</label>
|
||
<input type="text" class="form-control" id="weight" name="weight" required>
|
||
</div>
|
||
</div>
|
||
<!-- 血型 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="bloodType">血型</label>
|
||
<input type="text" class="form-control" id="bloodType" name="bloodType" required>
|
||
</div>
|
||
</div>
|
||
<!-- 民族 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="ethnicity">民族</label>
|
||
<input type="text" class="form-control" id="ethnicity" name="ethnicity" required>
|
||
</div>
|
||
</div>
|
||
<!-- 户籍地 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="householdRegistration">户籍地</label>
|
||
<input type="text" class="form-control" id="householdRegistration"
|
||
name="householdRegistration" required>
|
||
</div>
|
||
</div>
|
||
<!-- 婚姻状态 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="maritalStatus">婚姻状态</label>
|
||
<input type="text" class="form-control" id="maritalStatus" name="maritalStatus" required>
|
||
</div>
|
||
</div>
|
||
<!-- 政治面貌 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="politicalStatus">政治面貌</label>
|
||
<input type="text" class="form-control" id="politicalStatus" name="politicalStatus"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 入职时间 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="entryDate">入职时间</label>
|
||
<input type="text" class="form-control" id="entryDate" name="entryDate" required>
|
||
</div>
|
||
</div>
|
||
<!-- 转正日期 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="regularizationDate">转正日期</label>
|
||
<input type="text" class="form-control" id="regularizationDate" name="regularizationDate"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 离职日期 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="resignationDate">离职日期</label>
|
||
<input type="text" class="form-control" id="resignationDate" name="resignationDate"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 用工性质 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="employmentNature">用工性质</label>
|
||
<input type="text" class="form-control" id="employmentNature" name="employmentNature"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 状态 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="status">状态</label>
|
||
<input type="text" class="form-control" id="status" name="status" required>
|
||
</div>
|
||
</div>
|
||
<!-- 一级部门 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="primaryDepartment">一级部门</label>
|
||
<input type="text" class="form-control" id="primaryDepartment" name="primaryDepartment"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 二级部门 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="secondaryDepartment">二级部门</label>
|
||
<input type="text" class="form-control" id="secondaryDepartment" name="secondaryDepartment"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 岗位 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="position">岗位</label>
|
||
<input type="text" class="form-control" id="position" name="position" required>
|
||
</div>
|
||
</div>
|
||
<!-- 职级 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="jobLevel">职级</label>
|
||
<input type="text" class="form-control" id="jobLevel" name="jobLevel" required>
|
||
</div>
|
||
</div>
|
||
<!-- 手机号 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="mobileNumber">手机号</label>
|
||
<input type="text" class="form-control" id="mobileNumber" name="mobileNumber" required>
|
||
</div>
|
||
</div>
|
||
<!-- 邮箱 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="email">邮箱</label>
|
||
<input type="text" class="form-control" id="email" name="email" required>
|
||
</div>
|
||
</div>
|
||
<!-- 通信地址 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="address">通信地址</label>
|
||
<input type="text" class="form-control" id="address" name="address" required>
|
||
</div>
|
||
</div>
|
||
<!-- 紧急联系人 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="emergencyContact">紧急联系人</label>
|
||
<input type="text" class="form-control" id="emergencyContact" name="emergencyContact"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 与本人关系 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="relationship">与本人关系</label>
|
||
<input type="text" class="form-control" id="relationship" name="relationship" required>
|
||
</div>
|
||
</div>
|
||
<!-- 紧急联系人电话 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="emergencyContactPhone">紧急联系人电话</label>
|
||
<input type="text" class="form-control" id="emergencyContactPhone"
|
||
name="emergencyContactPhone" required>
|
||
</div>
|
||
</div>
|
||
<!-- 学历 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="education">学历</label>
|
||
<input type="text" class="form-control" id="education" name="education" required>
|
||
</div>
|
||
</div>
|
||
<!-- 本科毕业院校 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="bachelorUniversity">本科毕业院校</label>
|
||
<input type="text" class="form-control" id="bachelorUniversity" name="bachelorUniversity"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 研究生毕业院校 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="masterUniversity">研究生毕业院校</label>
|
||
<input type="text" class="form-control" id="masterUniversity" name="masterUniversity"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 专业 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="major">专业</label>
|
||
<input type="text" class="form-control" id="major" name="major" required>
|
||
</div>
|
||
</div>
|
||
<!-- 技术职称 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="technicalTitle">技术职称</label>
|
||
<input type="text" class="form-control" id="technicalTitle" name="technicalTitle" required>
|
||
</div>
|
||
</div>
|
||
<!-- 基础工资 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="baseSalary">基础工资</label>
|
||
<input type="text" class="form-control" id="baseSalary" name="baseSalary" required>
|
||
</div>
|
||
</div>
|
||
<!-- 工资卡号 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="salaryCardNumber">工资卡号</label>
|
||
<input type="text" class="form-control" id="salaryCardNumber" name="salaryCardNumber"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<!-- 工资卡开户行 -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="salaryCardBank">工资卡开户行</label>
|
||
<input type="text" class="form-control" id="salaryCardBank" name="salaryCardBank" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 研究生毕业院校 -->
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-light" data-bs-dismiss="modal">提交
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="editModal" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog"
|
||
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalCenterTitle">
|
||
编辑
|
||
</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 员工编号 -->
|
||
<div class="form-group">
|
||
<label for="employeeNumber">员工编号</label>
|
||
<input type="text" class="form-control" id="employeeNumber"
|
||
name="employeeNumber" value="20230101" required disabled>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 姓名 -->
|
||
<div class="form-group">
|
||
<label for="name">姓名</label>
|
||
<input type="text" class="form-control" id="name" name="name"
|
||
value="张三" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 身份证号 -->
|
||
<div class="form-group">
|
||
<label for="idNumber">身份证号</label>
|
||
<input type="text" class="form-control" id="idNumber"
|
||
name="idNumber" value="110101199001011234" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 性别 -->
|
||
<div class="form-group">
|
||
<label for="gender">性别</label>
|
||
<input type="text" class="form-control" id="gender" name="gender"
|
||
value="男" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 生日 -->
|
||
<div class="form-group">
|
||
<label for="birthday">生日</label>
|
||
<input type="text" class="form-control" id="birthday"
|
||
value="1990-01-01" name="birthday" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 年龄 -->
|
||
<div class="form-group">
|
||
<label for="age">年龄</label>
|
||
<input type="number" class="form-control" id="age" name="age"
|
||
value="32" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 身高 -->
|
||
<div class="form-group">
|
||
<label for="height">身高</label>
|
||
<input type="text" class="form-control" id="height" name="height"
|
||
value="175cm" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 体重 -->
|
||
<div class="form-group">
|
||
<label for="weight">体重</label>
|
||
<input type="text" class="form-control" id="weight" name="weight"
|
||
value="70kg" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 血型 -->
|
||
<div class="form-group">
|
||
<label for="bloodType">血型</label>
|
||
<input type="text" class="form-control" id="bloodType"
|
||
value="A型" name="bloodType" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 民族 -->
|
||
<div class="form-group">
|
||
<label for="ethnicity">民族</label>
|
||
<input type="text" class="form-control" id="ethnicity"
|
||
value="汉族" name="ethnicity" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 户籍地 -->
|
||
<div class="form-group">
|
||
<label for="registeredResidence">户籍地</label>
|
||
<input type="text" class="form-control" id="registeredResidence"
|
||
value="北京市海淀区" name="registeredResidence" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 婚姻状态 -->
|
||
<div class="form-group">
|
||
<label for="maritalStatus">婚姻状态</label>
|
||
<input type="text" class="form-control" id="maritalStatus"
|
||
value="已婚" name="maritalStatus" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 政治面貌 -->
|
||
<div class="form-group">
|
||
<label for="politicalStatus">政治面貌</label>
|
||
<input type="text" class="form-control" id="politicalStatus"
|
||
value="党员" name="politicalStatus" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 入职时间 -->
|
||
<div class="form-group">
|
||
<label for="entryDate">入职时间</label>
|
||
<input type="text" class="form-control" id="entryDate"
|
||
value="2020-05-10" name="entryDate" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 转正日期 -->
|
||
<div class="form-group">
|
||
<label for="regularizationDate">转正日期</label>
|
||
<input type="text" class="form-control" id="regularizationDate"
|
||
value="2020-11-10" name="regularizationDate" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 离职日期 -->
|
||
<div class="form-group">
|
||
<label for="departureDate">离职日期</label>
|
||
<input type="text" class="form-control" id="departureDate"
|
||
value="-" name="departureDate" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 用工性质 -->
|
||
<div class="form-group">
|
||
<label for="employmentNature">用工性质</label>
|
||
<input type="text" class="form-control" id="employmentNature"
|
||
value="全职" name="employmentNature" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 状态 -->
|
||
<div class="form-group">
|
||
<label for="status">状态</label>
|
||
<input type="text" class="form-control" id="status" name="status"
|
||
value="在职" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 一级部门 -->
|
||
<div class="form-group">
|
||
<label for="primaryDepartment">一级部门</label>
|
||
<input type="text" class="form-control" id="primaryDepartment"
|
||
value="星河" name="primaryDepartment" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 二级部门 -->
|
||
<div class="form-group">
|
||
<label for="secondaryDepartment">二级部门</label>
|
||
<input type="text" class="form-control" id="secondaryDepartment"
|
||
value="研发部" name="secondaryDepartment" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 职务 -->
|
||
<div class="form-group">
|
||
<label for="position">职务</label>
|
||
<input type="text" class="form-control" id="position"
|
||
value="软件工程师" name="position" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 职级 -->
|
||
<div class="form-group">
|
||
<label for="rank">职级</label>
|
||
<input type="text" class="form-control" id="rank" name="rank"
|
||
value="中级工程师" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 当前合同到期时间 -->
|
||
<div class="form-group">
|
||
<label for="contractExpiryDate">当前合同到期时间</label>
|
||
<input type="text" class="form-control" id="contractExpiryDate"
|
||
value="2023-12-31" name="contractExpiryDate" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 手机号 -->
|
||
<div class="form-group">
|
||
<label for="phoneNumber">手机号</label>
|
||
<input type="text" class="form-control" id="phoneNumber"
|
||
value="18011160673" name="phoneNumber" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 邮箱 -->
|
||
<div class="form-group">
|
||
<label for="email">邮箱</label>
|
||
<input type="text" class="form-control" id="email" name="email"
|
||
value="zhangsan@example.com" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 通信地址 -->
|
||
<div class="form-group">
|
||
<label for="address">通信地址</label>
|
||
<input type="text" class="form-control" id="address" name="address"
|
||
value="北京市海淀区中关村街道1号" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 紧急联系人 -->
|
||
<div class="form-group">
|
||
<label for="emergencyContact">紧急联系人</label>
|
||
<input type="text" class="form-control" id="emergencyContact"
|
||
value="李四" name="emergencyContact" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 与本人关系 -->
|
||
<div class="form-group">
|
||
<label for="relationship">与本人关系</label>
|
||
<input type="text" class="form-control" id="relationship"
|
||
value="配偶" name="relationship" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 学历 -->
|
||
<div class="form-group">
|
||
<label for="education">学历</label>
|
||
<input type="text" class="form-control" id="education"
|
||
value="本科" name="education" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 本科毕业院校 -->
|
||
<div class="form-group">
|
||
<label for="undergraduateSchool">本科毕业院校</label>
|
||
<input type="text" class="form-control" id="undergraduateSchool"
|
||
value="北京大学" name="undergraduateSchool" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 研究生毕业院校 -->
|
||
<div class="form-group">
|
||
<label for="graduateSchool">研究生毕业院校</label>
|
||
<input type="text" class="form-control" id="graduateSchool"
|
||
value="-" name="graduateSchool" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 专业 -->
|
||
<div class="form-group">
|
||
<label for="major">专业</label>
|
||
<input type="text" class="form-control" id="major" name="major"
|
||
value="计算机科学与技术" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 技术职称 -->
|
||
<div class="form-group">
|
||
<label for="technicalTitle">技术职称</label>
|
||
<input type="text" class="form-control" id="technicalTitle"
|
||
value="软件设计师" name="technicalTitle" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 基础工资 -->
|
||
<div class="form-group">
|
||
<label for="basicSalary">基础工资</label>
|
||
<input type="text" class="form-control" id="basicSalary"
|
||
value="10000" name="basicSalary" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 工资卡号 -->
|
||
<div class="form-group">
|
||
<label for="bankAccount">工资卡号</label>
|
||
<input type="text" class="form-control" id="bankAccount"
|
||
value="1234567890123456" name="bankAccount" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 工资卡开户行 -->
|
||
<div class="form-group">
|
||
<label for="bankBranch">工资卡开户行</label>
|
||
<input type="text" class="form-control" id="bankBranch"
|
||
value="中国工商银行" name="bankBranch" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- 离职类型 -->
|
||
<div class="form-group">
|
||
<label for="departureType">离职类型</label>
|
||
<input type="text" class="form-control" id="departureType"
|
||
value="-" name="departureType" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- 离职原因 -->
|
||
<div class="form-group">
|
||
<label for="departureReason">离职原因</label>
|
||
<input type="text" class="form-control" id="departureReason"
|
||
value="-" name="departureReason" required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-light"
|
||
data-bs-dismiss="modal">提交
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="salaryModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="invoiceModalLabel">变更记录</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- 这里放置表格内容 -->
|
||
<table class="table">
|
||
<thead class="text-center">
|
||
<tr>
|
||
<th>变更日期</th>
|
||
<th>前值</th>
|
||
<th>最新值</th>
|
||
<th>核准人</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-center" style="color: white;">
|
||
<tr>
|
||
<td>2024-04-11</td> <!-- 性质 -->
|
||
<td>8,000</td> <!-- 发票号码 -->
|
||
<td>10,000</td> <!-- 开票时间 -->
|
||
<td>季菲</td> <!-- 价税合计金额 -->
|
||
</tr>
|
||
<!-- 您可以添加更多的行，作为其他发票记录的数据 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="departModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="invoiceModalLabel">离职记录</h5>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- 这里放置表格内容 -->
|
||
<table class="table">
|
||
<thead class="text-center">
|
||
<tr>
|
||
<th>离职类型</th>
|
||
<th>离职原因</th>
|
||
<th>离职时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-center" style="color: white;">
|
||
<tr>
|
||
<td>自愿离职</td>
|
||
<td>个人职业规划</td>
|
||
<td>2024-05-31</td>
|
||
</tr>
|
||
<!-- 您可以添加更多的行，作为其他发票记录的数据 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- modal 结束 -->
|
||
>
|
||
|
||
</body>
|
||
|
||
<!-- 必备 Js -->
|
||
<script src="../assets/js/vendor-all.min.js"></script>
|
||
<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>
|
||
<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="../assets/js/pcoded.min.js"></script>
|
||
|
||
</html>
|