学校端界面优化

src/router/index.js

@@ -19,11 +19,11 @@ const router = createRouter({
     {
       path: '/exam',
       component: Exam
-    }, 
+    },
     {
       path:'/examDetail',
-      component: ExamDetail
+      component: ExamDetail,
-    }   
+    }
   ],
   // 路由滚动行为定制
   scrollBehavior() {

src/utils/http.js

@@ -28,4 +28,4 @@ http.interceptors.response.use(res => {
   return Promise.reject(e)
 })
 
-export default http
+export default http

src/views/Exam/index.vue

@@ -136,7 +136,7 @@ function handleAnswer(index) {
   currentQuestion.value = questionList.value[questionNum.value]
 }
 
-function handleChange(e) {
+function handleChange() {
   setTimeout(() => {
     next()
   }, 500)
@@ -159,7 +159,12 @@ async function submit() {
       message: '提交成功',
       type: 'success'
     })
-    router.replace({ path: '/' })
+
+    if (res.data) {
+      router.push({ path: '/examDetail', query: { data: JSON.stringify(res.data) } })
+    } else {
+      router.replace({ path: '/' })
+    }
   }
 }
 </script>
@@ -264,4 +269,4 @@ async function submit() {
     }
   }
 }
-</style>
+</style>

src/views/ExamDetail/index.vue

@@ -12,8 +12,9 @@
         </div>
       </template>
 
-      <el-descriptions :title="`测评项：${item.evalItemName}`" direction="vertical" column="1" v-for="item in des.list">
+      <el-descriptions :title="`测评项：${item.evalItemName || ''}`" direction="vertical" column="1" v-for="item in des.list"
-        <el-descriptions-item :label="`结果分析：${item.evalDesc}`">
+        :key="item.factorRangeId">
+        <el-descriptions-item :label="`结果分析：${item.evalDesc || ''}`">
           {{ item.evalPropose }}
         </el-descriptions-item>
       </el-descriptions>
@@ -28,45 +29,49 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { useRoute } from 'vue-router'
 
-const des = ref({
+const route = useRoute()
-  "evalRecordId": 2734431927582720,
+const data = route.query.data
-  "scaleName": "人际交往心理测试",
+const des = JSON.parse(data)
-  "list": [
+
-    {
+// const des = ref({
-      "id": 2734431927779328,
+//   "evalRecordId": 2734431927582720,
-      "evalRecordId": 2734431927582720,
+//   "scaleName": "人际交往心理测试",
-      "evalItem": 28,
+//   "list": [
-      "score": 1.0,
+//     {
-      "scoreRate": 3.33,
+//       "id": 2734431927779328,
-      "scaleItemRangeId": 2606988724994048,
+//       "evalRecordId": 2734431927582720,
-      "status": 1,
+//       "evalItem": 28,
-      "scaleRecordId": 2715976035876864,
+//       "score": 1.0,
-      "evalItemName": "人际关系",
+//       "scoreRate": 3.33,
-      "evalDesc": "善于人际交往",
+//       "scaleItemRangeId": 2606988724994048,
-      "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
+//       "status": 1,
-      "situation": 402,
+//       "scaleRecordId": 2715976035876864,
-      "situationName": "低风险"
+//       "evalItemName": "人际关系",
-    },
+//       "evalDesc": "善于人际交往",
-    {
+//       "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
-      "id": 2734431927779328,
+//       "situation": 402,
-      "evalRecordId": 2734431927582720,
+//       "situationName": "低风险"
-      "evalItem": 28,
+//     },
-      "score": 1.0,
+//     {
-      "scoreRate": 3.33,
+//       "id": 2734431927779328,
-      "scaleItemRangeId": 2606988724994048,
+//       "evalRecordId": 2734431927582720,
-      "status": 1,
+//       "evalItem": 28,
-      "scaleRecordId": 2715976035876864,
+//       "score": 1.0,
-      "evalItemName": "人际关系",
+//       "scoreRate": 3.33,
-      "evalDesc": "善于人际交往",
+//       "scaleItemRangeId": 2606988724994048,
-      "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
+//       "status": 1,
-      "situation": 402,
+//       "scaleRecordId": 2715976035876864,
-      "situationName": "低风险"
+//       "evalItemName": "人际关系",
-    }
+//       "evalDesc": "善于人际交往",
-  ],
+//       "evalPropose": "对于性格外向、喜欢人际交往的人，以下是一些建议可以帮助你更好地发挥自己的优势和提升人际交往能力：主动参与社交活动：利用你的外向性格，积极主动参与各种社交活动和事件，如聚会、社团活动、志愿者工作等。这样可以扩大你的社交圈子，结识更多的人，并与他们建立联系；倾听和关心他人：在交流中，注重倾听他人的观点和感受。表现出对他人的关心和尊重，积极表达理解和同理心。这样可以建立良好的互动和亲密关系；保持积极的态度：以积极、乐观的态度面对人际交往。相信自己的能力，对他人持开放的心态。这样能够吸引更多的人与你交往，并建立良好的人际关系。",
-  "totalScore": 1.0
+//       "situation": 402,
-})
+//       "situationName": "低风险"
+//     }
+//   ],
+//   "totalScore": 1.0
+// })
 </script>
 
 <style lang="scss" scoped>
@@ -107,4 +112,4 @@ const des = ref({
     text-align: center;
   }
 }
-</style>
+</style>

src/views/Login/index.vue

@@ -15,7 +15,7 @@
               @keyup.enter="login" />
           </el-form-item>
           <el-form-item>
-            <el-button round style="width:350px" type="primary" @click="login">登录</el-button>
+            <el-button size="large" round style="width:350px" type="primary" @click="login">登录</el-button>
           </el-form-item>
         </el-form>
       </el-card>
@@ -23,7 +23,7 @@
   </div>
 </template>
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { loginAPI } from '@/apis/user'
 import { User, Lock } from '@element-plus/icons-vue'
@@ -74,7 +74,7 @@ async function login() {
   height: 100vh;
 
   .logo {
-    flex: 4;
+    flex: 3;
     background: rgba(38, 72, 176) url(../../assets/images/bg1.png) no-repeat center / cover;
     display: flex;
     flex-direction: column;
@@ -94,7 +94,7 @@ async function login() {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    padding-left: 100px;
+    padding-left: 40px;
     background-color: #fff;
 
     h1 {