<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>
