From bfee8344b90db17e9efd417ae47313aad77d250f Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 2 Apr 2026 00:27:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=A8=E5=B1=8F=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A8=AA=E5=B1=8F=E9=94=81=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

点击全屏按钮后：进入浏览器全屏 + 锁定横屏方向
退出全屏时：解除横屏锁定

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/modules/mileage/MonitoringView.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/modules/mileage/MonitoringView.tsx b/src/modules/mileage/MonitoringView.tsx
index c689be6..98d6319 100644
--- a/src/modules/mileage/MonitoringView.tsx
+++ b/src/modules/mileage/MonitoringView.tsx
@@ -214,16 +214,20 @@ export default function MonitoringView() {
 
   const filteredVehicles = vehicles;
 
-  const toggleFullscreen = () => {
+  const toggleFullscreen = async () => {
     if (!isFullscreen) {
-      const elem = document.documentElement;
-      if (elem.requestFullscreen) {
-        elem.requestFullscreen().catch(() => {});
-      }
+      try {
+        const elem = document.documentElement;
+        if (elem.requestFullscreen) await elem.requestFullscreen();
+        // 尝试锁定横屏
+        try { await (screen.orientation as any).lock('landscape'); } catch {}
+      } catch {}
     } else {
-      if (document.exitFullscreen) {
-        document.exitFullscreen().catch(() => {});
-      }
+      try {
+        // 解除横屏锁定
+        try { (screen.orientation as any).unlock(); } catch {}
+        if (document.exitFullscreen) await document.exitFullscreen();
+      } catch {}
     }
     setIsFullscreen(!isFullscreen);
   };