|
@@ -51,6 +51,13 @@
|
|
|
dimensionCode="wisdom"
|
|
dimensionCode="wisdom"
|
|
|
:sandboxData="sandboxData"
|
|
:sandboxData="sandboxData"
|
|
|
:dualDimension="dualDimension" />
|
|
:dualDimension="dualDimension" />
|
|
|
|
|
+ <!-- 认知七维 -->
|
|
|
|
|
+ <dimension-sub-dims
|
|
|
|
|
+ v-if="isLoggedIn && wisdomSubDims.length > 0"
|
|
|
|
|
+ title="⚡ 认知七维"
|
|
|
|
|
+ subtitle="学习能力的七个核心方面"
|
|
|
|
|
+ accent-color="#6366F1"
|
|
|
|
|
+ :dims="wisdomSubDims" />
|
|
|
|
|
|
|
|
<!-- 学习解读 -->
|
|
<!-- 学习解读 -->
|
|
|
<view class="section score-explain-card" v-if="isLoggedIn && currentView === 'self' && dualDimension">
|
|
<view class="section score-explain-card" v-if="isLoggedIn && currentView === 'self' && dualDimension">
|
|
@@ -127,6 +134,7 @@ import nav from '../../utils/nav'
|
|
|
import TabTransition from '../../components/tab-transition.vue'
|
|
import TabTransition from '../../components/tab-transition.vue'
|
|
|
import PageBanner from '../../components/PageBanner.vue'
|
|
import PageBanner from '../../components/PageBanner.vue'
|
|
|
import RadarChart from '../../components/RadarChart.vue'
|
|
import RadarChart from '../../components/RadarChart.vue'
|
|
|
|
|
+import DimensionSubDims from '../../components/DimensionSubDims.vue'
|
|
|
import FamilyEnergyBar from '../../components/FamilyEnergyBar.vue'
|
|
import FamilyEnergyBar from '../../components/FamilyEnergyBar.vue'
|
|
|
import AIFloatingAvatar from '../../components/AIFloatingAvatar.vue'
|
|
import AIFloatingAvatar from '../../components/AIFloatingAvatar.vue'
|
|
|
import FamilyMemberStrip from '../../components/FamilyMemberStrip.vue'
|
|
import FamilyMemberStrip from '../../components/FamilyMemberStrip.vue'
|
|
@@ -135,7 +143,7 @@ import { getVisibleSections, getChildren, getFamilyEnergySandbox, getEnergySandb
|
|
|
import { parseDate } from '../../utils/format.js'
|
|
import { parseDate } from '../../utils/format.js'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
- components: { TabTransition, PageBanner, RadarChart, FamilyEnergyBar, AIFloatingAvatar, FamilyMemberStrip, DimensionIntroCard },
|
|
|
|
|
|
|
+ components: { TabTransition, PageBanner, RadarChart, FamilyEnergyBar, DimensionSubDims, AIFloatingAvatar, FamilyMemberStrip, DimensionIntroCard },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
isLoggedIn: false,
|
|
isLoggedIn: false,
|
|
@@ -147,6 +155,7 @@ export default {
|
|
|
children: [],
|
|
children: [],
|
|
|
familyMembersVisible: [],
|
|
familyMembersVisible: [],
|
|
|
selectedMemberId: null,
|
|
selectedMemberId: null,
|
|
|
|
|
+ wisdomSubDims: [],
|
|
|
sandboxData: null,
|
|
sandboxData: null,
|
|
|
currentView: 'self', // 'self' | 'family'
|
|
currentView: 'self', // 'self' | 'family'
|
|
|
dualDimension: null,
|
|
dualDimension: null,
|
|
@@ -324,6 +333,7 @@ export default {
|
|
|
getAssessmentLatestResult(memberId).then(function(res) {
|
|
getAssessmentLatestResult(memberId).then(function(res) {
|
|
|
if (res.code === 200 && res.data) {
|
|
if (res.code === 200 && res.data) {
|
|
|
self.cognitiveReport = res.data
|
|
self.cognitiveReport = res.data
|
|
|
|
|
+ self.wisdomSubDims = (function() { var r = self.cognitiveReport || {}; return [{label:'感知能力', score:r.perceptionScore||0, desc:'通过感官获取信息'}, {label:'专注力', score:r.focusScore||0, desc:'保持注意力集中'}, {label:'记忆力', score:r.memoryScore||0, desc:'记忆和回忆信息'}, {label:'逻辑思维', score:r.logicScore||0, desc:'分析和推理能力'}, {label:'空间思维', score:r.spatialScore||0, desc:'操作空间关系'}, {label:'加工速度', score:r.processingSpeedScore||0, desc:'快速处理信息'}, {label:'成长型思维', score:r.growthMindset||0, desc:'相信能力可提升'}]; })();
|
|
|
}
|
|
}
|
|
|
}).catch(function(e) {})
|
|
}).catch(function(e) {})
|
|
|
},
|
|
},
|
|
@@ -466,6 +476,59 @@ export default {
|
|
|
color: rgba(255,255,255,0.8);
|
|
color: rgba(255,255,255,0.8);
|
|
|
line-height: 1.6;
|
|
line-height: 1.6;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+/* 子维度评分卡 */
|
|
|
|
|
+.subdim-section {
|
|
|
|
|
+ margin: 20rpx 30rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-cards {
|
|
|
|
|
+ background: rgba(255,255,255,0.08);
|
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ border: 1rpx solid rgba(255,255,255,0.12);
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card {
|
|
|
|
|
+ padding: 24rpx 28rpx;
|
|
|
|
|
+ border-bottom: 1rpx solid rgba(255,255,255,0.08);
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card:last-child {
|
|
|
|
|
+ border-bottom: none;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card-left {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ margin-bottom: 12rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card-label {
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ font-weight: 600;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card-desc {
|
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
|
+ color: rgba(255,255,255,0.5);
|
|
|
|
|
+ margin-top: 4rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card-right {
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-card-score {
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-bar-track {
|
|
|
|
|
+ height: 8rpx;
|
|
|
|
|
+ background: rgba(255,255,255,0.1);
|
|
|
|
|
+ border-radius: 4rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ margin-top: 8rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.subdim-bar-fill {
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ border-radius: 4rpx;
|
|
|
|
|
+ transition: width 0.5s ease;
|
|
|
|
|
+}
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
.wisdom-container {
|
|
.wisdom-container {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|