配置修改

package.json

@@ -45,6 +45,7 @@
     "intro.js": "^7.2.0",
     "lodash-es": "^4.17.21",
     "lodash.get": "^4.4.2",
+    "marked": "^12.0.0",
     "md5": "^2.3.0",
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",

pnpm-lock.yaml

@@ -77,6 +77,9 @@ dependencies:
   lodash.get:
     specifier: ^4.4.2
     version: 4.4.2
+  marked:
+    specifier: ^12.0.0
+    version: 12.0.2
   md5:
     specifier: ^2.3.0
     version: 2.3.0
@@ -7730,6 +7733,12 @@ packages:
       object-visit: 1.0.1
     dev: true
 
+  /marked@12.0.2:
+    resolution: {integrity: sha512-qXUm7e/YKFoqFPYPa3Ukg9xlI5cyAtGmyEIzMfW//m6kXwCy2Ps9DYf5ioijFKQ8qyuscrHoY04iJGctu2Kg0Q==}
+    engines: {node: '>= 18'}
+    hasBin: true
+    dev: false
+
   /mathml-tag-names@2.1.3:
     resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
     dev: true

src/router/routes/basic.ts

@@ -15,7 +15,7 @@ export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
   children: [
     {
       path: '/:path(.*)*',
-      name: PAGE_NOT_FOUND_NAME,
+      name: 'ChildPageNotFound',
       component: EXCEPTION_COMPONENT,
       meta: {
         title: 'ErrorPage',

src/views/cet/analyze.vue

@@ -4,7 +4,8 @@
       <template #extra>
         <a-cascader v-model:value="collegeMajor" :options="collegeMajorOptions" change-on-select />
         <a-button style="margin-left: 10px" type="primary" @click="query">查询</a-button>
-        <a-button style="margin-left: 10px" :loading="aiLoading" v-show="resultData != null" type="primary" @click="getAI">分析</a-button>
+        <a-button style="margin-left: 10px" :loading="aiLoading" v-show="resultData != null" type="primary"
+          @click="getAI">分析</a-button>
         <!-- <a-button @click=test()>test</a-button> -->
       </template>
       <a-row :gutter="12">
@@ -23,7 +24,7 @@
       </a-row>
       <a-card style="margin-bottom: 10px" class="tip">
         <div style="display: flex">
-          <div> {{ aiMessage }} </div>
+          <div v-html="aiMessage"></div>
         </div>
       </a-card>
       <!-- <div style="height: 300px;">
@@ -34,11 +35,12 @@
 </template>
 
 <script>
-  import { defHttp } from '/@/utils/http/axios';
+import { defHttp } from '/@/utils/http/axios';
-  import * as echarts from 'echarts';
+import * as echarts from 'echarts';
-  import axios from 'axios';
+import axios from 'axios';
+import { marked } from 'marked';
 
-  export default {
+export default {
   data() {
     return {
       loading: false,
@@ -324,6 +326,7 @@
         reasoning: assistantResponse.reasoning_content || '', // 如果有思考过程
       };
       this.aiMessage = assistantMessage.content;
+      this.aiMessage = marked(this.aiMessage);
       console.log(assistantMessage);
     },
     drawResChart(piedata) {
@@ -565,21 +568,21 @@
       myChart.setOption(option);
     },
   },
-  };
+};
 </script>
 
 <style lang="less" scoped>
-  .container {
+.container {
   display: flex;
   background-color: #fff;
   padding: 15px;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
-  }
+}
 
-  .title {
+.title {
   font-size: 34px;
   color: rgb(8, 8, 8);
   font-weight: bold;
-  }
+}
 </style>

src/views/cet/welcomeInterface.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="welcome-container">
     <div class="card">
-      <h1>🎉 欢迎使用哈尔滨师范大学四六级管理平台</h1>
+      <h1>🎉 欢迎使用哈尔滨师范大学英语四六级综合管理平台</h1>
       <!--<p class="description"> 这是一个基于 Vue 3 构建的现代化前端项目，助你快速开启开发之旅。 </p>-->
 
       <div class="actions">
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-  export default {
+export default {
   name: 'welcomeInterface',
   components: {
     // 可引入你其他组件，例如：DownOutlined, RightOutlined, Tour
@@ -37,11 +37,11 @@
       this.$router.push('/home'); // 或使用 window.location.href
     },
   },
-  };
+};
 </script>
 
 <style scoped>
-  .welcome-container {
+.welcome-container {
   display: flex;
   flex-direction: column;
   min-height: 92vh;
@@ -50,30 +50,30 @@
   background: linear-gradient(145deg, #f0f4ff, #ffffff);
   padding: 2rem;
   font-family: 'Segoe UI', sans-serif;
-  }
+}
 
-  .card {
+.card {
   background-color: white;
   padding: 3rem;
   border-radius: 1.5rem;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    max-width: 800px;
+  max-width: 1000px;
   width: 100%;
   text-align: center;
-  }
+}
 
-  .card h1 {
+.card h1 {
   font-size: 2rem;
   margin-bottom: 1rem;
-  }
+}
 
-  .description {
+.description {
   font-size: 1.1rem;
   color: #555;
   margin-bottom: 2rem;
-  }
+}
 
-  .actions button {
+.actions button {
   margin: 0 0.5rem;
   padding: 0.8rem 1.5rem;
   font-size: 1rem;
@@ -83,15 +83,15 @@
   color: white;
   cursor: pointer;
   transition: background-color 0.3s ease;
-  }
+}
 
-  .actions button:hover {
+.actions button:hover {
   background-color: #339e6b;
-  }
+}
 
-  footer {
+footer {
   margin-top: 2rem;
   color: #999;
   font-size: 0.9rem;
-  }
+}
 </style>