From db97c181a22205d6e988dd633b7ccb185ab5164b Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Thu, 15 Jan 2026 11:01:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=87=E4=BB=B6=E5=90=8D=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=E5=86=99=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../academicReport/capabilityReport.vue       | 126 +++++++++++++++
 .../academicReport/characterReport.vue        | 125 ++++++++++++++
 .../academicReport/interestReport.vue         | 123 ++++++++++++++
 .../evaluate/studyReport/learnSkillReport.vue | 153 ++++++++++++++++++
 .../evaluate/studyReport/learnStudyReport.vue | 103 ++++++++++++
 5 files changed, 630 insertions(+)
 create mode 100644 src/pages-evaluation-sub/evaluate/academicReport/capabilityReport.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/academicReport/characterReport.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/academicReport/interestReport.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/studyReport/learnSkillReport.vue
 create mode 100644 src/pages-evaluation-sub/evaluate/studyReport/learnStudyReport.vue

diff --git a/src/pages-evaluation-sub/evaluate/academicReport/capabilityReport.vue b/src/pages-evaluation-sub/evaluate/academicReport/capabilityReport.vue
new file mode 100644
index 0000000..d74a8bb
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/academicReport/capabilityReport.vue
@@ -0,0 +1,126 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <view class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">能力测评报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 overflow-auto relative mt-[40rpx] flex flex-col">
+      <view class="flex flex-col flex-1 overflow-auto pb-[20rpx]">
+        <!-- 顶部卡片 -->
+        <view
+          class="flex flex-col pt-[32rpx] mx-[24rpx] bg-[#fff] px-[30rpx] pt-[30rpx] border-class"
+        >
+          <text class="text-[#333] text-[28rpx] mb-[14rpx] z-2 font-700">你的弱势能力为</text>
+          <text class="text-[#117CFC] text-[36rpx] z-2">
+            {{ studyRecord.title.replace('你的弱势能力：', '') }}
+          </text>
+        </view>
+        <!-- 雷达图占位 -->
+        <LineReport :echart-data="studyRecord.linChart" :description="studyRecord.description" />
+        <AbilityDimension :report-items="studyRecord.reportItems" />
+      </view>
+      <!-- 底部AI智能顾问 -->
+      <AiFooter :pageId="pageId" :pageType="pageType" />
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import LineReport from '../components/interestChart/LineReport.vue'
+import AbilityDimension from '../components/AbilityDimension.vue'
+import AiFooter from '../components/AiFooter.vue'
+import { handleBack } from '../hooks/useEvaluateBack'
+
+import { getAbilityDimension } from '@/service/index/api'
+
+const pageType = ref(0)
+const pageId = ref(0)
+
+const studyRecord = ref({
+  description: '',
+  title: '',
+  linChart: [],
+  reportItems: [],
+  hTag: '',
+})
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getAbilityDimension({ ScaleId: pageId.value }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        linChart: any[]
+        reportItems: any[]
+        hTag: string
+      }
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.header-bg {
+  width: calc(100% - 80rpx);
+  height: 244rpx;
+  position: absolute;
+  top: 0;
+  left: 40rpx;
+  z-index: 1;
+}
+
+.type-tag {
+  font-size: 24rpx;
+  min-width: 40rpx;
+  text-align: center;
+}
+
+.position-tag {
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.table-row {
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.avatar-item image {
+  border: 4rpx solid #fff;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+
+.border-class {
+  border-radius: 20rpx 20rpx 0 0;
+  padding-bottom: 42rpx;
+  margin-bottom: -14rpx;
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/academicReport/characterReport.vue b/src/pages-evaluation-sub/evaluate/academicReport/characterReport.vue
new file mode 100644
index 0000000..a2a713f
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/academicReport/characterReport.vue
@@ -0,0 +1,125 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <view class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">性格测评报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 flex flex-col overflow-auto">
+      <view class="overflow-auto relative mt-[40rpx] flex-1 pb-[20rpx]">
+        <!-- 顶部卡片 -->
+        <view class="flex flex-col pt-[32rpx] px-[84rpx] h-[244rpx] mb-[-116rpx] font-700">
+          <image
+            src="https://api.static.ycymedu.com/src/images/evaluate/bg.png"
+            class="header-bg"
+          />
+          <text class="text-[#333] text-[28rpx] mb-[14rpx] z-2">您的性格类型为</text>
+          <text class="text-[#117CFC] text-[36rpx] z-2">{{ studyRecord.title }}</text>
+        </view>
+        <!-- 雷达图占位 -->
+        <CharacterChart :linChart="studyRecord.linChart" :description="studyRecord.description" />
+
+        <DependenciesChart
+          :mainDomain="studyRecord.reportItem.mainDomain"
+          :major="studyRecord.reportItem.major"
+          :occupation="studyRecord.reportItem.occupation"
+        />
+      </view>
+
+      <!-- 底部AI智能顾问 -->
+      <AiFooter :pageId="pageId" :pageType="pageType" />
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import CharacterChart from '../components/interestChart/CharacterChart.vue'
+import DependenciesChart from '../components/interestChart/DependenciesChart.vue'
+import AiFooter from '../components/AiFooter.vue'
+import { getMBTIDimension } from '@/service/index/api'
+import { handleBack } from '../hooks/useEvaluateBack'
+
+const pageType = ref(0)
+const pageId = ref(0)
+
+const studyRecord = ref({
+  description: '',
+  title: '',
+  linChart: {},
+  reportItem: { mainDomain: '', major: '', occupation: '' },
+  hTag: '',
+})
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getMBTIDimension({ ScaleId: pageId.value }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        linChart: any
+        reportItem: { mainDomain: string; major: string; occupation: string }
+        hTag: string
+      }
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.header-bg {
+  width: calc(100% - 80rpx);
+  height: 244rpx;
+  position: absolute;
+  top: 0;
+  left: 40rpx;
+  z-index: 1;
+}
+
+.type-tag {
+  font-size: 24rpx;
+  min-width: 40rpx;
+  text-align: center;
+}
+
+.position-tag {
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.table-row {
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.avatar-item image {
+  border: 4rpx solid #fff;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/academicReport/interestReport.vue b/src/pages-evaluation-sub/evaluate/academicReport/interestReport.vue
new file mode 100644
index 0000000..25da70e
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/academicReport/interestReport.vue
@@ -0,0 +1,123 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <view class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">兴趣测评报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 overflow-auto relative mt-[40rpx]">
+      <view class="overflow-auto relative mt-[40rpx] flex-1 pb-[20rpx]">
+        <!-- 顶部卡片 -->
+        <view class="flex flex-col pt-[32rpx] px-[84rpx] h-[244rpx] mb-[-116rpx] font-700">
+          <image
+            src="https://api.static.ycymedu.com/src/images/evaluate/bg.png"
+            class="header-bg"
+          />
+          <text class="text-[#333] text-[28rpx] mb-[14rpx] z-2">您的兴趣类型为</text>
+          <text class="text-[#117CFC] text-[36rpx] z-2">{{ studyRecord.title }}</text>
+        </view>
+        <!-- 雷达图占位 -->
+        <InterestRadar :picData="studyRecord.picCharts" />
+        <!-- 类型说明 -->
+        <TypeDetail :reportItems="studyRecord.reportItems" />
+
+        <!-- 适合职业 -->
+        <IntroMajor :tag="studyRecord.hTag" />
+        <!-- 兴趣分析与代表人物 -->
+        <InterestingThings :tag="studyRecord.hTag" :description="studyRecord.description" />
+      </view>
+
+      <!-- 底部AI智能顾问 -->
+      <AiFooter :pageId="pageId" :pageType="pageType" />
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import TypeDetail from '../components/TypeDetail.vue'
+import InterestRadar from '../components/interestChart/InterestRadar.vue'
+import IntroMajor from '../components/IntroMajor.vue'
+
+import { getHollandDimensionInfo } from '@/service/index/api'
+import InterestingThings from '../components/InterestingThings.vue'
+import AiFooter from '../components/AiFooter.vue'
+import { handleBack } from '../hooks/useEvaluateBack'
+
+const pageType = ref(0)
+const pageId = ref(0)
+
+const studyRecord = ref({ description: '', title: '', picCharts: {}, reportItems: [], hTag: '' })
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getHollandDimensionInfo({ ScaleId: pageId.value.toString() }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        picCharts: any
+        reportItems: any[]
+        hTag: string
+      }
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.header-bg {
+  width: calc(100% - 80rpx);
+  height: 244rpx;
+  position: absolute;
+  top: 0;
+  left: 40rpx;
+  z-index: 1;
+}
+
+.type-tag {
+  font-size: 24rpx;
+  min-width: 40rpx;
+  text-align: center;
+}
+
+.position-tag {
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.table-row {
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.avatar-item image {
+  border: 4rpx solid #fff;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/studyReport/learnSkillReport.vue b/src/pages-evaluation-sub/evaluate/studyReport/learnSkillReport.vue
new file mode 100644
index 0000000..e0624cb
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/studyReport/learnSkillReport.vue
@@ -0,0 +1,153 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <view :scroll-y="true" class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">学习技能报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 overflow-auto relative">
+      <view class="flex flex-col flex-1 overflow-auto pb-[20rpx]">
+        <!-- 顶部卡片 -->
+        <view class="mt-[60rpx] mx-[24rpx]">
+          <StatusCard
+            :score="score"
+            :rules="anxietyRules"
+            tip="测评结果只做参考。"
+            :level="level"
+            :description="studyRecord.description"
+            :tagName="studyRecord.tagName"
+          />
+        </view>
+        <view class="mx-[24rpx]">
+          <LearnSkillSuggestion
+            v-for="(item, index) in suggestions"
+            :key="index"
+            :items="item.items"
+            :title="item.title"
+          ></LearnSkillSuggestion>
+        </view>
+      </view>
+
+      <!-- 底部AI智能顾问 -->
+      <AiFooter :pageId="pageId" :pageType="pageType" />
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import StatusCard from '../components/StatusCard.vue'
+import LearnSkillSuggestion from '../components/LearnSkillSuggestion.vue'
+import AiFooter from '../components/AiFooter.vue'
+import { getCustomScaleExplains } from '@/service/index/api'
+import { handleBack } from '../hooks/useEvaluateBack'
+
+const pageType = ref(0)
+const pageId = ref(0)
+const anxietyRules = [
+  {
+    label: '很差',
+    range: '≤80分',
+    color: '#F5663E',
+  },
+  {
+    label: '较差',
+    range: '81-104分',
+    color: '#F8B801',
+  },
+  {
+    label: '一般',
+    range: '105-136分',
+    color: '#F3A953',
+  },
+  {
+    label: '较好',
+    range: '137-160分',
+    color: '#55E5C5',
+  },
+  {
+    label: '优秀',
+    range: '≥161分',
+    color: '#00B281',
+  },
+]
+
+const score = ref(0)
+const level = ref(0)
+
+const studyRecord = ref({
+  description: '',
+  title: '',
+  result: '',
+  tagName: '',
+  suggestions: '',
+})
+
+const calcLevel = (val: string) => {
+  let _s = JSON.parse(val)
+  if (_s[0].Total >= 161) {
+    return 4
+  } else if (_s[0].Total >= 137) {
+    return 3
+  } else if (_s[0].Total >= 105) {
+    return 2
+  } else if (_s[0].Total >= 81) {
+    return 1
+  } else {
+    return 0
+  }
+}
+
+const suggestions = ref([])
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getCustomScaleExplains({ CustomScaleId: pageId.value }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        result: string
+        tagName: string
+        suggestions: string
+      }
+      level.value = calcLevel(studyRecord.value.result)
+      score.value = JSON.parse(studyRecord.value.result)[0].Total
+      suggestions.value = JSON.parse(studyRecord.value.suggestions).succestions
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.custom-border {
+  width: 162rpx;
+  height: 162rpx;
+  border-radius: 50%;
+  border: 6rpx dashed;
+  border-color: #05d69c transparent transparent transparent;
+}
+</style>
diff --git a/src/pages-evaluation-sub/evaluate/studyReport/learnStudyReport.vue b/src/pages-evaluation-sub/evaluate/studyReport/learnStudyReport.vue
new file mode 100644
index 0000000..dbe430e
--- /dev/null
+++ b/src/pages-evaluation-sub/evaluate/studyReport/learnStudyReport.vue
@@ -0,0 +1,103 @@
+<route lang="json5" type="page">
+{
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<template>
+  <view :scroll-y="true" class="flex flex-col h-screen relative custom-bg">
+    <Navbar
+      safeAreaInsetTop
+      :bordered="false"
+      leftArrow
+      @clickLeft="handleBack"
+      bg-color="transparent"
+    >
+      <template #title>
+        <text class="text-[#1F2329] text-[36rpx] font-medium text-[#fff]">Solomon学习风格报告</text>
+      </template>
+    </Navbar>
+
+    <view class="flex-1 overflow-auto relative">
+      <view class="flex flex-col flex-1 overflow-auto pb-[20rpx]">
+        <!-- 顶部卡片 -->
+        <view class="mt-[60rpx] mx-[24rpx]">
+          <LearnStyleChart :pic-data="chartData" :parsing="parsing" />
+        </view>
+        <view class="mx-[24rpx]">
+          <LearnStudySuggestion
+            :title="item.name"
+            :item="item"
+            v-for="(item, index) in suggestions"
+            :key="index"
+          />
+        </view>
+      </view>
+
+      <!-- 底部AI智能顾问 -->
+      <AiFooter :pageId="pageId" :pageType="pageType" />
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import LearnStyleChart from '../components/studyChart/LearnStyleChart.vue'
+import LearnStudySuggestion from '../components/LearnStudySuggestion.vue'
+import AiFooter from '../components/AiFooter.vue'
+import { getCustomScaleExplains } from '@/service/index/api'
+import { handleBack } from '../hooks/useEvaluateBack'
+
+const pageType = ref(0)
+const pageId = ref(0)
+
+const studyRecord = ref({
+  description: '',
+  title: '',
+  result: '',
+  tagName: '',
+  suggestions: '',
+})
+
+const chartData = ref([])
+const parsing = ref('')
+const suggestions = ref([])
+
+onLoad((options) => {
+  pageType.value = +options.type
+  pageId.value = options.id
+
+  getCustomScaleExplains({ CustomScaleId: pageId.value }).then((resp) => {
+    if (resp.code === 200) {
+      studyRecord.value = resp.result as {
+        description: string
+        title: string
+        result: string
+        tagName: string
+        suggestions: string
+      }
+      chartData.value = JSON.parse(studyRecord.value.result)
+      parsing.value = studyRecord.value.suggestions
+      suggestions.value = JSON.parse(studyRecord.value.description)
+    }
+  })
+})
+</script>
+
+<style scoped lang="scss">
+.custom-bg {
+  background: linear-gradient(184deg, #0d79fc 0%, #2186fc 100%);
+}
+:deep(.icon-class) {
+  color: #fff !important;
+}
+
+.custom-border {
+  width: 162rpx;
+  height: 162rpx;
+  border-radius: 50%;
+  border: 6rpx dashed;
+  border-color: #05d69c transparent transparent transparent;
+}
+</style>