mbti report

src/common/routes.ts

@@ -133,6 +133,10 @@ export const routes = {
    * holland测评
    */
   pageHollandTest: '/pagesOther/pages/test-center/holland/test',
+  /**
+   * holland报告
+   */
+  pageHollandReport: '/pagesOther/pages/test-center/holland/result',
   /**
    * mbti报告
    */
@@ -141,6 +145,10 @@ export const routes = {
    * mbti测评
    */
   pageMbtiTest: '/pagesOther/pages/test-center/mbti/test',
+  /**
+   * mbti测评
+   */
+  pageMbtiReport: '/pagesOther/pages/test-center/mbti/result',
   /**
    * 登录
    */

src/pagesOther/pages/test-center/holland/components/interest-result.vue

@@ -3,7 +3,7 @@
         <view class="flex flex-col justify-center items-center relative">
             <ie-image is-oss src="/testCenter/career/holland-head-bg.png" custom-class="w-[100vw] h-352"/>
             <view class="flex flex-col justify-center items-center absolute top-30 z-1">
-                <ie-image is-oss src="/testCenter/career/holland-head-medal.png" custom-class="w-450"/>
+                <ie-image is-oss src="/testCenter/career/holland-head-medal.png" custom-class="w-450 h-200"/>
             </view>
             <view class="flex flex-col justify-center items-center absolute top-70 z-2">
                 <view class="text-36 text-white font-bold">{{ hollInfo.ruleCode }}</view>

src/pagesOther/pages/test-center/list/components/holland-list-item.vue

@@ -70,7 +70,7 @@ const getDateStr = (str: string) => {
 }
 
 const handleReport = () => {
-    transferTo(routes.pageHolland, {
+    transferTo(routes.pageHollandReport, {
         data: {code: props.item.code}
     })
 }

src/pagesOther/pages/test-center/list/components/mbti-list-item.vue

@@ -76,7 +76,7 @@ const getDateStr = (str: string) => {
 }
 
 const handleReport = () => {
-    transferTo(routes.pageMbti, {
+    transferTo(routes.pageMbtiReport, {
         data: {code: props.item.code}
     })
 }

src/pagesOther/pages/test-center/mbti/components/results/mbti-head.vue

@@ -2,7 +2,7 @@
     <view class="flex flex-col justify-center items-center relative">
         <ie-image is-oss src="/testCenter/career/mbti-head-bg.png" custom-class="w-[100vw] h-352"/>
         <view class="flex flex-col justify-center items-center absolute top-30 z-1">
-            <ie-image is-oss src="/testCenter/career/mbti-head-medal.png" custom-class="w-450"/>
+            <ie-image is-oss src="/testCenter/career/mbti-head-medal.png" custom-class="w-450 h-200"/>
         </view>
         <view class="flex flex-col justify-center items-center absolute top-70 z-2">
             <view class="text-36 text-white font-bold">{{ code }}</view>

src/pagesOther/pages/test-center/mbti/components/results/recommend-major-group.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="h-full flex flex-col recommend-major-group px-15 py-10 rounded-lg overflow-hidden">
+    <view class="flex flex-col recommend-major-group px-15 py-10 rounded-lg overflow-hidden">
         <view class="flex items-center gap-10 py-10">
             <uv-image src="/static/test-center/recommend-head.png" width="20" height="20"/>
             <text class="text-xs text-content">{{ group.category }}</text>

src/pagesOther/pages/test-center/mbti/components/results/recommend-major.vue

@@ -3,7 +3,7 @@
         <view class="tit"
               style="background: linear-gradient(155deg, #ACF6E0 0%, #FFFFFF 100%);margin-bottom: 34rpx;">为您推荐以下专业
         </view>
-        <uv-scroll-list indicator-active-color="#43AEAB">
+        <uv-scroll-list :indicator="false" indicator-active-color="#43AEAB">
             <view class="flex gap-20">
                 <recommend-major-group v-for="g in list" :key="g.category" :group="g"/>
             </view>

src/pagesOther/pages/test-center/mbti/mbti.vue

@@ -37,13 +37,9 @@
 </template>
 
 <script lang="ts" setup>
-import {mbtiDetail} from "@/api/modules/test-center";
 import { useTransferPage } from '@/hooks/useTransferPage';
-import CharacterResult from "@/pagesOther/pages/test-center/mbti/components/character-result.vue";
 
-const { prevData, transferTo, routes } = useTransferPage();
-const mbtiCode = ref('')
-const mbtiScores = ref<number[]>([])
+const { transferTo, routes } = useTransferPage();
 
 const handleTest = () => {
   transferTo(routes.pageMbtiTest);
@@ -57,16 +53,6 @@ const handleResult = () => {
   });
 }
 
-onMounted(async () => {
-    if (prevData.value.code) {
-        const {data} = await mbtiDetail({code: prevData.value.code})
-        const {scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP} = data
-        mbtiCode.value = data.ruleCode
-        mbtiScores.value = [scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP]
-    }
-})
-
-onPageScroll(() => {})
 </script>
 
 <style lang="scss" scoped></style>

src/pagesOther/pages/test-center/mbti/result.vue

@@ -1,11 +1,29 @@
 <template>
-  <view>
-    
-  </view>
+    <ie-page>
+        <ie-navbar title="MBTI职业性格测评" />
+        <character-result :code="mbtiCode" :scores="mbtiScores" />
+    </ie-page>
 </template>
 
-<script setup>
-  
+<script setup lang="ts">
+import {useTransferPage} from "@/hooks/useTransferPage";
+import {mbtiDetail} from "@/api/modules/test-center";
+import CharacterResult from "@/pagesOther/pages/test-center/mbti/components/character-result.vue";
+
+const { prevData } = useTransferPage();
+const mbtiCode = ref('')
+const mbtiScores = ref<number[]>([])
+
+onMounted(async () => {
+    if (prevData.value.code) {
+        const {data} = await mbtiDetail({code: prevData.value.code})
+        const {scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP} = data
+        mbtiCode.value = data.ruleCode
+        mbtiScores.value = [scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP]
+    }
+})
+
+onPageScroll(() => {})
 </script>
 
 <style lang="scss">