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

frontend/admin/attendance.php

@@ -33,9 +33,7 @@ include __DIR__ . '/../includes/header.php';
 <div class="container">
     <!-- 考勤操作工具栏 -->
     <div class="card">
-        <div class="attendance-toolbar" style="flex-direction:column;gap:8px;">
+        <div class="attendance-toolbar">
-            <!-- 第一行：日期 + 时段 + 状态按钮 + 提交考勤 -->
-            <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
             <div class="form-group" style="margin:0">
                 <label>日期</label>
                 <input type="date" id="attendanceDate" value="<?php echo date('Y-m-d'); ?>">
@@ -53,12 +51,8 @@ include __DIR__ . '/../includes/header.php';
                 <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>
-                <div style="margin-left:auto;">
+            <button class="btn btn-danger" style="margin-left:auto;" onclick="submitAttendance()">提交考勤</button>
-                    <button class="btn btn-danger" onclick="submitAttendance()">提交考勤</button>
+            <span class="toolbar-break"></span>
-                </div>
-            </div>
-            <!-- 第二行：自定义扣分 + 原因 + 全选/取消 -->
-            <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
             <div class="form-group" style="margin:0">
                 <label>扣分</label>
                 <input type="number" id="customDeduction" placeholder="默认值" min="0" max="20" style="width:80px;" title="留空或0使用默认值">
@@ -73,7 +67,6 @@ include __DIR__ . '/../includes/header.php';
             </div>
         </div>
     </div>
-    </div>
 
     <!-- 学生方格网格 -->
     <div class="card">

frontend/assets/css/admin.css

@@ -185,6 +185,11 @@
     flex-wrap: wrap;
 }
 
+.toolbar-break {
+    flex-basis: 100%;
+    height: 0;
+}
+
 .attendance-toolbar .status-group {
     display: flex;
     gap: 8px;