<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="L/C Information" name="lcinf">
        <m-lcinf :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Liabilities" name="tenorSettle">
        <m-tenorsettle :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Settling Doc." name="utlp">
        <m-utlp ref="utlp" :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>

<script>
import Api from "~/service/Api";
import Utils from "~/utils";
import Utlp from "./Utlp";
import Lcinf from "./Lcinf";
import Ptyp from "./Ptyp";
import event from "../event";
import Tenorsettle from "~/components/business/engp/views/TenorSettle.vue";

export default {
  components: {
    "m-utlp": Utlp,
    "m-lcinf": Lcinf,
    "m-ptyp": Ptyp,
    "m-tenorsettle": Tenorsettle,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["utlp", "lcinf", "tenorSettle", "ptyp"],
    };
  },
  computed: {},
  methods: {},
};
</script>

<style></style>