diff --git a/public/images/project-library/四川大熊猫扇子项目效果图2.jpg b/public/images/project-library/四川大熊猫扇子项目效果图2.jpg new file mode 100644 index 0000000..d3eaf32 Binary files /dev/null and b/public/images/project-library/四川大熊猫扇子项目效果图2.jpg differ diff --git a/public/images/project-library/四川大熊猫扇子项目效果图3.jpg b/public/images/project-library/四川大熊猫扇子项目效果图3.jpg new file mode 100644 index 0000000..442773f Binary files /dev/null and b/public/images/project-library/四川大熊猫扇子项目效果图3.jpg differ diff --git a/public/images/project-library/四川大熊猫扇子项目效果图4.jpg b/public/images/project-library/四川大熊猫扇子项目效果图4.jpg new file mode 100644 index 0000000..bd245bb Binary files /dev/null and b/public/images/project-library/四川大熊猫扇子项目效果图4.jpg differ diff --git a/src/components/CoursesVideoPlayer/index.css b/src/components/CoursesVideoPlayer/index.css index ab3d649..133a416 100644 --- a/src/components/CoursesVideoPlayer/index.css +++ b/src/components/CoursesVideoPlayer/index.css @@ -16,7 +16,7 @@ padding: 16px; border-radius: 16px; background-color: #fff; - border: 1px solid #fff; + border: 1px solid #e5e6eb; .courses-video-player-header { width: 100%; @@ -63,7 +63,7 @@ margin-top: 20px; width: 100%; height: 234px; - border: 2px solid #fff; + border: 1px solid #e5e6eb; border-radius: 16px; box-sizing: border-box; padding: 16px; diff --git a/src/components/CoursesVideoPlayer/index.jsx b/src/components/CoursesVideoPlayer/index.jsx index 8ed03cd..a5f339c 100644 --- a/src/components/CoursesVideoPlayer/index.jsx +++ b/src/components/CoursesVideoPlayer/index.jsx @@ -1,5 +1,6 @@ import { Avatar, Tooltip } from "@arco-design/web-react"; import Locked from "@/components/Locked"; +import logoImg from "@/assets/images/Sidebar/logo.png"; import "./index.css"; export default ({ className = "", isLock = false, selectedCourse, teacherData, unitPosters, isPublicCourse = false, backgroundImage }) => { @@ -146,17 +147,30 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u ) : ( - /* 未选中课程时显示黑屏 */ + /* 未选中课程时显示白底和logo */
+ logo 请选择课程开始观看 diff --git a/src/data/expertQAData.js b/src/data/expertQAData.js new file mode 100644 index 0000000..740aaa3 --- /dev/null +++ b/src/data/expertQAData.js @@ -0,0 +1,261 @@ +// 专家问答数据 +export const expertQAData = [ + { + id: 101, + title: "文旅活动执行中的风险与应对", + category: "专业知识", + expert: "郭建辉", + status: "已解决", + statusType: "resolved", + lastMessage: "通过预案把风险降到最低", + time: "03-07", + messages: [ + { + id: 1, + type: "user", + content: "老师，文旅项目里，最难做的部分是什么呢？", + time: "2024-03-06 16:38", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "通常最难的就是\"落地执行\"。前期的策划看起来都很美好，但真正实施时要协调场地、供应商、演员、媒体等各方资源，还要考虑游客体验和安全问题。比如一场大型音乐节，不仅要管好舞台灯光和音响，还要管控人流、安排安保、准备应急预案。只要有一个环节没做好，就可能影响整体效果。", + time: "2024-03-06 17:44", + avatar: "👨‍💻", + expertName: "郭建辉老师" + }, + { + id: 3, + type: "user", + content: "那在落地执行的时候，最容易出问题的环节是哪一块？", + time: "2024-03-06 17:57", + avatar: "👤" + }, + { + id: 4, + type: "expert", + content: "最容易出问题的就是\"现场环节\"，因为它的不确定性最多。比如天气突变、设备故障、突发安全事件，这些都不是完全可控的。其次是多方协调，有时候供应商延迟到位，或者演员临时缺席，都会影响流程。", + time: "2024-03-06 22:07", + avatar: "👨‍💻", + expertName: "郭建辉老师" + }, + { + id: 5, + type: "user", + content: "那这些突发问题有没有办法提前避免呢？", + time: "2024-03-07 10:16", + avatar: "👤" + }, + { + id: 6, + type: "expert", + content: "完全避免是不可能的，但可以通过预案把风险降到最低。比如活动前要准备'天气备选方案'，下雨就有备用棚区或室内场地；设备要做反复测试并准备备用机；安保要提前演练人流疏散路线。关键在于'风险预判+多手准备'，这样即使出现问题，也能快速切换方案，保证活动不中断。", + time: "2024-03-07 15:22", + avatar: "👨‍💻", + expertName: "郭建辉老师" + } + ] + }, + { + id: 102, + title: "文化服务的价值与职业意义", + category: "专业知识", + expert: "刘杰", + status: "已解决", + statusType: "resolved", + lastMessage: "明白了，谢谢老师", + time: "03-15", + messages: [ + { + id: 1, + type: "user", + content: "老师，什么是'文化服务行业'？为什么它单独算一个行业？", + time: "2024-03-14 14:54", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "文化服务行业就是以文化为核心内容，为社会提供精神产品和文化体验的产业。比如博物馆、美术馆、演出公司、文化传播机构、图书馆、非遗工坊等等，都属于这个行业。它之所以被单独划分，是因为文化和普通的商品不同，文化更强调精神价值和体验感。比如你去看一场音乐会，回家不会带走一件'实物'，但那份感动和记忆就是文化服务的价值。这类行业不仅能满足人们的精神需求，还能促进社会文明程度的提升，因此被单独定义为一个产业。", + time: "2024-03-14 18:42", + avatar: "👨‍💻", + expertName: "刘杰老师" + }, + { + id: 3, + type: "user", + content: "那我们作为文旅专业的学生，学习文化服务方面的内容有什么意义呢？", + time: "2024-03-14 20:22", + avatar: "👤" + }, + { + id: 4, + type: "expert", + content: "意义非常大。首先，文化服务是文旅项目的核心内容之一，掌握它能让你的策划更有'文化内涵'，避免只做表面的观光项目。其次，很多就业岗位就在文化服务行业，比如博物馆运营、演出策划、文化活动推广，这些都和你们专业高度契合。最后，文化服务行业对创新和数字化的需求很大，这也为年轻人提供了发挥创意和技能的空间。学习文化服务，就是在为自己拓展更广阔的职业舞台。", + time: "2024-03-14 23:12", + avatar: "👨‍💻", + expertName: "刘杰老师" + }, + { + id: 5, + type: "user", + content: "明白了，谢谢老师", + time: "2024-03-15 10:44", + avatar: "👤" + } + ] + }, + { + id: 103, + title: "文旅产业的广度解析", + category: "常规问题", + expert: "", + status: "已解决", + statusType: "resolved", + lastMessage: "文旅产业范围比旅游业更广", + time: "03-18", + messages: [ + { + id: 1, + type: "user", + content: "文旅产业具体包含哪些领域？是不是只等于'旅游业'？", + time: "2024-03-18 17:11", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "文旅产业的范围比单纯的旅游业更广。旅游业主要指观光、住宿、交通这些基本环节，而文旅产业不仅包括旅游，还包括文化创意、演出、节庆活动、文博展览、文创商品开发、数字文旅等。简单理解就是：旅游提供'去哪儿、怎么玩'，文化提供'看什么、感受什么'，两者结合才是完整的文旅产业。", + time: "2024-03-18 17:11", + avatar: "👨‍💻", + expertName: "智能助手" + } + ] + }, + { + id: 104, + title: "文旅商品供应链的特性", + category: "专业知识", + expert: "郭建辉", + status: "已解决", + statusType: "resolved", + lastMessage: "文化属性是最大的不同", + time: "04-05", + messages: [ + { + id: 1, + type: "user", + content: "老师，文旅商品供应链和普通商品供应链有什么不一样？", + time: "2024-04-05 11:14", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "最大的不同在于'文化属性'。普通商品供应链可能主要追求效率和价格，比如快消品。但是文旅商品除了实用性，还要有文化价值和纪念意义，比如加入非遗元素、地方特色符号，这会导致研发和设计阶段的比重更大。同时，它的销售渠道也有特点，往往依托景区商店、文创馆或者旅游电商平台，而不是传统超市。所以文旅商品供应链更强调'文化创意+体验营销'，而不是单纯的'买卖'。", + time: "2024-04-05 20:39", + avatar: "👨‍💻", + expertName: "郭建辉老师" + } + ] + }, + { + id: 105, + title: "景区流量与变现困境", + category: "常规问题", + expert: "", + status: "已解决", + statusType: "resolved", + lastMessage: "延伸产业链是关键", + time: "04-22", + messages: [ + { + id: 1, + type: "user", + content: "为什么有的景区人气很高，但文旅项目却亏损？", + time: "2024-04-22 15:06", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "这是'流量和变现'的问题。有些景区游客多，但消费项目太少，比如只卖门票，没有配套文创、餐饮和演艺体验；或者运营成本过高，吃掉了利润。解决办法是延伸产业链，把游客的吃、住、购、娱结合起来，比如增加夜游项目、打造特色文创店、开展沉浸式演出。这样才能把人气转化成真正的收益。", + time: "2024-04-22 15:06", + avatar: "👨‍💻", + expertName: "智能助手" + } + ] + }, + { + id: 106, + title: "内向性格与沟通能力成长", + category: "其他", + expert: "赵志强", + status: "已解决", + statusType: "resolved", + lastMessage: "好，谢谢老师", + time: "04-25", + messages: [ + { + id: 1, + type: "user", + content: "我性格比较内向，觉得文旅行业需要很多沟通能力，会不会不适合我？", + time: "2024-04-24 12:47", + avatar: "👤" + }, + { + id: 2, + type: "expert", + content: "其实文旅行业岗位很多，并不是所有工作都需要频繁沟通。比如文创设计、数据分析、市场研究，更需要安静思考和独立完成的能力。而且沟通能力是可以锻炼的，从小组合作、实习助理工作开始，你会慢慢发现自己也能逐渐适应。如果你热爱这个行业，不必因为性格内向就放弃，找到适合自己的岗位就好。", + time: "2024-04-24 20:24", + avatar: "👨‍💻", + expertName: "赵志强老师" + }, + { + id: 3, + type: "user", + content: "那如果我要锻炼沟通能力，可以从哪些小事情开始呢？", + time: "2024-04-24 23:11", + avatar: "👤" + }, + { + id: 4, + type: "expert", + content: "比如在课堂小组作业里，主动承担一次汇报的部分；在实习时，尝试和同事沟通一两个简单任务；或者在校园活动中担任志愿者，练习和陌生人交流。这些都是低风险的环境，不需要一下子'突破自我'，而是逐步积累信心。沟通能力不是天生的，而是通过一次次尝试慢慢培养出来的。", + time: "2024-04-25 10:26", + avatar: "👨‍💻", + expertName: "赵志强老师" + }, + { + id: 5, + type: "user", + content: "好，谢谢老师", + time: "2024-04-25 11:44", + avatar: "👤" + } + ] + } +]; + +// 导师信息映射 +export const expertInfo = { + "郭建辉": { + name: "郭建辉", + title: "文旅项目专家", + avatar: "👨‍💻", + specialties: ["活动策划", "风险管理", "供应链管理"] + }, + "刘杰": { + name: "刘杰", + title: "文化产业专家", + avatar: "👨‍💻", + specialties: ["文化服务", "产业分析", "职业规划"] + }, + "赵志强": { + name: "赵志强", + title: "职业发展导师", + avatar: "👨‍💻", + specialties: ["个人成长", "能力培养", "职业指导"] + } +}; \ No newline at end of file diff --git a/src/mocks/resumeInterviewMock.js b/src/mocks/resumeInterviewMock.js index d002aa8..8660780 100644 --- a/src/mocks/resumeInterviewMock.js +++ b/src/mocks/resumeInterviewMock.js @@ -1797,20 +1797,38 @@ const resumeTemplates = { ### （五）岗位职责： -参与了学校社团的各种活动组织工作，协助完成了多项任务。在活动中负责协调工作，取得了一定的成果。通过这次实践，我学到了很多知识，提升了自己的能力。 +1. 结合 Z 世代与高校生群体喜好，甄选二次元贴纸、徽章、手办等周边商品，构建符合价格段（¥9-39、¥59-199、¥299+）的SKU结构，并执行上架流程； +2. 基于“价格带×IP热度×材质工艺”策略，小规模试水后循环补货与限量发售，优化选品组合并维护毛利目标（55%±5%）； +3. 协助供应商评估与开拓工作，核查IP授权、产品质量与供应稳定性，确保合规与供货畅通； +4. 跟踪热销商品的动销与库存状况，对滞销SKU提出补货或清退建议，支持风险控制与销售复盘； +5. 参与盲盒选品与运营规范管理，核实概率信息与文案公开情况，确保合规风险可控； +6. 梳理门店与社群（如“晒谷仓”等平台）反馈，推荐互动性强的产品款式，推动用户共创与UGC内容积累； +7. 确保线上线下渠道货品一致性，支持小程序与实体货架的协同运营； +8. 参与主题活动选品，如“上映联动款”，协调视觉团队准备陈列样品与营销素材； +9. 监控用户反馈、评价与复购倾向，为后续IP选择、续订或新品布局提供分析依据。 # 二、专业技能 ### （一）核心能力 -1. 具有基本的沟通能力 -2. 能够使用办公软件 -3. 有团队合作精神 +1. 具备市场洞察与用户画像分析能力，能够基于渠道数据和用户偏好制定品牌调性选品方案； +2. 热爱二次元文化，熟知主流IP趋势，具备敏锐的选品嗅觉； +3. 能独立规划选品流程，从新品筛选到上架执行均能参与； +4. 擅长与供应链或样品提供方沟通对接，推动产品上架与授权检查； +5. 能洞察消费趋势，预测二次元用户喜好并捕捉潜在爆款； +6. 善于数据分析与销售反馈处理，能指导选品优化与风险控制。 ### （二）复合能力 -1. 学习能力较强 -2. 适应能力良好`, +1. 产品营销基础：具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 +2. 文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 +3. 新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 +4. 商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 +5. AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 +6. 服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 +7. 活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 +8. 文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 +9. 智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。`, modified: `# 对应岗位：二次元周边选品专员 # 一、项目经历 @@ -4349,70 +4367,41 @@ const resumeTemplates = { # 三、个人总结 我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在"汽车品牌线下推广活动"项目中，我协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节。实习期间我表现细致且应变能力强，能主动配合团队推进流程并快速响应突发情况。未来希望在文旅或品牌线下推广领域不断实践成长，成为一名执行力出色、善于沟通与复盘的项目执行专家。`, - modified: `# 活动策划师 - -# 对应岗位：活动策划师 + modified: `# 对应岗位：活动策划师 # 一、项目经历 ### （一）项目名称：春风 450MT新品上市营销活动策划项目 -### （二）实习岗位：活动策划是助理 +### （二）实习岗位：活动策划助理 -### （三）实习时间：XXXX时间 +### （三）实习时间：2024.06-2024.08 ### （四）实习单位：某某公司 ### （五）岗位职责： -1. ~~主导制定~~ **协助制定**"T 系列车型'驭速觉醒'"传播总纲，~~拆解~~ **参与拆解**线上曝光、线下参与、社交互动等核心 KPI，并~~规划~~ **配合规划**成都/长沙/杭州三个城市的传播节奏及分站团队协作结构； -2. ~~收集 Z 世代用户调研及竞品数据，撰写传播主题与互动脚本素材，搭建传播方案框架，并完成文案与软文投放结构设计~~ - - **协助收集 Z 世代用户调研及竞品数据，参与撰写传播主题和互动脚本，配合搭建传播方案框架，并协助完成文案与软文投放结构整理**； - -3. ~~统筹并设计~~ **参与设计**线下互动场景，融合骑行线路与城市地标，~~打造沉浸式内容互动体验~~ **协助营造沉浸式内容互动体验**； -4. ~~构建三级内容驱动矩阵，设定发布时间节奏与话题标签，推动内容裂变传播~~ - - **配合团队构建三级内容驱动矩阵，参与设定发布时间节奏与话题标签，支持内容裂变传播**； - -5. ~~撰写城市站主持串场稿、互动指引语稿、达人任务脚本及视觉稿校对，确保线上线下语言与视觉调性统一~~ - - **协助撰写城市站主持串场稿、互动指引语稿和达人任务脚本，并参与视觉稿校对，帮助确保线上线下语言与视觉调性统一**； - -6. ~~制定活动预算（含达人投入、物料成本、媒体费等），控制每人试乘成本~~ - - **协助整理活动预算数据（达人投入、物料成本、媒体费等），并学习参与控制每人试乘成本**； - -7. ~~协调品牌方、执行方、设计、公关及场地团队，监督进度及质量，建立城市协调机制以应对现场突发状况~~ - - **协助品牌方、执行方、设计、公关及场地团队的沟通，参与进度跟进和质量检查，配合应对现场突发状况**； - -8. ~~汇总试乘转化率、参与人数、互动反馈等数据，撰写传播成效报告并提炼可以复用的模板与优化建议~~ - - **协助汇总试乘转化率、参与人数和互动反馈等数据，配合撰写传播成效报告，并参与整理可复用的模板与优化建议**； - -9. ~~持续关注摩托车及文旅跨界营销趋势，支持后续的内容规划与策略迭代~~ - - **在学习过程中关注摩托车及文旅跨界营销趋势，协助支持后续内容规划与策略迭代**。 - +1. ~~主导制定~~**协助制定**"T 系列车型'驭速觉醒'"传播总纲，~~拆解~~**参与拆解**线上曝光、线下参与、社交互动等核心 KPI，并~~规划~~**配合规划**成都/长沙/杭州三个城市的传播节奏及分站团队协作结构； +2. ~~收集 Z 世代用户调研及竞品数据，撰写传播主题与互动脚本素材，搭建传播方案框架~~**协助收集用户调研数据，参与撰写基础文案素材**，并~~完成文案与软文投放结构设计~~**协助整理投放资料**； +3. ~~统筹并设计~~**参与设计**线下互动场景，融合骑行线路与城市地标，~~打造~~**协助打造**沉浸式内容互动体验； +4. ~~构建三级内容驱动矩阵~~**协助搭建内容矩阵**，~~设定~~**参与设定**发布时间节奏与话题标签，~~推动~~**支持**内容裂变传播； +5. ~~撰写~~**协助撰写**城市站主持串场稿、互动指引语稿、达人任务脚本及~~视觉稿校对~~**参与校对工作**，~~确保~~**协助确保**线上线下语言与视觉调性统一； +6. ~~制定活动预算~~**协助整理预算表**（含达人投入、物料成本、媒体费等），~~控制~~**学习控制**每人试乘成本； +7. ~~协调~~**协助联系**品牌方、执行方、设计、公关及场地团队，~~监督~~**跟进**进度及质量，~~建立城市协调机制~~**配合团队**以应对现场突发状况； +8. ~~汇总~~**协助收集**试乘转化率、参与人数、互动反馈等数据，~~撰写~~**参与撰写**传播成效报告并~~提炼~~**协助整理**可以复用的模板与优化建议； +9. ~~持续关注~~**学习了解**摩托车及文旅跨界营销趋势，~~支持~~**协助支持**后续的内容规划与策略迭代。 # 二、专业技能 ### （一）核心能力 -1. 熟悉活动策划完整流程，能~~协助从前期调研、传播定位到方案拆解与传播矩阵设计~~ **在团队指导下协助完成前期调研、传播定位、方案拆解与传播矩阵设计**； -2. 能~~独立撰写策划文案与流程脚本，协助呈报并优化执行逻辑~~ **参与撰写策划文案与流程脚本，并协助呈报及优化执行逻辑**； -3. 具备~~场地互动形式与内容体验设计经验，能参与打卡装置及互动环节策划~~ **一定的场地互动与内容体验设计经验，能协助参与打卡装置及互动环节的策划**； -4. 熟悉预算方案编制与成本监控，~~控制成本及物料资源消耗在合理的范围内~~ **能配合团队把控成本并协助监控物料资源消耗**； -5. 拥有活动数据跟踪与传播效果分析能力，~~能生成复盘报告~~ **能协助进行数据跟踪与传播效果整理，参与撰写复盘报告**； -6. ~~擅长品牌协调与资源统筹，能对接品牌方、达人、设计等跨界团队~~ - - **能协助进行品牌协调与资源统筹，配合对接品牌方、达人及设计等跨界团队**； - -7. ~~熟练操作办公软件与协作文档工具（PPT/Excel/Notion/AIGC 工具等），能支撑内容制作与流程协作~~ - - **熟练使用常用办公软件与协作文档工具（PPT/Excel/Notion/AIGC 工具等），能支持内容制作与流程协作**。 - +1. ~~熟悉~~**了解**活动策划完整流程，能协助从前期调研、传播定位到方案拆解与传播矩阵设计； +2. 能~~独立~~**在指导下**撰写策划文案与流程脚本，协助呈报并优化执行逻辑； +3. 具备场地互动形式与内容体验设计~~经验~~**基础知识**，能参与打卡装置及互动环节策划； +4. ~~熟悉~~**了解**预算方案编制与成本监控，~~控制~~**协助控制**成本及物料资源消耗在合理的范围内； +5. ~~拥有~~**具备基础的**活动数据跟踪与传播效果分析能力，能~~生成~~**协助生成**复盘报告； +6. ~~擅长~~**能够参与**品牌协调与资源统筹，能对接品牌方、达人、设计等跨界团队； +7. ~~熟练~~**能够**操作办公软件与协作文档工具（PPT/Excel/Notion/AIGC 工具等），能支撑内容制作与流程协作。 ### （二）复合能力 @@ -4428,45 +4417,7 @@ const resumeTemplates = { # 三、个人总结 -我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在"汽车品牌线下推广活动"项目中，我~~协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节~~ **主要参与并协助完成了物料验收、供应链协调、现场流程控制、客户引导以及UGC互动等环节，在过程中逐步积累了系统理解与实际操作经验**。实习期间我表现细致且应变能力强，~~能主动配合团队推进流程并快速响应突发情况~~ **能够主动配合团队推进流程，在现场突发情况中快速响应并学习处理方法**。未来希望在文旅或品牌线下推广领域不断实践成长，成为~~一名执行力出色、善于沟通与复盘的项目执行专家~~ **具备扎实执行力、善于沟通与复盘能力的项目执行型人才**。` - }, - studentInfo: { - project_experience: { - project_name: "春风 450MT新品上市营销活动策划项目", - position: "活动策划是助理", - time_period: "XXXXXX", - company: "XXXXXX", - description: `主导制定“T 系列车型‘驭速觉醒’”传播总纲，拆解线上曝光、线下参与、社交互动等核心 KPI，并规划成都/长沙/杭州三个城市的传播节奏及分站团队协作结构； -收集 Z 世代用户调研及竞品数据，撰写传播主题与互动脚本素材，搭建传播方案框架，并完成文案与软文投放结构设计； -统筹并设计线下互动场景，融合骑行线路与城市地标，打造沉浸式内容互动体验； -构建三级内容驱动矩阵，设定发布时间节奏与话题标签，推动内容裂变传播； -撰写城市站主持串场稿、互动指引语稿、达人任务脚本及视觉稿校对，确保线上线下语言与视觉调性统一； -制定活动预算（含达人投入、物料成本、媒体费等），控制每人试乘成本； -协调品牌方、执行方、设计、公关及场地团队，监督进度及质量，建立城市协调机制以应对现场突发状况； -汇总试乘转化率、参与人数、互动反馈等数据，撰写传播成效报告并提炼可以复用的模板与优化建议； -持续关注摩托车及文旅跨界营销趋势，支持后续的内容规划与策略迭代。` - }, - core_skills: [ - "熟悉活动策划完整流程，能协助从前期调研、传播定位到方案拆解与传播矩阵设计；", - "能独立撰写策划文案与流程脚本，协助呈报并优化执行逻辑；", - "具备场地互动形式与内容体验设计经验，能参与打卡装置及互动环节策划；", - "熟悉预算方案编制与成本监控，控制成本及物料资源消耗在合理的范围内；", - "拥有活动数据跟踪与传播效果分析能力，能生成复盘报告；", - "擅长品牌协调与资源统筹，能对接品牌方、达人、设计等跨界团队；", - "熟练操作办公软件与协作文档工具（PPT/Excel/Notion/AIGC 工具等），能支撑内容制作与流程协作。", - ], - compound_skills: [ - "活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。", - "市场洞察及营销策划：具备独立开展市场调研和竞品分析的基础方法，能够结合客户群特点提出营销建议，参与品牌推广、数字分销及渠道运营工作。", - "文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。", - "服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。", - "商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。", - "AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。", - "文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。", - "新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。", - "智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。", - ], - personal_summary: "我是一名刚完成实习的大专毕业生，主修会展策划与管理专业，对活动创意策划与传播运营具有浓厚兴趣。在“摩托车新品上市营销活动”中，我全程参与方案撰写、场景设计、传播落地、达人协作与效果追踪，逐步理解从创意触发到客户体验再到复盘优化的活动闭环逻辑。实习让我锻炼了文案表达、资源协调与成本控制的能力，并提升了跨部门沟通和执行力。我热爱策划工作，愿意不断学习，未来希望成为一名善于创意、数据敏感且执行落地力强的活动策划师。" +我是一名刚完成实习的大专毕业生，主修会展策划与管理专业，对活动创意策划与传播运营具有浓厚兴趣。在"摩托车新品上市营销活动"中，我全程参与方案撰写、场景设计、传播落地、达人协作与效果追踪，逐步理解从创意触发到客户体验再到复盘优化的活动闭环逻辑。实习让我锻炼了文案表达、资源协调与成本控制的能力，并提升了跨部门沟通和执行力。我热爱策划工作，愿意不断学习，未来希望成为一名善于创意、数据敏感且执行落地力强的活动策划师。` } }, { @@ -4525,9 +4476,7 @@ const resumeTemplates = { # 三、个人总结 我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在"汽车品牌线下推广活动"项目中，我协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节。实习期间我表现细致且应变能力强，能主动配合团队推进流程并快速响应突发情况。未来希望在文旅或品牌线下推广领域不断实践成长，成为一名执行力出色、善于沟通与复盘的项目执行专家。`, - modified: `# 活动执行 - -# 对应岗位：活动执行 + modified: `# 对应岗位：活动执行 # 一、项目经历 @@ -4535,355 +4484,50 @@ const resumeTemplates = { ### （二）实习岗位：活动执行助理 -### （三）实习时间：XXXX时间 +### （三）实习时间：2024.03-2024.05 ### （四）实习单位：某某公司 ### （五）岗位职责： -1. 按照总部标准流程在活动开展的城市~~落地~~ **协助落地**活动策划的"三大主题×五段流程"，包含物料布置及~~规范摆放审查~~ **规范摆放的检查与整理**； -2. ~~跟进物料供应商交付、配送及搭建进度，确保~~ **协助跟进物料供应商交付、配送及搭建进度，配合团队确保**活动搭建在开始日前完成，并参与流程彩排； -3. ~~主控现场活动流程，包括~~ **协助跟进现场活动流程，配合团队完成**签到、串场、试驾、抽奖等环节，保障节奏符合流程要求； -4. 应对现场突发状况（如雨天变化、音响故障或客流异常），~~配合启用预案进行快速响应~~ **在指导下配合启用预案，参与快速响应**； -5. 协助收集客户登记信息、扫码采集、平台导入工作； -6. ~~负责奖品发放及签到送礼品等活动内容的执行~~ **参与奖品发放及签到礼品等活动执行**，覆盖试驾礼包及竞拍奖品派发； -7. ~~实时监控签到率、互动频次、成交数等关键指标，并在必要时协助调整现场执行话术~~ - - **协助统计签到率、互动频次、成交数等关键指标，并在需要时配合调整现场执行话术**； - -8. 指导客户参与UGC传播（如抖音、小红书记录与打卡），~~协助扫码话题引导与内容归档~~ **并配合扫码话题引导及内容归档**； -9. 活动结束后~~负责现场物料、流程手册等文档分类归档~~ **协助整理现场物料、流程手册等文档分类归档**，为后续执行标准化输出提供素材。 +1. 按照总部标准流程在活动开展的城市~~落地活动策划的"三大主题×五段流程"~~**协助布置活动现场**，包含物料布置及~~规范摆放审查~~**基础摆放工作**； +2. ~~跟进物料供应商交付、配送及搭建进度~~**协助跟进物料配送**，~~确保~~**配合确保**活动搭建在开始日前完成，并参与流程彩排； +3. ~~主控现场活动流程~~**协助现场活动流程**，包括签到、串场、试驾、抽奖等环节，保障节奏符合流程要求； +4. 应对现场突发状况（如雨天变化、音响故障或客流异常），~~配合启用预案进行快速响应~~**在指导下参与应急处理**； +5. 协助收集客户登记信息、扫码采集、~~平台导入工作~~**数据整理工作**； +6. ~~负责~~**协助**奖品发放及签到送礼品等活动内容的执行，覆盖试驾礼包及竞拍奖品派发； +7. ~~实时监控~~**协助记录**签到率、互动频次、成交数等关键指标，~~并在必要时协助调整现场执行话术~~**反馈给负责人**； +8. ~~指导客户参与UGC传播~~**引导客户参与社交媒体分享**（如抖音、小红书记录与打卡），协助扫码话题引导与内容归档； +9. 活动结束后~~负责~~**协助**现场物料、流程手册等文档分类归档，为后续执行标准化输出提供素材。 # 二、专业技能 ### （一）核心能力 -1. ~~熟悉~~ **了解**活动现场安装流程与现场搭建物料管理，具备~~协助执行布场与摆放流程经验~~ **参与布场与摆放流程的协助经验**； -2. ~~擅长供应商协调与进度跟进~~ **能协助供应商协调与进度跟进**，支持搭建团队按时间节点完成场地落位彩排； -3. 能够快速应对突发状况，~~协助启动应急预案以保障现场活动顺利推进~~ **在需要时配合团队启动应急预案，保障现场活动顺利推进**； -4. 能~~辅助客户扫码登记与CRM信息录入，确保信息完整准确~~ **协助客户扫码登记与CRM信息录入，帮助确保信息完整准确**； -5. ~~具备UGC互动引导能力，提升用户打卡互动频率及社交媒体参与度~~ - - **能配合进行UGC互动引导，协助提升用户打卡互动频率及社交媒体参与度**； - -6. 能~~协助监测现场关键指标，配合优化活动流程~~ **在现场协助监测关键指标，并配合团队优化活动流程**； -7. 能够~~管理活动资料与执行流程文档，支持团队后续的活动执行使用~~ **参与整理活动资料与执行流程文档，支持团队后续的活动执行使用**； -8. 拥有较强的执行力与协作能力，~~能够在多部门协调下有效推进现场工作~~ **能在多部门协调下配合推进现场工作**。 +1. ~~熟悉~~**了解**活动现场安装流程与现场搭建物料管理，具备协助执行布场与摆放流程经验； +2. ~~擅长~~**能够参与**供应商协调与进度跟进，支持搭建团队按时间节点完成场地落位彩排； +3. 能够~~快速应对突发状况~~**在指导下应对突发状况**，协助启动应急预案以保障现场活动顺利推进； +4. 能辅助客户扫码登记与~~CRM信息录入~~**基础信息收集**，确保信息完整准确； +5. 具备~~UGC互动引导能力~~**基础的社交媒体引导能力**，提升用户打卡互动频率及社交媒体参与度； +6. 能协助监测现场关键指标，配合优化活动流程； +7. 能够~~管理~~**协助整理**活动资料与执行流程文档，支持团队后续的活动执行使用； +8. 拥有较强的执行力与协作能力，能够在多部门协调下有效推进现场工作。 ### （二）复合能力 -1. 活动执行与现场管理能力： 了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 -2. 服务体验优化和资源协同能力： 理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 -3. 文旅行业理解能力： 具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 -4. 产品营销基础： 具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 -5. 商业视觉表达与工具应用能力： 了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 -6. 文化IP策划与品牌传播能力： 理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 -7. 新媒体平台运营能力： 具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 -8. AIGC工具使用能力： 了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 -9. 智慧文旅应用能力： 了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 +1. 活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 +2. 服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 +3. 文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 +4. 产品营销基础：具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 +5. 商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 +6. 文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 +7. 新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 +8. AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 +9. 智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 # 三、个人总结 -我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在"汽车品牌线下推广活动"项目中，我~~协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节~~ **主要协助完成物料验收、供应链协调、现场流程控制、客户引导以及UGC互动等具体环节，逐步积累了对活动执行的系统理解与实践经验**。实习期间我表现细致且应变能力强，~~能主动配合团队推进流程并快速响应突发情况~~ **能够在团队指导下主动配合流程推进，并在突发情况中快速响应和学习解决方式**。未来希望在文旅或品牌线下推广领域不断实践成长，成为~~一名执行力出色、善于沟通与复盘的项目执行专家~~ **具备扎实执行力、善于沟通与复盘的项目执行型人才**。` - }, - studentInfo: { - project_experience: { - project_name: "长安汽车新款车型线下推广活动", - position: "活动执行助理", - time_period: "XXXXXX", - company: "XXXXXX", - description: `按照总部标准流程在活动开展的城市落地活动策划的“三大主题×五段流程”，包含物料布置及规范摆放审查； -跟进物料供应商交付、配送及搭建进度，确保活动搭建在开始日前完成，并参与流程彩排； -主控现场活动流程，包括签到、串场、试驾、抽奖等环节，保障节奏符合流程要求； -应对现场突发状况（如雨天变化、音响故障或客流异常），配合启用预案进行快速响应； -协助收集客户登记信息、扫码采集、平台导入工作； -负责奖品发放及签到送礼品等活动内容的执行，覆盖试驾礼包及竞拍奖品派发； -实时监控签到率、互动频次、成交数等关键指标，并在必要时协助调整现场执行话术； -指导客户参与UGC传播（如抖音、小红书记录与打卡），协助扫码话题引导与内容归档； -活动结束后负责现场物料、流程手册等文档分类归档，为后续执行标准化输出提供素材。` - }, - core_skills: [ - "熟悉活动现场安装流程与现场搭建物料管理，具备协助执行布场与摆放流程经验；", - "擅长供应商协调与进度跟进，支持搭建团队按时间节点完成场地落位彩排；", - "能够快速应对突发状况，协助启动应急预案以保障现场活动顺利推进；", - "能辅助客户扫码登记与CRM信息录入，确保信息完整准确；", - "具备UGC互动引导能力，提升用户打卡互动频率及社交媒体参与度；", - "能协助监测现场关键指标，配合优化活动流程；", - "能够管理活动资料与执行流程文档，支持团队后续的活动执行使用；", - "拥有较强的执行力与协作能力，能够在多部门协调下有效推进现场工作。", - ], - compound_skills: [ - "活动执行与现场管理能力： 了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。", - "服务体验优化和资源协同能力： 理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。", - "文旅行业理解能力： 具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。", - "产品营销基础： 具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。", - "商业视觉表达与工具应用能力： 了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。", - "文化IP策划与品牌传播能力： 理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。", - "新媒体平台运营能力： 具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。", - "AIGC工具使用能力： 了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。", - "智慧文旅应用能力： 了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。", - ], - personal_summary: "我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在“汽车品牌线下推广活动”项目中，我协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节，以此累积了对活动执行的系统理解与实操经验。实习期间我表现细致且应变能力强，能主动配合团队推进流程并快速响应突发情况。未来希望在文旅或品牌线下推广领域不断实践成长，成为一名执行力出色、善于沟通与复盘的项目执行专家。" - } - } - ], - "露营地运营": [ - { - position: "露营地运营专员", - level: "普通岗", - content: { - original: `# 对应岗位：露营地运营专员 - -# 一、项目经历 - -### （一）项目名称：轻奢露营市集玩乐活动运营项目 - -### （二）实习岗位：露营地运营专员 - -### （三）实习单位：某某公司 - -### （四）实习时间：XXXX时间 - -### （五）岗位职责 - -1. 协助整理《活动总述》《区域规划图》与《应急与安全方案》等前期资料，参与六大功能区规划讨论，初步熟悉露营地场景布局与功能设计逻辑； -2. 参与KV主视觉海报、倒计时物料与招募话术的内容校对与素材归档，辅助完成社群渠道报名表的发布与数据登记； -3. 在布置阶段协助场地标识、签到区、导视系统及打卡区域的布设工作，配合布置市集摊位、帐篷区及照明装饰，保证视觉统一与体验顺畅； -4. 活动当天负责签到引导、票务核验、手环发放及礼品包分发，协助游客入场分流与体验区问询，保障人流动线与秩序稳定； -5. 参与“帐篷搭建赛”“森林音乐会”“星空影院”等活动的流程协助与舞台支持，协助主持人控场并负责节目表的时间提示与衔接； -6. 协助运营组整理现场视频/照片素材，参与“云相册”上线与素材初筛，配合后期剪辑团队完成线上传播内容初步编排； -7. 活动结束后协助物资回收、摊位清理及满意度问卷收集，并参与复盘会议内容整理，输出基础版运营反馈报告。 - -# 二、掌握技能 - -### （一）核心能力 - -1. chubu 掌握营地日常运营全流程管理，包括接待流程优化、设施巡检维护及运营数据统计分析能力，能独立运用Office办公软件完成经营报表制作与可视化呈现 -2. 具备线上线下活动落地执行经验，熟悉场景搭建、活动动线规划与现场摄影直播技术操作，能熟练操作无人机航拍、手持云台等设备完成多媒体素材采集 -3. 精通数字化营地管理工具应用，包括OTA渠道管理后台（如携程商旅、美团商家端）、微信群控工具、自媒体运营平台（抖音企业号、小红书专业号）的数据分析与内容发布 -4. 具备团队管理与标准化建设能力，熟悉服务业人员排班调度、绩效考核方案设计，能通过钉钉/企业微信等协同工具实现跨部门任务分配与进度管控 -5. 擅长用户社群运营与私域流量转化，具备客户需求分析、会员体系搭建及精准营销活动策划能力，熟练使用SCRM系统进行客户分层管理与精准触达 -6. 掌握露营行业趋势分析与竞品调研方法论，能通过行业垂直平台（如露营天下、户外资料网）持续更新运营策略，具备基础商业计划书撰写与营收模型构建能力 - -### （二）复合能力 - -1. 活动执行与现场管理能力： 了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 -2. 文旅行业理解能力： 具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 -3. 新媒体平台运营能力： 具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 -4. 智慧文旅应用能力： 了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 -5. 服务体验优化和资源协同能力： 理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 -6. 文化IP策划与品牌传播能力： 理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 -7. AIGC工具使用能力： 了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 -8. 商业视觉表达与工具应用能力： 了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 -9. 产品营销基础： 具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 - -# 三、个人评价 - -我是一名刚完成实习的大专毕业生，在露营地运营项目中担任助理角色，接触了从活动前期策划到现场执行、再到后期传播的全流程，对文旅活动的实际运作有了较为清晰的认识。在项目中，我能够主动承担任务、及时响应需求、配合团队完成细节工作。虽然经验尚浅，但我有较强的责任感与适应能力，愿意从基层做起，逐步积累经验，努力成长为一名综合型的运营人才。`, - modified: `# 对应岗位：露营地运营专员 - -# 一、项目经历 - -### （一）项目名称：轻奢露营市集玩乐活动运营项目 - -### （二）实习岗位：露营地运营专员 - -### （三）实习单位：某某公司 - -### （四）实习时间：XXXX时间 - -### （五）岗位职责 - -1. 协助整理《活动总述》《区域规划图》与《应急与安全方案》等前期资料，参与六大功能区规划讨论，初步熟悉露营地场景布局与功能设计逻辑； -2. 参与KV主视觉海报、倒计时物料与招募话术的内容校对与素材归档，辅助完成社群渠道报名表的发布与数据登记； -3. 在布置阶段协助场地标识、签到区、导视系统及打卡区域的布设工作，配合布置市集摊位、帐篷区及照明装饰，保证视觉统一与体验顺畅； -4. 活动当天负责签到引导、票务核验、手环发放及礼品包分发，协助游客入场分流与体验区问询，保障人流动线与秩序稳定； -5. 参与“帐篷搭建赛”“森林音乐会”“星空影院”等活动的流程协助与舞台支持，协助主持人控场并负责节目表的时间提示与衔接； -6. 协助运营组整理现场视频/照片素材，参与“云相册”上线与素材初筛，配合后期剪辑团队完成线上传播内容初步编排； -7. 活动结束后协助物资回收、摊位清理及满意度问卷收集，并参与复盘会议内容整理，输出基础版运营反馈报告。 - -# 二、掌握技能 - -### （一）核心能力 - -1. chubu 掌握营地日常运营全流程管理，包括接待流程优化、设施巡检维护及运营数据统计分析能力，能独立运用Office办公软件完成经营报表制作与可视化呈现 -2. 具备线上线下活动落地执行经验，熟悉场景搭建、活动动线规划与现场摄影直播技术操作，能熟练操作无人机航拍、手持云台等设备完成多媒体素材采集 -3. 精通数字化营地管理工具应用，包括OTA渠道管理后台（如携程商旅、美团商家端）、微信群控工具、自媒体运营平台（抖音企业号、小红书专业号）的数据分析与内容发布 -4. 具备团队管理与标准化建设能力，熟悉服务业人员排班调度、绩效考核方案设计，能通过钉钉/企业微信等协同工具实现跨部门任务分配与进度管控 -5. 擅长用户社群运营与私域流量转化，具备客户需求分析、会员体系搭建及精准营销活动策划能力，熟练使用SCRM系统进行客户分层管理与精准触达 -6. 掌握露营行业趋势分析与竞品调研方法论，能通过行业垂直平台（如露营天下、户外资料网）持续更新运营策略，具备基础商业计划书撰写与营收模型构建能力 - -### （二）复合能力 - -1. 活动执行与现场管理能力： 了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 -2. 文旅行业理解能力： 具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 -3. 新媒体平台运营能力： 具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 -4. 智慧文旅应用能力： 了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 -5. 服务体验优化和资源协同能力： 理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 -6. 文化IP策划与品牌传播能力： 理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 -7. AIGC工具使用能力： 了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 -8. 商业视觉表达与工具应用能力： 了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 -9. 产品营销基础： 具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 - -# 三、个人评价 - -我是一名刚完成实习的大专毕业生，在露营地运营项目中担任助理角色，接触了从活动前期策划到现场执行、再到后期传播的全流程，对文旅活动的实际运作有了较为清晰的认识。在项目中，我能够主动承担任务、及时响应需求、配合团队完成细节工作。虽然经验尚浅，但我有较强的责任感与适应能力，愿意从基层做起，逐步积累经验，努力成长为一名综合型的运营人才。` - }, - studentInfo: { - project_experience: null, - core_skills: [ - ], - compound_skills: [ - ], - personal_summary: "" - } - } - ], - "宠物店经营": [ - { - position: "宠物店店长", - level: "普通岗", - content: { - original: `# 对应岗位：宠物店店长 - -# 一、项目经历 - -### （一）项目名称：某宠物生活馆经营改善项目 - -### （二）实习岗位：宠物店运营助理 - -### （三）实习时间：XXXX时间 - -### （四）实习单位：某某公司 - -### （五）岗位职责： - -1. 基于「数据体检 + KPI 分解」制定月度营收、毛利、库存周转、复购率、NPS、预约率等目标，推动复购率翻倍提升，客户满意度显著上涨； -2. 主导 SKU 优化与新品组合策略（如“洗护卡”“主粮卡”），提升客单价与商品毛利表现； -3. 优化店铺动线与空间布局，提升客户等待体验与转化率，降低爽约率； -4. 推行标准化服务SOP（如“洗前检查–过程打点–复核归档”），显著降低返工率并提升服务稳定性； -5. 构建线上线下私域运营闭环，通过小程序预约、评价、积分管理等机制，提高复购频次； -6. 联动社区、宠物医院及摄影资源，开展线下活动与社群运营，实现品牌引流与用户裂变； -7. 引入安全库存预警与动态补货机制，控制缺货率与周转天数，保障销售节奏； -8. 制定绩效激励体系，结合工时、复购、服务质量设立培训与星级激励机制，提升员工执行质量； -9. 建立营养方案与回购跟踪机制，加强客户粘性并发展高毛利服务； -10. 管理门店日常运营，包括招聘、排班、培训、安全合规、库存控制与陈列优化。 - -# 二、专业技能 - -### （一）核心能力 - -1. 能规范进行库存盘点与补货计划制定，控制损耗并支持销售节奏； -2. 擅长客户接待、会员开发及投诉处理，提升客户忠诚度与满意度； -3. 熟悉店铺开闭店流程及环境卫生与设备维护，保障门店符合运营与安全标准； -4. 具备宠物基础饲养与产品推荐能力，可为客户提供专业服务建议； -5. 能协助促销执行与商品陈列优化，提高销售表现； -6. 具备团队排班与任务协助能力，支持店员培训与协作氛围建设。 - -### （二）复合能力 - -1. 产品营销基础：具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 -2. 服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 -3. 活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 -4. 新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 -5. 商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 -6. 文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 -7. 文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 -8. 智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 -9. AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 - -# 三、个人总结 - -我是一名主修宠物医疗技术的大专毕业生，热爱动物护理和宠物行业运营。在“宠物生活馆经营改善项目”中，我从数据分析到实际运营改进全流程参与，包括SKU组合、布局优化、SOP机制与私域体系建设。实习期间我注重服务体验、运营数据与团队协作，推动业绩提升与客户满意度增长。未来希望在宠物零售与服务行业继续深耕，成为兼具专业知识与运营能力的店长型人才。`, - modified: `# 对应岗位：宠物店店长 - -# 一、项目经历 - -### （一）项目名称：某宠物生活馆经营改善项目 - -### （二）实习岗位：宠物店运营助理 - -### （三）实习时间：XXXX时间 - -### （四）实习单位：某某公司 - -### （五）岗位职责： - -1. 基于「数据体检 + KPI 分解」制定月度营收、毛利、库存周转、复购率、NPS、预约率等目标，推动复购率翻倍提升，客户满意度显著上涨； -2. 主导 SKU 优化与新品组合策略（如“洗护卡”“主粮卡”），提升客单价与商品毛利表现； -3. 优化店铺动线与空间布局，提升客户等待体验与转化率，降低爽约率； -4. 推行标准化服务SOP（如“洗前检查–过程打点–复核归档”），显著降低返工率并提升服务稳定性； -5. 构建线上线下私域运营闭环，通过小程序预约、评价、积分管理等机制，提高复购频次； -6. 联动社区、宠物医院及摄影资源，开展线下活动与社群运营，实现品牌引流与用户裂变； -7. 引入安全库存预警与动态补货机制，控制缺货率与周转天数，保障销售节奏； -8. 制定绩效激励体系，结合工时、复购、服务质量设立培训与星级激励机制，提升员工执行质量； -9. 建立营养方案与回购跟踪机制，加强客户粘性并发展高毛利服务； -10. 管理门店日常运营，包括招聘、排班、培训、安全合规、库存控制与陈列优化。 - -# 二、专业技能 - -### （一）核心能力 - -1. 能规范进行库存盘点与补货计划制定，控制损耗并支持销售节奏； -2. 擅长客户接待、会员开发及投诉处理，提升客户忠诚度与满意度； -3. 熟悉店铺开闭店流程及环境卫生与设备维护，保障门店符合运营与安全标准； -4. 具备宠物基础饲养与产品推荐能力，可为客户提供专业服务建议； -5. 能协助促销执行与商品陈列优化，提高销售表现； -6. 具备团队排班与任务协助能力，支持店员培训与协作氛围建设。 - -### （二）复合能力 - -1. 产品营销基础：具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。 -2. 服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。 -3. 活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。 -4. 新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。 -5. 商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。 -6. 文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。 -7. 文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。 -8. 智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。 -9. AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。 - -# 三、个人总结 - -我是一名主修宠物医疗技术的大专毕业生，热爱动物护理和宠物行业运营。在“宠物生活馆经营改善项目”中，我从数据分析到实际运营改进全流程参与，包括SKU组合、布局优化、SOP机制与私域体系建设。实习期间我注重服务体验、运营数据与团队协作，推动业绩提升与客户满意度增长。未来希望在宠物零售与服务行业继续深耕，成为兼具专业知识与运营能力的店长型人才。` - }, - studentInfo: { - project_experience: { - project_name: "某宠物生活馆经营改善项目", - position: "宠物店运营助理", - time_period: "XXXXXX", - company: "XXXXXX", - description: `基于「数据体检 + KPI 分解」制定月度营收、毛利、库存周转、复购率、NPS、预约率等目标，推动复购率翻倍提升，客户满意度显著上涨； -主导 SKU 优化与新品组合策略（如“洗护卡”“主粮卡”），提升客单价与商品毛利表现； -优化店铺动线与空间布局，提升客户等待体验与转化率，降低爽约率； -推行标准化服务SOP（如“洗前检查–过程打点–复核归档”），显著降低返工率并提升服务稳定性； -构建线上线下私域运营闭环，通过小程序预约、评价、积分管理等机制，提高复购频次； -联动社区、宠物医院及摄影资源，开展线下活动与社群运营，实现品牌引流与用户裂变； -引入安全库存预警与动态补货机制，控制缺货率与周转天数，保障销售节奏； -制定绩效激励体系，结合工时、复购、服务质量设立培训与星级激励机制，提升员工执行质量； -建立营养方案与回购跟踪机制，加强客户粘性并发展高毛利服务； -管理门店日常运营，包括招聘、排班、培训、安全合规、库存控制与陈列优化。` - }, - core_skills: [ - "能规范进行库存盘点与补货计划制定，控制损耗并支持销售节奏；", - "擅长客户接待、会员开发及投诉处理，提升客户忠诚度与满意度；", - "熟悉店铺开闭店流程及环境卫生与设备维护，保障门店符合运营与安全标准；", - "具备宠物基础饲养与产品推荐能力，可为客户提供专业服务建议；", - "能协助促销执行与商品陈列优化，提高销售表现；", - "具备团队排班与任务协助能力，支持店员培训与协作氛围建设。", - ], - compound_skills: [ - "产品营销基础：具备基本营销思维与客户画像构建能力，能够理解产品定位、传播路径与沟通逻辑，支持策划与执行文旅项目的推广策略。", - "服务体验优化和资源协同能力：理解文旅服务的形象表达与情境化设计原则，掌握文旅项目中各类资源（如住宿、交通、商品）的调度逻辑与协同机制，具备在多元文化与B2B/B2C场景下开展基础服务支持与供应协作的能力。", - "活动执行与现场管理能力：了解活动从前期策划、主题创意、文案撰写、宣传推广，到流程设计、现场布置、预算管理、应急预案及数据复盘的完整流程，具备基础的统筹与执行配合能力。", - "新媒体平台运营能力：具备新媒体平台账号经营、内容赛道规划与短视频制作的基础能力，能够参与直播搭建、私域维护与跨平台内容策划等简单的工作内容，辅助文旅项目的数字传播落地。", - "商业视觉表达与工具应用能力：了解平面设计、色彩搭配、字体表现与视觉规范的基础知识，能使用Canva、Figma、Photoshop、剪映等工具进行简单的视觉表达与内容制作。", - "文化IP策划与品牌传播能力：理解本地文化IP的挖掘逻辑与数字化表达方式，具备参与品牌定位、跨界联动与差异化推广的初步经验。", - "文旅行业理解能力：具备现代文旅产业结构与政策环境的整体认知，了解旅游资源分类、游客行为特征与行业合规要点，初步建立了岗位适应能力。", - "智慧文旅应用能力：了解OTA平台、票务分销、导览系统、智能设备及智慧酒店等新型文旅科技应用，具备智慧场景运营的基础认知与设备使用能力。", - "AIGC工具使用能力：了解AIGC内容生成逻辑，能够使用ChatGPT、Stable Diffusion、Suno等AI工具完成图像生成、文案创作与音视频剪辑等初级创作任务。", - ], - personal_summary: "我是一名主修宠物医疗技术的大专毕业生，热爱动物护理和宠物行业运营。在“宠物生活馆经营改善项目”中，我从数据分析到实际运营改进全流程参与，包括SKU组合、布局优化、SOP机制与私域体系建设。实习期间我注重服务体验、运营数据与团队协作，推动业绩提升与客户满意度增长。未来希望在宠物零售与服务行业继续深耕，成为兼具专业知识与运营能力的店长型人才。" +我是一名刚完成实习的大专毕业生，主修会展策划与管理，对活动执行与现场运营抱有浓厚兴趣。在"汽车品牌线下推广活动"项目中，我协助完成了从物料验收、供应链协调、现场流程控制到客户引导及UGC互动的多个环节。实习期间我表现细致且应变能力强，能主动配合团队推进流程并快速响应突发情况。未来希望在文旅或品牌线下推广领域不断实践成长，成为一名执行力出色、善于沟通与复盘的项目执行专家。` } }, { diff --git a/src/pages/CareerTreePage/index.jsx b/src/pages/CareerTreePage/index.jsx index 3a7ec77..b2b7a20 100644 --- a/src/pages/CareerTreePage/index.jsx +++ b/src/pages/CareerTreePage/index.jsx @@ -1,555 +1,31 @@ -import React, { useState, useEffect, useRef } from "react"; -import { useNavigate } from "react-router-dom"; -import { mockData } from "@/data/mockData"; -import { createLinePathForCurve } from "@/utils/LinePathGenerator"; -import "./index.css"; - -const CareerTreePage = () => { - const navigate = useNavigate(); - const { careerTree } = mockData; - const [centerSections, setCenterSections] = useState( - careerTree.centerSections - ); - const [checkedCourse, setCheckedCourse] = useState(null); - const [checkedCourseItem, setCheckedCourseItem] = useState(null); - const [resumeResources, setResumeResources] = useState([]); - const [projectResources, setProjectResources] = useState([]); - const [canvas, setCanvas] = useState({ - width: 1650, - height: 800, - lines: [], - }); - const [isTallScreen, setIsTallScreen] = useState(false); - const [selectedMenuItem, setSelectedMenuItem] = useState("option1"); - - const myCanvasRef = useRef(null); - const leftPanelRef = useRef(null); - const rightPanelRef = useRef(null); - - // Mock菜单数据 - const menuOptions = [ - { id: "option1", label: "垂直方向一" }, - { id: "option2", label: "垂直方向二" }, - { id: "option3", label: "垂直方向三" }, - { id: "option4", label: "垂直方向四" }, - { id: "option5", label: "垂直方向五" }, - { id: "option6", label: "垂直方向六" }, - ]; - useEffect(() => { - // 初始化数据 - initData(); - checkScreenHeight(); - - const handleResize = () => { - checkScreenHeight(); - updateCanvas(); - }; - - window.addEventListener("resize", handleResize); - - return () => { - window.removeEventListener("resize", handleResize); - }; - }, []); - - useEffect(() => { - updateCanvas(); - }, [checkedCourse, checkedCourseItem, resumeResources, projectResources]); - - const initData = () => { - if (centerSections.length > 0) { - // 默认选中第一个课程类别 - const firstSection = centerSections[0]; - setCheckedCourse(firstSection); - if (firstSection.child && firstSection.child.length > 0) { - const firstChild = firstSection.child[0]; - setCheckedCourseItem(firstChild); - - // 设置简历资源（左栏） - if (firstChild.resume_resources) { - const resumes = firstChild.resume_resources - .split("\n") - .map((item, index) => ({ - id: index + 1, - name: item.trim(), - type: "resume", - })); - setResumeResources(resumes); - } - - // 设置项目资源（右栏） - if (firstChild.portfolio_resources) { - const projects = firstChild.portfolio_resources - .split("\n") - .map((item, index) => ({ - id: index + 1, - name: item.trim(), - type: "project", - })); - setProjectResources(projects); - } - } - } - }; - - const checkScreenHeight = () => { - setIsTallScreen(window.innerHeight > 1080); - }; - - const toggleCourse = (courseObj) => { - setCenterSections((sections) => - sections.map((section) => - section.id === courseObj.id - ? { ...section, expanded: !section.expanded } - : section - ) - ); - - if (courseObj.title !== checkedCourse?.title) { - updateCanvas(); - return; - } - - if (!courseObj.expanded) { - setResumeResources([]); - setProjectResources([]); - setCanvas((prev) => ({ ...prev, lines: [] })); - } - }; - - const checkCourse = (courseObj, itemName) => { - setCheckedCourse(courseObj); - setCheckedCourseItem(itemName); - // 设置简历资源（左栏） - if (itemName.resume_resources) { - const resumes = itemName.resume_resources - .split("\n") - .map((item, index) => ({ - id: index + 1, - name: item.trim(), - type: "resume", - })); - setResumeResources(resumes); - } else { - setResumeResources([]); - } - - // 设置项目资源（右栏） - if (itemName.portfolio_resources) { - const projects = itemName.portfolio_resources - .split("\n") - .map((item, index) => ({ - id: index + 1, - name: item.trim(), - type: "project", - })); - setProjectResources(projects); - } else { - setProjectResources([]); - } - - // 延迟更新画布以等待DOM更新 - setTimeout(() => { - updateCanvas(); - adjustPanelPositions(); - }, 100); - }; - - const adjustPanelPositions = () => { - const centerEl = document.querySelector( - '.checked-course-item[data-itype="center-item"]' - ); - if (!centerEl || !myCanvasRef.current) return; - - const containerEl = myCanvasRef.current.parentElement; - const containerRect = containerEl.getBoundingClientRect(); - const elementRect = centerEl.getBoundingClientRect(); - const centerY = - elementRect.top - containerRect.top + elementRect.height / 2; - - // 调整左右面板位置 - if (leftPanelRef.current) { - const leftPanelHeight = leftPanelRef.current.offsetHeight; - leftPanelRef.current.style.top = `${Math.max( - 0, - centerY - leftPanelHeight / 2 - )}px`; - } - - if (rightPanelRef.current) { - const rightPanelHeight = rightPanelRef.current.offsetHeight; - rightPanelRef.current.style.top = `${Math.max( - 0, - centerY - rightPanelHeight / 2 - )}px`; - } - }; - - const updateCanvas = () => { - setTimeout(() => { - updateCanvasNow(); - }, 50); - }; - - const updateCanvasNow = () => { - const centerEl = document.querySelector( - '.checked-course-item[data-itype="center-item"]' - ); - if (!centerEl || !myCanvasRef.current) return; - - const containerEl = myCanvasRef.current.parentElement; - const containerRect = containerEl.getBoundingClientRect(); - - // 更新画布尺寸 - setCanvas((prev) => ({ - ...prev, - width: containerRect.width, - height: containerRect.height, - })); - - // 获取中心元素的连接点 - const centerRect = centerEl.getBoundingClientRect(); - const centerX = { - left: centerRect.left - containerRect.left, - right: centerRect.right - containerRect.left, - }; - const centerY = centerRect.top - containerRect.top + centerRect.height / 2; - const lines = []; - - // 处理左侧连接线 - document.querySelectorAll('[data-itype="left-item"]').forEach((item) => { - const rect = item.getBoundingClientRect(); - const x = rect.right - containerRect.left; - const y = rect.top - containerRect.top + rect.height / 2; - lines.push({ - id: `left-${lines.length}`, - pathData: createLinePathForCurve(x, y, centerX.left, centerY), - }); - }); - - // 处理右侧连接线 - document.querySelectorAll('[data-itype="right-item"]').forEach((item) => { - const rect = item.getBoundingClientRect(); - const x = rect.left - containerRect.left; - const y = rect.top - containerRect.top + rect.height / 2; - lines.push({ - id: `right-${lines.length}`, - pathData: createLinePathForCurve(x, y, centerX.right, centerY, true), - }); - }); - - setCanvas((prev) => ({ ...prev, lines })); - }; - - // 处理简历资源点击 - const handleResumeClick = () => { - // 跳转到简历和面试页面 - navigate("/resume-interview"); - }; - - // 处理项目资源点击 - const handleProjectClick = () => { - // 跳转到项目库页面 - navigate("/project-library"); - }; - - // 处理菜单选择 - const handleMenuItemClick = (menuItem) => { - setSelectedMenuItem(menuItem.id); - // 这里可以添加切换内容的逻辑，但目前只需要UI交互 - }; - - return ( -
-
-
-
- {/* 顶部菜单栏 */} -
-
- {menuOptions.map((menuItem) => ( -
handleMenuItemClick(menuItem)} - > - {menuItem.label} -
- ))} -
-
-
- {/* 左栏 - 简历资源 */} -
- {resumeResources.length > 0 && ( -
-
-

简历资源

-
- {resumeResources.map((resume, index) => ( -
-
handleResumeClick()} - > -
- - - - - {resume.name} -
- - - -
-
- ))} -
- )} -
- - {/* 中栏 - 课程分类 */} -
-
- {centerSections.map((section, index) => ( -
-
-
-
- {section.title === "产业认知课" && ( - - - - )} - {section.title === "产业技能课" && ( - - - - )} - {section.title !== "产业认知课" && - section.title !== "产业技能课" && ( - - - - )} -
- {section.title} -
- { - e.stopPropagation(); - toggleCourse(section); - }} - > - - -
- - {section.expanded && ( -
- {section.child - .sort((a, b) => a.unit_id - b.unit_id) - .map((item, itemIndex) => ( -
checkCourse(section, item)} - > -
- {item.unit_name} -
-
- ))} -
- )} -
- ))} -
-
- - {/* 右栏 - 项目资源 */} -
- {projectResources.length > 0 && ( -
-
-

项目资源

-
- {projectResources.map((project, index) => ( -
-
handleProjectClick()} - > -
- - - - - - - {project.name} - -
- - - -
-
- ))} -
- )} -
-
- - {/* SVG 连接线 */} - - {canvas.lines.map((line) => ( - - - - ))} - -
-
-
-
- ); -}; - -export default CareerTreePage; +import React, { useState, useEffect, useRef } from "react"; +import { useNavigate } from "react-router-dom"; +import { mockData } from "@/data/mockData"; +import { createLinePathForCurve } from "@/utils/LinePathGenerator"; +import "./index.css"; + +const CareerTreePage = () => { + return ( +
+