Files
all-personal-resume/个人简历_食品/index.backup_20251027_193204.html

995 lines
72 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/personal-resume--food/">
<title>个人简历</title>
<!-- SEO优化 -->
<meta name="description" content="专注食品品牌营销与创新,打造年轻化美食体验">
<meta name="keywords" content="食品营销,品牌策划,新媒体运营,食品研发,质量管理">
<!-- 备用字体 -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/* 如果Google字体加载失败使用系统字体 */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
</style>
<!-- 主题样式 -->
<link rel="stylesheet" href="food_theme.css">
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="logo">
<span class="logo-icon">🥑</span>
<span class="logo-text">FoodCraft</span>
</div>
<ul class="nav-menu">
<li><a href="#home" class="nav-link">首页</a></li>
<li><a href="#about" class="nav-link">关于我</a></li>
<li><a href="#skills" class="nav-link">专业技能</a></li>
<li><a href="#projects" class="nav-link">项目案例</a></li>
<li><a href="#contact" class="nav-link">联系方式</a></li>
</ul>
<div class="menu-toggle" id="menuToggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 主页 Hero Section -->
<section id="home" class="hero">
<div class="hero-bg">
<div class="food-pattern"></div>
<div class="gradient-overlay"></div>
</div>
<div class="hero-content">
<div class="hero-text">
<h3 class="subtitle">Hello, I'm</h3>
<h1 class="hero-title">
<span class="name-highlight">杨明玥</span>
</h1>
<p class="hero-description">
专注于食品行业品牌营销与创新,擅长新媒体运营、产品研发与质量管理。<br>
用创意和数据驱动,打造年轻化的美食体验与品牌故事。
</p>
<div class="hero-actions">
<a href="#projects" class="btn btn-primary">
<span>查看作品</span>
<span style="margin-left: 5px;"></span>
</a>
<a href="#contact" class="btn btn-secondary">
<span>联系我</span>
<span style="margin-left: 5px;">💬</span>
</a>
</div>
</div>
<div class="hero-visual">
<div class="hero-image-container">
<div class="floating-badge badge-1">
<span class="badge-icon">🍜</span>
<span class="badge-text">品牌营销</span>
</div>
<div class="floating-badge badge-2">
<span class="badge-icon">🥗</span>
<span class="badge-text">产品研发</span>
</div>
<div class="floating-badge badge-3">
<span class="badge-icon">🍰</span>
<span class="badge-text">质量管理</span>
</div>
<img src="杨明玥.png" alt="个人照片" class="hero-portrait">
</div>
</div>
</div>
<div class="scroll-indicator">
<span class="scroll-text">向下滚动</span>
<div class="scroll-arrow"></div>
</div>
</section>
<!-- 关于我 Section -->
<section id="about" class="about-section">
<div class="container">
<div class="section-header">
<span class="section-tag">ABOUT ME</span>
<h2 class="section-title">关于我</h2>
</div>
<div class="about-info-grid">
<div class="info-card personal-info">
<div class="info-header">
<span class="info-icon">👤</span>
<h3>个人信息</h3>
</div>
<div class="info-content">
<div class="info-item">
<span class="info-label">姓名:</span>
<span class="info-value">杨明玥</span>
</div>
<div class="info-item">
<span class="info-label">专业:</span>
<span class="info-value">食品检验检测技术</span>
</div>
<div class="info-item">
<span class="info-label">状态:</span>
<span class="info-value">刚完成实习的应届毕业生</span>
</div>
</div>
</div>
<div class="info-card education-info">
<div class="info-header">
<span class="info-icon">🎓</span>
<h3>教育背景</h3>
</div>
<div class="info-content">
<div class="info-item">
<span class="info-label">院校:</span>
<span class="info-value">皖西卫生职业学院</span>
</div>
<div class="info-item">
<span class="info-label">学历:</span>
<span class="info-value">大专</span>
</div>
<div class="info-item">
<span class="info-label">时间:</span>
<span class="info-value">2018.9 - 2021.6</span>
</div>
</div>
</div>
</div>
<div class="personal-statement">
<h3 class="statement-title">个人简介</h3>
<p class="statement-text">
我是一名刚完成实习的大专毕业生,我的目标聚焦食品行业的品牌运营方向,长期沉淀消费者洞察、内容创意与数据化复盘能力。除参与"圣农鸡胸肉品牌破圈整合营销项目"外,我也关注竞品动态与食品营养、包装法规等相关知识,保持对健康饮食与新消费趋势的敏感度。
</p>
<p class="statement-text">
在团队协作中,我重视跨部门沟通与进度管理,善于把复杂任务拆解为可执行清单并持续跟进;在高峰期能够稳定输出、及时复盘。期待在品牌团队中进一步提升整合营销与资产沉淀能力,持续用洞察 + 内容 + 数据驱动品牌的稳定增长。
</p>
</div>
</div>
</section>
<!-- 专业技能 Section -->
<section id="skills" class="skills-section">
<div class="container">
<div class="section-header">
<span class="section-tag">SKILLS</span>
<h2 class="section-title">专业技能矩阵</h2>
</div>
<!-- 核心能力展示 -->
<div class="core-skills">
<h3 class="skills-subtitle">(一)核心能力</h3>
<div class="core-skills-list">
<div class="core-skill-item">
<span class="skill-number">1</span>
<p>能将基本市场调研与用户反馈整理为洞察要点,支撑品牌定位与节点活动的创意方向与话术框架。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">2</span>
<p>具备整合营销协同意识,能在指导下把品牌年度方向拆解为多渠道执行清单并跟进落地进度与素材质量。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">3</span>
<p>能围绕品牌调性产出平台化文案与脚本(短视频/直播/图文),并与设计同事共同把握视觉一致性。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">4</span>
<p>熟悉新媒体与电商平台的基础规则与内容节奏,能参与账号日常运营与活动机制执行。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">5</span>
<p>具备基础数据分析能力,能根据曝光、互动、转化等指标完成活动小结并提出可执行的优化建议。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">6</span>
<p>具备对接达人/KOL与外部合作方的沟通协作能力能完成对接要点记录、验收与结案复盘。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">7</span>
<p>具备预算与投放辅助意识,能维护费用明细与排期台账,配合评估投入产出与后续资源分配。</p>
</div>
<div class="core-skill-item">
<span class="skill-number">8</span>
<p>具备基础危机意识与舆情处理协同能力能在指导下准备标准回复与Q&A材料。</p>
</div>
</div>
</div>
<!-- 复合能力矩阵 -->
<h3 class="skills-subtitle">(二)复合能力</h3>
<div class="skills-grid">
<!-- 食品品牌营销与新媒体运营 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">📱</span>
<h3 class="category-title">食品品牌营销与新媒体运营</h3>
</div>
<p class="skill-description">了解食品品牌核心价值挖掘与IP塑造的基本方法初步理解新媒体内容策划、账号搭建与运营技巧了解社群营销、AI辅助内容生成及平台广告投放策略。</p>
</div>
<!-- 食品店铺经营能力 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🏪</span>
<h3 class="category-title">食品店铺经营能力</h3>
</div>
<p class="skill-description">理解餐饮店铺选址逻辑与类型定位,了解菜品设计中的营养搭配与外观美感原则,具备原料采购、运营成本控制及利润提升策略认知,熟悉线上线下营销推广手段。</p>
</div>
<!-- 食品加工工艺 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">⚙️</span>
<h3 class="category-title">食品加工工艺</h3>
</div>
<p class="skill-description">了解食品全周期的生产流程,熟悉主流食品类型的加工原理(如畜产、果蔬、饮料、预制菜等),基本了解新产品研发中的配方平衡、风味调控与原料改性基础。</p>
</div>
<!-- 食品质量管理认知 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🛡️</span>
<h3 class="category-title">食品质量管理认知</h3>
</div>
<p class="skill-description">理解食品生产中的生物性、化学性、物理性危害类型与防控方法熟悉HACCP、ISO22000、FSSC22000等体系掌握《食品安全法》等法规要求了解食品标签审查、过敏原管理、召回流程等。</p>
</div>
<!-- 食品研发项目综合实践 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🧪</span>
<h3 class="category-title">食品研发项目综合实践</h3>
</div>
<p class="skill-description">了解食品研发项目的标准流程包括试制配方、质构仪测试、过敏原管理、营养设计与成本评估了解3D食品打印等新兴技术熟悉多岗位协同下的产品开发实操能力。</p>
</div>
<!-- 食品质量控制能力 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🔬</span>
<h3 class="category-title">食品质量控制能力</h3>
</div>
<p class="skill-description">理解清洁验证、危害识别、快检技术等控制手段了解食品进出口检验流程及法规熟悉HPLC、分光光度计、微生物限度检测等仪器开展蛋白质、水分、菌落等分析。</p>
</div>
<!-- 食品供应链与冷链物流 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🚚</span>
<h3 class="category-title">食品供应链与冷链物流</h3>
</div>
<p class="skill-description">理解食品供应链结构、库存与采购管理逻辑熟悉冷链物流关键节点与仓储设施基本种类了解SCOR模型与订单交付流程具备从源头到终端的食品物流体系认知。</p>
</div>
<!-- 智能制造信息系统认知 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">💻</span>
<h3 class="category-title">智能制造信息系统认知</h3>
</div>
<p class="skill-description">具备对MES、ERP、SCM等食品行业常用信息系统的基础认知理解各系统在生产计划、物料管理、质量追溯与供应链协同中的功能定位。</p>
</div>
<!-- 食品生产智能设备认知 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🤖</span>
<h3 class="category-title">食品生产智能设备认知</h3>
</div>
<p class="skill-description">了解食品加工常用自动化设备的结构与运行机制理解PLC、DCS等控制系统的基本原理及应用方式熟悉设备的日常运行监控、故障排查与维护保养。</p>
</div>
<!-- 营养配餐设计能力 -->
<div class="skill-category">
<div class="category-header">
<span class="category-icon">🥗</span>
<h3 class="category-title">营养配餐设计能力</h3>
</div>
<p class="skill-description">了解《中国居民膳食指南》的基本内容,基本理解常见人群的营养需求特点,熟悉初步的食材搭配、营养标签识读和简单配餐设计流程。</p>
</div>
</div>
</div>
</section>
<!-- 项目案例 Section -->
<section id="projects" class="projects-section">
<div class="container">
<div class="section-header">
<span class="section-tag">PROJECTS</span>
<h2 class="section-title">精选项目案例</h2>
</div>
<div class="projects-grid">
<!-- 项目1圣农鸡胸肉 -->
<div class="project-card" onclick="openProjectDetail(1)">
<div class="project-image">
<img src="public/圣农鸡胸肉品牌破圈营销整合营销项目/圣农鸡胸肉品牌破圈营销整合营销项目-主图.jpg" alt="圣农鸡胸肉项目">
<div class="project-overlay">
<span class="project-category">品牌营销</span>
</div>
</div>
<div class="project-content">
<h3 class="project-title">圣农鸡胸肉品牌破圈营销整合营销项目</h3>
<p class="project-description">本项目以圣农鸡胸肉为核心产品,旨在借助"健康饮食+运动健身"趋势实现品牌破圈。通过市场调研明确品牌定位,聚焦"低脂、高蛋白"的差异化卖点,结合线上电商、社交媒体、线下活动和跨界联动,全面提升品牌曝光与用户认知。项目期间,通过达人/KOL合作、短视频和直播带货、品牌节日营销及联合活动成功实现销量与声量双提升并沉淀了一套可复制的整合营销模式为健康食品品牌运营提供了实践模板。</p>
<div class="project-info">
<div class="info-row">
<span class="info-label">实习时间:</span>
<span class="info-text">2024.4~2024.12</span>
</div>
<div class="info-row">
<span class="info-label">实习岗位:</span>
<span class="info-text">品牌运营实习生</span>
</div>
<div class="info-row">
<span class="info-label">实习企业:</span>
<span class="info-text">牧原食品股份有限公司</span>
</div>
</div>
<div class="view-detail">
<span>查看详情 →</span>
</div>
</div>
</div>
<!-- 项目2菊花茶饮料 -->
<div class="project-card" onclick="openProjectDetail(2)">
<div class="project-image">
<img src="public/某品牌菊花茶饮料质量提升与风险控制优化项目/某品牌菊花茶饮料质量提升与风险控制优化项目-主图.jpeg" alt="菊花茶项目">
<div class="project-overlay">
<span class="project-category">质量管理</span>
</div>
</div>
<div class="project-content">
<h3 class="project-title">某品牌菊花茶饮料质量提升与风险控制优化项目</h3>
<p class="project-description">本项目聚焦于某知名饮料企业菊花茶产品的食品安全与质量提升针对市场中出现的口感偏苦、瓶内悬浮物、标签模糊等问题团队通过原料验收、生产过程监控、在线质量检测、成品检验与数据追溯等环节的全链路把控确保产品质量符合国家食品安全标准及企业内部规范。食品安全管理员在导师指导下主要负责原料入厂检验、生产巡查、在线检测、成品审核及数据整理最终实现客户投诉率大幅下降、合格率提升至99.7%,为企业建立了可持续优化的质量管控模式。</p>
<div class="project-info">
<div class="info-row">
<span class="info-label">实习时间:</span>
<span class="info-text">2023.3~2023.8</span>
</div>
<div class="info-row">
<span class="info-label">实习岗位:</span>
<span class="info-text">食品安全管理员</span>
</div>
<div class="info-row">
<span class="info-label">实习企业:</span>
<span class="info-text">鑫德大(厦门)食品有限公司</span>
</div>
</div>
<div class="view-detail">
<span>查看详情 →</span>
</div>
</div>
</div>
<!-- 项目3飞行员营养膳食 -->
<div class="project-card" onclick="openProjectDetail(3)">
<div class="project-image">
<img src="public/某航空公司飞行员营养膳食管理与健康支持方案/某航空公司飞行员营养膳食管理与健康支持方案-主图.jpg" alt="营养膳食项目">
<div class="project-overlay">
<span class="project-category">营养设计</span>
</div>
</div>
<div class="project-content">
<h3 class="project-title">某航空公司飞行员营养膳食管理与健康支持方案</h3>
<p class="project-description">本项目聚焦于飞行员在高强度、高应激飞行任务下的健康支持需求,旨在通过科学的营养搭配、特殊飞行阶段的饮食调整及水分管理方案,提升飞行员的体能储备与抗压能力。项目以《中国居民膳食指南》和行业健康管理规范为依据,涵盖能量需求分析、三餐搭配设计、特殊飞行阶段的饮食干预、营养素补充及水分管理。通过个性化健康档案、数据采集与方案优化,确保飞行员长期维持最佳身体机能与飞行表现。</p>
<div class="project-info">
<div class="info-row">
<span class="info-label">实习时间:</span>
<span class="info-text">2024.3~2024.12</span>
</div>
<div class="info-row">
<span class="info-label">实习岗位:</span>
<span class="info-text">健康管理师实习生</span>
</div>
<div class="info-row">
<span class="info-label">实习单位:</span>
<span class="info-text">益康食品设备有限公司</span>
</div>
</div>
<div class="view-detail">
<span>查看详情 →</span>
</div>
</div>
</div>
<!-- 项目4速冻食品 -->
<div class="project-card" onclick="openProjectDetail(4)">
<div class="project-image">
<img src="public/某速冻食品加工厂原料采购与成本控制项目/某速冻食品加工厂原料采购与成本控制项目-主图.jpeg" alt="速冻食品项目">
<div class="project-overlay">
<span class="project-category">供应链管理</span>
</div>
</div>
<div class="project-content">
<h3 class="project-title">某速冻食品加工厂原料采购与成本控制项目</h3>
<p class="project-description">本项目聚焦于一家速冻食品加工厂的原料采购与成本管控核心目标是解决原料价格波动、库存积压和供应不稳定等问题。通过优化采购计划、供应商评估与谈判、原料质量管控、成本分析、库存管理及风险预案项目有效提升了供应链的稳定性和成本控制能力。最终肉类与蔬菜原料采购成本下降约8%库存周转率提升12%冷链损耗率降低至2%以下,显著改善了生产连续性与原料安全性。</p>
<div class="project-info">
<div class="info-row">
<span class="info-label">实习时间:</span>
<span class="info-text">2023.3~2023.6</span>
</div>
<div class="info-row">
<span class="info-label">实习岗位:</span>
<span class="info-text">采购经理助理</span>
</div>
<div class="info-row">
<span class="info-label">实习企业:</span>
<span class="info-text">嘉亿食品(嘉兴)有限责任公司</span>
</div>
</div>
<div class="view-detail">
<span>查看详情 →</span>
</div>
</div>
</div>
<!-- 项目5纯牛奶质量检测 -->
<div class="project-card" onclick="openProjectDetail(5)">
<div class="project-image">
<img src="public/纯牛奶全流程质量检测与风险控制项目/纯牛奶全流程质量检测与风险控制项目-主图.jpeg" alt="牛奶质检项目">
<div class="project-overlay">
<span class="project-category">质量检测</span>
</div>
</div>
<div class="project-content">
<h3 class="project-title">纯牛奶全流程质量检测与风险控制项目</h3>
<p class="project-description">本项目聚焦液态纯牛奶生产环节的质量与安全检测目标是构建覆盖样品接收、理化分析、微生物监测、风险物质检测、掺假验证及数据归档的完整检测链路。通过引入凯氏定氮、乳脂离心、PCR、LC-MS/MS 等方法确保蛋白质、脂肪、微生物负荷等关键指标符合《GB 19301-2010 生乳》《GB 5009 食品理化指标检测标准》及 ISO22000 要求。同时严控抗生素残留、黄曲霉毒素 M1、重金属及三聚氰胺等风险物质确保检测结果真实可靠避免食品安全事故发生。项目最终显著提升了检测的规范性与效率为企业质量管理与风险防控提供了全面支撑。</p>
<div class="project-info">
<div class="info-row">
<span class="info-label">实习时间:</span>
<span class="info-text">2023.6~2023.8</span>
</div>
<div class="info-row">
<span class="info-label">实习岗位:</span>
<span class="info-text">食品化验员</span>
</div>
<div class="info-row">
<span class="info-label">实习企业:</span>
<span class="info-text">安徽小龙人食品股份有限公司</span>
</div>
</div>
<div class="view-detail">
<span>查看详情 →</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 联系方式 Section -->
<section id="contact" class="contact-section">
<div class="container">
<div class="section-header">
<span class="section-tag">CONTACT</span>
<h2 class="section-title">联系我</h2>
</div>
<div class="contact-content-new">
<div class="contact-intro">
<h3 class="contact-title">期待与您的合作</h3>
</div>
<div class="contact-cards">
<div class="contact-card">
<div class="contact-card-icon">
<span>📧</span>
</div>
<div class="contact-card-content">
<h4>邮箱联系</h4>
<p>随时欢迎您的来信咨询</p>
<a href="mailto:125238723@qq.com" class="contact-btn">125238723@qq.com</a>
</div>
</div>
<div class="contact-card">
<div class="contact-card-icon">
<span>📱</span>
</div>
<div class="contact-card-content">
<h4>电话沟通</h4>
<p>期待直接与您交流合作</p>
<a href="tel:13842131743" class="contact-btn">138 4213 1743</a>
</div>
</div>
<div class="contact-card">
<div class="contact-card-icon">
<span>📍</span>
</div>
<div class="contact-card-content">
<h4>工作地区</h4>
<p>主要活跃于珠三角地区</p>
<span class="contact-location">广州 · 深圳</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-content">
<div class="footer-brand">
<span class="footer-logo">🥑 FoodCraft</span>
<p class="footer-tagline">用创意和数据,打造美食品牌传奇</p>
</div>
<div class="footer-copyright">
<p>&copy; 2024 Yang Mingyue. All rights reserved.</p>
<p>Made with ❤️ for food lovers</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button class="back-to-top" id="backToTop">
<span style="font-size: 20px;"></span>
</button>
<!-- 项目详情弹窗 -->
<div class="project-modal" id="projectModal">
<div class="modal-overlay" onclick="closeProjectDetail()"></div>
<div class="modal-content">
<button class="modal-close" onclick="closeProjectDetail()"></button>
<div class="modal-header">
<h2 class="modal-title" id="modalTitle"></h2>
<div class="modal-info" id="modalInfo"></div>
</div>
<!-- 流程导航 -->
<div class="process-nav" id="processNav">
<!-- 动态生成流程标签 -->
</div>
<!-- 流程内容 -->
<div class="process-content" id="processContent">
<!-- 动态生成流程内容 -->
</div>
</div>
</div>
<!-- JavaScript -->
<script>
// 导航栏滚动效果
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
if (window.scrollY > 50) {
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
});
// 移动端菜单切换
const menuToggle = document.getElementById('menuToggle');
const navMenu = document.querySelector('.nav-menu');
menuToggle.addEventListener('click', function() {
navMenu.classList.toggle('active');
menuToggle.classList.toggle('active');
});
// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
// 关闭移动端菜单
navMenu.classList.remove('active');
menuToggle.classList.remove('active');
}
});
});
// 返回顶部按钮
const backToTop = document.getElementById('backToTop');
window.addEventListener('scroll', function() {
if (window.scrollY > 300) {
backToTop.classList.add('visible');
} else {
backToTop.classList.remove('visible');
}
});
backToTop.addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// 技能进度条动画
const observerOptions = {
threshold: 0.5,
rootMargin: '0px 0px -100px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
const skillBars = entry.target.querySelectorAll('.skill-bar-fill');
skillBars.forEach(bar => {
bar.style.animation = 'fillBar 1.5s ease-out forwards';
});
}
});
}, observerOptions);
const skillBarsSection = document.querySelector('.skill-bars');
if (skillBarsSection) {
observer.observe(skillBarsSection);
}
// 项目卡片悬停效果
const projectCards = document.querySelectorAll('.project-card');
projectCards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-10px)';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
// 表单提交处理
const contactForm = document.querySelector('.contact-form');
if (contactForm) {
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
alert('感谢您的留言!我会尽快与您联系。');
this.reset();
});
}
// 添加滚动触发动画
const animateOnScroll = () => {
const elements = document.querySelectorAll('.project-card, .about-card, .skill-category');
elements.forEach(el => {
const rect = el.getBoundingClientRect();
const isVisible = rect.top < window.innerHeight && rect.bottom > 0;
if (isVisible) {
el.classList.add('animated');
}
});
};
window.addEventListener('scroll', animateOnScroll);
animateOnScroll(); // 初始检查
// 项目详情数据
const projectsData = {
1: {
title: "圣农鸡胸肉品牌破圈营销整合营销项目",
company: "牧原食品股份有限公司",
position: "品牌运营实习生",
time: "2024.4~2024.12",
description: "本项目以圣农鸡胸肉为核心产品,旨在借助'健康饮食+运动健身'趋势实现品牌破圈。通过市场调研明确品牌定位,聚焦'低脂、高蛋白'的差异化卖点,结合线上电商、社交媒体、线下活动和跨界联动,全面提升品牌曝光与用户认知。",
processes: [
{
title: "流程一:品牌定位与市场调研",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程一:品牌定位与市场调研.jpeg",
description: "在项目初期,参与品牌市场调研与消费者画像建立,协助整理健康饮食品类的用户需求与消费偏好,为圣农鸡胸肉的差异化定位和宣传主题提供数据支撑。",
work: "1. 调研数据录入:整理线上问卷、社交媒体评论与线下访谈结果,形成初步数据表格,提炼用户关注的营养、口感与便利性要点。\n2. 竞品矩阵整理:对比竞品在价格、卖点与传播方式上的差异,协助绘制竞品对比表,支持团队发现圣农的差异化机会。\n3. 用户画像辅助:在指导下根据年龄、职业、健身习惯等维度绘制目标消费者画像,明确品牌的核心受众。"
},
{
title: "流程二:渠道拓展与活动执行",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程二:渠道拓展与活动执行.jpeg",
description: "在品牌销售与推广环节中,参与电商平台和线下渠道的活动执行,协助完成物料准备、活动跟进与数据记录,支持品牌在多渠道的曝光与销售转化。",
work: "1. 电商活动支持:协助天猫、京东旗舰店的活动物料上传,检查页面文案、海报、短视频内容是否符合品牌调性。\n2. 节点活动排期跟进618、双十一等节点大促排期执行记录素材提交与上线进度确保活动顺利落地。\n3. 线下活动协作:参与'健康饮食分享会'等地推活动现场布置,收集问卷反馈,整理活动影像资料。"
},
{
title: "流程三:品牌传播与内容策划",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程三:品牌传播与内容策划.jpeg",
description: "在品牌传播阶段,协助短视频、图文与直播脚本的撰写与优化,确保传播内容契合品牌定位,并支持活动物料的版本管理与统一输出。",
work: "1. 短视频脚本草拟:撰写'低脂食谱''健身搭配'等主题脚本草案,辅助拍摄团队完成分镜设计与文案。\n2. 图文与话术支持:输出微博、小红书等平台的图文初稿,整理直播话术要点并编制常见问题答复清单。\n3. 物料版本管理:参与建立宣传物料台账,记录更新与版本迭代,确保线上线下传播一致性。"
},
{
title: "流程四跨界联合与KOL合作",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程四跨界联合与KOL合作.jpg",
description: "在品牌联合营销与达人推广环节协助资源整理、合作进度跟进与效果收集保障跨界活动和KOL传播的顺利执行与复盘。",
work: "1. 资源清单整理维护KOL、达人名单库记录粉丝规模、互动率与受众画像。\n2. 联合活动执行:跟进'圣农×健身房'联名套餐的宣传素材与社交话题上线,确保各环节按时完成。\n3. 效果收集与归档:整理合作期间的曝光量、互动量与转化率数据,截图保存关键环节,便于后续复盘。"
},
{
title: "流程五:社交平台与社群运营",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程五:社交平台与社群运营.png",
description: "在新媒体与私域运营中,参与账号矩阵的选题策划、日常发布与社群互动,收集用户反馈并协助输出阶段性数据小结。",
work: "1. 内容排期执行:根据策划方案完成抖音、小红书等平台的内容发布排期表,保障更新节奏稳定。\n2. 用户互动维护:在评论区进行基础互动,记录用户高频问题与潜在风险评论,及时上报团队。\n3. 数据周报整理:汇总平台播放量、点赞率与转化数据,形成周报并提交团队分析。\n4. 私域社群支持:协助推送新品与活动信息,收集社群用户反馈,保持群内活跃度。"
},
{
title: "流程六:活动复盘与优化",
image: "public/圣农鸡胸肉品牌破圈营销整合营销项目/流程六:活动复盘与优化.jpg",
description: "在活动结束后,协助收集与整理多渠道的活动数据与用户反馈,撰写复盘简报,支持团队总结亮点与不足并提出优化建议。",
work: "1. 数据汇总:整理活动期间的曝光量、转化率与销售额数据,生成表格与图表供分析使用。\n2. 用户反馈收集:归纳活动评论、社群意见与问卷结果,提炼出用户对品牌与产品的核心建议。\n3. 复盘简报支持:参与撰写复盘简报,梳理成功亮点与问题,提出初步优化方向。"
}
]
},
2: {
title: "某品牌菊花茶饮料质量提升与风险控制优化项目",
company: "鑫德大(厦门)食品有限公司",
position: "食品安全管理员",
time: "2023.3~2023.8",
description: "本项目聚焦于某知名饮料企业菊花茶产品的食品安全与质量提升,针对市场中出现的口感偏苦、瓶内悬浮物、标签模糊等问题,团队通过原料验收、生产过程监控、在线质量检测、成品检验与数据追溯等环节的全链路把控。",
processes: [
{
title: "流程一:原材料验收与检测",
image: "public/某品牌菊花茶饮料质量提升与风险控制优化项目/流程一:原材料验收与检测.jpg",
description: "在饮料生产初始环节重点参与菊花原料与PET瓶坯的入厂检验确保原料质量符合国家食品安全标准减少隐患传递至后续生产工序。",
work: "1. 感官检测:抽检菊花原料的颜色、气味与外观,发现霉变或杂质时立即上报并隔离处理;\n2. 理化指标复核使用分光光度计测定PET瓶坯乙醛含量确保≤2μg/g避免饮料口感受损\n3. 微生物检测:对批次原料实施菌落总数、大肠菌群检测,符合入厂安全要求;\n4. 台账归档将检验结果录入LIMS系统形成批次追溯链条保证检测结果可追溯\n5. 风险反馈:对供应商不合格批次出具检测报告并反馈,推动供应商整改。"
},
{
title: "流程二:生产过程巡查与控制",
image: "public/某品牌菊花茶饮料质量提升与风险控制优化项目/流程二:生产过程巡查与控制.jpg",
description: "在生产车间对萃取、过滤和灌装等关键环节进行巡查与监督复核工艺参数和环境卫生状况确保生产过程符合CCP控制标准。",
work: "1. 工艺参数复核检查萃取温度95±2°C与时间15±1分钟防止口感异常\n2. 过滤精度确认确认膜过滤孔径≤0.45μm的执行情况保障饮料清澈度\n3. 灌装检查复核灌装温度88±1°C和顶空量≥15ml数据保障密封性\n4. 环境卫生巡查:完成车间每日清洁消毒记录核查,杜绝二次污染风险;\n5. 违规纠正:现场发现操作不规范时,及时记录并提出改进建议。"
},
{
title: "流程三:在线质量检测与抽样",
image: "public/某品牌菊花茶饮料质量提升与风险控制优化项目/流程三:在线质量检测与抽样.png",
description: "在生产过程中执行实时抽样与自动化检测,确保每小时的产品质量符合标准,并对检测偏差进行追溯和反馈。",
work: "1. 感官评价:参与抽样饮料的色泽、口感和澄清度检测,确保品质稳定;\n2. 自动化检测:协助液位检测与金属探测,防止液位异常或金属异物混入;\n3. 数据复核:对自动检测数据进行人工核查,避免因设备误差导致偏差;\n4. 偏差追溯:在检测到口感异常时,追溯萃取工艺参数并反馈改进建议;\n5. 检测台账:完成所有在线检测数据的登记与归档,保证合规与可追溯。"
},
{
title: "流程四:成品检验与包装审核",
image: "public/某品牌菊花茶饮料质量提升与风险控制优化项目/流程四:成品检验与包装审核.jpg",
description: "在成品出厂前完成微生物与理化指标检测,并协助审核包装完整性与标签准确性,确保最终产品符合食品安全与市场销售要求。",
work: "1. 微生物检验:抽检成品进行菌落总数与大肠菌群检测,确认商业无菌达标;\n2. 理化检测测定糖度、pH值、总黄酮含量保证产品口感与理化指标符合标准\n3. 标签审核:检查打码与标签印刷是否清晰,防止消费者信息混淆;\n4. 包装测试:协助进行包装抗压与模拟运输测试,避免销售环节破损;\n5. 稳定性试验:参与货架期模拟,记录沉淀与风味变化,支持改进建议。"
},
{
title: "流程五:质量改进与数据管理",
image: "public/某品牌菊花茶饮料质量提升与风险控制优化项目/流程五:质量改进与数据管理.jpg",
description: "在导师指导下完成质量改进的数据支持与分析,推动问题追溯、措施跟进和月度质量报告编制,为持续优化提供依据。",
work: "1. 原因分析:使用鱼骨图等工具参与问题溯源,明确悬浮物产生的根因;\n2. 改进措施记录:协助记录过滤膜更换频率提升等改进措施的落实情况;\n3. 数据管理在ERP-MES系统录入生产与检测数据保持批次追溯完整\n4. 报告编制:协助编制月度质量报告,整理合格率与风险事件数据;\n5. 风险预警:通过趋势分析发现潜在风险,提前提出食品安全预防建议。"
}
]
},
3: {
title: "某航空公司飞行员营养膳食管理与健康支持方案",
company: "益康食品设备有限公司",
position: "健康管理师实习生",
time: "2024.3~2024.12",
description: "本项目聚焦于飞行员在高强度、高应激飞行任务下的健康支持需求,旨在通过科学的营养搭配、特殊飞行阶段的饮食调整及水分管理方案,提升飞行员的体能储备与抗压能力。项目以《中国居民膳食指南》和行业健康管理规范为依据,涵盖能量需求分析、三餐搭配设计、特殊飞行阶段的饮食干预、营养素补充及水分管理。",
processes: [
{
title: "流程一:飞行员营养需求分析",
image: "public/某航空公司飞行员营养膳食管理与健康支持方案/流程一:飞行员营养需求分析.jpeg",
description: "在任务筹备环节,协助完成飞行员能量需求测算,结合基础代谢、性别和飞行强度等参数,确定每日能量范围,并参与制定营养素分配比例。通过数据支撑,确保后续三餐方案科学合理。",
work: "1. 健康数据采集:在导师指导下协助使用身体成分分析仪、血压计等设备,完成飞行员基础数据测量,并确保数据录入到健康档案系统的准确性和可追溯性,形成完整的基础数据集;\n2. 数据比对整理将采集到的个体指标与参考能量需求标准男性25003500千卡、女性20003000千卡进行比对标注能量消耗差异点并输出初步能量差异报告供后续膳食设计参考\n3. 能量分配辅助:在营养师指导下参与计算碳水化合物、脂肪和蛋白质的能量比例,协助绘制能量饼图与营养分配表,确保膳食搭配更加直观和科学;\n4. 风险提示记录:对发现的能量摄入不足或分配不均的飞行员个案进行单独标记,并将可能带来的疲劳、注意力下降等风险汇总,形成文字记录,提交导师审核。"
},
{
title: "流程二:三餐膳食搭配设计",
image: "public/某航空公司飞行员营养膳食管理与健康支持方案/流程二:三餐膳食搭配设计.jpg",
description: "在膳食设计阶段,参与三餐食谱的搭建,结合飞行员的能量需求与任务特点,确保营养素均衡供应。重点突出早餐能量补充与午晚餐荤素合理搭配,保障持续精力。",
work: "1. 早餐搭配建议:协助整理高碳水、优质蛋白与富含维生素的早餐食材组合,并绘制营养对照表,保证飞行员在早晨起飞前即可快速获得能量补充;\n2. 午餐与晚餐优化:在导师指导下参与制定荤素搭配方案,结合鱼类、禽肉、豆类等蛋白质来源与多样化蔬菜,实现宏量与微量营养素的均衡供应;\n3. 食材分量记录:根据飞行员个体能量需求,协助记录并输出标准食材分量表,避免因进食过量导致消化负担或因摄入不足引发能量缺口;\n4. 菜单可行性验证:在实地调研与试餐环节,协助收集飞行员对口味、饱腹感的反馈,整理成数据化表格,用于验证方案的执行效果。"
},
{
title: "流程三:特殊飞行阶段饮食调整",
image: "public/某航空公司飞行员营养膳食管理与健康支持方案/流程三:特殊飞行阶段饮食调整.png",
description: "针对长途、夜间及高原飞行等特殊任务,协助调整膳食结构,保证飞行员应对不同环境下的能量消耗和生理变化。通过增加特定食材,提升飞行员的适应力与恢复力。",
work: "1. 长途飞行餐单:协助制定以高碳水、低油腻为核心的食物组合清单,并参与验证其消化吸收效果,保证飞行员在长时间飞行中精力持久;\n2. 夜航饮食调整:协助收集并整理富含色氨酸食材的应用建议,参与晚餐菜单的轻量化调整,确保飞行员在夜航中获得较好的精神状态与睡眠节律支持;\n3. 高原环境补给参与设计富含维生素C、E与铁元素的食物补给方案并协助建立食材替代表以便飞行员在高原飞行时能快速获得适应性饮食支持\n4. 反馈数据整理:跟踪不同飞行阶段的饮食执行情况,记录飞行员的身体反应、舒适度和任务完成状态,形成阶段性对比报告。"
},
{
title: "流程四:营养素补充与水分管理",
image: "public/某航空公司飞行员营养膳食管理与健康支持方案/流程四:营养素补充与水分管理.jpeg",
description: "在健康保障环节,参与制定飞行员的营养素补充清单,确保蛋白质、维生素与矿物质摄入充足。重点关注免疫力提升、视力保护和骨骼健康,避免长期飞行带来的负面影响。",
work: "1. 蛋白质补充支持:协助监控飞行员每日蛋白质摄入量是否达到推荐标准,建立食材摄入与能量对照表,保证机体修复与免疫力维持;\n2. 维生素与矿物质在导师指导下参与编制维生素A、D和矿物质的补充建议建立营养素来源清单并与现有食谱进行比对确保覆盖度\n3. 水分管理表:协助制定饮水时段、饮水量的监控表格,并在飞行前、中、后进行追踪记录,避免飞行员出现脱水或过量饮水的情况;\n4. 方案执行跟进:收集飞行员在执行饮食和补剂使用过程中的主观感受和客观数据,整理为反馈文档,支持团队优化下一步方案。"
},
{
title: "流程五:健康宣教与效果评估",
image: "public/某航空公司飞行员营养膳食管理与健康支持方案/流程五:健康宣教与效果评估.jpeg",
description: "在日常饮食环节,协助制定饮水计划,确保飞行员在飞行过程中避免脱水,保持反应速度与判断力。通过合理设置饮水频率,避免过量饮水影响飞行任务。",
work: "1. 健康讲座协助:在导师指导下参与健康宣讲会的筹备,整理宣传资料与讲义,并协助完成营养知识讲解的现场支持工作;\n2. 宣教互动支持:在讲座过程中记录飞行员提出的常见问题,形成问题库,并协助导师在宣讲后提供简要书面答复,增强知识传递效果;\n3. 数据回收与整理:负责健康问卷和饮食反馈表的收集与初步整理,形成图表化结果,用于团队后续分析;\n4. 效果评估报告:在导师指导下协助撰写阶段性总结报告,对实施效果进行归纳,并提出可行性改进建议,提升方案的落地性与连续性。"
}
]
},
4: {
title: "某速冻食品加工厂原料采购与成本控制项目",
company: "嘉亿食品(嘉兴)有限责任公司",
position: "采购经理助理",
time: "2023.3~2023.6",
description: "本项目聚焦于一家速冻食品加工厂的原料采购与成本管控,核心目标是解决原料价格波动、库存积压和供应不稳定等问题。",
processes: [
{
title: "流程一:采购计划制定与执行",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程一:采购计划制定与执行.jpg",
description: "在采购计划制定环节,协助收集历史销售与订单数据,整理肉类、蔬菜的需求预测结果,结合季节性消费规律形成采购计划,支持生产连续性。",
work: "1. 数据收集:整理近三年鸡胸肉、胡萝卜等原料的销售与库存数据,建立原料需求曲线,为预测模型提供基础支撑,确保计划具备准确性和可落地性;\n2. 季节性调整:结合冬季肉类需求增加、夏季蔬菜消费上升的规律,对采购计划进行动态修正,避免因季节性偏差造成库存失衡;\n3. 安全库存跟进在ERP系统中设定不同原料的安全库存阈值高波动类原料设置1.5倍缓冲稳定类原料维持0.8倍,保障突发情况下供应稳定;\n4. 预算对接:将采购计划与财务预算对表,形成月度执行计划,确保单品单价及总支出控制在目标范围内,为成本管控提供依据。"
},
{
title: "流程二:供应商调研与价格谈判",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程二:供应商调研与价格谈判.jpg",
description: "在供应商环节,参与资质核查与数据库建设,辅助准备询比议价材料,整理成本拆解表与合同要点,为谈判与锁价提供支持。",
work: "1. 供应商信息整理:调研供应商的产地、资质、冷链条件,形成对比表,作为供应商库建立与分级管理的基础数据;\n2. 成本拆解:将供应商报价拆分为原料成本、运输费用、仓储费用三部分,形成直观的成本对比表,辅助发现报价差异与谈判空间;\n3. 谈判支持:提前准备付款条件、价格浮动条款和交付周期要点,参与形成会议纪要,确保谈判结果能够量化执行;\n4. 绩效记录:协助记录交付准时率、合格率、不合格处理等关键数据,更新至绩效台账,为供应商季度评审提供数据支撑。"
},
{
title: "流程三:来料验收与质量对接",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程三:来料验收与质量对接.jpeg",
description: "在原料到厂环节,参与验收流程,协助品控完成肉类、蔬菜的外观、温度及抽检数据核查,及时配合处理不合格批次,确保原料安全。",
work: "1. 到货检查:核查冷链运输温度记录仪,确认全程温度≤-18℃若发现断点立即标记为风险批次并提交复检申请\n2. 外观抽检对肉类瘦肉率、色泽、脂肪比例和蔬菜杂质含量进行抽检按批次随机抽样≥5%,确保感官和理化指标合格;\n3. 不合格隔离配合仓储人员将不合格原料隔离至独立库位协助联系供应商启动48小时内退换货流程减少对生产的影响\n4. 检测记录整理抽检数据并录入LIMS系统形成批次追溯链路保证问题批次可快速定位并闭环处理。"
},
{
title: "流程四:采购成本分析与监控",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程四:采购成本分析与监控.jpeg",
description: "在成本分析环节,协助维护原料价格与采购支出数据库,生成趋势报表与预警提示,支持上级制定锁价或调整策略。",
work: "1. 数据录入:将鸡胸肉、猪肉、胡萝卜等主要原料的采购单价、数量、运输成本录入系统,确保数据及时完整;\n2. 趋势监控绘制价格走势图监控单月波动幅度发现超过±10%的异常即形成预警报告;\n3. 成本分析:利用成本瀑布模型拆解成本结构,明确高成本来源环节,为优化方案提供数据支撑;\n4. 报告支持:协助输出季度成本分析小结,提出采购时机建议,例如在秋收季集中采购玉米粒以降低采购单价。"
},
{
title: "流程五:库存与补货跟进",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程五:库存与补货跟进.gif",
description: "在库存环节,参与动态补货机制执行,协助监控安全库存线,跟踪在途与到货计划,避免缺货或滞库情况。",
work: "1. 库存监控:每日在系统内更新各类原料的库存量与周转天数,形成可视化表格,便于快速判断库存风险;\n2. 补货提醒当库存低于7天用量时系统自动提示补货协助采购主管审核补货计划确保生产不断供\n3. 先进先出:检查库内批次号出库顺序,确认先进先出原则执行到位,减少因存放过久造成的损耗;\n4. 盘点支持参与每月冷库盘点整理损耗率数据并与标准值肉类≤1.5%蔬菜≤2%)对比,分析超标原因并提出建议。"
},
{
title: "流程六:合同履约与风险应对",
image: "public/某速冻食品加工厂原料采购与成本控制项目/流程六:合同履约与风险应对.jpeg",
description: "在合同履约过程中,参与交付准时率与质量一致性的记录,协助跟进异常处理,并参与风险应对机制的执行。",
work: "1. 履约跟踪:协助记录供应商交付时间、批次质量一致性,并生成履约统计表,直观反映供应商稳定性;\n2. 异常上报:遇到延迟交付或质量不合格时,及时生成异常单,提交给上级与品控部门处理;\n3. 风险缓冲:定期核查紧急库存和备用供应商资源,确保在断供或价格暴涨时有快速替代方案;\n4. 数据支持:将履约数据归档至季度供应商评审报告,辅助决策是否维持、优化或淘汰供应商。"
}
]
},
5: {
title: "纯牛奶全流程质量检测与风险控制项目",
company: "安徽小龙人食品股份有限公司",
position: "食品化验员",
time: "2023.6~2023.8",
description: "本项目聚焦液态纯牛奶生产环节的质量与安全检测,目标是构建覆盖样品接收、理化分析、微生物监测、风险物质检测、掺假验证及数据归档的完整检测链路。",
processes: [
{
title: "流程一:样品接收与信息登记",
image: "public/纯牛奶全流程质量检测与风险控制项目/流程一:样品接收与信息登记.jpg",
description: "在检测环节开始前,对样品外观、批次、标签及运输条件进行检查,并完成冷链管理和信息化建档,确保检测样品真实、合规、可追溯。",
work: "1. 样品外观核查:逐一检查纯牛奶样品包装的密封性、批号和标签完整性,确保没有出现渗漏、污染或篡改痕迹,避免因样品不合格而影响后续检测结论的准确性和可靠性;\n2. 冷链温控确认在样品接收环节使用温度记录仪复核运输全过程确保温度始终维持在28℃范围内如出现温控异常立即标记为高风险样品并提交复检申请\n3. 信息化录入在LIMS系统中建立电子样品档案详细录入样品来源、批次号、检测项目、接收人和时间等信息保证检测链路的可追溯性和合规性。"
},
{
title: "流程二:理化指标检测",
image: "public/纯牛奶全流程质量检测与风险控制项目/流程二:理化指标检测.jpg",
description: "对蛋白质、脂肪、非脂乳固体、酸度、密度和冰点等关键理化指标进行标准化测定,判断是否存在掺水、稀释或工艺异常问题。",
work: "1. 蛋白质检测协助完成凯氏定氮法检测结果需达到国标≥2.9g/100g若数值偏低则记录并第一时间上报提示可能存在奶源质量下降或掺水行为\n2. 脂肪含量测定使用乳脂离心法进行测定全脂牛奶应保持≥3.1%,若低于标准值则可能存在脱脂或外源油脂替代,需记录并反馈工艺部门;\n3. 酸度与密度检测每日完成样品酸度1218°T与密度1.0271.032)的校准测试,偏差结果提示杀菌或储运环节控制不足,及时提出整改意见;\n4. 冰点分析:使用专业冰点仪检测样品冰点值,正常范围应在-0.53~-0.52℃,若出现升高则表明存在掺水风险,并进一步结合其他指标验证结果。"
},
{
title: "流程三:微生物安全检测",
image: "public/纯牛奶全流程质量检测与风险控制项目/流程三:微生物安全检测.jpeg",
description: "检测菌落总数、大肠菌群与致病菌情况利用传统培养法与PCR方法双重验证保障牛奶符合商业无菌要求。",
work: "1. 菌落总数测定通过平板计数法检测样品菌落数量结果须≤2×10⁴ CFU/mL如超过标准立即隔离批次并启动溯源调查防止不合格产品流入市场\n2. 大肠菌群检验采用MPN法对样品进行检测国标要求0.3,若超标说明车间卫生条件或人员操作存在问题,需第一时间上报质控部门;\n3. 致病菌筛查:协助完成沙门氏菌、金黄色葡萄球菌和李斯特菌检测,这些指标必须零检出,一旦检出即触发紧急质量事件处理流程;\n4. PCR快速检测参与操作PCR快速检测方法在2小时内完成病原体初筛有效提升判定效率缩短检测周期。"
},
{
title: "流程四:风险物质与污染物检测",
image: "public/纯牛奶全流程质量检测与风险控制项目/流程四:风险物质与污染物检测.jpeg",
description: "针对三聚氰胺、抗生素残留、黄曲霉毒素M1和重金属等高风险物质进行专项检测确保牛奶符合食品安全标准。",
work: "1. 三聚氰胺检测配合操作LC-MS/MS检测检出限≤0.01mg/kg结果若异常需立即提报主管并进入风险应急处置流程\n2. 黄曲霉毒素M1检测使用ELISA方法初筛并结合色谱法复检确保浓度≤0.5μg/kg防止因饲料霉变引发奶源污染\n3. 抗生素残留检测协助完成ELISA+LC-MS/MS联合检测重点筛查β-内酰胺类与磺胺类药物残留,确保样品未受药物污染;\n4. 重金属检测:参与原子吸收光谱检测环节,对铅、汞、砷等元素进行检测,确认含量均低于国家限值。"
},
{
title: "流程五:掺假与真实性验证",
image: "public/纯牛奶全流程质量检测与风险控制项目/流程五:掺假与真实性验证.png",
description: "通过脂肪酸谱、蛋白质电泳、稳定同位素比值及冰点检测等技术识别掺水、添加植物蛋白或中和剂等风险行为,确保产品真实合规。",
work: "1. 脂肪酸谱分析:参与气相色谱检测乳脂组成,若反式脂肪酸比例异常升高,提示可能存在植物油掺假风险,需进一步复核;\n2. 蛋白质电泳:协助完成电泳实验,检测是否存在大豆、豌豆蛋白等外源成分,避免非乳源蛋白混入产品;\n3. 稳定同位素比值分析:在比值质谱实验中进行样品前处理,辅助判断奶源是否被稀释或添加外源物质;\n4. 冰点复核:对异常样品再次进行冰点检测,若高于-0.52℃则综合判定为掺水行为,并配合输出检测报告。"
}
]
}
};
// 当前选中的流程
let currentProcess = 0;
let currentProject = null;
// 打开项目详情
function openProjectDetail(projectId) {
const modal = document.getElementById('projectModal');
const project = projectsData[projectId];
if (!project) {
alert('项目数据未找到: ' + projectId);
return;
}
currentProject = project;
currentProcess = 0;
// 设置标题
document.getElementById('modalTitle').textContent = project.title;
document.getElementById('modalInfo').innerHTML = '';
// 生成流程导航
const processNav = document.getElementById('processNav');
processNav.innerHTML = project.processes.map((process, index) => `
<button class="process-tab ${index === 0 ? 'active' : ''}" onclick="switchProcess(${index})">
${process.title.split('')[0]}
</button>
`).join('');
// 显示第一个流程
showProcess(0);
// 显示弹窗
modal.style.display = 'flex';
modal.classList.add('active');
document.body.style.overflow = 'hidden';
}
// 切换流程
function switchProcess(index) {
if (!currentProject) return;
// 更新导航状态
const tabs = document.querySelectorAll('.process-tab');
tabs.forEach((tab, i) => {
tab.classList.toggle('active', i === index);
});
// 显示对应流程
showProcess(index);
currentProcess = index;
}
// 显示流程内容
function showProcess(index) {
if (!currentProject || !currentProject.processes[index]) return;
const process = currentProject.processes[index];
const processContent = document.getElementById('processContent');
// 将工作内容转换为HTML列表
const workItems = process.work.split('\n').map(item =>
item.trim() ? `<li>${item}</li>` : ''
).join('');
processContent.innerHTML = `
<div class="process-detail">
<h3>${process.title}</h3>
<div class="process-layout">
<div class="process-image-container">
<img class="process-image" src="${process.image}" alt="${process.title}" onerror="console.log('Image failed to load:', this.src)">
</div>
<div class="process-content-container">
<div class="process-description">
<h4>🔍 流程描述</h4>
<p>${process.description}</p>
</div>
<div class="work-content">
<h4>📋 工作内容</h4>
<ul>${workItems}</ul>
</div>
</div>
</div>
</div>
`;
}
// 关闭项目详情
function closeProjectDetail() {
const modal = document.getElementById('projectModal');
modal.classList.remove('active');
modal.style.display = 'none';
document.body.style.overflow = '';
}
// ESC键关闭弹窗
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
closeProjectDetail();
}
});
</script>
</body>
</html>