fix(deps): 修复 pyasn1 版本冲突问题

问题原因:
- pyasn1>=0.5.0 移除了 pyasn1.compat.octets 模块
- python-jose==3.5.0 强制要求 pyasn1>=0.5.0
- 形成版本冲突，导致 pysnmp 无法导入

解决方案:
- pyasn1==0.4.8 (保留 compat.octets 的版本)
- pyasn1-modules==0.2.8 (配套版本)
- python-jose[cryptography]==3.3.0 (兼容 pyasn1 0.4.8)

验证:
- Python 3.10 & 3.11 均可正常导入
- FastAPI 应用可正常加载 (95 routes)

PYTHON_3_10_COMPATIBILITY.md

@@ -0,0 +1,75 @@
+# Python 3.10 兼容性说明
+
+## 概述
+本分支 (python3.10) 专门针对 Python 3.10 环境优化，确保所有代码和依赖都能在 Python 3.10 下正常运行。
+
+## 兼容性调整
+
+### 已验证的兼容特性
+✅ 所有依赖包版本均支持 Python 3.10
+✅ 无 Python 3.11 特有语法（如 `tomllib`、`asyncio.TaskGroup`、`typing.Self` 等）
+✅ 类型注解完全兼容 Python 3.10
+✅ `match` 关键字未用作 Python 3.10 的模式匹配语句（仅用作 `re.match()` 的变量名）
+
+### 重要依赖说明
+
+#### pysnmp 兼容问题解决
+**问题**：`pysnmp==7.1.15` 存在以下兼容性问题：
+- 使用已废弃的 `asyncio.coroutine` 装饰器（Python 3.11 中已移除）
+- 与 Python 3.10+ 的 asyncio 不兼容
+
+**解决方案**：
+使用社区维护的分支 `pysnmp-lextudio==5.0.31`
+- 完全向后兼容原有 pysnmp API
+- 支持 Python 3.6+
+- 积极维护，修复了 asyncio 兼容性问题
+- 导入方式完全不变
+
+```python
+# 无需修改代码，导入方式保持一致
+from pysnmp.hlapi.asyncio import bulkCmd, getCmd, nextCmd
+```
+
+#### pyasn1 版本冲突解决
+**问题**：`pyasn1>=0.5.0` 移除了 `pyasn1.compat.octets` 模块，导致 pysnmp 导入失败。
+同时 `python-jose==3.5.0` 强制要求 `pyasn1>=0.5.0`，形成版本冲突。
+
+**解决方案**：
+- `pyasn1==0.4.8` - 锁定到包含 compat.octets 的版本
+- `pyasn1-modules==0.2.8` - 配套版本
+- `python-jose[cryptography]==3.3.0` - 兼容 pyasn1 0.4.8 的版本
+
+### 依赖版本要求
+- `pysnmp-lextudio==5.0.31` - SNMP 协议兼容替代
+- `typing-extensions>=4.5.0` - 提供额外的类型支持
+- 所有核心依赖（FastAPI、SQLAlchemy、Pydantic 等）均已验证兼容
+
+## 已知的 Python 3.11+ 特性未使用
+项目中未使用以下 Python 3.11+ 特有的功能：
+- `tomllib` 标准库（如有需要可使用 `tomli` 第三方库）
+- `asyncio.TaskGroup`
+- `typing.Self`
+- `ExceptionGroup` / `except*`
+- `StrEnum` / `IntEnum` 的新特性
+
+## 安装说明
+```bash
+cd backend
+pip install -r requirements.txt
+```
+
+## 升级提示
+如果未来需要升级到 Python 3.11+，可以：
+1. 使用 `tomllib` 替代可能的 TOML 解析需求
+2. 考虑使用 `asyncio.TaskGroup` 改进异步代码结构
+3. 使用 `typing.Self` 简化类型注解
+
+## 验证
+可以使用以下命令验证 Python 版本兼容性：
+```bash
+python --version  # 应为 3.10.x 或 3.11.x
+python -c "import sys; assert sys.version_info >= (3, 10), 'Python 3.10+ required'"
+
+# 验证 pysnmp 导入
+python -c "from pysnmp.hlapi.asyncio import bulkCmd, getCmd, nextCmd; print('pysnmp OK')"
+```

