result.vue 926 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <ie-page>
  3. <ie-navbar title="MBTI职业性格测评" />
  4. <character-result :code="mbtiCode" :scores="mbtiScores" />
  5. </ie-page>
  6. </template>
  7. <script setup lang="ts">
  8. import {useTransferPage} from "@/hooks/useTransferPage";
  9. import {mbtiDetail} from "@/api/modules/test-center";
  10. import CharacterResult from "@/pagesOther/pages/test-center/mbti/components/character-result.vue";
  11. const { prevData } = useTransferPage();
  12. const mbtiCode = ref('')
  13. const mbtiScores = ref<number[]>([])
  14. onMounted(async () => {
  15. if (prevData.value.code) {
  16. const {data} = await mbtiDetail({code: prevData.value.code})
  17. const {scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP} = data
  18. mbtiCode.value = data.ruleCode
  19. mbtiScores.value = [scoreE, scoreI, scoreS, scoreN, scoreT, scoreF, scoreJ, scoreP]
  20. }
  21. })
  22. onPageScroll(() => {})
  23. </script>
  24. <style lang="scss">
  25. </style>