Repository navigation
Expand file tree
/
Copy pathgrade.html
More file actions
212 lines (201 loc) · 12.2 KB
/
Copy pathgrade.html
File metadata and controls
212 lines (201 loc) · 12.2 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/mdui.min.css">
<link rel="stylesheet" href="./css/script.css">
<link rel="stylesheet" href="./css/grade.css">
<script src="./js/mdui.min.js"></script>
<title>学生请假系统</title>
</head>
<body class="mdui-loaded mdui-drawer-body-left">
<!-- 顶部工具栏 -->
<div class="mdui-appbar-with-toolbar mdui-theme-accent-pink mdui-theme-primary-indigo ">
<div class="mdui-appbar mdui-appbar-fixed mdui-headroom mdui-headroom-pinned-toolbar">
<div class="mdui-toolbar mdui-color-white mdui-color-theme">
<a href="javascript:;" class="mdui-btn mdui-btn-icon"
mdui-drawer="{target: '#left-drawer', swipe: true}">
<i class="mdui-icon material-icons">menu</i>
</a>
<a href="javascript:;" class="mdui-typo-title">学生请假系统</a>
<div class="mdui-toolbar-spacer"></div>
<a href="javascript:void();" class="mdui-btn mdui-btn-icon" onclick="refresh()">
<i class="mdui-icon material-icons">refresh</i>
</a>
<a href="javascript:;" class="mdui-typo-title mdui-typo-body-2">欢迎，123</a>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">exit_to_app</i>
</a>
</div>
</div>
<!-- 左侧抽屉导航 -->
<div class="mc-drawer mdui-drawer " id="left-drawer">
<ul class="mdui-list" mdui-collapse="{accordion: true}">
<li class="mdui-collapse-item mdui-collapse-item-open">
<a class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-red">event_available</i>
<div class="mdui-list-item-content">请假管理</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</a>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<a href="my.html" class="mdui-list-item mdui-ripple ">消息中心</a>
<a href="leave.html" class="mdui-list-item mdui-ripple ">请假申请</a>
<a href="withdraw.html" class="mdui-list-item mdui-ripple ">销假</a>
<a href="javascript:void(0)" onclick="access()" class="mdui-list-item mdui-ripple mdui-list-item-active">班级请假管理</a>
</ul>
</li>
<li class="mdui-collapse-item">
<a href="Classguidance.html" class="mdui-list-item mdui-ripple ">
<i
class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">supervisor_account</i>
<div class="mdui-list-item-content">所属班导</div>
</a>
</li>
<li class="mdui-collapse-item">
<a class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">settings</i>
<div class="mdui-list-item-content">资料修改</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</a>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<a href="./ChangePwd.html" class="mdui-list-item mdui-ripple mdui-list-item">密码修改</a>
<li class="mdui-list-item mdui-ripple">联系电话</li>
</ul>
</li>
</ul>
</div>
<!-- 主体内容 -->
<div class="mdui-container">
<div class="mdui-container-fluid">
<div class="mdui-card mdui-m-t-5 mdui-p-b-1 card-content ">
<div class="mdui-card-header" style="height:auto;">
<div class="mdui-progress ">
<div class="mdui-progress-determinate mdui-color-pink" style="width: 10%;"></div>
</div>
<div class="mdui-p-t-1">进度：<span class="progress-text">10%</span></div>
</div>
<div class="mdui-card-primary mdui-p-t-0">
<div class="mdui-card-primary-title ">夜自修请假申请</div>
</div>
<div class="mdui-card-content">
<div class="mdui-row">
<div class="mdui-col-xs-6">
<div class="mdui-m-b-1 mdui-l-4">学号：<span>123</span></div>
<div class="mdui-m-b-1 mdui-l-4">性别：<span>123</span></div>
<div class="mdui-m-b-1 mdui-l-4">所属院系：<span>123</span></div>
<div class="mdui-m-b-1 mdui-l-4">班导师：<span>123</span></div>
<div class="" style="clear:both">
<span class="mdui-float-left mdui-l-4">本人手机号：</span>
<div class="mdui-textfield mdui-p-t-0" style="width:50%">
<input class="mdui-textfield-input" type="text" name="selftel" />
</div>
</div>
</div>
<div class="mdui-col-xs-6">
<div class="mdui-m-b-1 mdui-l-4">姓名：<span>123</span></div>
<div class="mdui-m-b-1 mdui-l-4">班级：<span>123</span></div>
<div class="mdui-m-b-1 mdui-l-4">辅导员：<span>123</span></div>
<div class="" style="clear:both">
<span class="mdui-float-left mdui-l-4">请假人数：</span>
<div class="mdui-textfield mdui-p-t-0" style="width:50%">
<input class="mdui-textfield-input" type="text" name="peoplenum" />
</div>
</div>
<div>
<span class="mdui-float-left mdui-l-4">请假时间：</span>
<div class="mdui-textfield mdui-p-t-0 mdui-float-left" style="width:20%">
<input class="mdui-textfield-input" type="text" placeholder="开始日期"
name="startdate" />
</div>
<span class="mdui-float-left mdui-m-l-1 mdui-m-r-1 mdui-l-4">——</span>
<div class="mdui-textfield mdui-p-t-0" style="width:20%">
<input class="mdui-textfield-input" type="text" placeholder="结束日期"
name="enddate" />
</div>
</div>
</div>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">请假理由</label>
<textarea class="mdui-textfield-input" name="stureason"></textarea>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">请假同学名单</label>
<a href="./download/normal.xls" download="学生请假模板" class="download-btn mdui-btn mdui-btn-raised mdui-ripple mdui-color-pink-a400 mdui-float-left">
<span>下载名单模板</span>
</a>
<div class="upload-btn mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-l-2">
<span>上传文件</span>
<input type="file" class="uploadfile" name="uploadfile" accept=".xls,.xlsx" onchange="getFileName()"/>
</div>
<div>
<span class="mdui-m-l-1 mdui-l-37" id="filename"></span>
</div>
</div>
</div>
<div class="mdui-card-content">
<div class="mdui-m-b-1 mdui-l-4">
<span class="mdui-m-r-1 ">审核结果邮箱通知</span>
<label class="mdui-switch">
<input type="checkbox" name="emailaccept" />
<i class="mdui-switch-icon"></i>
</label>
</div>
<div class="mdui-m-b-1 mdui-l-4">
<span class="mdui-m-r-1 ">审核结果短信通知</span>
<label class="mdui-switch">
<input type="checkbox" name="messageaccept" />
<i class="mdui-switch-icon"></i>
</label>
</div>
</div>
<div class="mdui-card-actions mdui-float-right">
<button class="mdui-btn mdui-ripple mdui-btn-raised mdui-color-theme-accent btn-next"
disabled>下一步</button>
</div>
</div>
<div class="mdui-card mdui-m-t-5 mdui-p-b-1 mdui-hidden card-sure">
<div class="mdui-card-header" style="height:auto;">
</div>
<div class="mdui-card-primary mdui-p-t-0">
<div class="mdui-card-primary-title ">请假申请结果</div>
</div>
<div class="mdui-card-content">
<div class="mdui-center" style="width:200px;height: 250px;">
<div class="div11" >
<img src="./image/duihao.png" />
<div class="div22"></div>
</div>
<h1 class="mdui-center" style="width:114px">申请成功</h1>
</div>
</div>
<div class="mdui-card-actions">
<button class="mdui-btn mdui-ripple mdui-btn-raised mdui-color-theme-accent btn-over mdui-center"
>确定</button>
</div>
</div>
</div>
</div>
<div class="mdui-color-theme" id="content-footer"><div class="mdui-center">Copyright © <a href="https://github.com/jadezi/SLS">jade.zi</a> & sohl</div></div>
<!-- 浮动菜单按钮 -->
<div class="mdui-fab-wrapper mdui-fab-fixed " mdui-fab="{trigger:'hover'}">
<button class="mdui-fab mdui-ripple mdui-color-pink-accent">
<i class="mdui-icon material-icons">add</i>
<i class="mdui-icon mdui-fab-opened material-icons">mode_edit</i>
</button>
<div class="mdui-fab-dial">
<button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-orange">
<i class="mdui-icon material-icons">touch_app</i>
</button>
</div>
</div>
</div>
</body>
<script src="./js/jquery.min.js"></script>
<script src="./js/mdui.min.js"></script>
<script src="./js/grade.js"></script>
<script>
</script>
</html>