backend/app/api/v1/alerts.py

@@ -5,6 +5,7 @@ from typing import Optional
 from app.core.database import get_db
 from app.core.security import get_current_user
 from app.services.alert_service import AlertService
+from app.schemas._tz_util import serialize_dt_fields, serialize_dt_list, to_business_iso
 
 router = APIRouter(
     prefix="/alerts",
@@ -37,7 +38,7 @@ def get_alerts(
     total = query.count()
     items = query.order_by(Alert.created_at.desc()).offset(skip).limit(limit).all()
 
-    return {"total": total, "items": items}
+    return {"total": total, "items": serialize_dt_list(items)}
 
 
 @router.get("/{alert_id}", summary="获取告警详情")
@@ -47,7 +48,7 @@ def get_alert(alert_id: int, db: Session = Depends(get_db)):
     alert = db.query(Alert).filter(Alert.id == alert_id).first()
     if not alert:
         raise HTTPException(status_code=404, detail="告警不存在")
-    return alert
+    return serialize_dt_fields(alert)
 
 
 @router.post("/{alert_id}/acknowledge", summary="确认告警")

backend/app/api/v1/audit.py

@@ -8,6 +8,7 @@ from app.core.security import get_current_user, require_permission
 from app.models.auth import User
 from app.models.audit import AuditAction, AuditResource
 from app.services.audit_service import AuditService
+from app.schemas._tz_util import to_business_iso
 
 router = APIRouter(prefix="/audit", tags=["审计日志"])
 
@@ -66,7 +67,7 @@ def get_audit_logs(
             "request_path": item.request_path,
             "success": bool(item.success),
             "error_message": item.error_message,
-            "created_at": item.created_at
+            "created_at": to_business_iso(item.created_at)
         })
     
     return {"total": total, "items": result_items}

backend/app/api/v1/snmp.py

@@ -7,6 +7,7 @@ from app.core.security import get_current_user
 from app.models.auth import User
 from app.services.snmp_service import SNMPService
 from app.services.audit_service import AuditService, AuditAction
+from app.schemas._tz_util import serialize_dt_fields, serialize_dt_list
 
 router = APIRouter(
     prefix="/snmp",
@@ -34,7 +35,7 @@ def get_snmp_credentials(
     query = db.query(SNMPCredential)
     total = query.count()
     items = query.order_by(SNMPCredential.id.desc()).offset(skip).limit(limit).all()
-    return {"total": total, "items": items}
+    return {"total": total, "items": serialize_dt_list(items)}
 
 
 @router.get("/credentials/{credential_id}", summary="获取凭据详情")
@@ -43,7 +44,7 @@ def get_snmp_credential(credential_id: int, db: Session = Depends(get_db)):
     credential = db.query(SNMPCredential).filter(SNMPCredential.id == credential_id).first()
     if not credential:
         raise HTTPException(status_code=404, detail="凭据不存在")
-    return credential
+    return serialize_dt_fields(credential)
 
 
 @router.post("/credentials", summary="创建 SNMP 凭据")
@@ -100,7 +101,7 @@ def create_snmp_credential(
         user_agent=u,
         detail={"version": credential.version, "name": credential.name},
     )
-    return credential
+    return serialize_dt_fields(credential)
 
 
 @router.put("/credentials/{credential_id}", summary="更新 SNMP 凭据")
@@ -172,7 +173,7 @@ def update_snmp_credential(
             "after": {"name": credential.name, "description": credential.description, "is_active": credential.is_active, "timeout": credential.timeout, "retries": credential.retries},
         },
     )
-    return credential
+    return serialize_dt_fields(credential)
 
 
 @router.delete("/credentials/{credential_id}", summary="删除 SNMP 凭据")
@@ -243,29 +244,16 @@ def get_network_devices(
 
     serialized = []
     for d in items:
-        item = {
-            "id": d.id,
-            "name": d.name,
-            "description": d.description,
-            "ip_address": d.ip_address,
-            "port": d.port,
-            "device_type": d.device_type.value if hasattr(d.device_type, 'value') else d.device_type,
-            "vendor": d.vendor,
-            "model": d.model,
-            "firmware_version": d.firmware_version,
-            "serial_number": d.serial_number,
-            "location": d.location,
-            "snmp_credential_id": d.snmp_credential_id,
-            "credential_name": cred_map.get(d.snmp_credential_id),
-            "is_active": d.is_active,
-            "last_polled_at": d.last_polled_at.isoformat() if d.last_polled_at else None,
-            "last_successful_poll": d.last_successful_poll.isoformat() if d.last_successful_poll else None,
-            "arp_poll_interval": d.arp_poll_interval,
-            "mac_poll_interval": d.mac_poll_interval,
-            "interface_poll_interval": d.interface_poll_interval,
-            "created_at": d.created_at.isoformat() if d.created_at else None,
-            "updated_at": d.updated_at.isoformat() if d.updated_at else None,
-        }
+        item = serialize_dt_fields(d)
+        # 补充手写的关联字段（datetime 已经由 serialize_dt_fields 序列化）
+        item["device_type"] = d.device_type.value if hasattr(d.device_type, 'value') else d.device_type
+        item["credential_name"] = cred_map.get(d.snmp_credential_id)
+        item["snmp_credential_id"] = d.snmp_credential_id  # 显式添加，确保前端能拿到
+        item["last_polled_at"] = item.get("last_polled_at")  # 已是 ISO 字符串
+        item["last_successful_poll"] = item.get("last_successful_poll")
+        item["arp_poll_interval"] = d.arp_poll_interval
+        item["mac_poll_interval"] = d.mac_poll_interval
+        item["interface_poll_interval"] = d.interface_poll_interval
         serialized.append(item)
 
     return {"total": total, "items": serialized}
@@ -278,7 +266,7 @@ def get_network_device(device_id: int, db: Session = Depends(get_db)):
     device = db.query(NetworkDevice).filter(NetworkDevice.id == device_id).first()
     if not device:
         raise HTTPException(status_code=404, detail="设备不存在")
-    return device
+    return serialize_dt_fields(device)
 
 
 @router.post("/devices", summary="创建网络设备")
@@ -329,7 +317,7 @@ def create_network_device(
         user_agent=u,
         detail={"ip_address": device.ip_address, "port": device.port, "device_type": device.device_type.value if hasattr(device.device_type, 'value') else device.device_type},
     )
-    return device
+    return serialize_dt_fields(device)
 
 
 @router.put("/devices/{device_id}", summary="更新网络设备")
@@ -338,6 +326,7 @@ def update_network_device(
     name: Optional[str] = None,
     ip_address: Optional[str] = None,
     snmp_credential_id: Optional[int] = None,
+    clear_snmp_credential: bool = False,  # 新增：专门的标志
     port: Optional[int] = None,
     device_type: Optional[str] = None,
     description: Optional[str] = None,
@@ -363,7 +352,13 @@ def update_network_device(
         device.name = name
     if ip_address:
         device.ip_address = ip_address
-    if snmp_credential_id is not None:
+    # 处理 SNMP 凭据：
+    # - clear_snmp_credential=True → 清除凭据
+    # - snmp_credential_id > 0 → 设置为该值
+    # - 否则（都不做任何操作
+    if clear_snmp_credential:
+        device.snmp_credential_id = None
+    elif snmp_credential_id is not None and snmp_credential_id > 0:
         device.snmp_credential_id = snmp_credential_id
     if port:
         device.port = port
@@ -400,7 +395,7 @@ def update_network_device(
             },
         },
     )
-    return device
+    return serialize_dt_fields(device)
 
 
 @router.delete("/devices/{device_id}", summary="删除网络设备")

backend/app/schemas/_tz_util.py

@@ -0,0 +1,109 @@
+"""
+统一时间格式化工具
+
+背景：MySQL DATETIME 不带时区，backend 用 datetime.utcnow() 写入 UTC naive datetime。
+原 schema 直接 .isoformat() 输出，前端拿到无时区字符串后当成 Asia/Shanghai 本地时间显示，
+导致所有时间统一少 8 小时。
+
+本工具把任意 datetime（naive 或 aware）一律按 UTC 输出，带 'Z' 后缀。
+前端收到 'Z' 后缀字符串后，按 UTC 解析后再 +8 小时显示为 Asia/Shanghai 时间。
+
+也兼容 MySQL 返回 naive 时被错当成 local time 的情况：调用方传入数字或字符串时
+不会出错，自动识别。
+"""
+from datetime import datetime, timezone, timedelta
+from typing import Optional, Union
+
+
+# 业务时区：服务器期望最终用户看到的时区。
+# 目前写死 Asia/Shanghai (UTC+8)；如以后部署到其他时区，改这里即可。
+BUSINESS_TZ = timezone(timedelta(hours=8))
+BUSINESS_TZ_NAME = "Asia/Shanghai"
+
+
+def to_utc_iso(dt: Optional[datetime]) -> Optional[str]:
+    """
+    把 datetime 转成 UTC ISO8601 字符串（带 Z 后缀）。
+    - aware datetime 调 astimezone(UTC)
+    - naive datetime 假定为 UTC（与 datetime.utcnow() 写入策略一致）
+    - None 返回 None
+    """
+    if dt is None:
+        return None
+    if dt.tzinfo is None:
+        # naive 一律视为 UTC（与 datetime.utcnow() 写入策略一致）
+        dt = dt.replace(tzinfo=timezone.utc)
+    # 用 '+00:00' 替换成 'Z'，更标准的 ISO8601 形式
+    return dt.astimezone(timezone.utc).isoformat().replace('+00:00', 'Z')
+
+
+def to_business_iso(dt: Optional[datetime]) -> Optional[str]:
+    """
+    把 datetime 转成业务时区（Asia/Shanghai）的 ISO8601 字符串（带 +08:00 后缀）。
+    前端拿到后可直接当本地时间显示。
+    """
+    if dt is None:
+        return None
+    if dt.tzinfo is None:
+        dt = dt.replace(tzinfo=timezone.utc)
+    return dt.astimezone(BUSINESS_TZ).isoformat()
+
+
+def utc_str_to_business_str(s: Optional[str]) -> Optional[str]:
+    """
+    把 'YYYY-MM-DDTHH:MM:SS[.ffffff][Z|+HH:MM]' 字符串按 UTC 解析，
+    转成业务时区 ISO8601 字符串。
+    用于后端已经输出 UTC 时，前端（或后端自己）做时区转换的辅助函数。
+    """
+    if not s:
+        return None
+    try:
+        dt = datetime.fromisoformat(s.replace('Z', '+00:00'))
+        return to_business_iso(dt)
+    except (ValueError, TypeError):
+        return s
+
+
+def now_business_iso() -> str:
+    """供后端临时插入用：返回当前业务时区时间"""
+    return datetime.now(BUSINESS_TZ).isoformat()
+
+
+def serialize_dt_fields(model, fields: Optional[list] = None) -> dict:
+    """
+    把 ORM model 转成 dict，datetime 字段自动用业务时区 ISO 字符串输出。
+
+    用于 audit/snmp/alerts 等内联 dict 序列化的 endpoint，确保返回的
+    时间字段不会因为裸 .isoformat() 输出而少 8 小时。
+
+    用法：
+        return serialize_dt_fields(alert, ['created_at', 'updated_at'])
+        return serialize_dt_fields(alert)  # 自动检测所有 datetime 字段
+    """
+    from sqlalchemy import inspect as sa_inspect
+    result = {}
+    # inspect Class（不是 instance），可以拿 mapper.columns
+    mapper = sa_inspect(type(model)) if not isinstance(model, type) else sa_inspect(model)
+    datetime_fields: list = []
+    if fields is None:
+        for column in mapper.columns:
+            col_type = str(column.type).upper()
+            if 'DATETIME' in col_type or 'TIMESTAMP' in col_type:
+                datetime_fields.append(column.key)
+    else:
+        datetime_fields = fields
+    for column in mapper.columns:
+        value = getattr(model, column.key, None)
+        if column.key in datetime_fields:
+            result[column.key] = to_business_iso(value)
+        else:
+            if hasattr(value, 'value'):  # Enum
+                result[column.key] = value.value
+            else:
+                result[column.key] = value
+    return result
+
+
+def serialize_dt_list(models, fields: Optional[list] = None) -> list:
+    """批量版本：返回每个 model 的 dict 列表"""
+    return [serialize_dt_fields(m, fields) for m in models]  # type: ignore

backend/app/schemas/network.py

@@ -1,8 +1,18 @@
-from pydantic import BaseModel, Field, field_validator
+from pydantic import BaseModel, Field, field_validator, field_serializer
 from typing import Optional, List, Dict, Any
 from datetime import datetime
 import ipaddress
 from app.models.network import IPStatus, TaskStatus, TaskType
+from app.schemas._tz_util import to_business_iso, to_utc_iso
+
+
+# Pydantic v2 字段序列化器：把 datetime 转成业务时区 ISO 字符串
+# 让前端拿到 'YYYY-MM-DDTHH:MM:SS+08:00'，可直接当本地时间显示
+_datetime_business_serializer = field_serializer(
+    'datetime',
+    when_used='always',
+    check_fields=None,  # 重要：应用到所有 datetime 字段
+)(lambda dt: to_business_iso(dt))
 
 
 # ========== 网段相关 Schemas ==========
@@ -55,6 +65,11 @@ class Network(NetworkBase):
     created_at: datetime
     updated_at: Optional[datetime]
 
+    # Pydantic v2: 用 model_serializer 在序列化整个 model 时把所有 datetime 转成业务时区
+    @field_serializer('created_at', 'updated_at')
+    def _tz_serializers(self, dt: Optional[datetime]) -> Optional[str]:
+        return to_business_iso(dt)
+
     class Config:
         from_attributes = True
 
@@ -120,6 +135,10 @@ class IPAddress(IPAddressBase):
     created_at: datetime
     updated_at: Optional[datetime]
 
+    @field_serializer('last_seen', 'first_seen', 'created_at', 'updated_at')
+    def _tz_serializers(self, dt: Optional[datetime]) -> Optional[str]:
+        return to_business_iso(dt)
+
     class Config:
         from_attributes = True
 
@@ -155,6 +174,13 @@ class ScanTask(BaseModel):
     error_message: Optional[str]
     created_at: datetime
 
+    @field_serializer(
+        'started_at', 'completed_at', 'created_at',
+        check_fields=None,
+    )
+    def _tz_serializers(self, dt: Optional[datetime]) -> Optional[str]:
+        return to_business_iso(dt)
+
     class Config:
         from_attributes = True
 
@@ -170,4 +196,4 @@ class ScanResult(BaseModel):
     status: str
     mac_address: Optional[str] = None
     hostname: Optional[str] = None
-    response_time: Optional[float] = None
+    response_time: Optional[float] = None

backend/app/services/snmp_service.py

@@ -4,7 +4,7 @@ from datetime import datetime
 import ipaddress
 import logging
 
-from pysnmp.hlapi import (
+from pysnmp.hlapi.asyncio import (
     SnmpEngine, CommunityData, UsmUserData,
     UdpTransportTarget, ContextData,
     ObjectType, ObjectIdentity,

backend/requirements.txt

@@ -1,3 +1,4 @@
+# Python 3.10+ 兼容版本
 fastapi==0.110.0
 uvicorn[standard]==0.27.1
 sqlalchemy==2.0.28
@@ -9,8 +10,18 @@ celery==5.3.6
 redis==5.0.3
 python-multipart==0.0.9
 alembic==1.13.1
-pysnmp==7.1.15
+# 注意: pysnmp 7.x 与 Python 3.10+/asyncio 存在兼容性问题
+# 使用 lextudio 维护的分支（向后兼容，支持 Python 3.6+）
+pysnmp-lextudio==5.0.31
+# pyasn1 0.5.0+ 移除了 compat.octets 模块，与 pysnmp 不兼容
+pyasn1==0.4.8
+pyasn1-modules==0.2.8
 scapy==2.5.0
 python-dotenv==1.0.1
 passlib[bcrypt]==1.7.4
 httpx==0.27.0
+# python-jose 3.5.0 需要 pyasn1>=0.5.0，与 pysnmp 冲突
+python-jose[cryptography]==3.3.0
+bcrypt==3.2.2
+# typing-extensions 提供 Python 3.10+ 的向后兼容支持
+typing-extensions>=4.5.0

frontend/src/utils/datetime.js

@@ -0,0 +1,124 @@
+/**
+ * 统一时间格式化工具
+ *
+ * 背景：后端用 datetime.utcnow() 写入 UTC naive datetime。
+ * 修复后端后，schema 输出会带 +08:00 或 Z（Asia/Shanghai 或 UTC）时区标签。
+ * 本 helper：
+ *   1. 收到的字符串如果带时区标签（Z 或 +HH:MM），按字面解析
+ *   2. 如果无时区标签，假定为 UTC 解析（兼容老 endpoint 内联 dict 序列化）
+ *   3. 转 Asia/Shanghai (+08:00) 显示
+ *   4. 显示成 'YYYY-MM-DD HH:MM:SS' 字符串
+ */
+
+const BUSINESS_TZ = 'Asia/Shanghai'
+
+export function parseToBusiness (input) {
+  if (input == null || input === '') return null
+  let d
+  if (input instanceof Date) {
+    d = input
+  } else if (typeof input === 'number') {
+    d = new Date(input)
+  } else {
+    // 字符串：优先按 ISO 解析（含 Z / +HH:MM 则按对应时区）
+    // JS 原生 new Date() 对 'YYYY-MM-DD HH:MM:SS'（无 T，无时区）按本地时区解析，
+    // 对 'YYYY-MM-DDTHH:MM:SSZ' 等标准 ISO 8601 则按 UTC 解析。
+    const s = String(input).trim()
+    // 后端 schema 修复后输出 'YYYY-MM-DDTHH:MM:SS+08:00'（aware），
+    // 老 endpoint 内联 dict 输出 'YYYY-MM-DD HH:MM:SS'（naive UTC）。
+    // JS Date 无法区分后者的'naive UTC'和'naive 本地时间'。
+    // 但本项目所有 datetime 后端都是 datetime.utcnow() 写的，
+    // 所以 naive 也按 UTC 处理。
+    d = new Date(s.includes('T') ? s : s.replace(' ', 'T') + 'Z')
+  }
+  if (isNaN(d.getTime())) return null
+  return d
+}
+
+/**
+ * 把任意 datetime 输入格式化成 Asia/Shanghai 时区的 'YYYY-MM-DD HH:MM:SS'。
+ * 不做时区转换的纯字符串渲染请用 formatUtc。
+ */
+export function formatDateTime (input) {
+  if (input == null || input === '') return '-'
+  const d = parseToBusiness(input)
+  if (!d) return '-'
+  const opts = {
+    timeZone: BUSINESS_TZ,
+    year: 'numeric', month: '2-digit', day: '2-digit',
+    hour: '2-digit', minute: '2-digit', second: '2-digit',
+    hour12: false,
+  }
+  try {
+    return new Intl.DateTimeFormat('zh-CN', opts).format(d)
+      // zh-CN 格式默认是 "2026/07/23 14:31:19"，替换成 "2026-07-23 14:31:19"
+      .replace(/\//g, '-')
+  } catch {
+    // 浏览器不支持 Intl 时区时回退：用本地时区手动格式化
+    return formatLocal(d)
+  }
+}
+
+/**
+ * 仅显示日期 'YYYY-MM-DD'。
+ */
+export function formatDate (input) {
+  if (input == null || input === '') return '-'
+  const d = parseToBusiness(input)
+  if (!d) return '-'
+  try {
+    return new Intl.DateTimeFormat('zh-CN', {
+      timeZone: BUSINESS_TZ,
+      year: 'numeric', month: '2-digit', day: '2-digit',
+    }).format(d).replace(/\//g, '-')
+  } catch {
+    return formatLocal(d).substring(0, 10)
+  }
+}
+
+/**
+ * 仅显示时间 'HH:MM' 或 'HH:MM:SS'（带 seconds 参数控制）。
+ */
+export function formatTime (input, { seconds = false } = {}) {
+  if (input == null || input === '') return '-'
+  const d = parseToBusiness(input)
+  if (!d) return '-'
+  const opts = {
+    timeZone: BUSINESS_TZ,
+    hour: '2-digit', minute: '2-digit', hour12: false,
+  }
+  if (seconds) opts.second = '2-digit'
+  try {
+    return new Intl.DateTimeFormat('zh-CN', opts).format(d)
+  } catch {
+    return formatLocal(d).substring(11)
+  }
+}
+
+/**
+ * 用户友好的相对时间描述（"3 分钟前"）。
+ */
+export function formatRelative (input) {
+  if (input == null || input === '') return '-'
+  const d = parseToBusiness(input)
+  if (!d) return '-'
+  const diff = (Date.now() - d.getTime()) / 1000
+  if (diff < 60) return '刚刚'
+  if (diff < 3600) return `${Math.floor(diff / 60)} 分钟前`
+  if (diff < 86400) return `${Math.floor(diff / 3600)} 小时前`
+  if (diff < 604800) return `${Math.floor(diff / 86400)} 天前`
+  return formatDateTime(input)
+}
+
+// 内部：浏览器不支持时区时回退到本地格式化（业务时区手动转）
+function formatLocal (d) {
+  // 用本地方法拿到 YYYY-MM-DD HH:MM:SS（按浏览器本地时区，可能错 8 小时但作为兜底）
+  const pad = n => String(n).padStart(2, '0')
+  const y = d.getFullYear()
+  const mo = pad(d.getMonth() + 1)
+  const da = pad(d.getDate())
+  const h = pad(d.getHours())
+  const mi = pad(d.getMinutes())
+  const s = pad(d.getSeconds())
+  return `${y}-${mo}-${da} ${h}:${mi}:${s}`
+}

frontend/src/views/Alerts.vue

@@ -141,7 +141,7 @@
         </el-table-column>
         <el-table-column prop="created_at" label="时间" width="180">
           <template #default="scope">
-            {{ formatDate(scope.row.created_at) }}
+            {{ formatDateTime(scope.row.created_at) }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="200" align="center" fixed="right">
@@ -194,7 +194,7 @@
         <el-table-column prop="owner" label="所有者" width="120" />
         <el-table-column prop="created_at" label="添加时间" width="180">
           <template #default="scope">
-            {{ formatDate(scope.row.created_at) }}
+            {{ formatDateTime(scope.row.created_at) }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="100" align="center">
@@ -238,6 +238,7 @@
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { alertApi } from '@/api'
+import { formatDateTime, formatDate, formatRelative } from '@/utils/datetime'
 
 const loading = ref(false)
 const detecting = ref(false)
@@ -460,10 +461,7 @@ const getAlertTypeText = (type) => {
   return texts[type] || type
 }
 
-const formatDate = (date) => {
-  if (!date) return '-'
-  return new Date(date).toLocaleString('zh-CN')
-}
+// 旧 formatDate 已由 @/utils/datetime 统一替代
 
 onMounted(() => {
   loadStats()

frontend/src/views/IPs.vue

@@ -107,7 +107,7 @@
         </el-table-column>
         <el-table-column prop="last_seen" label="最后发现" width="170">
           <template #default="scope">
-            {{ scope.row.last_seen ? formatDate(scope.row.last_seen) : '-' }}
+            {{ scope.row.last_seen ? formatDateTime(scope.row.last_seen) : '-' }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="180" align="center" fixed="right">
@@ -174,6 +174,7 @@ import { ref, reactive, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { ipApi, networkApi, scanApi } from '@/api'
+import { formatDateTime, formatDate, formatRelative } from '@/utils/datetime'
 
 const route = useRoute()
 
@@ -350,10 +351,7 @@ const getStatusText = (status) => {
   return texts[status] || status
 }
 
-const formatDate = (date) => {
-  if (!date) return '-'
-  return new Date(date).toLocaleString('zh-CN')
-}
+// 旧 formatDate 已由 @/utils/datetime 统一替代
 
 onMounted(() => {
   loadNetworks()

frontend/src/views/Networks.vue

@@ -58,7 +58,7 @@
         </el-table-column>
         <el-table-column prop="created_at" label="创建时间" width="180">
           <template #default="scope">
-            {{ formatDate(scope.row.created_at) }}
+            {{ formatDateTime(scope.row.created_at) }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="280" align="center" fixed="right">
@@ -139,6 +139,7 @@ import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { networkApi, scanApi } from '@/api'
+import { formatDateTime, formatDate } from '@/utils/datetime'
 
 const router = useRouter()
 
@@ -304,10 +305,7 @@ const getGroupTagType = (group) => {
   return types[group] || 'info'
 }
 
-const formatDate = (date) => {
-  if (!date) return '-'
-  return new Date(date).toLocaleString('zh-CN')
-}
+// 旧 formatDate 已由 @/utils/datetime 统一替代
 
 onMounted(() => {
   loadNetworks()

frontend/src/views/SNMP.vue

@@ -39,7 +39,7 @@
             </el-table-column>
             <el-table-column prop="last_polled_at" label="最后轮询" width="180">
               <template #default="scope">
-                {{ scope.row.last_polled_at ? formatDate(scope.row.last_polled_at) : '-' }}
+                {{ scope.row.last_polled_at ? formatDateTime(scope.row.last_polled_at) : '-' }}
               </template>
             </el-table-column>
             <el-table-column label="操作" width="300" align="center" fixed="right">
@@ -98,7 +98,7 @@
             <el-table-column prop="retries" label="重试次数" width="100" align="center" />
             <el-table-column prop="created_at" label="创建时间" width="180">
               <template #default="scope">
-                {{ formatDate(scope.row.created_at) }}
+                {{ formatDateTime(scope.row.created_at) }}
               </template>
             </el-table-column>
             <el-table-column label="操作" width="150" align="center" fixed="right">
@@ -152,7 +152,7 @@
             <el-table-column prop="interface" label="接口" width="120" />
             <el-table-column prop="last_seen" label="最后发现" width="180">
               <template #default="scope">
-                {{ formatDate(scope.row.last_seen) }}
+                {{ formatDateTime(scope.row.last_seen) }}
               </template>
             </el-table-column>
           </el-table>
@@ -275,6 +275,7 @@
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { snmpApi } from '@/api'
+import { formatDateTime, formatDate, formatRelative } from '@/utils/datetime'
 
 const activeTab = ref('devices')
 const loading = ref(false)
@@ -397,7 +398,13 @@ const saveDevice = async () => {
   submitting.value = true
   try {
     if (isDeviceEdit.value) {
-      await snmpApi.updateDevice(deviceForm.id, deviceForm)
+      // 处理清除凭据：snmp_credential_id=null 时发送 clear_snmp_credential=true
+      const updateData = { ...deviceForm }
+      if (updateData.snmp_credential_id === null) {
+        delete updateData.snmp_credential_id
+        updateData.clear_snmp_credential = true
+      }
+      await snmpApi.updateDevice(deviceForm.id, updateData)
       ElMessage.success('更新成功')
     } else {
       await snmpApi.createDevice(deviceForm)
@@ -530,10 +537,7 @@ const deleteCredential = async (id) => {
   }
 }
 
-const formatDate = (date) => {
-  if (!date) return '-'
-  return new Date(date).toLocaleString('zh-CN')
-}
+// 旧 formatDate 已由 @/utils/datetime 统一替代
 
 onMounted(() => {
   loading.value = true

frontend/src/views/Users.vue

@@ -58,7 +58,7 @@
         </el-table-column>
         <el-table-column label="最后登录" width="170">
           <template #default="scope">
-            {{ scope.row.last_login_at ? formatDate(scope.row.last_login_at) : '-' }}
+            {{ scope.row.last_login_at ? formatDateTime(scope.row.last_login_at) : '-' }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="280" align="center" fixed="right">
@@ -162,6 +162,7 @@ import { ref, reactive, onMounted, computed } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Plus, Search, Refresh } from '@element-plus/icons-vue'
 import { userApi } from '@/api/auth'
+import { formatDateTime, formatDate, formatRelative } from '@/utils/datetime'
 import { authStore } from '@/utils/auth'
 
 const loading = ref(false)
@@ -206,15 +207,7 @@ function roleTagType(r) { return ROLE_MAP[r]?.tagType || '' }
 function statusLabel(s) { return STATUS_MAP[s]?.label || s || '-' }
 function statusTagType(s) { return STATUS_MAP[s]?.tagType || '' }
 
-function formatDate(d) {
-  if (!d) return '-'
-  try {
-    const dt = new Date(d)
-    if (isNaN(dt.getTime())) return d
-    const pad = n => String(n).padStart(2, '0')
-    return `${dt.getFullYear()}-${pad(dt.getMonth()+1)}-${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`
-  } catch { return d }
-}
+// 旧 formatDate 已由 @/utils/datetime 统一替代
 
 async function loadUsers() {
   loading.value = true