<template>
  <div class="d-page d-flex flex-column">
    <title-bar title="营销时光轴" @clickLef="onClick">
      <van-icon slot="left" name="cross" size="24" />
    </title-bar>
    <div class="information-container h-scroller flex-1-dhc">
      <van-index-bar highlight-color="#F79400" :index-list="indexList">
        <van-index-anchor index="2018">
          <sub-title>2018</sub-title>
          <van-step>
            <li slot="active-icon"></li>
            <li slot="inactive-icon"></li>
            <li slot="finish-icon"></li>
          </van-step>
        </van-index-anchor>
        <EnterpriseMarketTimeLine></EnterpriseMarketTimeLine>
        <van-index-anchor index="2019">
          <sub-title>2019</sub-title>
        </van-index-anchor>
        <EnterpriseMarketTimeLine></EnterpriseMarketTimeLine>
      </van-index-bar>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import EnterpriseMarketTimeLine from "@/views/customer-mgt/EnterpriseMarketTimeLine.vue";
/**
 * @Description:营销时光轴
 * @author pd
 * @date 2021-11-06 16:41:40
 */
@Component({
  name: "MarketTimeLine",
  components: { TitleBar, EnterpriseMarketTimeLine },
})
export default class MarketTimeLine extends Vue {
  pageTitle = ""; // 页面标题

  indexList = ["2018", "2019"];
  onClick() {
    console.log(111111);
  }
  mounted() {
    this.pageTitle = this.$route.meta?.name;
    console.log(111);
  }
  activated() {}
}
</script>

<style scoped>
span {
  color: #999999;
  font-size: 16px;
}
.area {
}
</style>