{{ currentArticle.title }}
+{{ currentArticle.subtitle }}
+{{ formatDate(currentArticle.create_time) }}
+ +
+ ![]()
+
+
+
+
+
+ 良品优生省级研究生工作站
湖北省省级研究生工作站
- 探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。 -
-- 探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。探索健康设计的新路径，引领知识创新的新范式，共同描绘人类健康的未来图景。 -
- -
+
+
-
-
-
-
-
-
+
+
- 
-
-
-
-
- 良品铺子文化馆数位界面设计
- -校企导师制 · 企业导师XXX
-
+
-
- {{ getTabName(currentTab) }} - 全部项目
+ +
-
-
-
-
- 
-
-
-
- 制度型开放推动经济高质量发展
- -制度型开放 · 经济发展研究
-
-
- 
-
-
-
+
+
+ 制度型开放助推经济高质量发展
- -制度型开放 · 经济政策研究
+ +
+
- More
-
+
+
+ ![]()
+
+
{{ item.title }}
+{{ item.subtitle }}
+{{ formatDate(item.create_time) }}
+
+ 暂无相关项目
+
+
+
@@ -98,301 +146,358 @@ export default {
name: 'WorkstationPage',
data() {
return {
- // 可以在这里添加需要的数据
- }
+ currentTab: 'schoolEnterprise',
+ articles: {},
+ currentArticle: null,
+ relatedArticles: [],
+ allArticles: [], // 用于全部文章列表
+ loading: false,
+ showAllList: false, // 控制显示全部文章列表页面
+ };
},
- mounted() {
- // 页面加载后的初始化操作
- this.addScrollEffects();
+ computed: {
+ currentArticles() {
+ return this.articles[this.currentTab] || [];
+ },
+ },
+ watch: {
+ currentTab: {
+ immediate: true,
+ handler(newTab) {
+ this.fetchArticles(newTab);
+ // 切换标签时隐藏全部列表页面
+ this.showAllList = false;
+ },
+ },
},
methods: {
- addScrollEffects() {
- // 添加滚动时的动画效果
- const cards = document.querySelectorAll('.project-card');
- const observer = new IntersectionObserver((entries) => {
- entries.forEach(entry => {
- if (entry.isIntersecting) {
- entry.target.classList.add('visible');
- }
- });
- }, { threshold: 0.1 });
+ async fetchArticles(category) {
+ this.loading = true;
+ try {
+ const mockData = this.getMockData(category);
+ this.articles[category] = mockData;
- cards.forEach(card => {
- observer.observe(card);
+ const list = this.articles[category];
+ if (list.length > 0) {
+ this.currentArticle = list[0];
+ this.relatedArticles = list.slice(1, 4);
+ this.allArticles = list; // 全部文章数据
+ } else {
+ this.currentArticle = null;
+ this.relatedArticles = [];
+ this.allArticles = [];
+ }
+ } catch (error) {
+ console.error('获取文章失败:', error);
+ this.$message?.error?.('加载失败') || alert('加载失败');
+ } finally {
+ this.loading = false;
+ }
+ },
+
+ selectMainArticle(article) {
+ this.currentArticle = article;
+ this.relatedArticles = this.currentArticles
+ .filter(a => a.id !== article.id)
+ .slice(0, 3);
+ this.showAllList = false; // 选中文章后返回首页
+ window.scrollTo({ top: 0, behavior: 'smooth' });
+ },
+
+ formatDate(dateStr) {
+ const date = new Date(dateStr);
+ return date.toLocaleDateString('zh-CN', {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric',
});
- }
- }
-}
+ },
+
+ getTabName(tab) {
+ const map = {
+ schoolEnterprise: '校企合作',
+ researchInternship: '研究实习项目',
+ ruralGovernment: '乡村政府项目',
+ };
+ return map[tab] || '';
+ },
+
+ // 模拟数据
+ getMockData(category) {
+ const base = [
+ {
+ id: 1,
+ title: '与良品铺子共建健康食品联合研发中心',
+ subtitle: '产学研深度融合，5项专利获批',
+ cover_url: 'https://picsum.photos/id/180/1200/600',
+ content: `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item.title }}
+{{ item.subtitle }}
+{{ formatDate(item.create_time) }}
+
+
+ 暂无内容
+2025年3月，我校与良品铺子正式签署战略合作协议，共建“健康食品联合研发中心”。中心聚焦功能性健康食品研发、食品质量安全检测、食品包装创新等三大方向，配备专业研发设备20余台套，组建由12名教授、20名企业技术骨干组成的研发团队。项目实施以来，已成功研发益生菌零食、低糖糕点等3类新产品，申请发明专利5项，实用新型专利3项，其中2项专利已实现成果转化，产生直接经济效益800余万元。
`, + create_time: '2025-03-15 10:00:00', + }, + { + id: 2, + title: '现代食品产业学院揭牌仪式', + subtitle: '校企共建人才培养新模式', + cover_url: 'https://picsum.photos/id/201/1200/600', + content: `产业学院整合企业实训资源，为研究生提供“课堂+车间”双场景教学。学院建筑面积3000平方米，设有食品研发实验室、品质控制中心、市场营销模拟实训室等6个功能区域。采用“3+1”培养模式，研究生前3个学期在校学习理论知识，最后1个学期进入企业开展顶岗实习。目前已开设食品科学与工程、食品质量与安全、市场营销等3个专业方向，录取研究生120名，其中85%的研究生在实习期间参与了企业实际项目研发。
`, + create_time: '2025-02-20 09:30:00', + }, + { + id: 3, + title: '研究生双导师培养计划启动', + subtitle: '42位企业导师加入指导', + cover_url: 'https://picsum.photos/id/160/1200/600', + content: `计划覆盖食品科学、营销管理、设计等3个专业方向。每位研究生配备1名校内导师和1名企业导师，校内导师负责学术指导和理论教学，企业导师负责实践指导和项目研发。企业导师均来自良品铺子、周黑鸭、劲牌等知名企业，其中高级工程师25名，企业技术总监8名，具有丰富的行业实践经验。培养计划实施以来，已组织校企导师联合授课36次，开展企业实地教学18次，研究生参与企业横向课题45项。
`, + create_time: '2025-01-10 14:00:00', + }, + { + id: 4, + title: '功能性健康食品研发项目', + subtitle: '6个月科研津贴3000元/月', + cover_url: 'https://picsum.photos/id/96/1200/600', + content: `项目聚焦益生菌零食开发，研究生可申请参与。项目为期6个月，面向食品科学、生物工程等相关专业研究生开放申请，选拔20名优秀研究生组成研发团队。项目提供每月3000元科研津贴，配备专项研发经费50万元，以及专业的实验设备和场地支持。研发成果归校企双方共同所有，研究生可参与专利申请和论文发表。目前已有15名研究生通过选拔，项目已完成前期市场调研和配方设计工作。
`, + create_time: '2024-12-05 11:00:00', + }, + { + id: 5, + title: '企业导师培训营', + subtitle: '提升指导能力，共建培养体系', + cover_url: 'https://picsum.photos/id/42/1200/600', + content: `为企业导师提供教学方法与科研指导培训。培训营为期3天，采用“理论授课+案例分析+分组研讨”的方式进行，邀请高校教育学专家、资深导师进行授课。培训内容包括研究生培养政策解读、学术论文指导方法、科研项目管理、师生沟通技巧等方面。共有42位企业导师参加培训，培训结束后组织考核，考核合格者颁发企业导师资格证书。通过培训，有效提升了企业导师的教学指导能力，促进了校企培养体系的融合。
`, + create_time: '2024-11-20 15:00:00', + }, + ]; + + const maps = { + schoolEnterprise: base.slice(0, 5), + researchInternship: [ + { ...base[3], id: 6, title: '功能性健康食品研发实习', subtitle: '科研+实践双轨制', cover_url: 'https://picsum.photos/id/24/1200/600' }, + { ...base[1], id: 7, title: '健康食品消费行为调研', subtitle: '大数据分析方向', cover_url: 'https://picsum.photos/id/42/1200/600' }, + { ...base[2], id: 8, title: '品牌策划实习项目', subtitle: '市场部全流程参与', cover_url: 'https://picsum.photos/id/96/1200/600' }, + { ...base[0], id: 9, title: '联合实验室科研助理', subtitle: '设备操作与实验设计', cover_url: 'https://picsum.photos/id/180/1200/600' }, + { ...base[4], id: 10, title: '科研数据分析实训', subtitle: 'Python与SPSS实战', cover_url: 'https://picsum.photos/id/150/1200/600' }, + ], + ruralGovernment: [ + { + id: 11, + title: '乡村特色农产品品牌打造', + subtitle: '覆盖10个乡镇，品牌增值30%', + cover_url: 'https://picsum.photos/id/287/1200/600', + content: `为当地蜂蜜、茶叶等农产品设计品牌形象。项目联合当地政府，选取10个乡镇的特色农产品进行品牌化打造，包括品牌定位、LOGO设计、包装创新、市场推广等全流程服务。组建由设计、营销、农学等专业研究生组成的服务团队，深入乡村开展实地调研，了解产品特点和市场需求。项目实施以来，已成功打造“荆楚蜜语”蜂蜜、“云雾山茶”等5个区域品牌，产品附加值提升30%以上，带动农户户均增收8000元。
`, + create_time: '2025-03-01 08:00:00', + }, + { + id: 12, + title: '乡村电商人才培育计划', + subtitle: '培训500+农户', + cover_url: 'https://picsum.photos/id/301/1200/600', + content: `开设直播带货、短视频运营课程。计划面向农村地区开展电商技能培训，覆盖500名农户和农村创业者。培训内容包括电商平台操作、直播带货技巧、短视频拍摄剪辑、产品包装设计、客户服务等方面，采用“线上课程+线下实操+导师指导”的培训模式。配备20名研究生作为培训助教，建立长期跟踪指导机制。目前已开展培训12期，培训农户380名，其中150名农户已成功开设电商店铺，月销售额最高达5万元。
`, + create_time: '2025-02-15 10:00:00', + }, + { + id: 13, + title: '"健康乡村"建设工程', + subtitle: '定期义诊 + 健康设施建设', + cover_url: 'https://picsum.photos/id/237/1200/600', + content: `研究生医疗队下乡开展健康讲座与义诊活动。项目联合医学院、公共卫生学院组建研究生医疗队，深入乡村开展健康服务。每月组织1次大型义诊活动，提供常见病诊疗、健康体检、慢性病管理等服务；每季度开展2次健康讲座，内容包括健康教育、疾病预防、合理膳食等方面。同时，协助乡村建设5个标准化卫生室，配备基础医疗设备和常用药品。项目实施以来，已开展义诊活动8次，服务村民2000余人次，健康讲座16场，受益群众3000余人。
`, + create_time: '2025-01-20 09:00:00', + }, + { + id: 14, + title: '农产品质量安全检测项目', + subtitle: '为乡村提供免费检测服务', + cover_url: 'https://picsum.photos/id/42/1200/600', + content: `建立移动检测车，覆盖周边5个乡镇。项目投入80万元购置移动检测车1辆，配备农药残留检测仪、重金属检测仪、微生物检测仪等专业设备，为乡村农产品提供免费质量安全检测服务。组建由食品质量与安全专业研究生组成的检测团队，定期下乡开展检测服务，同时为农户提供农产品质量安全咨询和技术指导。目前已开展检测服务20次，检测农产品样本500余个，合格率达98%，为农产品质量安全提供了有力保障。
`, + create_time: '2024-12-10 13:00:00', + }, + ], + }; + + return (maps[category] || []).sort((a, b) => new Date(b.create_time) - new Date(a.create_time)); + }, + }, +};