From 4244f84b340ad0104db8c193e44f87aaf2f8907c Mon Sep 17 00:00:00 2001
From: Sunwuyuan <sun@wuyuan.dev>
Date: Sun, 14 Dec 2025 15:24:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=BC=BA=E5=88=B6?=
 =?UTF-8?q?=E6=A1=8C=E9=9D=A2=E6=A8=A1=E5=BC=8F=E8=AE=BE=E7=BD=AE=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/HomeworkGrid.vue                  |  9 ++++-----
 src/components/settings/cards/DisplaySettingsCard.vue |  3 +++
 src/pages/index.vue                                   | 10 ++++++++--
 src/utils/settings.js                                 |  7 +++++++
 4 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/components/home/HomeworkGrid.vue b/src/components/home/HomeworkGrid.vue
index b90b8e7..46d7949 100644
--- a/src/components/home/HomeworkGrid.vue
+++ b/src/components/home/HomeworkGrid.vue
@@ -215,6 +215,10 @@ export default {
       type: String,
       default: "button",
     },
+    isMobile: {
+      type: Boolean,
+      default: false,
+    },
     isEditingDisabled: {
       type: Boolean,
       default: false,
@@ -229,11 +233,6 @@ export default {
     },
   },
   emits: ["open-dialog", "open-attendance", "disabled-click"],
-  computed: {
-    isMobile() {
-      return this.$vuetify.display.mobile;
-    },
-  },
   mounted() {
     this.resizeObserver = new ResizeObserver(() => {
       this.resizeAllGridItems();
diff --git a/src/components/settings/cards/DisplaySettingsCard.vue b/src/components/settings/cards/DisplaySettingsCard.vue
index 950a2b0..b8bb090 100644
--- a/src/components/settings/cards/DisplaySettingsCard.vue
+++ b/src/components/settings/cards/DisplaySettingsCard.vue
@@ -28,6 +28,9 @@
       <v-divider class="my-2"/>
       <setting-item :setting-key="'display.showExamScheduleButton'"/>
 
+      <v-divider class="my-2"/>
+      <setting-item :setting-key="'display.forceDesktopMode'"/>
+
     </v-list>
   </settings-card>
 </template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index f6324df..98c6b6d 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -141,6 +141,7 @@
         :sorted-items="sortedItems"
         :unused-subjects="unusedSubjects"
         :empty-subject-display="emptySubjectDisplay"
+        :is-mobile="isMobile"
         :is-editing-disabled="isEditingDisabled"
         :content-style="state.contentStyle"
         :highlighted-cards="highlightedCards"
@@ -204,7 +205,7 @@
 
     <!-- 出勤统计区域 -->
     <attendance-sidebar
-      v-if="!mobile"
+      v-if="!isMobile"
       :student-list="state.studentList"
       :attendance="state.boardData.attendance"
       :is-editing-disabled="isEditingDisabled"
@@ -622,6 +623,11 @@ export default {
 
   computed: {
     isMobile() {
+      // 如果启用了强制一体机UI模式，返回false（使用桌面UI）
+      const forceDesktopMode = getSetting('display.forceDesktopMode');
+      if (forceDesktopMode) {
+        return false;
+      }
       return this.mobile;
     },
     titleText() {
@@ -651,7 +657,7 @@ export default {
       const items = [];
 
       // 如果是移动端，添加出勤卡片
-      if (this.mobile) {
+      if (this.isMobile) {
         items.push({
           key: 'attendance-card',
           name: '出勤统计',
diff --git a/src/utils/settings.js b/src/utils/settings.js
index e59d3f8..2bd75d6 100644
--- a/src/utils/settings.js
+++ b/src/utils/settings.js
@@ -175,6 +175,13 @@ const settingsDefinitions = {
     description: "是否显示快捷键盘",
     icon: "mdi-dialpad",
   },
+  "display.forceDesktopMode": {
+    type: "boolean",
+    default: false,
+    description: "强制使用一体机UI模式",
+    icon: "mdi-monitor",
+    // 启用后将不判断屏幕大小，强制使用一体机（桌面端）UI布局
+  },
   // 服务器设置（合并了数据提供者设置）
   "server.domain": {
     type: "string",