管理端_考勤管理页面样式优化
This commit is contained in:
@@ -34,37 +34,26 @@ include __DIR__ . '/../includes/header.php';
|
||||
<!-- 考勤操作工具栏 -->
|
||||
<div class="card">
|
||||
<div class="attendance-toolbar">
|
||||
<div class="form-group" style="margin:0">
|
||||
<label>日期</label>
|
||||
<input type="date" id="attendanceDate" value="<?php echo date('Y-m-d'); ?>">
|
||||
</div>
|
||||
<div class="form-group" style="margin:0">
|
||||
<label>时段</label>
|
||||
<select id="attendanceSlot">
|
||||
<option value="morning">早上 7:15</option>
|
||||
<option value="afternoon">中午 14:00</option>
|
||||
<option value="evening">晚修 19:30</option>
|
||||
</select>
|
||||
</div>
|
||||
<label class="toolbar-label">日期</label>
|
||||
<input type="date" id="attendanceDate" value="<?php echo date('Y-m-d'); ?>">
|
||||
<label class="toolbar-label">时段</label>
|
||||
<select id="attendanceSlot">
|
||||
<option value="morning">早上 7:15</option>
|
||||
<option value="afternoon">中午 14:00</option>
|
||||
<option value="evening">晚修 19:30</option>
|
||||
</select>
|
||||
<div class="status-group">
|
||||
<button class="status-btn active" data-status="absent" onclick="selectStatus(this)" id="btnAbsent">缺勤</button>
|
||||
<button class="status-btn" data-status="late" onclick="selectStatus(this)" id="btnLate">迟到</button>
|
||||
<button class="status-btn" data-status="leave" onclick="selectStatus(this)" id="btnLeave">请假</button>
|
||||
</div>
|
||||
<button class="btn btn-danger" style="margin-left:auto;" onclick="submitAttendance()">提交考勤</button>
|
||||
<span class="toolbar-break"></span>
|
||||
<div class="form-group" style="margin:0">
|
||||
<label>扣分</label>
|
||||
<input type="number" id="customDeduction" placeholder="默认值" min="0" max="20" style="width:80px;" title="留空或0使用默认值">
|
||||
</div>
|
||||
<div class="form-group" style="margin:0;flex:1;min-width:180px;">
|
||||
<label>原因</label>
|
||||
<input type="text" id="attendanceReason" placeholder="选填">
|
||||
</div>
|
||||
<div style="margin-left:auto;">
|
||||
<button class="btn btn-primary" onclick="selectAllStudents()">全选</button>
|
||||
<button class="btn" onclick="deselectAllStudents()">取消全选</button>
|
||||
</div>
|
||||
<label class="toolbar-label">扣分</label>
|
||||
<input type="number" id="customDeduction" placeholder="默认值" min="0" max="20" style="width:80px;" title="留空或0使用默认值">
|
||||
<label class="toolbar-label">原因</label>
|
||||
<input type="text" id="attendanceReason" placeholder="选填" style="flex:1;min-width:180px;">
|
||||
<button class="btn btn-primary" onclick="selectAllStudents()">全选</button>
|
||||
<button class="btn" onclick="deselectAllStudents()">取消全选</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -185,9 +185,10 @@
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.toolbar-break {
|
||||
flex-basis: 100%;
|
||||
height: 0;
|
||||
.toolbar-label {
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.attendance-toolbar .status-group {
|
||||
|
||||
Reference in New Issue
Block a user