From bd181a5d5b38a17c0fa1206c1258cbc8dc23bc26 Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Sun, 10 May 2026 16:06:04 +0100
Subject: [PATCH] feat: add process purpose practice entry

---
 src/data/changelog.json                  |  7 +++++++
 src/pages/KnowledgeAreasPage.tsx         | 17 +++++++++++++----
 src/pages/ProcessGroupsPage.tsx          | 17 +++++++++++++----
 src/pages/ProcessPurposePracticePage.tsx |  2 +-
 4 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/data/changelog.json b/src/data/changelog.json
index 9bf0373..1cfdee5 100644
--- a/src/data/changelog.json
+++ b/src/data/changelog.json
@@ -1,5 +1,12 @@
 {
   "changelogEntries": [
+    {
+      "id": "2026-05-10-process-purpose-practice",
+      "date": "2026-05-10",
+      "type": "feat",
+      "title": "新增子过程主要作用专项练习，并在知识领域与过程组页面加入入口",
+      "scope": "练习"
+    },
     {
       "id": "2026-04-28-learning-maps",
       "date": "2026-04-28",
diff --git a/src/pages/KnowledgeAreasPage.tsx b/src/pages/KnowledgeAreasPage.tsx
index 119ed2c..1307715 100644
--- a/src/pages/KnowledgeAreasPage.tsx
+++ b/src/pages/KnowledgeAreasPage.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 import { Link, useParams } from 'react-router-dom'
 import { motion } from 'framer-motion'
-import { ArrowRight, FileText, Wrench, FileOutput, Lightbulb } from 'lucide-react'
+import { ArrowRight, FileText, Wrench, FileOutput, Lightbulb, Target } from 'lucide-react'
 import { knowledgeAreas, processesByKnowledgeArea, knowledgeAreaMap, processGroupMap } from '@/data'
 
 const containerVariants = {
@@ -144,9 +144,18 @@ export function KnowledgeAreasPage() {
   // 显示知识领域列表 - 紧凑版双列
   return (
     <div className="space-y-4">
-      <div>
-        <h1 className="text-xl font-bold text-gray-900 dark:text-white">知识领域</h1>
-        <p className="text-sm text-gray-500 dark:text-gray-400">10大项目管理知识领域</p>
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-900 dark:text-white">知识领域</h1>
+          <p className="text-sm text-gray-500 dark:text-gray-400">10大项目管理知识领域</p>
+        </div>
+        <Link
+          to="/process-purpose-practice"
+          className="inline-flex items-center gap-2 rounded-xl bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-700"
+        >
+          <Target size={16} />
+          子过程主要作用专项练习
+        </Link>
       </div>
 
       <motion.div
diff --git a/src/pages/ProcessGroupsPage.tsx b/src/pages/ProcessGroupsPage.tsx
index b9be11d..40da93c 100644
--- a/src/pages/ProcessGroupsPage.tsx
+++ b/src/pages/ProcessGroupsPage.tsx
@@ -1,6 +1,6 @@
 import { Link, useParams } from 'react-router-dom'
 import { motion } from 'framer-motion'
-import { ArrowRight, FileText, Wrench, FileOutput } from 'lucide-react'
+import { ArrowRight, FileText, Wrench, FileOutput, Target } from 'lucide-react'
 import { processGroups, processesByProcessGroup, processGroupMap, knowledgeAreaMap } from '@/data'
 
 const containerVariants = {
@@ -97,9 +97,18 @@ export function ProcessGroupsPage() {
   // 显示过程组列表 - 紧凑版
   return (
     <div className="space-y-4">
-      <div>
-        <h1 className="text-xl font-bold text-gray-900 dark:text-white">过程组</h1>
-        <p className="text-sm text-gray-500 dark:text-gray-400">5大项目管理过程组</p>
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-900 dark:text-white">过程组</h1>
+          <p className="text-sm text-gray-500 dark:text-gray-400">5大项目管理过程组</p>
+        </div>
+        <Link
+          to="/process-purpose-practice"
+          className="inline-flex items-center gap-2 rounded-xl bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-indigo-700"
+        >
+          <Target size={16} />
+          子过程主要作用专项练习
+        </Link>
       </div>
 
       <motion.div variants={containerVariants} initial="hidden" animate="visible" className="space-y-2">
diff --git a/src/pages/ProcessPurposePracticePage.tsx b/src/pages/ProcessPurposePracticePage.tsx
index da1cc9e..14ed1d3 100644
--- a/src/pages/ProcessPurposePracticePage.tsx
+++ b/src/pages/ProcessPurposePracticePage.tsx
@@ -419,7 +419,7 @@ export default function ProcessPurposePracticePage() {
           <div className="mb-3 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
             <div>
               <h1 className="text-xl font-bold text-gray-900 dark:text-gray-100">
-                子过程主要过程专项练习
+                子过程主要作用专项练习
               </h1>
               <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
                 根据主要作用写出对应的过程名称