<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Additional Conditions" name="adcp1">
        <m-adcp1 :model="model" :codes="codes" ref="adcp1" />
      </el-collapse-item>
      <el-collapse-item
        title="Spec.Pay.Cond.for Beneficiary"
        name="sppben"
        v-if="this.model.lidgrp.rec.spcbenflg == 'X'">
        <m-sppben :model="model" :codes="codes" ref="sben" />
      </el-collapse-item>
      <el-collapse-item
        title="Special Payment Conditions for Bank Only"
        name="sppbnk"
        v-if="this.model.lidgrp.rec.spcrcbflg == 'X'">
        <m-sppbnk :model="model" :codes="codes" ref="sbnk" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Adcp1 from "./Adcp1";
import Sppben from "./Sppben";
import Sppbnk from "./Sppbnk";

export default {
  components: {
    "m-adcp1": Adcp1,
    "m-sppben": Sppben,
    "m-sppbnk": Sppbnk,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["adcp1", "sppben", "sppbnk"],
    };
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>