<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人事信息数据管理系统</title>
<script src="../bootstrap-4.4.1-dist/js/jquery.min.js"></script>
<script src="../bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
<script src="../bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js"></script>
<script src="../js/index.js"></script>
<link rel="stylesheet" href="../bootstrap-4.4.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="shortcut icon" href="../imgs/HR.png" />
</head>
<!--分别设计界面（表格方式和表单方式）对人事信息进行数据管理，包含如下数据项：-->
<!--（1）工号、姓名、性别、出身年月、职务，职级别（科级、副处、处级、局级）、是否党员、籍贯、学位（专科、本科、硕士、博士）-->
<!--（2）照片、爱好(足球、篮球、旅游、游泳、健身)、基本工资、教育经历、工作经历、个人简介-->
<!--其中，（1）属性用于表格方式管理，（1）（2）用于表单方式管理-->
<!--要求：设计规范、高效的交互界面，表单支持全键盘操作，参照windows文件属性对话框中的确定按钮默认焦点控制方式，支持默认焦点-->
<body>
<!--增加 搜索-->
<div class="container">
<div class="form-group">
<div class="row">
<div class="col-md-5">
<input type="text" class="form-control swich" placeholder="请输入要查询的任何单元格内容！" />
</div>
<div class="col-md-3">
<button class="btn btn-danger sreach">搜索</button>
<button class="btn btn-light add" data-toggle="modal" data-target="#myModel">增加</button>
</div>
</div>
</div>
<div class="modal fade" id="myModel" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">增加信息</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label >工号</label>
<input type="text" placeholder="工号" class="form-control " id='fus'/>
</div>
<div class="form-group">
<label >姓名</label>
<input type="text" placeholder="姓名" class="form-control name" />
</div>
<div class="form-group">
<label >性别</label>
<input type="text" placeholder="性别" class="form-control" />
</div>
<div class="form-group">
<label >出生日期</label>
<input type="date" class="form-control time" >
</div>
<div class="form-group">
<label >职务</label>
<input type="text" placeholder="职务" class="form-control" />
</div>
<div class="form-group">
<label >职级别</label>
<select class="custom-select power" >
<option selected>Choose...</option>
<option >科级</option>
<option >副处</option>
<option >处级</option>
<option >局级</option>
</select>
</div>
<div class="form-group">
<label >是否党员</label>
<select class="custom-select power" >
<option selected>Choose...</option>
<option >是</option>
<option >否</option>
</select>
</div>
<div class="form-group">
<label >籍贯</label>
<input type="text" placeholder="籍贯" class="form-control" />
</div>
<div class="form-group">
<label >学位</label>
<select class="form-control xuewei">
<option selected>Choose...</option>
<option>专科</option>
<option>本科</option>
<option>硕士</option>
<option>博士</option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary aad" data-dismiss="modal">增加</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<div class="currentTime "></div>
<!--表格-->
<table class="table table-bordered mainer" >
<thead>
<tr class="table-success title">
<th colspan="12">人事信息数据管理系统</th>
</tr>
<tr class="table-primary">
<th><input type="checkbox" class="checkAll">
<button type="button" class="btn btn-outline-secondary btn-sm delete">删除</button>
</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="tr-hover">
<tr>
<td><input type="checkbox" class="t-checkbox"></td>
<td>007</td>
<td>张三</td>
<td>男</td>
<td type="date">2017-07-16</td>
<td>学生</td>
<td class="editEnter">副处</td>
<td>是</td>
<td>贵阳</td>
<td class="editEnter1">博士</td>
<td class="BT"><button type="button" class="btn btn-outline-warning btn-sm edit">编辑</button>
<button type="button" class="btn btn-outline-danger btn-sm del">删除</button>
</td>
<td><button type="button" class="btn btn-outline-info btn-sm know">查看</button></td>
</tr>
<tr>
<td><input type="checkbox" class="t-checkbox"></td>
<td>008</td>
<td>李四</td>
<td>女</td>
<td>2008-08-08</td>
<td>群众</td>
<td class="editEnter2">处级</td>
<td>否</td>
<td>重庆</td>
<td class="editEnter3">硕士</td>
<td>
<button type="button" class="btn btn-outline-warning btn-
jquery表格增删改查.rar （27个子文件） 
jquery表格增删改查 css 
index.css 1KB js index.js 8KB bootstrap-4.4.1-dist css bootstrap-grid.css.map 154KB bootstrap-reboot.min.css 4KB bootstrap.css.map 493KB bootstrap.min.css 156KB bootstrap-reboot.css 5KB bootstrap-grid.min.css 50KB bootstrap.css 193KB bootstrap-reboot.css.map 76KB bootstrap-reboot.min.css.map 32KB bootstrap.min.css.map 627KB bootstrap-grid.css 66KB bootstrap-grid.min.css.map 112KB js jquery.min.js 86KB bootstrap.bundle.min.js 79KB bootstrap.bundle.js.map 400KB bootstrap.bundle.js 223KB bootstrap.min.js 59KB bootstrap.js.map 250KB bootstrap.min.js.map 190KB bootstrap.bundle.min.js.map 311KB bootstrap.js 132KB imgs 
2.jpg 10KB 1.jpeg 12KB
HR.png 6KB htmls 
index.html 13KB资源评论
