<template>
  <div class="d-page d-flex flex-column">
    <title-bar title="个人概况" @clickLeft="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="基本信息">
          <sub-title>基本信息</sub-title>
        </van-index-anchor>
        <basic-information></basic-information>
        <van-index-anchor index="详细信息">
          <sub-title>详细信息</sub-title>
        </van-index-anchor>
        <detailed-information></detailed-information>
      </van-index-bar>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import BasicInformation from "@/components/customer-information/personal-profiles/BasicInformation.vue";
import DetailedInformation from "@/components/customer-information/personal-profiles/DetailedInformation.vue";
/**
 * @Description 个人概况
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:21
 */
@Component({
  name: "PersonalProfiles",
  components: { TitleBar, BasicInformation, DetailedInformation },
})
export default class PersonalProfiles extends Vue {
  indexList = ["基本信息", "详细信息"];

  onClick() {
    this.$router.go(-1);
  }
  mounted() {
  }
}
</script>

<style scoped></style>