Pine
97054a9699
- user 端：课程/活动/报名/测评/政策/调研 - 后端已并入 server-core/app/training，/api/* 走 opc.pinesound.cn
65 lines
2.4 KiB
React
65 lines
2.4 KiB
React
import React from 'react';
|
||
import { ContentTemplate } from '@/components/templates';
|
||
import { SectionHead, Card } from '@/components/atoms';
|
||
import { CardGrid, DataTable } from '@/components/molecules';
|
||
import { Reveal } from '@/components/organisms';
|
||
import { SELF_CARDS_A, SELF_CARDS_B, MENTOR_MODULES, CORE_TEMPLATES } from '@/data/cards';
|
||
|
||
function SelfCard({ c }) {
|
||
return (
|
||
<Card tag={c.no} ghost title={c.name}>
|
||
<p>{c.desc}<br /><b>价值：</b>{c.value}</p>
|
||
</Card>
|
||
);
|
||
}
|
||
|
||
export default function Cards() {
|
||
return (
|
||
<ContentTemplate
|
||
active="pine/cards"
|
||
kicker="Cards Library"
|
||
title="卡片库"
|
||
desc="10 张学员自我认知卡（发掘自己 → 找赛道）+ 1 张导师画像卡 + 6 份核心模板。学员的卡是输入，导师的卡是判断。"
|
||
>
|
||
<Reveal as="section" className="section">
|
||
<SectionHead no="01" title="自我发掘 · 卡片 01–05" en="Self-Discovery" />
|
||
<CardGrid cols={2}>
|
||
{SELF_CARDS_A.map((c, i) => <SelfCard key={i} c={c} />)}
|
||
<Card tag="指引" ghost title="填写指引">
|
||
<p>每张含「设计思路 / 目的 / 逐项介绍 / 产出 / 填写价值 / 标准参考」六要素，配套文档见 <code>自我认知工具/</code>。</p>
|
||
</Card>
|
||
</CardGrid>
|
||
</Reveal>
|
||
|
||
<Reveal as="section" className="section">
|
||
<SectionHead no="02" title="现状反思与赛道 · 卡片 06–10" en="Reflection & Track" />
|
||
<CardGrid cols={2}>
|
||
{SELF_CARDS_B.map((c, i) => <SelfCard key={i} c={c} />)}
|
||
<Card tag="工具" ghost title="在线填写">
|
||
<p>08–10 可在「工具」页直接在线填写并自动加权计算，结果可打印。</p>
|
||
</Card>
|
||
</CardGrid>
|
||
</Reveal>
|
||
|
||
<Reveal as="section" className="section">
|
||
<SectionHead no="03" title="导师侧 · M01 学员画像卡" en="Mentor Profile" />
|
||
<DataTable
|
||
head={['模块', '内容']}
|
||
rows={MENTOR_MODULES.map((m) => [m.k, m.v])}
|
||
/>
|
||
</Reveal>
|
||
|
||
<Reveal as="section" className="section">
|
||
<SectionHead no="04" title="核心模板 · T01–T06" en="Core Templates" />
|
||
<CardGrid cols={3}>
|
||
{CORE_TEMPLATES.map((t, i) => (
|
||
<Card key={i} tag={t.no} ghost={!t.highlight} title={t.name}>
|
||
<p>{t.desc}</p>
|
||
</Card>
|
||
))}
|
||
</CardGrid>
|
||
</Reveal>
|
||
</ContentTemplate>
|
||
);
|
||
}
|