fix: 修复刷课判断错误

fix: 修复问题
- 修复刷课错误不会停止 - 添加课程刷新 - 添加课程列表、记录列表缓存 - 显示当前版本
2026-03-31 21:35:21 +08:00 · 2026-03-28 19:22:31 +08:00 · 2026-03-28 18:01:39 +08:00 · 2026-03-27 20:09:53 +08:00
12 changed files with 359 additions and 33 deletions
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1 @@
+VITE_BASE_URL="http://localhost:8080"
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1 @@
+VITE_BASE_URL="http://local.kmux.cn:8080"
--- a/env.d.ts
+++ b/env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_BASE_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,7 @@
 import type { ParentComponent } from "solid-js";
+import { createMemo, createResource, createSignal } from "solid-js";
 import { A, useLocation } from "@solidjs/router";
+import { versionApi } from "~/service/wk";

 const asideList = [
  { label: "账号", url: "/account" },
@@ -9,41 +11,75 @@ const asideList = [

 const App: ParentComponent = (props) => {
  const location = useLocation();
+  const [version] = createResource(versionApi);
+  const [copyState, setCopyState] = createSignal<"idle" | "done" | "error">(
+    "idle",
+  );

  const isActive = (url: string) =>
    location.pathname === url ||
    (location.pathname === "/" && url === "/account");

+  const versionText = createMemo(() => version()?.data.Version ?? "unknown");
+  const commitText = createMemo(() => {
+    const commit = version()?.data.GitCommit ?? "unknown";
+    return commit === "unknown" ? commit : commit.slice(0, 7);
+  });
+  const buildText = createMemo(() => version()?.data.BuildAt ?? "unknown");
+  const authorText = createMemo(() => version()?.data.GitAuthor ?? "unknown");
+  const emailText = createMemo(() => version()?.data.GitEmail ?? "unknown");
+  const versionErrorText = createMemo(() => {
+    const error = version.error;
+    if (!error) {
+      return "";
+    }
+
+    return error instanceof Error ? error.message : "版本信息获取失败";
+  });
+  const versionPayloadText = createMemo(() =>
+    [
+      `Version: ${versionText()}`,
+      `Commit: ${commitText()}`,
+      `Build: ${buildText()}`,
+      `Author: ${authorText()}`,
+      `Email: ${emailText()}`,
+    ].join("\n"),
+  );
+
+  const handleCopyVersion = async () => {
+    try {
+      await navigator.clipboard.writeText(versionPayloadText());
+      setCopyState("done");
+    } catch {
+      setCopyState("error");
+    }
+
+    window.setTimeout(() => setCopyState("idle"), 1800);
+  };
+
  return (
    <div class="flex h-screen w-full overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(103,232,249,0.24),_transparent_28%),radial-gradient(circle_at_top_right,_rgba(251,191,36,0.16),_transparent_24%),linear-gradient(180deg,_#ecfeff_0%,_#f8fafc_52%,_#eef2ff_100%)] text-zinc-800">
      <div class="flex min-h-0 w-full flex-col p-3 sm:p-4">
-        <header class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/70 bg-white/75 px-5 py-4 shadow-[0_18px_50px_-22px_rgba(14,116,144,0.35)] backdrop-blur-xl">
-          <div class="flex min-w-0 items-center gap-4">
+        <header class="flex shrink-0 items-center rounded-[24px] border border-white/70 bg-white/75 px-4 py-3 shadow-[0_18px_50px_-22px_rgba(14,116,144,0.35)] backdrop-blur-xl">
+          <div class="flex min-w-0 items-center gap-3">
            <A
              href="/"
-              class="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-[linear-gradient(135deg,_#06b6d4,_#22c55e)] text-lg font-semibold text-white shadow-lg shadow-cyan-500/20"
+              class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[linear-gradient(135deg,_#06b6d4,_#22c55e)] text-base font-semibold text-white shadow-lg shadow-cyan-500/20"
            >
              WK
            </A>
            <div class="min-w-0">
              <A
                href="/"
-                class="block truncate text-2xl font-semibold tracking-wide text-zinc-900"
+                class="block truncate text-xl font-semibold tracking-wide text-zinc-900"
              >
                网课控制台
              </A>
-              <p class="truncate text-sm text-zinc-500">
+              <p class="truncate text-xs text-zinc-500 sm:text-sm">
                管理账号、课程记录与任务日志
              </p>
            </div>
          </div>
-
-          <div class="rounded-2xl border border-zinc-200/80 bg-zinc-50/90 px-4 py-3 text-right shadow-sm">
-            <p class="text-sm font-medium text-zinc-800">学习控制中枢</p>
-            <p class="mt-1 text-xs text-zinc-500">
-              多账号管理 / 课程记录 / 日志面板
-            </p>
-          </div>
        </header>

        <div class="mt-4 flex min-h-0 min-w-0 flex-1 gap-4">
@@ -92,6 +128,28 @@ const App: ParentComponent = (props) => {
              <p class="mt-1 text-sm text-zinc-500">
                {asideList.find((item) => isActive(item.url))?.label ?? "账号"}
              </p>
+              <p class="mt-3 text-xs font-medium tracking-[0.18em] text-cyan-700/75 uppercase">
+                Runtime
+              </p>
+              <p class="mt-2 text-xs text-zinc-500">Version: {versionText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Commit: {commitText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Build: {buildText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Author: {authorText()}</p>
+              <p class="mt-1 text-xs text-zinc-500">Email: {emailText()}</p>
+              <button
+                type="button"
+                class="mt-3 rounded-lg border border-zinc-200 bg-white px-3 py-1.5 text-xs text-zinc-700 transition hover:bg-zinc-100"
+                onClick={() => void handleCopyVersion()}
+              >
+                {copyState() === "done"
+                  ? "已复制"
+                  : copyState() === "error"
+                    ? "复制失败"
+                    : "复制版本信息"}
+              </button>
+              {versionErrorText() ? (
+                <p class="mt-2 text-xs text-rose-500">{versionErrorText()}</p>
+              ) : null}
            </div>
          </aside>

--- a/src/components/account/AccountSidebar.tsx
+++ b/src/components/account/AccountSidebar.tsx
@@ -12,6 +12,7 @@ interface AccountSidebarProps {
  selectedAccountId: string;
  expandedAccountId: string;
  statusOptions: StatusOption[];
+  currentCourseKind: CourseKind;
  hostLabels: Record<string, string>;
  isRefreshingAccount: boolean;
  loggingOutId: string;
@@ -66,6 +67,16 @@ const AccountSidebar = (props: AccountSidebarProps) => {
            const statusLabel =
              props.statusOptions.find((item) => item.value === account.status)
                ?.label ?? account.status;
+            const currentCourseLabel =
+              props.statusOptions.find(
+                (item) => item.value === props.currentCourseKind,
+              )?.label ?? props.currentCourseKind;
+            const courseCountLabel = selected()
+              ? `当前筛选课程数：${account.courses.length}`
+              : `缓存课程数：${account.courses.length}`;
+            const courseTypeLabel = selected()
+              ? `当前筛选：${currentCourseLabel}`
+              : `登录类型：${statusLabel}`;

            return (
              <div
@@ -118,8 +129,8 @@ const AccountSidebar = (props: AccountSidebarProps) => {
                    <p>性别：{account.user.gender}</p>
                    <p>站点：{account.host}</p>
                    <p>账号：{account.username || "-"}</p>
-                    <p>课程数：{account.courses.length}</p>
-                    <p>课程类型：{statusLabel}</p>
+                    <p>{courseCountLabel}</p>
+                    <p>{courseTypeLabel}</p>

                    <div class="mt-2 flex gap-2">
                      <button
--- a/src/components/account/CourseWorkspace.tsx
+++ b/src/components/account/CourseWorkspace.tsx
@@ -1,5 +1,5 @@
 import { For, Show, createEffect, type JSX } from "solid-js";
-import type { RecordType } from "~/service/wk";
+import type { CourseKind, RecordType } from "~/service/wk";
 import type { AccountItem } from "~/store/account";
 import type { CourseType } from "~/types/Course";
 import type { RecordItem } from "~/service/wk";
@@ -8,6 +8,10 @@ type RecordTypeOption = {
  label: string;
  value: RecordType;
 };
+type CourseRecordTypeOption = {
+  label: string;
+  value: CourseKind;
+};

 interface CourseWorkspaceProps {
  selectedAccount: AccountItem | null;
@@ -15,12 +19,17 @@ interface CourseWorkspaceProps {
  selectedCourseId: number | null;
  selectedCourse: CourseType | null;
  recordType: RecordType;
+  courseKind: CourseKind;
+  currentCourseKindLabel: string;
+  showingCachedRecords: boolean;
  recordTypeOptions: RecordTypeOption[];
+  courseRecordTypeOptions: CourseRecordTypeOption[];
  records: RecordItem[];
  studyLogs: string[];
  recordsLoading: boolean;
  recordError: string;
  isRefreshingRecords: boolean;
+  isRefreshingCourseRecords: boolean;
  isRunningStudy: boolean;
  isRefreshingLogs: boolean;
  autoScrollLogs: boolean;
@@ -29,7 +38,9 @@ interface CourseWorkspaceProps {
  logFontSize: number;
  onSelectCourse: (courseId: number) => void;
  onRefreshRecords: () => void;
+  onRefreshCourseRecords: () => void;
  onChangeRecordType: (value: RecordType) => void;
+  onChangeCourseRecordType: (value: CourseKind) => void;
  onStartStudy: () => void;
  onStopStudy: () => void;
  onRefreshLogs: () => void;
@@ -108,9 +119,34 @@ const CourseWorkspace = (props: CourseWorkspaceProps) => {
          }
        >
          <div class="flex min-h-0 flex-col overflow-hidden rounded-3xl border border-zinc-200 bg-[linear-gradient(180deg,rgba(248,250,252,0.9),rgba(255,255,255,0.95))]">
-            <div class="border-b border-zinc-200 px-4 py-3">
-              <p class="text-sm font-semibold text-zinc-800">课程列表</p>
-              <p class="mt-1 text-xs text-zinc-500">点击课程查看对应记录</p>
+            <div class="flex flex-wrap items-center justify-between gap-3 border-b border-zinc-200 px-4 py-3">
+              <div class="border-b border-zinc-200 px-4 py-3">
+                <p class="text-sm font-semibold text-zinc-800">课程列表</p>
+                <p class="mt-1 text-xs text-zinc-500">点击课程查看对应记录</p>
+              </div>
+              <div class="flex flex-wrap items-center gap-2">
+                <select
+                  class="rounded-xl border border-zinc-200 bg-white px-3 py-2 text-sm transition outline-none focus:border-cyan-400"
+                  value={props.courseKind}
+                  onChange={(event) =>
+                    props.onChangeCourseRecordType(
+                      event.currentTarget.value as CourseKind,
+                    )
+                  }
+                >
+                  <For each={props.courseRecordTypeOptions}>
+                    {(item) => <option value={item.value}>{item.label}</option>}
+                  </For>
+                </select>
+                <button
+                  type="button"
+                  class="rounded-xl border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60"
+                  disabled={props.isRefreshingCourseRecords}
+                  onClick={props.onRefreshCourseRecords}
+                >
+                  {props.isRefreshingCourseRecords ? "刷新中..." : "刷新记录"}
+                </button>
+              </div>
            </div>

            <div
@@ -120,6 +156,13 @@ const CourseWorkspace = (props: CourseWorkspaceProps) => {
                  : "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3"
              }
            >
+              <Show when={props.selectedCourseList.length === 0}>
+                <EmptyState>
+                  当前“{props.currentCourseKindLabel}
+                  ”下没有课程，请切换分类或刷新课程列表。
+                </EmptyState>
+              </Show>
+
              <For each={props.selectedCourseList}>
                {(course) => {
                  const selected = () => course.id === props.selectedCourseId;
@@ -169,6 +212,13 @@ const CourseWorkspace = (props: CourseWorkspaceProps) => {
                      ? props.selectedCourse.name
                      : "请选择课程"}
                  </p>
+                  <Show
+                    when={props.showingCachedRecords && !props.recordsLoading}
+                  >
+                    <p class="mt-1 text-xs text-amber-600">
+                      当前显示的是本地缓存记录。
+                    </p>
+                  </Show>
                </div>

                <div class="flex flex-wrap items-center gap-2">
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -13,11 +13,11 @@ render(
      <Route path="/" component={App}>
        <Route
          path=""
-          component={lazy(() => import("./pages/accouts/Account.tsx"))}
+          component={lazy(() => import("./pages/accounts/Account.tsx"))}
        />
        <Route
          path="account"
-          component={lazy(() => import("./pages/accouts/Account.tsx"))}
+          component={lazy(() => import("./pages/accounts/Account.tsx"))}
        />
        <Route
          path="logs"
--- a/src/pages/accounts/Account.tsx
+++ b/src/pages/accounts/Account.tsx
@@ -2,6 +2,7 @@ import {
  createEffect,
  createMemo,
  createSignal,
+  on,
  onCleanup,
  onMount,
 } from "solid-js";
@@ -55,6 +56,12 @@ const parseDurationToSeconds = (value: string) => {
  return hours * 3600 + minutes * 60 + seconds;
 };

+const createRecordCacheKey = (
+  accountId: string,
+  courseId: number,
+  recordType: RecordType,
+) => `${accountId}::${courseId}::${recordType || "course"}`;
+
 const Account = () => {
  const [storeState, setStoreState] = createSignal(accountStore.getState());
  const [settingsState, setSettingsState] = createSignal(
@@ -71,6 +78,7 @@ const Account = () => {
  const [recordsLoading, setRecordsLoading] = createSignal(false);
  const [recordError, setRecordError] = createSignal("");
  const [isRefreshingRecords, setIsRefreshingRecords] = createSignal(false);
+  const [isRefreshingCourses, setIsRefreshingCourses] = createSignal(false);
  const [isRefreshingLogs, setIsRefreshingLogs] = createSignal(false);
  const [hasRestoredRecords, setHasRestoredRecords] = createSignal(false);
  const accountClients = new Map<string, ReturnType<typeof createWkClient>>();
@@ -95,8 +103,10 @@ const Account = () => {
  const selectedAccountId = createMemo(() => storeState().selectedAccountId);
  const expandedAccountId = createMemo(() => storeState().expandedAccountId);
  const selectedCourseId = createMemo(() => storeState().selectedCourseId);
+  const courseKind = createMemo(() => storeState().courseKind);
  const recordType = createMemo(() => storeState().recordType);
  const records = createMemo(() => storeState().records);
+  const recordCacheMap = createMemo(() => storeState().recordCacheMap);
  const studyLogsMap = createMemo(() => storeState().studyLogsMap);
  const runningStudyMap = createMemo(() => storeState().runningStudyMap);
  const mergedHostOptions = createMemo(() =>
@@ -111,6 +121,24 @@ const Account = () => {
  const defaultHost = createMemo(
    () => mergedHostOptions()[0]?.host ?? "cqcst.leykeji.com",
  );
+  const currentCourseKindLabel = createMemo(
+    () =>
+      statusOptions.find((item) => item.value === courseKind())?.label ??
+      courseKind(),
+  );
+  const showingCachedRecords = createMemo(() => {
+    const accountId = selectedAccountId();
+    const courseId = selectedCourseId();
+
+    if (!accountId || !courseId || recordsLoading() || isRefreshingRecords()) {
+      return false;
+    }
+
+    return (
+      createRecordCacheKey(accountId, courseId, recordType()) in
+      recordCacheMap()
+    );
+  });

  const selectedAccount = createMemo(() => {
    return accounts().find((item) => item.id === selectedAccountId()) ?? null;
@@ -203,8 +231,9 @@ const Account = () => {
        ...target,
        sessionId: res.data.session_id,
        user: res.data.user,
-        courses: res.data.courses,
+        courses: res.data.courses ?? target.courses,
      });
+      await loadCourses(target.id, target.status);
      appendStudyLog(`会话失效，已重新登录：${target.user.name}`, target.id);
      return true;
    } catch (error) {
@@ -265,10 +294,11 @@ const Account = () => {
          token: payload.token.trim(),
        },
        user: res.data.user,
-        courses: res.data.courses,
+        courses: res.data.courses ?? [],
      };

      accountStore.getState().upsertAccount(nextAccount);
+      await loadCourses(nextAccount.id, nextAccount.status);
      accountStore.getState().setSelectedCourseId(null);
      accountStore.getState().setRecords([]);
      setShowDialog(false);
@@ -294,6 +324,50 @@ const Account = () => {
    accountStore.getState().setExpandedAccountId(nextId);
  };

+  const loadCourses = async (
+    accountId = selectedAccount()?.id,
+    status = courseKind(),
+  ) => {
+    if (!accountId) {
+      return;
+    }
+
+    setIsRefreshingCourses(true);
+    setErrorMessage("");
+
+    try {
+      const res = await getAccountClient(accountId).courseApi({ status });
+      const courses = res.data.courses ?? [];
+      const account = accountStore
+        .getState()
+        .accounts.find((item) => item.id === accountId);
+
+      accountStore.getState().setAccountCourses(accountId, courses);
+
+      const currentCourseId = accountStore.getState().selectedCourseId;
+      if (account?.id === accountStore.getState().selectedAccountId) {
+        const hasSelectedCourse = courses.some(
+          (item) => item.id === currentCourseId,
+        );
+        if (!hasSelectedCourse) {
+          accountStore.getState().setSelectedCourseId(courses[0]?.id ?? null);
+          accountStore.getState().setRecords([]);
+        }
+      }
+    } catch (error) {
+      const message =
+        error instanceof Error ? error.message : "获取课程失败，请稍后重试。";
+      setErrorMessage(message);
+      accountStore.getState().setAccountCourses(accountId, []);
+      if (accountStore.getState().selectedAccountId === accountId) {
+        accountStore.getState().setSelectedCourseId(null);
+        accountStore.getState().setRecords([]);
+      }
+    } finally {
+      setIsRefreshingCourses(false);
+    }
+  };
+
  const handleRefreshAccount = async () => {
    const account = selectedAccount();
    if (!account) {
@@ -317,8 +391,9 @@ const Account = () => {
        ...account,
        sessionId: res.data.session_id,
        user: res.data.user,
-        courses: res.data.courses,
+        courses: res.data.courses ?? account.courses,
      });
+      await loadCourses(account.id, account.status);
    } catch (error) {
      const message =
        error instanceof Error ? error.message : "刷新账号失败，请稍后重试。";
@@ -374,6 +449,12 @@ const Account = () => {
        record_type: nextRecordType,
      });
      accountStore.getState().setRecords(res.data.list);
+      accountStore
+        .getState()
+        .setRecordCache(
+          createRecordCacheKey(account.id, courseId, nextRecordType),
+          res.data.list,
+        );
    } catch (error) {
      const message =
        error instanceof Error ? error.message : "获取记录失败，请稍后重试。";
@@ -385,9 +466,8 @@ const Account = () => {
    }
  };

-  const handleSelectCourse = async (courseId: number) => {
+  const handleSelectCourse = (courseId: number) => {
    accountStore.getState().setSelectedCourseId(courseId);
-    await loadCourseRecords(courseId);
  };

  const handleRefreshRecords = async () => {
@@ -448,6 +528,8 @@ const Account = () => {
        client: getAccountClient(account.id),
        isRunningStudy: () =>
          !!accountStore.getState().runningStudyMap[account.id],
+        setIsRunningStudy: () =>
+          accountStore.getState().setAccountRunningStudy(account.id, false),
        onLog: (message: string, accoundID: string) =>
          appendStudyLog(message, accoundID),
      });
@@ -474,15 +556,46 @@ const Account = () => {
    appendStudyLog(`已发送停止刷课指令：${account.user.name}`, account.id);
  };

+  createEffect(
+    on([selectedAccountId, courseKind], ([accountId, kind]) => {
+      if (!accountId) {
+        return;
+      }
+
+      void loadCourses(accountId, kind);
+    }),
+  );
+
+  createEffect(
+    on(
+      [selectedAccountId, selectedCourseId, recordType],
+      ([accountId, courseId, type]) => {
+        if (!accountId || !courseId) {
+          accountStore.getState().setRecords([]);
+          return;
+        }
+
+        const cachedRecords =
+          recordCacheMap()[createRecordCacheKey(accountId, courseId, type)] ??
+          [];
+        accountStore.getState().setRecords(cachedRecords);
+      },
+    ),
+  );
+
  createEffect(() => {
    const courseId = selectedCourseId();
    const account = selectedAccount();
    const type = recordType();
+    const cacheKey = account
+      ? createRecordCacheKey(account.id, courseId ?? 0, type)
+      : "";
+    const hasCachedRecords = cacheKey ? cacheKey in recordCacheMap() : false;

    if (!hasRestoredRecords()) {
      setHasRestoredRecords(true);

-      if (courseId && account && records().length > 0) {
+      if (courseId && account && (records().length > 0 || hasCachedRecords)) {
        return;
      }
    }
@@ -491,24 +604,30 @@ const Account = () => {
      return;
    }

+    if (hasCachedRecords) {
+      return;
+    }
+
    void loadCourseRecords(courseId, type);
  });

  return (
    <div class="flex h-full min-h-0 flex-col overflow-hidden">
-      <div class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/80 bg-[linear-gradient(135deg,rgba(236,254,255,0.95),rgba(255,255,255,0.92))] px-5 py-4 shadow-[0_18px_45px_-28px_rgba(8,145,178,0.35)]">
+      <div class="flex shrink-0 items-center justify-between gap-3 rounded-[24px] border border-white/80 bg-[linear-gradient(135deg,rgba(236,254,255,0.95),rgba(255,255,255,0.92))] px-4 py-3 shadow-[0_18px_45px_-28px_rgba(8,145,178,0.35)]">
        <div>
          <p class="text-xs font-medium tracking-[0.26em] text-cyan-700/75 uppercase">
            Account Center
          </p>
-          <h1 class="mt-2 text-2xl font-semibold text-zinc-900">账号管理</h1>
-          <p class="mt-1 text-sm text-zinc-500">
+          <h1 class="mt-1 text-xl font-semibold text-zinc-900 sm:text-2xl">
+            账号管理
+          </h1>
+          <p class="mt-0.5 text-xs text-zinc-500 sm:text-sm">
            管理账号登录、课程记录与运行日志
          </p>
        </div>

        <button
-          class="rounded-2xl bg-[linear-gradient(135deg,#06b6d4,#14b8a6)] px-4 py-3 text-sm font-medium text-white shadow-lg shadow-cyan-500/20 transition hover:-translate-y-px hover:shadow-cyan-500/30"
+          class="rounded-xl bg-[linear-gradient(135deg,#06b6d4,#14b8a6)] px-3.5 py-2.5 text-sm font-medium text-white shadow-lg shadow-cyan-500/20 transition hover:-translate-y-px hover:shadow-cyan-500/30"
          onClick={openDialog}
        >
          添加账号
@@ -521,6 +640,7 @@ const Account = () => {
          selectedAccountId={selectedAccountId()}
          expandedAccountId={expandedAccountId()}
          statusOptions={statusOptions}
+          currentCourseKind={courseKind()}
          hostLabels={hostLabels()}
          isRefreshingAccount={isRefreshingAccount()}
          loggingOutId={loggingOutId()}
@@ -538,12 +658,17 @@ const Account = () => {
          selectedCourseId={selectedCourseId()}
          selectedCourse={selectedCourse()}
          recordType={recordType()}
+          courseKind={courseKind()}
+          currentCourseKindLabel={currentCourseKindLabel()}
+          showingCachedRecords={showingCachedRecords()}
          recordTypeOptions={recordTypeOptions}
+          courseRecordTypeOptions={statusOptions}
          records={records()}
          studyLogs={studyLogs()}
          recordsLoading={recordsLoading()}
          recordError={recordError()}
          isRefreshingRecords={isRefreshingRecords()}
+          isRefreshingCourseRecords={isRefreshingCourses()}
          isRunningStudy={isRunningStudy()}
          isRefreshingLogs={isRefreshingLogs()}
          autoScrollLogs={settingsState().autoScrollLogs}
@@ -552,9 +677,15 @@ const Account = () => {
          logFontSize={settingsState().logFontSize}
          onSelectCourse={(courseId) => void handleSelectCourse(courseId)}
          onRefreshRecords={() => void handleRefreshRecords()}
+          onRefreshCourseRecords={() => void loadCourses()}
          onChangeRecordType={(value) =>
            accountStore.getState().setRecordType(value)
          }
+          onChangeCourseRecordType={(value) => {
+            accountStore.getState().setCourseKind(value);
+            accountStore.getState().setSelectedCourseId(null);
+            accountStore.getState().setRecords([]);
+          }}
          onStartStudy={() => void handleStartStudy()}
          onStopStudy={handleStopStudy}
          onRefreshLogs={handleRefreshLogs}
--- a/src/pages/settings/Setting.tsx
+++ b/src/pages/settings/Setting.tsx
@@ -65,7 +65,7 @@ const Setting = () => {

  return (
    <div class="flex h-full min-h-0 flex-col overflow-hidden">
-      <div class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/80 bg-[linear-gradient(135deg,_rgba(255,255,255,0.92),_rgba(240,249,255,0.96))] px-5 py-4 shadow-[0_18px_45px_-28px_rgba(15,23,42,0.18)]">
+      <div class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/80 bg-[linear-gradient(135deg,rgba(255,255,255,0.92),rgba(240,249,255,0.96))] px-5 py-4 shadow-[0_18px_45px_-28px_rgba(15,23,42,0.18)]">
        <div>
          <p class="text-xs font-medium tracking-[0.26em] text-cyan-700/75 uppercase">
            Settings Center
--- a/src/service/http.ts
+++ b/src/service/http.ts
@@ -22,7 +22,7 @@ export const createHttpClient = (
  resolveSessionId?: SessionResolver,
 ): HttpClient => {
  const instance = axios.create({
-    baseURL: "http://127.0.0.1:8080",
+    baseURL: import.meta.env.VITE_BASE_URL,
  });

  instance.interceptors.request.use((config: InternalAxiosRequestConfig) => {
--- a/src/service/wk.ts
+++ b/src/service/wk.ts
@@ -24,7 +24,7 @@ export type LoginReq = {
 };

 export type LoginData = {
-  courses: CourseType[];
+  courses?: CourseType[];
  session_id: string;
  user: userInfoType;
 };
@@ -103,12 +103,32 @@ export type HostRes = ApiResponse<{
  list: HostItem[];
 }>;

+export type VersionData = {
+  BuildAt: string;
+  GitAuthor: string;
+  GitCommit: string;
+  GitEmail: string;
+  Version: string;
+};
+
+export type VersionRes = ApiResponse<VersionData>;
+
 export type RecordReq = {
  course_id: string;
  page: number;
  record_type?: RecordType;
 };

+export type CourseReq = {
+  status: CourseKind;
+};
+
+export type CourseData = {
+  courses: CourseType[];
+};
+
+export type CourseRes = ApiResponse<CourseData>;
+
 export type StudyReq = {
  node_id: string;
  study_id: string;
@@ -131,11 +151,13 @@ export type StudyRunnerPayload = {
  intervalSeconds: number;
  items: StudyRunnerItem[];
  isRunningStudy: Accessor<boolean>;
+  setIsRunningStudy: () => void;
  client: WkClient;
  onLog?: (message: string, accoundID: string) => void;
 };

 export type WkClient = {
+  courseApi: (payload: CourseReq) => Promise<CourseRes>;
  recordApi: (payload: RecordReq) => Promise<RecordRes>;
  studyApi: (payload: StudyReq) => Promise<StudyRes>;
  logoutApi: () => Promise<LogoutRes>;
@@ -147,6 +169,9 @@ export const loginApi = async (payload: LoginReq) => {
 };

 const createWkClientFromHttp = (client: HttpClient): WkClient => ({
+  courseApi(payload) {
+    return client.post<CourseRes>("/api/v2/course", payload);
+  },
  recordApi(payload) {
    return client.post<RecordRes>("/api/v2/record", payload);
  },
@@ -189,6 +214,12 @@ export const runStudyQueue = async (_payload: StudyRunnerPayload) => {
          study_time: String(currentTime),
          status: count === 0 ? 1 : currentTime >= total ? 3 : 2,
        });
+        if (resp.data.state != 0) {
+          _payload.onLog?.(`⛔ 自动停止: ${resp.data.msg}`, _payload.accountId);
+          _payload.setIsRunningStudy();
+          return;
+        }
+
        study_id = resp.data.studyId;

        if (currentTime === total) break;
@@ -208,3 +239,7 @@ export const runStudyQueue = async (_payload: StudyRunnerPayload) => {
 export const hostApi = async () => {
  return await http.get<HostRes>("/api/v1/host");
 };
+
+export const versionApi = async () => {
+  return await http.get<VersionRes>("/api/version");
+};
--- a/src/store/account.ts
+++ b/src/store/account.ts
@@ -36,25 +36,32 @@ export type AccountItem = {
  courses: CourseType[];
 };

+export type RecordCacheMap = Record<string, RecordItem[]>;
+
 type AccountState = {
  accounts: AccountItem[];
  selectedAccountId: string;
  expandedAccountId: string;
  selectedCourseId: number | null;
+  courseKind: CourseKind;
  recordType: RecordType;
  records: RecordItem[];
+  recordCacheMap: RecordCacheMap;
  studyLogsMap: Record<string, string[]>;
  runningStudyMap: Record<string, boolean>;
  setSelectedAccountId: (accountId: string) => void;
  setExpandedAccountId: (accountId: string) => void;
  setSelectedCourseId: (courseId: number | null) => void;
+  setCourseKind: (courseKind: CourseKind) => void;
  setRecordType: (recordType: RecordType) => void;
  setRecords: (records: RecordItem[]) => void;
+  setRecordCache: (cacheKey: string, records: RecordItem[]) => void;
  setAccountRunningStudy: (accountId: string, value: boolean) => void;
  appendStudyLog: (accountId: string, message: string) => void;
  clearStudyLogs: (accountId: string) => void;
  clearAllStudyLogs: () => void;
  upsertAccount: (account: AccountItem) => void;
+  setAccountCourses: (accountId: string, courses: CourseType[]) => void;
  removeAccount: (accountId: string) => void;
 };

@@ -65,8 +72,10 @@ export const accountStore = createStore<AccountState>()(
      selectedAccountId: "",
      expandedAccountId: "",
      selectedCourseId: null,
+      courseKind: "run",
      recordType: "",
      records: [],
+      recordCacheMap: {},
      studyLogsMap: {},
      runningStudyMap: {},
      setSelectedAccountId: (accountId) =>
@@ -74,8 +83,16 @@ export const accountStore = createStore<AccountState>()(
      setExpandedAccountId: (accountId) =>
        set({ expandedAccountId: accountId }),
      setSelectedCourseId: (courseId) => set({ selectedCourseId: courseId }),
+      setCourseKind: (courseKind) => set({ courseKind }),
      setRecordType: (recordType) => set({ recordType }),
      setRecords: (records) => set({ records }),
+      setRecordCache: (cacheKey, records) =>
+        set((state) => ({
+          recordCacheMap: {
+            ...state.recordCacheMap,
+            [cacheKey]: records,
+          },
+        })),
      setAccountRunningStudy: (accountId, value) =>
        set((state) => ({
          runningStudyMap: {
@@ -113,6 +130,12 @@ export const accountStore = createStore<AccountState>()(
          selectedAccountId: account.id,
          expandedAccountId: account.id,
        })),
+      setAccountCourses: (accountId, courses) =>
+        set((state) => ({
+          accounts: state.accounts.map((item) =>
+            item.id === accountId ? { ...item, courses } : item,
+          ),
+        })),
      removeAccount: (accountId) =>
        set((state) => {
          const nextAccounts = state.accounts.filter(
@@ -133,6 +156,11 @@ export const accountStore = createStore<AccountState>()(
                ? null
                : state.selectedCourseId,
            records: state.selectedAccountId === accountId ? [] : state.records,
+            recordCacheMap: Object.fromEntries(
+              Object.entries(state.recordCacheMap).filter(
+                ([key]) => !key.startsWith(`${accountId}::`),
+              ),
+            ),
            studyLogsMap: Object.fromEntries(
              Object.entries(state.studyLogsMap).filter(
                ([key]) => key !== accountId,
@@ -154,8 +182,10 @@ export const accountStore = createStore<AccountState>()(
        selectedAccountId: state.selectedAccountId,
        expandedAccountId: state.expandedAccountId,
        selectedCourseId: state.selectedCourseId,
+        courseKind: state.courseKind,
        recordType: state.recordType,
        records: state.records,
+        recordCacheMap: state.recordCacheMap,
        studyLogsMap: state.studyLogsMap,
        runningStudyMap: state.runningStudyMap,
      }),
Author	SHA1	Message	Date
zhilv	a061123e36	fix: 修复刷课判断错误	2026-03-31 21:35:21 +08:00
zhilv	9e7131f210	fix: 修复问题 - 修复刷课错误不会停止 - 添加课程刷新 - 添加课程列表、记录列表缓存 - 显示当前版本	2026-03-28 19:22:31 +08:00
zhilv	6325b84ca0	feat: 添加生产环境与开发环境配置	2026-03-28 18:01:39 +08:00
zhilv	369cd6a6e3	fix: 修改后端接口	2026-03-27 20:09:53 +08:00