<template>
  <div class="d-page d-flex flex-column">
    <title-bar :title="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="被执行人信息">
          <sub-title>被执行人信息</sub-title>
        </van-index-anchor>
        <information-of-the-person-subject-to-execution></information-of-the-person-subject-to-execution>
        <van-index-anchor index="失信被执行人信息">
          <sub-title>失信被执行人信息</sub-title>
        </van-index-anchor>
        <information-of-untrustworthy-person-subject-to-enforcement></information-of-untrustworthy-person-subject-to-enforcement>
      </van-index-bar>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import InformationOfThePersonSubjectToExecution from "@/components/customer-information/operating-risk-information/executed-person/InformationOfThePersonSubjectToExecution.vue";
import InformationOfUntrustworthyPersonSubjectToEnforcement from "@/components/customer-information/operating-risk-information/executed-person/InformationOfUntrustworthyPersonSubjectToEnforcement.vue";

/**
 * @Description 被执行人
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:13
 */
@Component({
  name: "ExecutedPerson",
  components: { TitleBar, InformationOfThePersonSubjectToExecution, InformationOfUntrustworthyPersonSubjectToEnforcement },
})
export default class ExecutedPerson extends Vue {
  title = "被执行人"; // 页面标题

  indexList = ["被执行人信息", "失信被执行人信息"];
  onClick() {
    console.log(111111);
  }
  mounted() {}
}
</script>

<style scoped></style>