From 9789b86920913be6a562f5f294c6fb0fea92741b Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 22 Oct 2025 20:29:17 +0800
Subject: [PATCH] add admin

---
 public/badge-1.png                            | Bin 0 -> 2214 bytes
 public/badge-2.png                            | Bin 0 -> 2250 bytes
 public/badge-3.png                            | Bin 0 -> 2894 bytes
 public/badge-4.png                            | Bin 0 -> 2749 bytes
 public/badge-5.png                            | Bin 0 -> 1659 bytes
 src/admin/api.ts                              |  28 +-
 .../problemset/components/AddBadgeModal.vue   | 154 ++++++++
 .../problemset/components/AddProblemModal.vue |  99 +++++
 .../problemset/components/BadgeManagement.vue | 102 +++++
 .../problemset/components/EditBadgeModal.vue  | 156 ++++++++
 .../components/EditProblemModal.vue           |  94 +++++
 .../components/ProblemManagement.vue          |  77 ++++
 .../problemset/components/ProblemSetInfo.vue  |  80 ++++
 .../components/ProgressManagement.vue         |  72 ++++
 src/admin/problemset/detail.vue               | 368 +++++-------------
 src/admin/problemset/edit.vue                 | 114 +++---
 src/admin/problemset/list.vue                 |   4 +-
 src/shared/layout/admin.vue                   |   1 +
 src/utils/types.ts                            |   4 -
 19 files changed, 1015 insertions(+), 338 deletions(-)
 create mode 100644 public/badge-1.png
 create mode 100644 public/badge-2.png
 create mode 100644 public/badge-3.png
 create mode 100644 public/badge-4.png
 create mode 100644 public/badge-5.png
 create mode 100644 src/admin/problemset/components/AddBadgeModal.vue
 create mode 100644 src/admin/problemset/components/AddProblemModal.vue
 create mode 100644 src/admin/problemset/components/BadgeManagement.vue
 create mode 100644 src/admin/problemset/components/EditBadgeModal.vue
 create mode 100644 src/admin/problemset/components/EditProblemModal.vue
 create mode 100644 src/admin/problemset/components/ProblemManagement.vue
 create mode 100644 src/admin/problemset/components/ProblemSetInfo.vue
 create mode 100644 src/admin/problemset/components/ProgressManagement.vue

diff --git a/public/badge-1.png b/public/badge-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bb14aa763f914eb2a4f5e6af5348a1725e20a35
GIT binary patch
literal 2214
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

literal 0
HcmV?d00001

diff --git a/public/badge-2.png b/public/badge-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..7610c6bfa46083387c5b83e612ebb3812e1b0bb2
GIT binary patch
literal 2250
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
Y0GdsZz1U1K761SM07*qoM6N<$g84%_+5i9m

literal 0
HcmV?d00001

diff --git a/public/badge-3.png b/public/badge-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..73247e252510fc0d4ade1b9b2db92e3d36a3d6d8
GIT binary patch
literal 2894
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

literal 0
HcmV?d00001

