feat: 重构前端界面并优化API集成

- 添加vite环境类型定义文件
- 优化考勤记录视图
- 修复后端时间戳处理问题
- 重构管理仪表盘响应式布局
- 改进工人历史视图卡片式布局
- 优化人员管理组件表格响应式
- 增强二维码管理组件移动端适配
- 重构考勤报表组件添加全选功能

backend/server.js

@@ -14,11 +14,11 @@ async function startServer() {
 
   // --- Database Connection ---
   const db = mysql.createPool({
-    host: process.env.DBHOST,
-    user: process.env.DBUSER,
-    password: process.env.DBPASSWORD,
-    database: process.env.DBNAME,
-    port: process.env.DBPORT,
+    host: process.env.DB_HOST,
+    user: process.env.DB_USER,
+    password: process.env.DB_PASSWORD,
+    database: process.env.DB_NAME,
+    port: process.env.DB_PORT,
     waitForConnections: true,
     connectionLimit: 10,
     queueLimit: 0,
@@ -135,7 +135,7 @@ async function startServer() {
       const { userId } = req.params
       // MODIFIED: Use LEFT JOIN and COALESCE to handle manual entries
       const [rows] = await db.execute(
-        `SELECT cr.id, cr.event_type, cr.timestamp, COALESCE(qc.name, 'Manual Entry') as qrCodeUsedName, cr.latitude, cr.longitude, cr.notes FROM clock_records cr LEFT JOIN qr_codes qc ON cr.qr_code_id = qc.id WHERE cr.worker_id = ? ORDER BY cr.timestamp DESC`,
+        `SELECT cr.id, cr.event_type, cr.timestamp, COALESCE(qc.name, 'Manual Entry') as qrCodeUsedName FROM clock_records cr LEFT JOIN qr_codes qc ON cr.qr_code_id = qc.id WHERE cr.worker_id = ? ORDER BY cr.timestamp DESC`,
         [userId],
       )
       res.json(rows)
@@ -227,10 +227,13 @@ async function startServer() {
         const status = eventType === 'clock_in' ? 'in' : 'out'
         return res.status(409).json({ message: `Worker is already clocked ${status}.` })
       }
+      // --- THIS IS THE FIX ---
+      // Sanitize the timestamp from "YYYY-MM-DDTHH:mm" to "YYYY-MM-DD HH:mm"
+      const sanitizedTimestamp = timestamp.replace('T', ' ')
 
       await db.execute(
         'INSERT INTO clock_records (worker_id, event_type, timestamp, notes, qr_code_id, latitude, longitude) VALUES (?, ?, ?, ?, NULL, NULL, NULL)',
-        [workerId, eventType, timestamp, notes],
+        [workerId, eventType, sanitizedTimestamp, notes],
       )
 
       res.status(201).json({ message: 'Manual record added successfully.' })