管理端_考勤管理页样式优化

frontend/admin/attendance.php

@@ -34,14 +34,18 @@ include __DIR__ . '/../includes/header.php';
     <!-- 考勤操作工具栏 -->
     <div class="card">
         <div class="attendance-toolbar">
+            <div class="toolbar-field">
                 <label class="toolbar-label">日期</label>
                 <input type="date" id="attendanceDate" value="<?php echo date('Y-m-d'); ?>">
+            </div>
+            <div class="toolbar-field">
                 <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>
             <div class="status-group" style="margin-left:auto;">
                 <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>
@@ -50,10 +54,14 @@ include __DIR__ . '/../includes/header.php';
             <button class="btn btn-danger" onclick="submitAttendance()">提交考勤</button>
         </div>
         <div class="attendance-toolbar">
+            <div class="toolbar-field">
                 <label class="toolbar-label">扣分</label>
                 <input type="number" id="customDeduction" placeholder="默认值" min="0" max="20" style="width:80px;" title="留空或0使用默认值">
+            </div>
+            <div class="toolbar-field" style="flex:1;min-width:180px;">
                 <label class="toolbar-label">原因</label>
-            <input type="text" id="attendanceReason" placeholder="选填" style="flex:1;min-width:180px;">
+                <input type="text" id="attendanceReason" placeholder="选填">
+            </div>
             <button class="btn btn-primary" style="margin-left:auto;" onclick="selectAllStudents()">全选</button>
             <button class="btn" onclick="deselectAllStudents()">取消全选</button>
         </div>

frontend/assets/css/admin.css

@@ -185,10 +185,31 @@
     flex-wrap: wrap;
 }
 
-.toolbar-label {
+.toolbar-field {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 6px;
+    padding: 4px 10px;
+}
+
+.toolbar-field .toolbar-label {
     font-size: 13px;
-    color: #666;
+    color: #6b7280;
     white-space: nowrap;
+    font-weight: 500;
+}
+
+.toolbar-field input,
+.toolbar-field select {
+    border: none;
+    background: transparent;
+    outline: none;
+    font-size: 13px;
+    padding: 2px 0;
+    min-width: 0;
 }
 
 .attendance-toolbar .status-group {