<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="经营风险">
          <sub-title>经营风险</sub-title>
        </van-index-anchor>
        <business-risk></business-risk>
        <van-index-anchor index="处罚信息">
          <sub-title>处罚信息</sub-title>
        </van-index-anchor>
        <punishment-information></punishment-information>
        <van-index-anchor index="清算信息">
          <sub-title>清算信息</sub-title>
        </van-index-anchor>
        <liquidation-information></liquidation-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 BusinessRisk from "@/components/customer-information/business-information/risk-information/BusinessRisk.vue";
import PunishmentInformation from "@/components/customer-information/business-information/risk-information/PunishmentInformation.vue";
import LiquidationInformation from "@/components/customer-information/business-information/risk-information/LiquidationInformation.vue";
/**
 * @Description 风险信息
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:12
 */
@Component({
  name: "RiskInformation",
  components: { TitleBar, BusinessRisk, PunishmentInformation, LiquidationInformation },
})
export default class RiskInformation extends Vue {
  pageTitle = ""; // 页面标题

  indexList = ["经营风险", "处罚信息", "清算信息"];
  onClick() {
    console.log(111111);
  }
  mounted() {
    this.pageTitle = this.$route.meta?.name;
    console.log(111);
  }
  activated() {}
}
</script>

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