设置的实时变动

.env

@@ -4,4 +4,4 @@ PUBLIC_OJ_URL=http://localhost:8000
 PUBLIC_CODE_URL=http://localhost:3000
 PUBLIC_JUDGE0_URL=https://judge0api.xuyue.cc
 PUBLIC_SIGNALING_URL=ws://10.13.114.114:8085
-PUBLIC_WS_URL=ws://10.13.114.114:81/ws
+PUBLIC_WS_URL=ws://localhost:8001/ws

src/admin/setting/config.vue

@@ -132,8 +132,11 @@ async function saveWebsiteConfig() {
   configStore.getConfig()
 
   // 通过 WebSocket 广播配置变化，实现实时切换
-  updateConfig('enable_maxkb', websiteConfig.enable_maxkb)
+  updateConfig("enable_maxkb", websiteConfig.enable_maxkb)
-  updateConfig('submission_list_show_all', websiteConfig.submission_list_show_all)
+  updateConfig(
+    "submission_list_show_all",
+    websiteConfig.submission_list_show_all,
+  )
 }
 
 async function deleteTestcase(id?: string) {

src/oj/ai/components/Grade.vue

@@ -1,26 +1,28 @@
 <template>
-  <div align="center" style="display: inline-flex; margin: 0 10px;">
+  <div align="center" style="display: inline-flex; margin: 0 10px">
     <img src="/S.png" alt="S Grade" v-if="props.grade === 'S'" />
     <img src="/A.png" alt="A Grade" v-if="props.grade === 'A'" />
     <img src="/B.png" alt="B Grade" v-if="props.grade === 'B'" />
     <img src="/C.png" alt="C Grade" v-if="props.grade === 'C'" />
     <n-tooltip trigger="hover">
       <template #trigger>
-        <n-icon size="16" style="cursor: help;">
+        <n-icon size="16" style="cursor: help">
           <svg viewBox="0 0 24 24" fill="currentColor">
-            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
+            <path
+              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
+            />
           </svg>
         </n-icon>
       </template>
-      <div style="max-width: 300px; line-height: 1.4;">
+      <div style="max-width: 300px; line-height: 1.4">
-        <div style="font-weight: bold; margin-bottom: 8px;">等级计算说明</div>
+        <div style="font-weight: bold; margin-bottom: 8px">等级计算说明</div>
         <div>使用加权平均方法计算综合等级：</div>
         <div>• S级 = 4分，A级 = 3分，B级 = 2分，C级 = 1分</div>
         <div>• 根据平均分数确定最终等级：</div>
-        <div>  - S级：≥3.5分</div>
+        <div>- S级：≥3.5分</div>
-        <div>  - A级：2.5-3.5分</div>
+        <div>- A级：2.5-3.5分</div>
-        <div>  - B级：1.5-2.5分</div>
+        <div>- B级：1.5-2.5分</div>
-        <div>  - C级：<1.5分</div>
+        <div>- C级：<1.5分</div>
       </div>
     </n-tooltip>
   </div>

src/oj/problem/detail.vue

@@ -108,11 +108,7 @@ watch(isMobile, (value) => {
 </script>
 
 <template>
-  <n-grid
+  <n-grid v-if="problem" x-gap="16" :cols="screenModeStore.isBothMode ? 2 : 1">
-    v-if="problem"
-    x-gap="16"
-    :cols="screenModeStore.isBothMode ? 2 : 1"
-  >
     <n-gi :span="isDesktop ? 1 : 2" v-if="shouldShowProblem">
       <n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 92px)">
         <n-tabs v-model:value="currentTab" type="segment">

src/shared/composables/configUpdate.ts

@@ -1,44 +1,28 @@
 import { useConfigStore } from "shared/store/config"
-import { useConfigWebSocket, type ConfigUpdate } from "shared/composables/websocket"
+import {
+  useConfigWebSocket,
+  type ConfigUpdate,
+} from "shared/composables/websocket"
 
 export function useConfigUpdate() {
   const configStore = useConfigStore()
 
   // 处理 WebSocket 配置更新
   const handleConfigUpdate = (data: ConfigUpdate) => {
-    console.log("收到配置更新:", data)
-    
     // 更新全局配置 - 使用响应式方式
     if (data.key in configStore.config) {
       // 直接修改 ref 的值来触发响应式更新
-      (configStore.config as any)[data.key] = data.value
+      ;(configStore.config as any)[data.key] = data.value
-      console.log(`配置 ${data.key} 已更新为:`, data.value)
     }
   }
 
   // 初始化 WebSocket - handler 会在 onMounted 时自动添加
-  const { connect, status } = useConfigWebSocket(handleConfigUpdate)
+  const { connect } = useConfigWebSocket(handleConfigUpdate)
 
-  // 连接 WebSocket
   onMounted(() => {
-    console.log("配置更新 WebSocket 正在连接...")
     connect()
-    
-    // 测试连接 - 发送心跳包
-    setTimeout(() => {
-      if (status.value === "connected") {
-        console.log("配置更新 WebSocket 连接成功，发送测试消息...")
-        // 这里可以发送一个测试消息
-      }
-    }, 2000)
   })
-  
-  // 监听连接状态
-  watch(status, (newStatus) => {
-    console.log("配置更新 WebSocket 状态:", newStatus)
-  })
-
   return {
-    connect
+    connect,
   }
 }

src/shared/composables/maxkb.ts

@@ -1,5 +1,8 @@
 import { useConfigStore } from "shared/store/config"
-import { useConfigWebSocket, type ConfigUpdate } from "shared/composables/websocket"
+import {
+  useConfigWebSocket,
+  type ConfigUpdate,
+} from "shared/composables/websocket"
 
 export function useMaxKB() {
   const configStore = useConfigStore()
@@ -7,8 +10,7 @@ export function useMaxKB() {
 
   // 处理 WebSocket 配置更新 - 只处理 MaxKB 相关
   const handleConfigUpdate = (data: ConfigUpdate) => {
-    console.log("MaxKB 收到配置更新:", data)
+    if (data.key === "enable_maxkb") {
-    if (data.key === 'enable_maxkb') {
       if (data.value) {
         loadMaxKBScript()
       } else {
@@ -27,7 +29,9 @@ export function useMaxKB() {
       return
     }
 
-    const existingScript = document.querySelector(`script[src="${import.meta.env.PUBLIC_MAXKB_URL}"]`)
+    const existingScript = document.querySelector(
+      `script[src="${import.meta.env.PUBLIC_MAXKB_URL}"]`,
+    )
     if (existingScript) {
       isLoaded.value = true
       return
@@ -41,7 +45,6 @@ export function useMaxKB() {
 
     script.onload = () => {
       isLoaded.value = true
-      console.log("MaxKB script loaded successfully")
     }
 
     script.onerror = () => {
@@ -52,15 +55,41 @@ export function useMaxKB() {
   }
 
   const removeMaxKBScript = () => {
+    // 把 script 也删除
+    const script = document.querySelector(
+      `script[src="${import.meta.env.PUBLIC_MAXKB_URL}"]`,
+    )
+    if (script) {
+      script.remove()
+    }
+    // 等待DOM加载完成后删除所有id以"maxkb-"开头的元素
+    const removeMaxKBElements = () => {
+      // 查找所有id以"maxkb-"开头的元素
+      const elements = document.querySelectorAll('[id^="maxkb-"]')
+
+      elements.forEach((element) => {
+        element.remove()
+      })
+    }
+
+    // 如果DOM已经加载完成，直接执行删除
+    if (document.readyState === "complete") {
+      removeMaxKBElements()
+    } else {
+      // 等待DOM加载完成
+      window.addEventListener("load", removeMaxKBElements, { once: true })
+    }
+
+    // 移除MaxKB脚本标签
+    const existingScript = document.querySelector(
+      `script[src="${import.meta.env.PUBLIC_MAXKB_URL}"]`,
+    )
+    if (existingScript) {
+      existingScript.remove()
+    }
+
+    // 重置加载状态
     isLoaded.value = false
-    const maxkbChatButton = document.getElementById("maxkb-chat-button")
-    const maxkbChatContainer = document.getElementById("maxkb-chat-container")
-    if (maxkbChatButton) {
-      maxkbChatButton.remove()
-    }
-    if (maxkbChatContainer) {
-      maxkbChatContainer.remove()
-    }
   }
 
   // 连接 WebSocket
@@ -70,20 +99,19 @@ export function useMaxKB() {
 
   watch(
     () => configStore.config.enable_maxkb,
-    (newValue) => {
+    (enabled) => {
-      if (newValue) {
+      if (enabled) {
         loadMaxKBScript()
       } else {
-        console.log("removeMaxKBScript")
         removeMaxKBScript()
       }
     },
-    { immediate: true }
+    { immediate: true },
   )
 
   return {
     loadMaxKBScript,
     removeMaxKBScript,
-    isLoaded: readonly(isLoaded)
+    isLoaded: readonly(isLoaded),
   }
 }

src/shared/composables/sync.ts

@@ -42,7 +42,8 @@ export const SYNC_MESSAGES = {
   SYNC_ON: "断开同步",
   SYNC_OFF: "开启同步",
   SYNCING_WITH: (name: string) => `🔗 与 ${name} 同步中`,
-  STUDENT_LEFT: (name?: string) => name ? `💡 ${name}已离开` : "💡 可以关闭同步",
+  STUDENT_LEFT: (name?: string) =>
+    name ? `💡 ${name}已离开` : "💡 可以关闭同步",
 } as const
 
 // 类型定义

src/shared/composables/websocket.ts

@@ -313,7 +313,6 @@ class SubmissionWebSocket extends BaseWebSocket<SubmissionUpdate> {
    * 订阅特定提交的更新
    */
   subscribe(submissionId: string) {
-    console.log(`[WebSocket] 发送订阅请求: submission_id=${submissionId}`)
     const success = this.send({
       type: "subscribe",
       submission_id: submissionId,