<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Amendment Accept" name="accp">
        <m-accp :model="model" :codes="codes" ref="accp" />
      </el-collapse-item>
      <el-collapse-item title="Amendment" name="amep">
        <m-amep :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Overview" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Amep from "./Amep";
import Accp from "./Accp";
import Ovwp1 from "./Ovwp1";
// import Narp from './Narp';
import Detp from "./Detp";
import Ptyp from "./Ptyp";

export default {
  components: {
    "m-amep": Amep,
    "m-ovwp1": Ovwp1,
    "m-accp": Accp,
    "m-detp": Detp,
    "m-ptyp": Ptyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["accp", "amep", "ovwp1", "ptyp"],
    };
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>