fix

.env.production

@@ -5,3 +5,4 @@ PUBLIC_CODE_URL=https://code.xuyue.cc
 PUBLIC_JUDGE0_URL=https://judge0api.xuyue.cc
 PUBLIC_SIGNALING_URL=wss://signaling.xuyue.cc
 PUBLIC_WS_URL=wss://oj.xuyue.cc/ws
+PUBLIC_ICONIFY_URL=https://icon.xuyue.cc

CLAUDE.md

@@ -41,10 +41,10 @@ Each feature module (under `oj/` or `admin/`) typically has:
 - `api.ts` — API calls specific to the feature
 
 Shared logic lives in `shared/`:
-- `store/` — Pinia stores (user, config, authModal, screenMode, loginSummary)
-- `composables/` — reusable composables (pagination, WebSocket, sync, etc.)
+- `store/` — Pinia stores: `user` (auth/roles), `config` (site-wide settings), `authModal` (login/signup form state), `screenMode` (problem split-screen layout), `loginSummary` (AI activity summary)
+- `composables/` — `pagination` (URL-synced), `websocket` (reconnect + heartbeat), `sync` (Yjs/y-webrtc for collaborative editing), `configUpdate` (WS-pushed config sync), `useMermaid` (lazy Mermaid render), `breakpoints`, `maxkb`
 - `layout/` — `default.vue` and `admin.vue` layout wrappers
-- `api.ts` — shared API calls
+- `api.ts` — shared API calls (auth, profile, tags, captcha)
 
 ### Auto-Imports
 
@@ -55,6 +55,7 @@ Configured via `unplugin-auto-import` and `unplugin-vue-components`. You do **no
 - VueUse composables
 - Naive UI composables (`useDialog`, `useMessage`, `useNotification`, `useLoadingBar`)
 - Naive UI components (all `N*` components)
+- Naive UI types (`DataTableColumn`, `FormRules`, `FormItemRule`, `SelectOption`, `UploadCustomRequestOptions`, `UploadFileInfo`, `MenuOption`, `DropdownOption`)
 
 Generated type declaration files: `src/auto-imports.d.ts`, `src/components.d.ts`.
 
@@ -110,4 +111,4 @@ Routes are defined in `src/routes.ts` with two root routes: `ojs` (user-facing)
 
 ## Related Repository
 
-The backend is at `D:\Projects\OnlineJudge` — a Django 5 + DRF project. See its CLAUDE.md for backend details.
+The backend is at `../OnlineJudge` — a Django 5 + DRF project. See its CLAUDE.md for backend details.

public/style.css

@@ -7,6 +7,10 @@
   z-index: 100 !important;
 }
 
+.md-editor-preview img {
+  height: auto !important;
+}
+
 .md-editor-preview h1 {
   font-size: 1.6rem !important;
 }

src/admin/api.ts

@@ -318,6 +318,7 @@ export function createProblemSet(data: {
   description: string
   difficulty: string
   status: string
+  end_time?: Date | null
 }) {
   return http.post("admin/problemset", data)
 }