diff --git a/public/badge-4.png b/public/badge-4.png
new file mode 100644
index 0000000000000000000000000000000000000000..dae57cc30dadda29d0c3bcdf473dcc44d567fb8f
GIT binary patch
literal 2749
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
DqE;$(

literal 0
HcmV?d00001

diff --git a/public/badge-5.png b/public/badge-5.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ccd831e7254c2e9124b92f948e4deea57d323fe
GIT binary patch
literal 1659
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
FV1m3(6RrRN

literal 0
HcmV?d00001

diff --git a/src/admin/api.ts b/src/admin/api.ts
index f78e270..7e60162 100644
--- a/src/admin/api.ts
+++ b/src/admin/api.ts
@@ -314,7 +314,6 @@ export function createProblemSet(data: {
   title: string
   description: string
   difficulty: string
-  is_public: boolean
   status: string
 }) {
   return http.post("admin/problemset/", data)
@@ -325,7 +324,6 @@ export function editProblemSet(data: {
   title?: string
   description?: string
   difficulty?: string
-  is_public?: boolean
   status?: string
   visible?: boolean
 }) {
@@ -350,7 +348,7 @@ export function getProblemSetProblems(problemSetId: number) {
 }
 
 export function addProblemToSet(problemSetId: number, data: {
-  problem_id: number
+  problem_id: string
   order?: number
   is_required?: boolean
   score?: number
@@ -359,8 +357,17 @@ export function addProblemToSet(problemSetId: number, data: {
   return http.post(`admin/problemset/${problemSetId}/problems/`, data)
 }
 
-export function removeProblemFromSet(problemSetId: number, problemId: number) {
-  return http.delete(`admin/problemset/${problemSetId}/problems/${problemId}/`)
+export function editProblemInSet(problemSetId: number, problemSetProblemId: number, data: {
+  order?: number
+  is_required?: boolean
+  score?: number
+  hint?: string
+}) {
+  return http.put(`admin/problemset/${problemSetId}/problems/${problemSetProblemId}/`, data)
+}
+
+export function removeProblemFromSet(problemSetId: number, problemSetProblemId: number) {
+  return http.delete(`admin/problemset/${problemSetId}/problems/${problemSetProblemId}/`)
 }
 
 // 题单奖章管理 API
@@ -379,6 +386,17 @@ export function createProblemSetBadge(problemSetId: number, data: {
   return http.post(`admin/problemset/${problemSetId}/badges/`, data)
 }
 
+export function editProblemSetBadge(problemSetId: number, badgeId: number, data: {
+  name?: string
+  description?: string
+  icon?: string
+  condition_type?: string
+  condition_value?: number
+  level?: number
+}) {
+  return http.put(`admin/problemset/${problemSetId}/badges/${badgeId}/`, data)
+}
+
 export function deleteProblemSetBadge(problemSetId: number, badgeId: number) {
   return http.delete(`admin/problemset/${problemSetId}/badges/${badgeId}/`)
 }
diff --git a/src/admin/problemset/components/AddBadgeModal.vue b/src/admin/problemset/components/AddBadgeModal.vue
new file mode 100644
index 0000000..06b85c6
--- /dev/null
+++ b/src/admin/problemset/components/AddBadgeModal.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { NModal, NForm, NFormItem, NInput, NInputNumber, NSelect, NButton, NFlex, NImage } from "naive-ui"
+
+interface Props {
+  show: boolean
+}
+
+interface Emits {
+  (e: "update:show", value: boolean): void
+  (e: "confirm", data: {
+    name: string
+    description: string
+    icon: string
+    condition_type: "all_problems" | "problem_count" | "score"
+    condition_value?: number
+  }): void
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+const newBadgeName = ref("")
+const newBadgeDescription = ref("")
+const newBadgeIcon = ref("")
+const newBadgeConditionType = ref<"all_problems" | "problem_count" | "score">("all_problems")
+const newBadgeConditionValue = ref(1)
+
+// 预设奖章图标选项
+const badgeIconOptions = [
+  { label: "奖章1", value: "/badge-1.png", icon: "/badge-1.png" },
+  { label: "奖章2", value: "/badge-2.png", icon: "/badge-2.png" },
+  { label: "奖章3", value: "/badge-3.png", icon: "/badge-3.png" },
+  { label: "奖章4", value: "/badge-4.png", icon: "/badge-4.png" },
+  { label: "奖章5", value: "/badge-5.png", icon: "/badge-5.png" },
+]
+
+const conditionTypeOptions = [
+  { label: "完成所有题目", value: "all_problems" },
+  { label: "完成指定数量题目", value: "problem_count" },
+  { label: "达到指定分数", value: "score" },
+]
+
+function handleConfirm() {
+  const data: any = {
+    name: newBadgeName.value,
+    description: newBadgeDescription.value,
+    icon: newBadgeIcon.value,
+    condition_type: newBadgeConditionType.value,
+  }
+
+  // 只有非"完成所有题目"时才添加条件值
+  if (newBadgeConditionType.value !== "all_problems") {
+    data.condition_value = newBadgeConditionValue.value
+  }
+
+  emit("confirm", data)
+}
+
+function handleCancel() {
+  emit("update:show", false)
+}
+
+// 重置表单
+watch(() => props.show, (newVal) => {
+  if (newVal) {
+    newBadgeName.value = ""
+    newBadgeDescription.value = ""
+    newBadgeIcon.value = ""
+    newBadgeConditionType.value = "all_problems"
+    newBadgeConditionValue.value = 1
+  }
+})
+</script>
+
+<template>
+  <n-modal
+    :show="show"
+    preset="card"
+    title="添加奖章"
+    style="width: 500px"
+    @update:show="emit('update:show', $event)"
+  >
+    <n-form>
+      <n-form-item label="奖章名称" required>
+        <n-input v-model:value="newBadgeName" placeholder="请输入奖章名称" />
+      </n-form-item>
+      <n-form-item label="描述">
+        <n-input
+          v-model:value="newBadgeDescription"
+          type="textarea"
+          placeholder="奖章描述"
+        />
+      </n-form-item>
+      <n-form-item label="图标" required>
+        <n-flex align="center" gap="small">
+          <div
+            v-for="option in badgeIconOptions"
+            :key="option.value"
+            @click="newBadgeIcon = option.value"
+            :style="{
+              width: '60px',
+              height: '60px',
+              border:
+                newBadgeIcon === option.value
+                  ? '2px solid #1890ff'
+                  : '1px solid #d9d9d9',
+              borderRadius: '4px',
+              cursor: 'pointer',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor:
+                newBadgeIcon === option.value ? '#f0f8ff' : 'transparent',
+            }"
+          >
+            <n-image
+              :src="option.icon"
+              width="50"
+              height="50"
+              object-fit="cover"
+              preview-disabled
+              style="border-radius: 2px"
+            />
+          </div>
+        </n-flex>
+      </n-form-item>
+      <n-flex align="center">
+        <n-form-item label="获得条件">
+          <n-select
+            style="width: 200px"
+            v-model:value="newBadgeConditionType"
+            :options="conditionTypeOptions"
+          />
+        </n-form-item>
+        <n-form-item
+          label="条件值"
+          v-if="newBadgeConditionType !== 'all_problems'"
+        >
+          <n-input-number
+            style="width: 120px"
+            v-model:value="newBadgeConditionValue"
+            placeholder="条件值"
+          />
+        </n-form-item>
+      </n-flex>
+    </n-form>
+    <template #footer>
+      <n-flex justify="end">
+        <n-button @click="handleCancel">取消</n-button>
+        <n-button type="primary" @click="handleConfirm">确认</n-button>
+      </n-flex>
+    </template>
+  </n-modal>
+</template>
diff --git a/src/admin/problemset/components/AddProblemModal.vue b/src/admin/problemset/components/AddProblemModal.vue
new file mode 100644
index 0000000..dd8bf04
--- /dev/null
+++ b/src/admin/problemset/components/AddProblemModal.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+import { NModal, NForm, NFormItem, NInput, NInputNumber, NSwitch, NButton, NFlex } from "naive-ui"
+
+interface Props {
+  show: boolean
+}
+
+interface Emits {
+  (e: "update:show", value: boolean): void
+  (e: "confirm", data: {
+    problem_id: string
+    order: number
+    is_required: boolean
+    score: number
+    hint: string
+  }): void
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+const newProblemId = ref("")
+const newProblemOrder = ref(0)
+const newProblemRequired = ref(true)
+const newProblemScore = ref(0)
+const newProblemHint = ref("")
+
+function handleConfirm() {
+  emit("confirm", {
+    problem_id: newProblemId.value,
+    order: newProblemOrder.value,
+    is_required: newProblemRequired.value,
+    score: newProblemScore.value,
+    hint: newProblemHint.value,
+  })
+}
+
+function handleCancel() {
+  emit("update:show", false)
+}
+
+// 重置表单
+watch(() => props.show, (newVal) => {
+  if (newVal) {
+    newProblemId.value = ""
+    newProblemOrder.value = 0
+    newProblemRequired.value = true
+    newProblemScore.value = 0
+    newProblemHint.value = ""
+  }
+})
+</script>
+
+<template>
+  <n-modal
+    :show="show"
+    preset="card"
+    title="添加题目"
+    style="width: 500px"
+    @update:show="emit('update:show', $event)"
+  >
+    <n-form>
+      <n-form-item label="题目ID" required>
+        <n-input
+          v-model:value="newProblemId"
+          placeholder="请输入题目的显示ID（如：1001）"
+        />
+      </n-form-item>
+      <n-form-item label="顺序">
+        <n-input-number
+          v-model:value="newProblemOrder"
+          placeholder="题目在题单中的顺序"
+        />
+      </n-form-item>
+      <n-form-item label="是否必做">
+        <n-switch v-model:value="newProblemRequired" />
+      </n-form-item>
+      <n-form-item label="分数">
+        <n-input-number
+          v-model:value="newProblemScore"
+          placeholder="题目分数"
+        />
+      </n-form-item>
+      <n-form-item label="提示">
+        <n-input
+          v-model:value="newProblemHint"
+          type="textarea"
+          placeholder="题目提示"
+        />
+      </n-form-item>
+    </n-form>
+    <template #footer>
+      <n-flex justify="end">
+        <n-button @click="handleCancel">取消</n-button>
+        <n-button type="primary" @click="handleConfirm">确认</n-button>
+      </n-flex>
+    </template>
+  </n-modal>
+</template>
diff --git a/src/admin/problemset/components/BadgeManagement.vue b/src/admin/problemset/components/BadgeManagement.vue
new file mode 100644
index 0000000..30f6d1d
--- /dev/null
+++ b/src/admin/problemset/components/BadgeManagement.vue
@@ -0,0 +1,102 @@
+<script setup lang="ts">
+import { h } from "vue"
+import { NDataTable, NButton, NFlex, NImage } from "naive-ui"
+import { ProblemSetBadge } from "utils/types"
+
+interface Props {
+  badges: ProblemSetBadge[]
+}
+
+interface Emits {
+  (e: "add-badge"): void
+  (e: "edit-badge", badge: ProblemSetBadge): void
+  (e: "delete-badge", badgeId: number): void
+}
+
+defineProps<Props>()
+defineEmits<Emits>()
+</script>
+
+<template>
+  <div>
+    <n-flex
+      justify="space-between"
+      align="center"
+      style="margin-bottom: 16px"
+    >
+      <h3>奖章列表</h3>
+      <n-button type="primary" @click="$emit('add-badge')">
+        添加奖章
+      </n-button>
+    </n-flex>
+    <n-data-table
+      :columns="[
+        {
+          title: '图标',
+          key: 'icon',
+          render: (row) =>
+            h(NImage, {
+              src: row.icon,
+              width: 40,
+              height: 40,
+              objectFit: 'cover',
+              previewDisabled: true,
+              style: 'border-radius: 4px; border: 1px solid #d9d9d9',
+            }),
+        },
+        { title: '名称', key: 'name' },
+        {
+          title: '条件类型',
+          key: 'condition_type',
+          render: (row) => {
+            const typeMap: Record<string, string> = {
+              all_problems: '完成所有题目',
+              problem_count: '完成指定数量题目',
+              score: '达到指定分数',
+            }
+            return typeMap[row.condition_type] || row.condition_type
+          },
+        },
+        {
+          title: '条件值',
+          key: 'condition_value',
+          render: (row) => {
+            return row.condition_type === 'all_problems'
+              ? '-'
+              : row.condition_value
+          },
+        },
+        { title: '描述', key: 'description' },
+        {
+          title: '操作',
+          key: 'actions',
+          width: 160,
+          render: (row) =>
+            h('div', { style: 'display: flex; gap: 8px;' }, [
+              h(
+                NButton,
+                {
+                  size: 'small',
+                  type: 'primary',
+                  secondary: true,
+                  onClick: () => $emit('edit-badge', row),
+                },
+                { default: () => '编辑' },
+              ),
+              h(
+                NButton,
+                {
+                  size: 'small',
+                  type: 'error',
+                  secondary: true,
+                  onClick: () => $emit('delete-badge', row.id),
+                },
+                { default: () => '删除' },
+              ),
+            ]),
+        },
+      ]"
+      :data="badges"
+    />
+  </div>
+</template>
diff --git a/src/admin/problemset/components/EditBadgeModal.vue b/src/admin/problemset/components/EditBadgeModal.vue
new file mode 100644
index 0000000..d0fe361
--- /dev/null
+++ b/src/admin/problemset/components/EditBadgeModal.vue
@@ -0,0 +1,156 @@
+<script setup lang="ts">
+import { NModal, NForm, NFormItem, NInput, NInputNumber, NSelect, NButton, NFlex, NImage } from "naive-ui"
+import { ProblemSetBadge } from "utils/types"
+
+interface Props {
+  show: boolean
+  badge: ProblemSetBadge | null
+}
+
+interface Emits {
+  (e: "update:show", value: boolean): void
+  (e: "confirm", data: {
+    name: string
+    description: string
+    icon: string
+    condition_type: "all_problems" | "problem_count" | "score"
+    condition_value?: number
+  }): void
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+const editBadgeName = ref("")
+const editBadgeDescription = ref("")
+const editBadgeIcon = ref("")
+const editBadgeConditionType = ref<"all_problems" | "problem_count" | "score">("all_problems")
+const editBadgeConditionValue = ref(1)
+
+// 预设奖章图标选项
+const badgeIconOptions = [
+  { label: "奖章1", value: "/badge-1.png", icon: "/badge-1.png" },
+  { label: "奖章2", value: "/badge-2.png", icon: "/badge-2.png" },
+  { label: "奖章3", value: "/badge-3.png", icon: "/badge-3.png" },
+  { label: "奖章4", value: "/badge-4.png", icon: "/badge-4.png" },
+  { label: "奖章5", value: "/badge-5.png", icon: "/badge-5.png" },
+]
+
+const conditionTypeOptions = [
+  { label: "完成所有题目", value: "all_problems" },
+  { label: "完成指定数量题目", value: "problem_count" },
+  { label: "达到指定分数", value: "score" },
+]
+
+function handleConfirm() {
+  const data: any = {
+    name: editBadgeName.value,
+    description: editBadgeDescription.value,
+    icon: editBadgeIcon.value,
+    condition_type: editBadgeConditionType.value,
+  }
+
+  // 只有非"完成所有题目"时才添加条件值
+  if (editBadgeConditionType.value !== "all_problems") {
+    data.condition_value = editBadgeConditionValue.value
+  }
+
+  emit("confirm", data)
+}
+
+function handleCancel() {
+  emit("update:show", false)
+}
+
+// 当奖章数据变化时，更新表单数据
+watch(() => props.badge, (newBadge) => {
+  if (newBadge) {
+    editBadgeName.value = newBadge.name
+    editBadgeDescription.value = newBadge.description
+    editBadgeIcon.value = newBadge.icon
+    editBadgeConditionType.value = newBadge.condition_type
+    editBadgeConditionValue.value = newBadge.condition_value
+  }
+}, { immediate: true })
+</script>
+
+<template>
+  <n-modal
+    :show="show"
+    preset="card"
+    title="编辑奖章"
+    style="width: 500px"
+    @update:show="emit('update:show', $event)"
+  >
+    <n-form v-if="badge">
+      <n-form-item label="奖章名称" required>
+        <n-input v-model:value="editBadgeName" placeholder="请输入奖章名称" />
+      </n-form-item>
+      <n-form-item label="描述">
+        <n-input
+          v-model:value="editBadgeDescription"
+          type="textarea"
+          placeholder="奖章描述"
+        />
+      </n-form-item>
+      <n-form-item label="图标" required>
+        <n-flex align="center" gap="small">
+          <div
+            v-for="option in badgeIconOptions"
+            :key="option.value"
+            @click="editBadgeIcon = option.value"
+            :style="{
+              width: '60px',
+              height: '60px',
+              border:
+                editBadgeIcon === option.value
+                  ? '2px solid #1890ff'
+                  : '1px solid #d9d9d9',
+              borderRadius: '4px',
+              cursor: 'pointer',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor:
+                editBadgeIcon === option.value ? '#f0f8ff' : 'transparent',
+            }"
+          >
+            <n-image
+              :src="option.icon"
+              width="50"
+              height="50"
+              object-fit="cover"
+              style="border-radius: 2px"
+              preview-disabled
+            />
+          </div>
+        </n-flex>
+      </n-form-item>
+      <n-flex align="center">
+        <n-form-item label="获得条件">
+          <n-select
+            style="width: 200px"
+            v-model:value="editBadgeConditionType"
+            :options="conditionTypeOptions"
+          />
+        </n-form-item>
+        <n-form-item
+          label="条件值"
+          v-if="editBadgeConditionType !== 'all_problems'"
+        >
+          <n-input-number
+            style="width: 120px"
+            v-model:value="editBadgeConditionValue"
+            placeholder="条件值"
+          />
+        </n-form-item>
+      </n-flex>
+    </n-form>
+    <template #footer>
+      <n-flex justify="end">
+        <n-button @click="handleCancel">取消</n-button>
+        <n-button type="primary" @click="handleConfirm">确认</n-button>
+      </n-flex>
+    </template>
+  </n-modal>
+</template>
diff --git a/src/admin/problemset/components/EditProblemModal.vue b/src/admin/problemset/components/EditProblemModal.vue
new file mode 100644
index 0000000..db37376
--- /dev/null
+++ b/src/admin/problemset/components/EditProblemModal.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import { NModal, NForm, NFormItem, NInput, NInputNumber, NSwitch, NButton, NFlex } from "naive-ui"
+import { ProblemSetProblem } from "utils/types"
+
+interface Props {
+  show: boolean
+  problem: ProblemSetProblem | null
+}
+
+interface Emits {
+  (e: "update:show", value: boolean): void
+  (e: "confirm", data: {
+    order: number
+    is_required: boolean
+    score: number
+    hint: string
+  }): void
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+const editProblemOrder = ref(0)
+const editProblemRequired = ref(true)
+const editProblemScore = ref(0)
+const editProblemHint = ref("")
+
+function handleConfirm() {
+  emit("confirm", {
+    order: editProblemOrder.value,
+    is_required: editProblemRequired.value,
+    score: editProblemScore.value,
+    hint: editProblemHint.value,
+  })
+}
+
+function handleCancel() {
+  emit("update:show", false)
+}
+
+// 当问题数据变化时，更新表单数据
+watch(() => props.problem, (newProblem) => {
+  if (newProblem) {
+    editProblemOrder.value = newProblem.order
+    editProblemRequired.value = newProblem.is_required
+    editProblemScore.value = newProblem.score
+    editProblemHint.value = newProblem.hint
+  }
+}, { immediate: true })
+</script>
+
+<template>
+  <n-modal
+    :show="show"
+    preset="card"
+    title="编辑题目"
+    style="width: 500px"
+    @update:show="emit('update:show', $event)"
+  >
+    <n-form v-if="problem">
+      <n-form-item label="题目标题">
+        <n-input :value="problem.problem.title" disabled />
+      </n-form-item>
+      <n-form-item label="顺序">
+        <n-input-number
+          v-model:value="editProblemOrder"
+          placeholder="题目在题单中的顺序"
+        />
+      </n-form-item>
+      <n-form-item label="是否必做">
+        <n-switch v-model:value="editProblemRequired" />
+      </n-form-item>
+      <n-form-item label="分数">
+        <n-input-number
+          v-model:value="editProblemScore"
+          placeholder="题目分数"
+        />
+      </n-form-item>
+      <n-form-item label="提示">
+        <n-input
+          v-model:value="editProblemHint"
+          type="textarea"
+          placeholder="题目提示"
+        />
+      </n-form-item>
+    </n-form>
+    <template #footer>
+      <n-flex justify="end">
+        <n-button @click="handleCancel">取消</n-button>
+        <n-button type="primary" @click="handleConfirm">确认</n-button>
+      </n-flex>
+    </template>
+  </n-modal>
+</template>
diff --git a/src/admin/problemset/components/ProblemManagement.vue b/src/admin/problemset/components/ProblemManagement.vue
new file mode 100644
index 0000000..65d21a1
--- /dev/null
+++ b/src/admin/problemset/components/ProblemManagement.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { h } from "vue"
+import { NDataTable, NButton, NFlex } from "naive-ui"
+import { ProblemSetProblem } from "utils/types"
+
+interface Props {
+  problems: ProblemSetProblem[]
+}
+
+interface Emits {
+  (e: "add-problem"): void
+  (e: "edit-problem", problem: ProblemSetProblem): void
+  (e: "remove-problem", problemSetProblemId: number): void
+}
+
+defineProps<Props>()
+defineEmits<Emits>()
+</script>
+
+<template>
+  <div>
+    <n-flex
+      justify="space-between"
+      align="center"
+      style="margin-bottom: 16px"
+    >
+      <h3>题目列表</h3>
+      <n-button type="primary" @click="$emit('add-problem')">
+        添加题目
+      </n-button>
+    </n-flex>
+    <n-data-table
+      :columns="[
+        { title: '题目ID', key: 'problem._id', width: 80 },
+        { title: '题目标题', key: 'problem.title', minWidth: 200 },
+        { title: '顺序', key: 'order', width: 80 },
+        {
+          title: '必做',
+          key: 'is_required',
+          width: 80,
+          render: (row) => (row.is_required ? '是' : '否'),
+        },
+        { title: '分数', key: 'score', width: 80 },
+        { title: '提示', key: 'hint', minWidth: 200 },
+        {
+          title: '操作',
+          key: 'actions',
+          width: 160,
+          render: (row) =>
+            h('div', { style: 'display: flex; gap: 8px;' }, [
+              h(
+                NButton,
+                {
+                  size: 'small',
+                  type: 'primary',
+                  secondary: true,
+                  onClick: () => $emit('edit-problem', row),
+                },
+                { default: () => '编辑' },
+              ),
+              h(
+                NButton,
+                {
+                  size: 'small',
+                  type: 'error',
+                  secondary: true,
+                  onClick: () => $emit('remove-problem', row.id),
+                },
+                { default: () => '移除' },
+              ),
+            ]),
+        },
+      ]"
+      :data="problems"
+    />
+  </div>
+</template>
diff --git a/src/admin/problemset/components/ProblemSetInfo.vue b/src/admin/problemset/components/ProblemSetInfo.vue
new file mode 100644
index 0000000..d5a1cc2
--- /dev/null
+++ b/src/admin/problemset/components/ProblemSetInfo.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { NCard, NTag, NButton, NFlex } from "naive-ui"
+import { parseTime } from "utils/functions"
+import { ProblemSet } from "utils/types"
+
+interface Props {
+  problemSet: ProblemSet
+}
+
+defineProps<Props>()
+</script>
+
+<template>
+  <n-card title="题单信息" style="margin-bottom: 16px">
+    <n-flex vertical gap="medium">
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">描述：</span>
+        <span>{{ problemSet.description }}</span>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">创建者：</span>
+        <span>{{ problemSet.created_by.username }}</span>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">难度：</span>
+        <n-tag
+          :type="
+            problemSet.difficulty === 'Easy'
+              ? 'success'
+              : problemSet.difficulty === 'Medium'
+                ? 'warning'
+                : 'error'
+          "
+        >
+          {{
+            problemSet.difficulty === "Easy"
+              ? "简单"
+              : problemSet.difficulty === "Medium"
+                ? "中等"
+                : "困难"
+          }}
+        </n-tag>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">状态：</span>
+        <n-tag
+          :type="
+            problemSet.status === 'active'
+              ? 'success'
+              : problemSet.status === 'archived'
+                ? 'default'
+                : 'info'
+          "
+        >
+          {{
+            problemSet.status === "active"
+              ? "活跃"
+              : problemSet.status === "archived"
+                ? "已归档"
+                : "草稿"
+          }}
+        </n-tag>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">可见：</span>
+        <span>{{ problemSet.visible ? "是" : "否" }}</span>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">题目数量：</span>
+        <span>{{ problemSet.problems_count }}</span>
+      </n-flex>
+      <n-flex>
+        <span style="width: 100px; font-weight: bold">创建时间：</span>
+        <span>{{
+          parseTime(problemSet.create_time, "YYYY-MM-DD HH:mm:ss")
+        }}</span>
+      </n-flex>
+    </n-flex>
+  </n-card>
+</template>
diff --git a/src/admin/problemset/components/ProgressManagement.vue b/src/admin/problemset/components/ProgressManagement.vue
new file mode 100644
index 0000000..feefc84
--- /dev/null
+++ b/src/admin/problemset/components/ProgressManagement.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { h } from "vue"
+import { NDataTable, NButton, NFlex } from "naive-ui"
+import { parseTime } from "utils/functions"
+import { ProblemSetProgress } from "utils/types"
+
+interface Props {
+  progress: ProblemSetProgress[]
+}
+
+interface Emits {
+  (e: "remove-user", userId: number): void
+}
+
+defineProps<Props>()
+const emit = defineEmits<Emits>()
+
+// 定义表格列
+const progressColumns = [
+  { title: "用户", key: "user.username", width: 120 },
+  {
+    title: "加入时间",
+    key: "join_time",
+    width: 180,
+    render: (row: ProblemSetProgress) =>
+      parseTime(row.join_time, "YYYY-MM-DD HH:mm:ss"),
+  },
+  { title: "已完成", key: "completed_problems_count", width: 100 },
+  { title: "总题目", key: "total_problems_count", width: 100 },
+  {
+    title: "进度",
+    key: "progress_percentage",
+    width: 100,
+    render: (row: ProblemSetProgress) => `${row.progress_percentage}%`,
+  },
+  {
+    title: "是否完成",
+    key: "is_completed",
+    width: 100,
+    render: (row: ProblemSetProgress) => (row.is_completed ? "是" : "否"),
+  },
+  {
+    title: "操作",
+    key: "actions",
+    width: 120,
+    render: (row: ProblemSetProgress) =>
+      h(
+        NButton,
+        {
+          size: "small",
+          type: "error",
+          secondary: true,
+          onClick: () => emit("remove-user", row.user.id),
+        },
+        { default: () => "移除" },
+      ),
+  },
+]
+</script>
+
+<template>
+  <div>
+    <n-flex
+      justify="space-between"
+      align="center"
+      style="margin-bottom: 16px"
+    >
+      <h3>用户进度</h3>
+    </n-flex>
+    <n-data-table :columns="progressColumns" :data="progress" />
+  </div>
+</template>
diff --git a/src/admin/problemset/detail.vue b/src/admin/problemset/detail.vue
index 0950e20..080bdee 100644
--- a/src/admin/problemset/detail.vue
+++ b/src/admin/problemset/detail.vue
@@ -1,19 +1,32 @@
 <script setup lang="ts">
-import { h } from "vue"
-import { NTabPane, NTabs, NCard, NTag, NButton, NModal, NForm, NFormItem, NInput, NSelect, NSwitch, NInputNumber } from "naive-ui"
-import { parseTime } from "utils/functions"
-import { ProblemSet, ProblemSetProblem, ProblemSetBadge, ProblemSetProgress } from "utils/types"
+import { NTabPane, NTabs, NButton, NFlex } from "naive-ui"
+import {
+  ProblemSet,
+  ProblemSetProblem,
+  ProblemSetBadge,
+  ProblemSetProgress,
+} from "utils/types"
 import {
   getProblemSetDetail,
   getProblemSetProblems,
   getProblemSetBadges,
   getProblemSetProgress,
   addProblemToSet,
+  editProblemInSet,
   removeProblemFromSet,
   createProblemSetBadge,
+  editProblemSetBadge,
   deleteProblemSetBadge,
   removeUserFromProblemSet,
 } from "../api"
+import ProblemSetInfo from "./components/ProblemSetInfo.vue"
+import ProblemManagement from "./components/ProblemManagement.vue"
+import BadgeManagement from "./components/BadgeManagement.vue"
+import ProgressManagement from "./components/ProgressManagement.vue"
+import AddProblemModal from "./components/AddProblemModal.vue"
+import EditProblemModal from "./components/EditProblemModal.vue"
+import AddBadgeModal from "./components/AddBadgeModal.vue"
+import EditBadgeModal from "./components/EditBadgeModal.vue"
 
 const route = useRoute()
 const router = useRouter()
@@ -26,64 +39,15 @@ const problems = ref<ProblemSetProblem[]>([])
 const badges = ref<ProblemSetBadge[]>([])
 const progress = ref<ProblemSetProgress[]>([])
 
-// 添加题目相关
+// 模态框状态
 const showAddProblemModal = ref(false)
-const newProblemId = ref<number | null>(null)
-const newProblemOrder = ref(0)
-const newProblemRequired = ref(true)
-const newProblemScore = ref(0)
-const newProblemHint = ref("")
-
-// 添加奖章相关
+const showEditProblemModal = ref(false)
 const showAddBadgeModal = ref(false)
-const newBadgeName = ref("")
-const newBadgeDescription = ref("")
-const newBadgeIcon = ref("")
-const newBadgeConditionType = ref<"all_problems" | "problem_count" | "score">("all_problems")
-const newBadgeConditionValue = ref(1)
-const newBadgeLevel = ref(1)
+const showEditBadgeModal = ref(false)
 
-const conditionTypeOptions = [
-  { label: "完成所有题目", value: "all_problems" },
-  { label: "完成指定数量题目", value: "problem_count" },
-  { label: "达到指定分数", value: "score" },
-]
-
-// 定义表格列
-const progressColumns = [
-  { title: '用户', key: 'user.username', width: 120 },
-  { 
-    title: '加入时间', 
-    key: 'join_time', 
-    width: 180, 
-    render: (row: ProblemSetProgress) => parseTime(row.join_time, "YYYY-MM-DD HH:mm:ss") 
-  },
-  { title: '已完成', key: 'completed_problems_count', width: 100 },
-  { title: '总题目', key: 'total_problems_count', width: 100 },
-  { 
-    title: '进度', 
-    key: 'progress_percentage', 
-    width: 100, 
-    render: (row: ProblemSetProgress) => `${row.progress_percentage}%` 
-  },
-  { 
-    title: '是否完成', 
-    key: 'is_completed', 
-    width: 100, 
-    render: (row: ProblemSetProgress) => row.is_completed ? '是' : '否' 
-  },
-  {
-    title: '操作',
-    key: 'actions',
-    width: 120,
-    render: (row: ProblemSetProgress) => h(NButton, {
-      size: 'small',
-      type: 'error',
-      secondary: true,
-      onClick: () => handleRemoveUser(row.user.id)
-    }, { default: () => '移除' })
-  }
-]
+// 编辑数据
+const editingProblem = ref<ProblemSetProblem | null>(null)
+const editingBadge = ref<ProblemSetBadge | null>(null)
 
 async function loadProblemSetDetail() {
   try {
@@ -121,20 +85,9 @@ async function loadProgress() {
   }
 }
 
-async function handleAddProblem() {
-  if (!newProblemId.value) {
-    message.error("请输入题目ID")
-    return
-  }
-
+async function handleAddProblem(data: any) {
   try {
-    await addProblemToSet(problemSetId.value, {
-      problem_id: newProblemId.value,
-      order: newProblemOrder.value,
-      is_required: newProblemRequired.value,
-      score: newProblemScore.value,
-      hint: newProblemHint.value,
-    })
+    await addProblemToSet(problemSetId.value, data)
     message.success("题目添加成功")
     showAddProblemModal.value = false
     loadProblems()
@@ -144,9 +97,9 @@ async function handleAddProblem() {
   }
 }
 
-async function handleRemoveProblem(problemId: number) {
+async function handleRemoveProblem(problemSetProblemId: number) {
   try {
-    await removeProblemFromSet(problemSetId.value, problemId)
+    await removeProblemFromSet(problemSetId.value, problemSetProblemId)
     message.success("题目移除成功")
     loadProblems()
     loadProblemSetDetail() // 刷新题目数量
@@ -155,21 +108,22 @@ async function handleRemoveProblem(problemId: number) {
   }
 }
 
-async function handleAddBadge() {
-  if (!newBadgeName.value.trim()) {
-    message.error("请输入奖章名称")
-    return
-  }
+async function handleEditProblem(data: any) {
+  if (!editingProblem.value) return
 
   try {
-    await createProblemSetBadge(problemSetId.value, {
-      name: newBadgeName.value,
-      description: newBadgeDescription.value,
-      icon: newBadgeIcon.value,
-      condition_type: newBadgeConditionType.value,
-      condition_value: newBadgeConditionValue.value,
-      level: newBadgeLevel.value,
-    })
+    await editProblemInSet(problemSetId.value, editingProblem.value.id, data)
+    message.success("题目编辑成功")
+    showEditProblemModal.value = false
+    loadProblems()
+  } catch (err: any) {
+    message.error("编辑题目失败：" + (err.data || "未知错误"))
+  }
+}
+
+async function handleAddBadge(data: any) {
+  try {
+    await createProblemSetBadge(problemSetId.value, data)
     message.success("奖章创建成功")
     showAddBadgeModal.value = false
     loadBadges()
@@ -188,6 +142,19 @@ async function handleDeleteBadge(badgeId: number) {
   }
 }
 
+async function handleEditBadge(data: any) {
+  if (!editingBadge.value) return
+
+  try {
+    await editProblemSetBadge(problemSetId.value, editingBadge.value.id, data)
+    message.success("奖章编辑成功")
+    showEditBadgeModal.value = false
+    loadBadges()
+  } catch (err: any) {
+    message.error("编辑奖章失败：" + (err.data || "未知错误"))
+  }
+}
+
 async function handleRemoveUser(userId: number) {
   try {
     await removeUserFromProblemSet(problemSetId.value, userId)
@@ -199,24 +166,23 @@ async function handleRemoveUser(userId: number) {
 }
 
 function openAddProblemModal() {
-  newProblemId.value = null
-  newProblemOrder.value = 0
-  newProblemRequired.value = true
-  newProblemScore.value = 0
-  newProblemHint.value = ""
   showAddProblemModal.value = true
 }
 
 function openAddBadgeModal() {
-  newBadgeName.value = ""
-  newBadgeDescription.value = ""
-  newBadgeIcon.value = ""
-  newBadgeConditionType.value = "all_problems"
-  newBadgeConditionValue.value = 1
-  newBadgeLevel.value = 1
   showAddBadgeModal.value = true
 }
 
+function openEditProblemModal(problem: ProblemSetProblem) {
+  editingProblem.value = problem
+  showEditProblemModal.value = true
+}
+
+function openEditBadgeModal(badge: ProblemSetBadge) {
+  editingBadge.value = badge
+  showEditBadgeModal.value = true
+}
+
 onMounted(() => {
   loadProblemSetDetail()
   loadProblems()
@@ -228,191 +194,71 @@ onMounted(() => {
 <template>
   <div v-if="problemSet">
     <n-flex class="titleWrapper" justify="space-between" align="center">
-      <n-flex align="center">
-        <n-button @click="router.back()" secondary>
-          ← 返回
-        </n-button>
-        <h2 class="title">{{ problemSet.title }}</h2>
-      </n-flex>
+      <h2 class="title">{{ problemSet.title }}</h2>
       <n-button
         type="primary"
-        @click="router.push({ name: 'admin problemset edit', params: { problemSetId } })"
+        @click="
+          router.push({
+            name: 'admin problemset edit',
+            params: { problemSetId },
+          })
+        "
       >
         编辑题单
       </n-button>
     </n-flex>
 
-    <n-card title="题单信息" style="margin-bottom: 16px">
-      <n-flex vertical gap="medium">
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">描述：</span>
-          <span>{{ problemSet.description }}</span>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">创建者：</span>
-          <span>{{ problemSet.created_by.username }}</span>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">难度：</span>
-          <n-tag :type="problemSet.difficulty === 'Easy' ? 'success' : problemSet.difficulty === 'Medium' ? 'warning' : 'error'">
-            {{ problemSet.difficulty === 'Easy' ? '简单' : problemSet.difficulty === 'Medium' ? '中等' : '困难' }}
-          </n-tag>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">状态：</span>
-          <n-tag :type="problemSet.status === 'active' ? 'success' : problemSet.status === 'archived' ? 'default' : 'info'">
-            {{ problemSet.status === 'active' ? '活跃' : problemSet.status === 'archived' ? '已归档' : '草稿' }}
-          </n-tag>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">公开：</span>
-          <span>{{ problemSet.is_public ? '是' : '否' }}</span>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">可见：</span>
-          <span>{{ problemSet.visible ? '是' : '否' }}</span>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">题目数量：</span>
-          <span>{{ problemSet.problems_count }}</span>
-        </n-flex>
-        <n-flex>
-          <span style="width: 100px; font-weight: bold">创建时间：</span>
-          <span>{{ parseTime(problemSet.create_time, "YYYY-MM-DD HH:mm:ss") }}</span>
-        </n-flex>
-      </n-flex>
-    </n-card>
+    <ProblemSetInfo :problem-set="problemSet" />
 
     <n-tabs type="line">
       <n-tab-pane name="problems" tab="题目管理">
-        <n-flex justify="space-between" align="center" style="margin-bottom: 16px">
-          <h3>题目列表</h3>
-          <n-button type="primary" @click="openAddProblemModal">
-            添加题目
-          </n-button>
-        </n-flex>
-        <n-data-table
-          :columns="[
-            { title: '题目ID', key: 'problem.id', width: 80 },
-            { title: '题目标题', key: 'problem.title', minWidth: 200 },
-            { title: '顺序', key: 'order', width: 80 },
-            { title: '必做', key: 'is_required', width: 80, render: (row) => row.is_required ? '是' : '否' },
-            { title: '分数', key: 'score', width: 80 },
-            { title: '提示', key: 'hint', minWidth: 200 },
-            {
-              title: '操作',
-              key: 'actions',
-              width: 120,
-              render: (row) => h(NButton, {
-                size: 'small',
-                type: 'error',
-                secondary: true,
-                onClick: () => handleRemoveProblem(row.problem.id)
-              }, { default: () => '移除' })
-            }
-          ]"
-          :data="problems"
+        <ProblemManagement
+          :problems="problems"
+          @add-problem="openAddProblemModal"
+          @edit-problem="openEditProblemModal"
+          @remove-problem="handleRemoveProblem"
         />
       </n-tab-pane>
 
       <n-tab-pane name="badges" tab="奖章管理">
-        <n-flex justify="space-between" align="center" style="margin-bottom: 16px">
-          <h3>奖章列表</h3>
-          <n-button type="primary" @click="openAddBadgeModal">
-            添加奖章
-          </n-button>
-        </n-flex>
-        <n-data-table
-          :columns="[
-            { title: '名称', key: 'name', minWidth: 150 },
-            { title: '描述', key: 'description', minWidth: 200 },
-            { title: '图标', key: 'icon', width: 100 },
-            { title: '条件类型', key: 'condition_type', width: 120 },
-            { title: '条件值', key: 'condition_value', width: 100 },
-            { title: '等级', key: 'level', width: 80 },
-            {
-              title: '操作',
-              key: 'actions',
-              width: 120,
-              render: (row) => h(NButton, {
-                size: 'small',
-                type: 'error',
-                secondary: true,
-                onClick: () => handleDeleteBadge(row.id)
-              }, { default: () => '删除' })
-            }
-          ]"
-          :data="badges"
+        <BadgeManagement
+          :badges="badges"
+          @add-badge="openAddBadgeModal"
+          @edit-badge="openEditBadgeModal"
+          @delete-badge="handleDeleteBadge"
         />
       </n-tab-pane>
 
       <n-tab-pane name="progress" tab="进度管理">
-        <n-flex justify="space-between" align="center" style="margin-bottom: 16px">
-          <h3>用户进度</h3>
-        </n-flex>
-        <n-data-table
-          :columns="progressColumns"
-          :data="progress"
+        <ProgressManagement
+          :progress="progress"
+          @remove-user="handleRemoveUser"
         />
       </n-tab-pane>
     </n-tabs>
 
-    <!-- 添加题目模态框 -->
-    <n-modal v-model:show="showAddProblemModal" preset="card" title="添加题目" style="width: 500px">
-      <n-form>
-        <n-form-item label="题目ID" required>
-          <n-input-number v-model:value="newProblemId" placeholder="请输入题目ID" />
-        </n-form-item>
-        <n-form-item label="顺序">
-          <n-input-number v-model:value="newProblemOrder" placeholder="题目在题单中的顺序" />
-        </n-form-item>
-        <n-form-item label="是否必做">
-          <n-switch v-model:value="newProblemRequired" />
-        </n-form-item>
-        <n-form-item label="分数">
-          <n-input-number v-model:value="newProblemScore" placeholder="题目分数" />
-        </n-form-item>
-        <n-form-item label="提示">
-          <n-input v-model:value="newProblemHint" type="textarea" placeholder="题目提示" />
-        </n-form-item>
-      </n-form>
-      <template #footer>
-        <n-flex justify="end">
-          <n-button @click="showAddProblemModal = false">取消</n-button>
-          <n-button type="primary" @click="handleAddProblem">确认</n-button>
-        </n-flex>
-      </template>
-    </n-modal>
-
-    <!-- 添加奖章模态框 -->
-    <n-modal v-model:show="showAddBadgeModal" preset="card" title="添加奖章" style="width: 500px">
-      <n-form>
-        <n-form-item label="奖章名称" required>
-          <n-input v-model:value="newBadgeName" placeholder="请输入奖章名称" />
-        </n-form-item>
-        <n-form-item label="描述">
-          <n-input v-model:value="newBadgeDescription" type="textarea" placeholder="奖章描述" />
-        </n-form-item>
-        <n-form-item label="图标">
-          <n-input v-model:value="newBadgeIcon" placeholder="奖章图标" />
-        </n-form-item>
-        <n-form-item label="条件类型">
-          <n-select v-model:value="newBadgeConditionType" :options="conditionTypeOptions" />
-        </n-form-item>
-        <n-form-item label="条件值">
-          <n-input-number v-model:value="newBadgeConditionValue" placeholder="条件值" />
-        </n-form-item>
-        <n-form-item label="等级">
-          <n-input-number v-model:value="newBadgeLevel" placeholder="奖章等级" />
-        </n-form-item>
-      </n-form>
-      <template #footer>
-        <n-flex justify="end">
-          <n-button @click="showAddBadgeModal = false">取消</n-button>
-          <n-button type="primary" @click="handleAddBadge">确认</n-button>
-        </n-flex>
-      </template>
-    </n-modal>
+    <!-- 模态框组件 -->
+    <AddProblemModal
+      v-model:show="showAddProblemModal"
+      @confirm="handleAddProblem"
+    />
+    
+    <EditProblemModal
+      v-model:show="showEditProblemModal"
+      :problem="editingProblem"
+      @confirm="handleEditProblem"
+    />
+    
+    <AddBadgeModal
+      v-model:show="showAddBadgeModal"
+      @confirm="handleAddBadge"
+    />
+    
+    <EditBadgeModal
+      v-model:show="showEditBadgeModal"
+      :badge="editingBadge"
+      @confirm="handleEditBadge"
+    />
   </div>
 </template>
 
diff --git a/src/admin/problemset/edit.vue b/src/admin/problemset/edit.vue
index 579cb5e..7f76913 100644
--- a/src/admin/problemset/edit.vue
+++ b/src/admin/problemset/edit.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { NForm, NFormItem, NInput, NSelect, NSwitch, NButton, NCard } from "naive-ui"
-import { ProblemSet, CreateProblemSetData, EditProblemSetData } from "utils/types"
+import { CreateProblemSetData, EditProblemSetData } from "utils/types"
 import { getProblemSetDetail, createProblemSet, editProblemSet } from "../api"
 
 const route = useRoute()
@@ -10,12 +9,12 @@ const message = useMessage()
 const problemSetId = computed(() => Number(route.params.problemSetId))
 const isEdit = computed(() => !!problemSetId.value)
 
-const formData = ref<CreateProblemSetData & EditProblemSetData>({
+const formData = ref<CreateProblemSetData & Partial<EditProblemSetData>>({
   title: "",
   description: "",
   difficulty: "Easy",
-  is_public: true,
-  status: "active",
+  status: "draft",
+  visible: false,
 })
 
 const difficultyOptions = [
@@ -43,7 +42,6 @@ async function loadProblemSetDetail() {
       title: data.title,
       description: data.description,
       difficulty: data.difficulty,
-      is_public: data.is_public,
       status: data.status,
       visible: data.visible,
     }
@@ -53,12 +51,12 @@ async function loadProblemSetDetail() {
 }
 
 async function handleSubmit() {
-  if (!formData.value.title.trim()) {
+  if (!formData.value.title?.trim()) {
     message.error("请输入题单标题")
     return
   }
 
-  if (!formData.value.description.trim()) {
+  if (!formData.value.description?.trim()) {
     message.error("请输入题单描述")
     return
   }
@@ -75,7 +73,11 @@ async function handleSubmit() {
     }
     router.push({ name: "admin problemset list" })
   } catch (err: any) {
-    message.error((isEdit.value ? "更新" : "创建") + "题单失败：" + (err.data || "未知错误"))
+    message.error(
+      (isEdit.value ? "更新" : "创建") +
+        "题单失败：" +
+        (err.data || "未知错误"),
+    )
   } finally {
     loading.value = false
   }
@@ -89,25 +91,39 @@ onMounted(() => {
 </script>
 
 <template>
-  <n-card>
-    <template #header>
-      <n-flex align="center">
-        <n-button @click="router.back()" secondary>
-          ← 返回
-        </n-button>
-        <h2 class="title">{{ isEdit ? '编辑题单' : '创建题单' }}</h2>
-      </n-flex>
-    </template>
+  <div>
+    <h2 class="title">{{ isEdit ? "编辑题单" : "创建题单" }}</h2>
 
-    <n-form :model="formData" label-placement="left" label-width="100px">
-      <n-form-item label="题单标题" required>
-        <n-input
-          v-model:value="formData.title"
-          placeholder="请输入题单标题"
-          maxlength="200"
-          show-count
-        />
-      </n-form-item>
+    <n-form :model="formData" label-placement="top">
+      <n-flex>
+        <n-form-item label="题单标题" required>
+          <n-input
+            v-model:value="formData.title"
+            placeholder="请输入题单标题"
+            maxlength="200"
+            show-count
+          />
+        </n-form-item>
+        <n-form-item label="难度">
+          <n-select
+            style="width: 100px"
+            v-model:value="formData.difficulty"
+            :options="difficultyOptions"
+            placeholder="选择难度"
+          />
+        </n-form-item>
+        <n-form-item label="状态">
+          <n-select
+            style="width: 100px"
+            v-model:value="formData.status"
+            :options="statusOptions"
+            placeholder="选择状态"
+          />
+        </n-form-item>
+        <n-form-item v-if="isEdit" label="是否可见">
+          <n-switch v-model:value="formData.visible" />
+        </n-form-item>
+      </n-flex>
 
       <n-form-item label="题单描述" required>
         <n-input
@@ -117,51 +133,17 @@ onMounted(() => {
           :rows="4"
         />
       </n-form-item>
-
-      <n-form-item label="难度">
-        <n-select
-          v-model:value="formData.difficulty"
-          :options="difficultyOptions"
-          placeholder="选择难度"
-        />
-      </n-form-item>
-
-      <n-form-item label="状态">
-        <n-select
-          v-model:value="formData.status"
-          :options="statusOptions"
-          placeholder="选择状态"
-        />
-      </n-form-item>
-
-      <n-form-item label="是否公开">
-        <n-switch v-model:value="formData.is_public" />
-      </n-form-item>
-
-      <n-form-item v-if="isEdit" label="是否可见">
-        <n-switch v-model:value="formData.visible" />
-      </n-form-item>
-
       <n-form-item>
-        <n-flex gap="medium">
-          <n-button
-            type="primary"
-            :loading="loading"
-            @click="handleSubmit"
-          >
-            {{ isEdit ? '更新' : '创建' }}
-          </n-button>
-          <n-button @click="router.back()">
-            取消
-          </n-button>
-        </n-flex>
+        <n-button type="primary" :loading="loading" @click="handleSubmit">
+          {{ isEdit ? "更新" : "创建" }}
+        </n-button>
       </n-form-item>
     </n-form>
-  </n-card>
+  </div>
 </template>
 
 <style scoped>
 .title {
-  margin: 0;
+  margin: 0 0 16px 0;
 }
 </style>
diff --git a/src/admin/problemset/list.vue b/src/admin/problemset/list.vue
index 436f062..8a68180 100644
--- a/src/admin/problemset/list.vue
+++ b/src/admin/problemset/list.vue
@@ -106,7 +106,7 @@ const columns: DataTableColumn<ProblemSetList>[] = [
   {
     title: "选项",
     key: "actions",
-    width: 200,
+    width: 300,
     render: (row) =>
       h(Actions, {
         problemSetId: row.id,
@@ -162,7 +162,7 @@ watch(() => [query.page, query.limit, query.difficulty, query.status], listProbl
         新建题单
       </n-button>
     </n-flex>
-    <n-flex align="center" gap="medium">
+    <n-flex align="center">
       <n-flex align="center">
         <span>难度：</span>
         <n-select
diff --git a/src/shared/layout/admin.vue b/src/shared/layout/admin.vue
index 734a7d6..0988eba 100644
--- a/src/shared/layout/admin.vue
+++ b/src/shared/layout/admin.vue
@@ -111,6 +111,7 @@ const active = computed(() => {
   if (path === "/") return "return to OJ"
   if (path === "/admin") return "admin home"
   if (path.startsWith("/admin/config")) return "admin config"
+  if (path.startsWith("/admin/problemset")) return "admin problemset list"
   if (path.startsWith("/admin/problem")) return "admin problem list"
   if (path.startsWith("/admin/contest")) return "admin contest list"
   if (path.startsWith("/admin/user")) return "admin user list"
diff --git a/src/utils/types.ts b/src/utils/types.ts
index 69119e3..c065904 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -191,7 +191,6 @@ export interface ProblemSet {
   create_time: Date
   difficulty: "Easy" | "Medium" | "Hard"
   status: "active" | "archived" | "draft"
-  is_public: boolean
   visible: boolean
   problems_count: number
   completed_count: number
@@ -234,7 +233,6 @@ export interface ProblemSetBadge {
   icon: string
   condition_type: "all_problems" | "problem_count" | "score"
   condition_value: number
-  level: number
 }
 
 export interface ProblemSetProgress {
@@ -252,7 +250,6 @@ export interface CreateProblemSetData {
   title: string
   description: string
   difficulty: "Easy" | "Medium" | "Hard"
-  is_public: boolean
   status: "active" | "archived" | "draft"
 }
 
@@ -261,7 +258,6 @@ export interface EditProblemSetData {
   title?: string
   description?: string
   difficulty?: "Easy" | "Medium" | "Hard"
-  is_public?: boolean
   status?: "active" | "archived" | "draft"
   visible?: boolean
 }