Files
ebiz-sunful-eco-web/src/views/development/development.vue
huangze f9a2b153f1 feat(development): 添加公司发展史页面
- 新增 development 路由和相关组件
- 实现时间轴和历史事件展示功能
- 添加交互逻辑,支持时间轴点击切换事件
- 优化页面样式,使用绝对定位和相对定位实现布局
2025-07-07 08:48:24 +08:00

67 lines
2.9 KiB
Vue
Raw 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.
<script>
import { TimeSelect } from 'element-ui'
import timeLine from './components/time-line.vue'
import timeLineHistory from './components/time-line-history.vue'
import { active } from 'sortablejs'
export default {
name: "development",
components: {
timeLine,
timeLineHistory
},
data() {
return {
timelineList: [
{
2025: "2025年幸福人寿将生态建设提升为公司重点任务与各个领域的前沿机构、组织、企业通力合作围绕“生活娱乐、养老安排、医疗健康、子女教育、财富管理”五个方面打造五位一体的“幸福生态圈”。"
}, {
2023: "幸福人寿全国空中客服业务中心在日肃兰州成立。通过“空中客服”这一全新服务模式,客户借助手机视频连线公司客服人员,即可在线办理业务享受优质快捷、有温度的服务体验。"
}, {
2022: "幸福人寿创新推出品牌吉祥物“小福鹿鹿”完善公司品牌体系,极大提升了品牌活力。"
}, {
2020: "原中国银保监会批复幸福人寿变更股东的请示。中国信达资产管理股份有限公司持有的幸福人寿股权转让给诚泰财产保险股份有限公司和东莞市交通投资集团有限公司。为塑造品牌形象,持续提升品牌影响力,幸福人寿启用全新企业标识,发布了新版视觉识别体系。"
}, {
2016: "经原中国保监会批复,幸福人寿获得经营税优健康险业务资格。"
}, {
2015: "经原中国保监会批准,幸福人寿开发的“幸福房来宝”成为保险行业首款反向抵押养老险产品。"
}, {
2012: "幸福人寿VIP客户管理系统、咨询投诉系统、电子保单系统上线致力于为客户提供更便捷、优质的服务。"
}, {
2008: "幸福人寿与“国际SOS”签署《急难援助服务协议》为客户提供全球范围内的紧急救援服务。"
}, {
2007: "2007年10月31日获得原中国保监会的开业批复11月5日幸福人寿正式成立。幸福人寿电话中心正式上线运营开通全国统一客户服务热线整合电话接听、在线服务等功能打造综合性服务平台。"
}
],
active: null
}
}, computed: {
times() {
const list = []
this.timelineList.map(item => list.push(...Object.keys(item)))
return list
}
},
methods: {
handleTimeChange(time) {
console.log(time)
this.active = time
}
}
}
</script>
<template>
<div>
<!-- timeline -->
<section>
<time-line :active="active" :times="times" @change-time="handleTimeChange"></time-line>
<time-line-history :active="active" :history="timelineList" :times="times" @change-time="handleTimeChange"></time-line-history>
</section>
</div>
</template>
<style lang="sass" scoped>
</style>