-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (127 loc) · 4.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Quản lý nhân viên</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="css/sweetalert2.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/checklogin.js"></script>
</head>
<body>
<div class="container" style="margin-bottom: 30px;">
<div class="row centered-form">
<div class="col-xs-12 col-sm-6 center wow fadeInUp">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title text-center">Quản lý nhân viên</h3>
</div>
<div class="panel-body">
<form role="form">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="ho" id="ho" class="form-control input-sm floatlabel" placeholder="Họ">
<span class="sp-thongbao" id="thongBaoHo"></span>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="ten" id="ten" class="form-control input-sm" placeholder="Tên">
<span class="sp-thongbao" id="thongBaoTen"></span>
</div>
</div>
</div>
<div class="form-group">
<input type="text" name="msnv" id="msnv" class="form-control input-sm" placeholder="Mã nhân viên">
<span class="sp-thongbao" id="thongBaoMa"></span>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group" >
<div style="display: flex;">
<input type="text" name="ngaylam" id="datepicker" class="form-control input-sm" placeholder="Ngày làm">
</div>
<span class="sp-thongbao"></span>
</div>
</div>
</div>
<div class="form-group">
<select class="form-control" id="chucvu">
<option>Chọn chức vụ</option>
<option value="sep">Sếp</option>
<option value="truongphong">Trưởng phòng</option>
<option value="nhanvien">Nhân viên</option>
</select>
<span class="sp-thongbao" id="thongBaoChucVu"></span>
</div>
<input type="button" value="Thêm Nhân Viên" class="btn btn-info btn-block" id="btnThemNV">
<button type ="button" class ="btn btn-info btn-block" id="btnCapNhatNV" style="display: none">Cập Nhật Nhân Viên</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="w-75 d-flex mb-3 mx-auto">
<input type="text" placeholder="Nhập mã hoặc tên nhân viên" class="form-control mr-2" id="txtSearch" />
<button class="btn btn-success" id="btnSearch">Tìm Kiếm</button>
</div>
<table class="table text-white">
<thead>
<tr>
<th>STT</th>
<th>Tên Nhân Viên</th>
<th>Mã Nhân Viên</th>
<th>Chức Vụ</th>
<th>Lương</th>
<th></th>
</tr>
</thead>
<tbody id="tbodyNhanVien">
</tbody>
</table>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/sweetalert2.min.js"></script>
<script src="./services/nhanvien.js"></script>
<script src="js/nhanVien.js"></script>
<script src="js/main.js"></script>
<script src="WOW-master/dist/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "mm/dd/yy"
});
} );
</script>
<script type="text/javascript">
$( document ).ready(function() {
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var output = ((''+month).length<2 ? '0' : '') + month + '/' +
((''+day).length<2 ? '0' : '') + day + '/' +
d.getFullYear();
$('#datepicker').val(output);
});
</script>
</body>
</html>