<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Accept Discrepancies" name="acpp">
        <c-acpp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <c-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Advice of Discrepancy" name="mt750p">
        <c-mt750p :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Acpp from "./Acpp";
import Ptyp from "./Ptyp";
import Mt750p from "./Mt750p";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {
    "c-acpp": Acpp,
    "c-mt750p": Mt750p,
    "c-ptyp": Ptyp,
  },
  data() {
    return {
      activeNames: ["acpp", "ptyp", "mt750p"],
    };
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>