<template>
  <div class="itd">
    <cr-sticky class="itd-head">
      <cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
        <cr-tabbar-item>经营资质</cr-tabbar-item>
        <cr-tabbar-item>保险产品信息披露</cr-tabbar-item>
        <cr-tabbar-item>合作保险公司披露</cr-tabbar-item>
      </cr-tabbar>
    </cr-sticky>
    <component :is="comName"></component>
  </div>
</template>
<script>
import "./index.less";
import BusinessQuali from "./modules/BusinessQuali";
import Company from "./modules/Company";
import Product from "./modules/Product";

const components = ["BusinessQuali", "Company", "Product"];

export default {
  name: "PolicyList",
  components: {
    BusinessQuali,
    Company,
    Product
  },
  data() {
    return {
      active: 0
    };
  },
  computed: {
    comName: function() {
      return components[this.active];
    }
  }
};
</script>
