调整项目结构和

src/api/index.js

@@ -0,0 +1,9 @@
+function printName(name) {
+  console.log(name)
+}
+
+const api = {
+  f1: printName,
+}
+
+export {api}

src/components/QuestionItem/AbstractQuestionCard.vue → src/components/AbstractQuestionCard.vue

@@ -169,10 +169,10 @@
 </template>
 
 <script>
-    import MarkdownText from "../MarkdownText";
-    import {map} from "../../utils/knowledgeMapper";
-    import {deleteQuestionById} from "../../api/question";
-    import QuestionUpdater from "../card/QuestionUpdater";
+    import MarkdownText from "./MarkdownText";
+    import {map} from "../utils/knowledgeMapper";
+    import {deleteQuestionById} from "../api/question";
+    import QuestionUpdater from "./QuestionUpdater";
 
     export default {
         name: "AbstractQuestionCard",

src/components/card/BriefQuestionCard.vue → src/components/BriefQuestionCard.vue

@@ -143,9 +143,9 @@
 <script>
     import axios from "axios";
     import QuestionUpdater from "./QuestionUpdater";
-    import MarkdownText from "../MarkdownText";
-    import {map} from "../../utils/knowledgeMapper";
-    import {markdownToHTML} from "../../utils/markdown";
+    import MarkdownText from "./MarkdownText";
+    import {map} from "../utils/knowledgeMapper";
+    import {markdownToHTML} from "../utils/markdown";
 
     export default {
         name: "BriefQuestionCard",

src/components/card/QuestionCreater.vue → src/components/QuestionCreater.vue

@@ -145,7 +145,7 @@
 
 <script>
     import axios from "axios";
-    import store from "../../store/index"
+    import store from "../store"
 
     export default {
         name: "QuestionCreater",

src/components/card/QuestionUpdater.vue → src/components/QuestionUpdater.vue

@@ -159,7 +159,7 @@
 </template>
 
 <script>
-    import {updateQuestion} from "../../api/question";
+    import {updateQuestion} from "../api/question";
 
     export default {
         name: "QuestionUpdater",

src/components/card/checkQuestionCard.vue → src/components/checkQuestionCard.vue

@@ -133,8 +133,8 @@
 </template>
 
 <script>
-    import {getUserById} from "../../api/user";
-    import MarkdownText from "../MarkdownText";
+    import {getUserById} from "../api/user";
+    import MarkdownText from "./MarkdownText";
 
     export default {
         name: "checkCard",

src/main.js

@@ -5,7 +5,9 @@ import store from './store'
 
 import ElementPlus from 'element-plus';
 import 'element-plus/lib/theme-chalk/index.css';
+import {api} from '@/api/index'
 
 let Vue = createApp(App);
 
 Vue.use(store).use(router).use(ElementPlus).mount('#app')
+Vue.config.globalProperties.$api = api

src/router/index.js

@@ -21,53 +21,53 @@ const routes = [
   {
     path: '/',
     name: 'BokFrontEnd',
-    component: () => import('../views/Bok'),
+    component: () => import('../views/Bok/index'),
     redirect: '/questionRepository',
     children: [
       {
         path: 'questionRepository',
         name: "QuestionRepository",
-        component: () => import("../components/bok/bokMain/QuestionRepository/index"),
+        component: () => import("../views/Bok/Main/QuestionRepository/index"),
       },
       {
         path: "search",
         name: "Search",
-        component: () => import("../components/bok/bokMain/search/index"),
+        component: () => import("../views/Bok/Main/Search/index"),
       },
       {
         path: "collection",
         name: "Collection",
-        component: () => import("../components/bok/bokMain/Collection"),
+        component: () => import("../views/Bok/Main/Collection"),
       },
       {
         path: "setting",
         name: "Setting",
-        component: () => import("../components/bok/bokMain/Setting"),
+        component: () => import("../views/Bok/Main/Setting"),
       },
       {
         path: "knowledgePoint",
         name: "Knowledge",
-        component: ()=>import("@/components/bok/bokMain/Knowledge"),
+        component: ()=>import("@/views/Bok/Main/Knowledge"),
       },
       {
         path: "knowledgePoint/:knowledgePointId",
         name: "KnowledgePoint",
-        component: ()=>import("@/components/bok/bokMain/KnowledgePoint")
+        component: ()=>import("@/views/Bok/Main/KnowledgePoint")
       },
       {
         path: "knowledgeGraph",
         name: "KnowledgeGraph",
-        component: ()=>import("@/components/bok/bokMain/KnowledgeGraph")
+        component: ()=>import("@/views/Bok/Main/KnowledgeGraph")
       },
       {
         path: "paper",
         name: "PaperRepository",
-        component: ()=>import("@/components/bok/bokMain/PaperRepository/index")
+        component: ()=>import("@/views/Bok/Main/PaperRepository/index")
       },
       {
         path: "paper/:paperId",
         name: "Paper",
-        component: ()=>import("@/components/bok/bokMain/Paper")
+        component: ()=>import("@/views/Bok/Main/Paper")
       },
     ]
   },

src/components/bok/bokMain/Collection.vue → src/views/Bok/Main/Collection.vue

@@ -55,9 +55,9 @@
 <script lang="ts">
 
 import axios from "axios";
-import QuestionCreater from "../../card/QuestionCreater.vue";
-import QuestionGroupCreater from "../../card/QuestionGroupCreater.vue";
-import BriefQuestionCard from "../../card/BriefQuestionCard.vue";
+import QuestionCreater from "../../../components/QuestionCreater.vue";
+import QuestionGroupCreater from "../../../components/QuestionGroupCreater.vue";
+import BriefQuestionCard from "../../../components/BriefQuestionCard.vue";
 
 export default {
   name: "Collection",

src/components/bok/bokMain/PaperRepository/index.vue → src/views/Bok/Main/PaperRepository/index.vue

@@ -45,8 +45,8 @@
 </template>
 
 <script>
-import QuestionPackage from "../../../QuestionItem/PackageItem";
-import BriefQuestionCard from "../../../card/BriefQuestionCard";
+import QuestionPackage from "../../../../components/PackageItem";
+import BriefQuestionCard from "../../../../components/BriefQuestionCard";
 
 export default {
   name: "Paper",

src/components/bok/bokMain/QuestionRepository/index.vue → src/views/Bok/Main/QuestionRepository/index.vue

@@ -75,10 +75,10 @@
 
 <script>
   import axios from "axios";
-  import QuestionCreater from "../../../card/QuestionCreater.vue";
-  import QuestionGroupCreater from "../../../card/QuestionGroupCreater.vue";
-  import BriefQuestionCard from "../../../card/BriefQuestionCard.vue";
-  import AbstractQuestionCard from "../../../QuestionItem/AbstractQuestionCard";
+  import QuestionCreater from "../../../../components/QuestionCreater.vue";
+  import QuestionGroupCreater from "../../../../components/QuestionGroupCreater.vue";
+  import BriefQuestionCard from "../../../../components/BriefQuestionCard.vue";
+  import AbstractQuestionCard from "../../../../components/AbstractQuestionCard";
 
 export default {
   name: "QuestionRepository",

src/components/bok/bokMain/search/index.vue → src/views/Bok/Main/Search/index.vue

@@ -34,12 +34,12 @@
 </template>
 
 <script>
-import QuestionList from "@/components/QuestionItem/ListItem";
-import ButtonFilter from "@/components/tool/ButtonFilter";
-import Sorter from "@/components/tool/Sorter";
-import BriefQuestionCard from "@/components/card/BriefQuestionCard";
-import SearchFilter from "@/components/tool/SearchFilter";
-import AbstractQuestionCard from "../../../QuestionItem/AbstractQuestionCard";
+import QuestionList from "@/components/ListItem";
+import ButtonFilter from "@/components/ButtonFilter";
+import Sorter from "@/components/Sorter";
+import BriefQuestionCard from "@/components/BriefQuestionCard";
+import SearchFilter from "@/components/SearchFilter";
+import AbstractQuestionCard from "../../../../components/AbstractQuestionCard";
 import axios from "axios";
 import src from "./srcData"
 
@@ -261,7 +261,6 @@ export default {
                 alert("请输入关键词");
             } else {
                 await this.requestQuestion(this.searchContent, [], [], [], [])
-                console.log(_this.resultQuestions);
                 _this.resultQuestions = _this.resultQuestions.map(function (item) {
                     return {
                         type: true,
@@ -279,7 +278,6 @@ export default {
                 // _this.resultQuestions = await _this.filterKnowledge(knowledgeArray)
                 _this.resultQuestions = await _this.sortQuestions(_this.resultQuestions)
                 _this.getFilteredQuestions()
-                console.log(_this.filteredQuestions)
             }
         },
 
@@ -326,7 +324,7 @@ export default {
                     message: '搜索失败'
                 });
             }).finally(() => {
-                console.log("search completed!")
+                console.log("Search completed!")
             })
         },
 

src/components/bok/bokMain/Setting.vue → src/views/Bok/Main/Setting.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-  import checkQuestionCard from "../../card/checkQuestionCard";
+  import checkQuestionCard from "../../../components/checkQuestionCard";
 export default {
   name: "Setting",
   components:{

src/components/bok/NavBar.vue → src/views/Bok/NavBar.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="navbar-wrapper">
         <el-input placeholder="请输入内容" v-model="searchContent" size="mini" class="input-with-select"
-        v-if="$route.path!=='/search'" @keydown.enter="clickSearch">
+        v-if="$route.path!=='/Search'" @keydown.enter="clickSearch">
             <template #append>
                 <el-button icon="el-icon-search" @click="clickSearch"/>
             </template>
@@ -51,7 +51,7 @@ export default {
             if(content!==""){
                 this.$router.replace({
                     name: "Search",
-                    path:'/search',
+                    path:'/Search',
                     params:{
                         searchContent:content,
                     }

src/views/Bok.vue → src/views/Bok/index.vue

@@ -9,9 +9,9 @@
 </template>
 
 <script>
-import SideBar from "../components/bok/SideBar";
-import NavBar from "../components/bok/NavBar";
-import BokMain from "../components/bok/BokMain"
+import SideBar from "./SideBar";
+import NavBar from "./NavBar";
+import BokMain from "./Main"
 
 export default {
     name: "Bok",
@@ -24,7 +24,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "src/style/variables";
+@import "../../style/variables";
 
 .layout-wrapper {
     height: 100%;