feat:增加训练场和错题集模块

src/views/Library.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="library-view">
-    <div class="page-header">
-      <div>
-        <h2 class="page-title">知识库</h2>
-        <p class="page-subtitle">管理学习资料，查看 AI 解析结果</p>
+  <div class="library-view common-view">
+    <div class="view-header">
+      <div class="view-content">
+        <h2 class="view-title">知识库</h2>
+        <p class="view-subtitle">管理学习资料，查看 AI 解析结果</p>
       </div>
       <el-button type="primary" :icon="Plus" @click="addFileClick">新增资料</el-button>
     </div>
@@ -30,49 +30,15 @@ onMounted(async () => {
 const addFileClick = () => {
   libraryStore.currentFile = libraryStore.getEmptyFile()
   libraryStore.fileApiType = 'ADD'
+  libraryStore.activeStep = 1
   libraryStore.hasGenerateQuestion = false
+  libraryStore.questionContent = ''
   libraryStore.fileDialogVisible = true
 }
 </script>
 
 <style lang="scss">
 .library-view {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  /* 标题行 */
-  .page-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .page-title {
-      font-size: 22px;
-      font-weight: 700;
-      color: #0f172a;
-    }
-
-    .page-subtitle {
-      font-size: 13px;
-      color: #94a3b8;
-    }
-  }
-
-  /* 筛选栏 */
-  .filter-bar {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-
-    .filter-row {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-  }
-
-  /* 文件列表 */
   .file-list {
     display: flex;
     flex-direction: column;