@@ -328,6 +329,7 @@ export function editProblemSet(data: {
   description?: string
   difficulty?: string
   status?: string
+  end_time?: Date | null
   visible?: boolean
 }) {
   return http.put("admin/problemset", data)

src/admin/problem/Stuck.vue

@@ -45,7 +45,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <h2 style="margin-top: 0">学生卡点分析</h2>
+  <h2 style="margin-top: 0">学生卡点分析（只分析前40道题目）</h2>
   <n-data-table
     :loading="loading"
     :columns="columns"

src/admin/problem/list.vue

@@ -140,6 +140,12 @@ watch(() => [query.page, query.limit, query.author], listProblems)
       >
         新建
       </n-button>
+      <n-button
+        v-if="!isContestProblemList"
+        @click="$router.push({ name: 'admin stuck problems' })"
+      >
+        卡点分析
+      </n-button>
     </n-flex>
     <n-flex>
       <n-button v-if="isContestProblemList" @click="createContestProblem">

src/admin/problemset/edit.vue

@@ -15,6 +15,17 @@ const formData = ref<CreateProblemSetData & Partial<EditProblemSetData>>({
   difficulty: "Easy",
   status: "draft",
   visible: false,
+  end_time: null,
+})
+
+const endTimeTimestamp = computed({
+  get: () =>
+    formData.value.end_time
+      ? new Date(formData.value.end_time).getTime()
+      : null,
+  set: (val: number | null) => {
+    formData.value.end_time = val ? new Date(val) : null
+  },
 })
 
 const difficultyOptions = [
@@ -44,6 +55,7 @@ async function loadProblemSetDetail() {
       difficulty: data.difficulty,
       status: data.status,
       visible: data.visible,
+      end_time: data.end_time ? new Date(data.end_time) : null,
     }
   } catch (err: any) {
     message.error("加载题单详情失败：" + (err.data || "未知错误"))
@@ -120,6 +132,14 @@ onMounted(() => {
             placeholder="选择状态"
           />
         </n-form-item>
+        <n-form-item label="截止时间">
+          <n-date-picker
+            v-model:value="endTimeTimestamp"
+            type="datetime"
+            clearable
+            placeholder="不设置则无截止时间"
+          />
+        </n-form-item>
         <n-form-item v-if="isEdit" label="是否可见">
           <n-switch v-model:value="formData.visible" />
         </n-form-item>

src/oj/problem/components/ProblemContent.vue

@@ -47,10 +47,19 @@ async function loadSimilarProblems() {
   similarLoaded.value = true
 }
 
+// 切换题目时重置相似推荐状态
+watch(
+  () => problem.value?._id,
+  () => {
+    similarProblems.value = []
+    similarLoaded.value = false
+  },
+)
+
 // AC 或失败次数 >= 3 时加载推荐
 watch(
-  () => [problem.value?.my_status, problemStore.totalFailCount],
-  ([status, failCount]) => {
+  () => [problem.value?._id, problem.value?.my_status, problemStore.totalFailCount],
+  ([, status, failCount]) => {
     if (status === 0 || (failCount as number) >= 3) {
       loadSimilarProblems()
     }
@@ -267,7 +276,7 @@ function type(status: ProblemStatus) {
       <n-divider />
       <p class="title" :style="style">
         <n-flex align="center">
-          <Icon icon="streamline-emojis:light-bulb"></Icon>
+          <Icon icon="fluent-emoji-flat:light-bulb"></Icon>
           相似题目推荐
         </n-flex>
       </p>
@@ -323,7 +332,7 @@ function type(status: ProblemStatus) {
 .testcase {
   font-size: 14px;
   white-space: pre;
-  font-family: "Monaco", monospace;
+  font-family: "Monaco";
 }
 
 .status-alert {

src/oj/problem/components/ProblemEditor.vue

@@ -38,14 +38,18 @@ const editorHeight = computed(() =>
   isDesktop.value ? "calc(100vh - 133px)" : "calc(100vh - 172px)",
 )
 
-onMounted(() => {
+function loadCode() {
   const savedCode = storage.get(storageKey.value)
   codeStore.setCode(
     savedCode ||
       problem.value!.template[codeStore.code.language] ||
       SOURCES[codeStore.code.language],
   )
-})
+}
+
+onMounted(loadCode)
+
+watch(() => problem.value?._id, loadCode)
 
 const changeCode = (v: string) => {
   storage.set(storageKey.value, v)

src/oj/problem/detail.vue

@@ -104,6 +104,7 @@ async function init() {
   }
 }
 onMounted(init)
+watch(() => props.problemID, init)
 onBeforeUnmount(() => {
   problem.value = null
   errMsg.value = "无数据"
@@ -116,9 +117,17 @@ watch(isMobile, (value) => {
 </script>
 
 <template>
-  <n-grid v-if="problem" x-gap="16" :cols="screenModeStore.isBothMode ? 7 : 1">
-    <n-gi :span="isDesktop ? 3 : 7" v-if="shouldShowProblem">
-      <n-scrollbar v-if="isDesktop" style="max-height: calc(100vh - 92px)">
+  <template v-if="problem">
+    <n-split
+      v-if="isDesktop && screenModeStore.isBothMode"
+      direction="horizontal"
+      :default-size="0.43"
+      :min="0.2"
+      :max="0.8"
+      style="height: calc(100vh - 92px)"
+    >
+      <template #1>
+        <n-scrollbar style="height: 100%">
           <n-tabs v-model:value="currentTab" type="segment">
             <n-tab-pane name="content" tab="题目描述">
               <ProblemContent />
@@ -154,6 +163,58 @@ watch(isMobile, (value) => {
             </n-tab-pane>
           </n-tabs>
         </n-scrollbar>
+      </template>
+      <template #2>
+        <component :is="inProblem ? ProblemEditor : ContestEditor" />
+      </template>
+    </n-split>
+
+    <!-- Desktop: code only mode -->
+    <template v-else-if="isDesktop && screenModeStore.isCodeOnlyMode">
+      <EditorForTest />
+    </template>
+
+    <!-- Desktop: problem only mode -->
+    <template v-else-if="isDesktop && shouldShowProblem">
+      <n-scrollbar style="max-height: calc(100vh - 92px)">
+        <n-tabs v-model:value="currentTab" type="segment">
+          <n-tab-pane name="content" tab="题目描述">
+            <ProblemContent />
+          </n-tab-pane>
+          <n-tab-pane
+            v-if="problem.show_flowchart && problem.mermaid_code"
+            name="flowchart"
+            tab="流程图表"
+          >
+            <ProblemFlowchart />
+          </n-tab-pane>
+          <n-tab-pane
+            name="info"
+            tab="题目统计"
+            :disabled="!!props.problemSetId"
+          >
+            <ProblemInfo />
+          </n-tab-pane>
+          <n-tab-pane
+            v-if="!props.contestID"
+            name="comment"
+            tab="题目点评"
+            :disabled="!!props.problemSetId"
+          >
+            <ProblemComment />
+          </n-tab-pane>
+          <n-tab-pane
+            name="submission"
+            tab="我的提交"
+            :disabled="!!props.problemSetId"
+          >
+            <ProblemSubmission />
+          </n-tab-pane>
+        </n-tabs>
+      </n-scrollbar>
+    </template>
+
+    <!-- Mobile -->
     <n-tabs v-else v-model:value="currentTab" type="segment">
       <n-tab-pane name="content" tab="描述">
         <ProblemContent />
@@ -183,13 +244,6 @@ watch(isMobile, (value) => {
         <ProblemSubmission />
       </n-tab-pane>
     </n-tabs>
-    </n-gi>
-    <n-gi :span="4" v-if="isDesktop && screenModeStore.isBothMode">
-      <component :is="inProblem ? ProblemEditor : ContestEditor" />
-    </n-gi>
-    <n-gi v-if="isDesktop && screenModeStore.isCodeOnlyMode">
-      <EditorForTest />
-    </n-gi>
-  </n-grid>
+  </template>
   <n-empty v-else :description="errMsg"></n-empty>
 </template>

src/shared/layout/admin.vue

@@ -99,15 +99,6 @@ const options = computed<MenuOption[]>(() => {
           ),
         key: "admin tutorial list",
       },
-      {
-        label: () =>
-          h(
-            RouterLink,
-            { to: "/admin/problem/stuck" },
-            { default: () => "卡点" },
-          ),
-        key: "admin stuck problems",
-      },
     )
   }
 

src/utils/constants.ts

@@ -239,9 +239,9 @@ export const CODE_TEMPLATES = {
 } as const
 
 export enum ScreenMode {
-  both = "题目 | 自测",
-  code = "仅自测",
-  problem = "仅题目",
+  both = "双栏",
+  code = "自测",
+  problem = "题目",
 }
 
 export enum ChartType {

src/utils/types.ts

@@ -193,6 +193,7 @@ export interface ProblemSet {
   create_time: Date
   difficulty: "Easy" | "Medium" | "Hard"
   status: "active" | "archived" | "draft"
+  end_time: Date | null
   visible: boolean
   problems_count: number
   completed_count: number
@@ -213,6 +214,7 @@ export interface ProblemSetList {
   create_time: Date
   difficulty: "Easy" | "Medium" | "Hard"
   status: "active" | "archived" | "draft"
+  end_time: Date | null
   problems_count: number
   visible: boolean
   user_progress: {
@@ -277,6 +279,7 @@ export interface CreateProblemSetData {
   description: string
   difficulty: "Easy" | "Medium" | "Hard"
   status: "active" | "archived" | "draft"
+  end_time?: Date | null
 }
 
 export interface EditProblemSetData {
@@ -285,6 +288,7 @@ export interface EditProblemSetData {
   description?: string
   difficulty?: "Easy" | "Medium" | "Hard"
   status?: "active" | "archived" | "draft"
+  end_time?: Date | null
   visible?: boolean
 }