加入我们
@@ -20,9 +23,14 @@职位筛选
加入我们的优势
- @@ -57,15 +69,45 @@
联系我们
+- 12 个开放职位 + {{ jobs.length }} 个开放职位
-
-
- +
-
{{ index+1 }}@@ -224,6 +300,7 @@
了解校招计划 @@ -233,12 +310,146 @@
公司位置
+{{ currentJob.title }}
+ +职位描述
+{{ currentJob.description }}
+ +岗位要求
+-
+
- {{ requirement }} +
负责人
+{{ currentJob.manager }}
+{{ currentJob.managerTitle }}
+联系方式
+照片要求
+{{ currentJob.photoRequirement }}
+
+
引领未来，
创新无限可能
-
创新无限可能
- 上海酉佰致力于为企业提供前沿的解决方案，赋能数字化转型， +
+ 上海酉佰佰致力于为企业提供前沿的解决方案，赋能数字化转型， 创造可持续的商业价值。
-
{{ value.description }}
@@ -91,45 +109,47 @@
+
我们拥有多年的行业经验和专业团队，致力于为客户提供全方位的解决方案。 凭借独特的技术优势和创新的服务理念，帮助企业实现数字化转型。
专业服务能力
-
-
- +
-
@@ -155,10 +175,16 @@ subtitle="他们这样说" description="多年来，我们服务的客户遍布不同行业，获得了广泛认可" align="center" + data-aos="fade-up" />-+"@@ -169,7 +195,9 @@- ++
+
{{ testimonial.name }}{{ testimonial.position }}@@ -182,17 +210,53 @@ -+ - --@@ -201,7 +265,7 @@合作伙伴 {{ i }}++++++ ++++
{{ partner.name }}++++++
{{ partner.name }}+-+开启数字化转型之旅
联系我们获取免费咨询服务，量身定制您的解决方案 @@ -225,6 +289,7 @@ \ No newline at end of file + +// 生成合作伙伴数据（实际项目应使用真实数据） +const partners = ref([ + { name: '腾讯科技', logo: 'https://logo.clearbit.com/tencent.com' }, + { name: '阿里巴巴', logo: 'https://logo.clearbit.com/alibaba.com' }, + { name: '华为技术', logo: 'https://logo.clearbit.com/huawei.com' }, + { name: '字节跳动', logo: 'https://logo.clearbit.com/bytedance.com' }, + { name: '京东集团', logo: 'https://logo.clearbit.com/jd.com' }, + { name: '百度科技', logo: 'https://logo.clearbit.com/baidu.com' }, + { name: '美团点评', logo: 'https://logo.clearbit.com/meituan.com' }, + { name: '拼多多', logo: 'https://logo.clearbit.com/pinduoduo.com' }, + { name: '小米科技', logo: 'https://logo.clearbit.com/mi.com' }, + { name: '网易科技', logo: 'https://logo.clearbit.com/netease.com' }, + { name: '携程旅行', logo: 'https://logo.clearbit.com/ctrip.com' }, + { name: '中国平安', logo: 'https://logo.clearbit.com/pingan.com' }, + { name: '招商银行', logo: 'https://logo.clearbit.com/cmbchina.com' }, + { name: '中国移动', logo: 'https://logo.clearbit.com/chinamobileltd.com' }, + { name: '中国电信', logo: 'https://logo.clearbit.com/chinatelecom-h.com' }, + { name: '格力电器', logo: 'https://logo.clearbit.com/gree.com' }, + { name: '海尔智家', logo: 'https://logo.clearbit.com/haier.net' }, + { name: '联想集团', logo: 'https://logo.clearbit.com/lenovo.com' }, + { name: '比亚迪汽车', logo: 'https://logo.clearbit.com/byd.com' }, + { name: '上汽集团', logo: 'https://logo.clearbit.com/saicmotor.com' }, + { name: '万科集团', logo: 'https://logo.clearbit.com/vanke.com' }, + { name: '碧桂园', logo: 'https://logo.clearbit.com/countrygarden.com.cn' }, + { name: '中国建筑', logo: 'https://logo.clearbit.com/chinaconstruction.com' }, + { name: '中信集团', logo: 'https://logo.clearbit.com/citic.com' }, + { name: '中国石油', logo: 'https://logo.clearbit.com/petrochina.com.cn' }, + { name: '中国石化', logo: 'https://logo.clearbit.com/sinopec.com' }, + { name: '国家电网', logo: 'https://logo.clearbit.com/sgcc.com.cn' }, + { name: '中国工商银行', logo: 'https://logo.clearbit.com/icbc.com.cn' }, + { name: '建设银行', logo: 'https://logo.clearbit.com/ccb.com' }, + { name: '农业银行', logo: 'https://logo.clearbit.com/abchina.com' } +]) + +// 将合作伙伴按每行10个分组 +const partnerRows = computed(() => { + const rows = [] + const itemsPerRow = 10 + for (let i = 0; i < partners.value.length; i += itemsPerRow) { + rows.push(partners.value.slice(i, i + itemsPerRow)) + } + return rows +}) + +// 暂停指定行滚动 +const pauseRow = (rowIndex) => { + const rowElements = document.querySelectorAll(`.marquee-row[data-row="${rowIndex}"]`) + rowElements.forEach(el => { + el.style.animationPlayState = 'paused' + }) +} + +// 恢复指定行滚动 +const resumeRow = (rowIndex) => { + const rowElements = document.querySelectorAll(`.marquee-row[data-row="${rowIndex}"]`) + rowElements.forEach(el => { + el.style.animationPlayState = 'running' + }) +} + +// 初始化滚动效果 +onMounted(() => { + const style = document.createElement('style') + style.textContent = ` + @keyframes scroll-left { + 0% { transform: translateX(0); } + 100% { transform: translateX(-50%); } + } + + @keyframes scroll-right { + 0% { transform: translateX(-50%); } + 100% { transform: translateX(0); } + } + + .scroll-slow { + animation: scroll-left 40s linear infinite; + } + + .scroll-medium { + animation: scroll-left 30s linear infinite; + } + + .scroll-fast { + animation: scroll-left 20s linear infinite; + } + + .marquee-row:hover { + animation-play-state: paused; + } + ` + document.head.appendChild(style) +}) + + + diff --git a/src/views/Team.vue b/src/views/Team.vue index c99d2d4..ea7ffeb 100644 --- a/src/views/Team.vue +++ b/src/views/Team.vue @@ -3,7 +3,7 @@
-+- +团队介绍
专业、多元、充满活力的高素质团队 @@ -12,28 +12,84 @@
+ + + +++++ +我们的团队
+ ++ +++ ++ + +++++
+ ++技术团队
+专业卓越
++ ++ + +++++
+ ++协作交流
+开放透明
++ ++++++
+ ++发展规划
+未来愿景
+----- -++++-
+技术专家团队
- 酉佰佰是一支秉承着"开放透明、纪律严明、听从指挥、主观能动"管理风格的团队。 + 酉佰佰佰佰是一支秉承着"开放透明、纪律严明、听从指挥、主观能动"管理风格的团队。 我们遵循循序渐进，但绝不放任自流的管理理念。
@@ -42,7 +98,7 @@
@@ -62,27 +118,50 @@- ----- -++++@@ -98,6 +177,7 @@ subtitle="专业覆盖" description="我们的核心研究领域和发展方向" align="center" + data-aos="fade-up" />+-
+五年发展规划
- 酉佰佰团队刚经历了第一个五年的发展，展望未来，公司一方面致力于在宏观弱势期进行人才积累， + 酉佰佰佰佰团队刚经历了第一个五年的发展，展望未来，公司一方面致力于在宏观弱势期进行人才积累， 另一方面也在积极地进行政治经济研究、产业企业研究、风险管理研究和投资等投资公司核心竞争力的孵化与锻炼。
-+
希望在2028年，公司第二个五年结束之际，能组建一支研究功底深厚、技能全面、初具实战能力的队伍。
+ ++发展里程碑
++++++ 1 ++人才积累阶段 (2023-2025年)
++++ 2 ++核心竞争力孵化 (2025-2027年)
++++ 3 ++实战能力形成 (2028年达成目标)
+@@ -105,6 +185,8 @@ v-for="(field, index) in researchFields" :key="index" class="bg-white rounded-2xl overflow-hidden shadow-lg p-6 hover:shadow-xl transition-shadow" + :data-aos="index % 2 === 0 ? 'fade-right' : 'fade-left'" + :data-aos-delay="100 * (index + 1)" >@@ -116,17 +198,69 @@- -+ + -++ + + +++++ +
+ ++我们的文化
++ 开放、透明、纪律严明、主观能动 +
+ +++++ ++ ++++开放透明
+团队成员间信息共享、思想碰撞，营造互相学习、共同成长的氛围
+++ ++ ++++纪律严明
+遵循循序渐进的管理理念，确保团队高效运转
++++ ++++主观能动
+鼓励创新思维和主动担当，激发团队成员潜力
++ +加入我们的团队
- 如果你才华横溢、充满激情、渴望成长，我们欢迎你加入酉佰佰大家庭 + 如果你才华横溢、充满激情、渴望成长，我们欢迎你加入酉佰佰佰佰大家庭
查看职位空缺 @@ -139,8 +273,9 @@ \ No newline at end of file + +/* 图片悬停效果 */ +.group:hover img { + transform: scale(1.05); +} + +/* 过渡动画 */ +img { + transition: transform 0.5s ease; +} +