<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">

      <!-- L/C inforamiton  -->
      <el-collapse-item title="L/C Information" name="lcinfo">
        <m-lcinfo :model="model" :codes="codes" />
      </el-collapse-item>

      <!-- Parties  -->
      <el-collapse-item title="Basic Parties" name="basicptyp">
        <m-basicptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Revolving Details" name="revp" v-if="model.ledgrp.rec.revflg == 'X'">
        <m-revp :model="model" :codes="codes" />
      </el-collapse-item>

        <!-- Confirmation,  保兑信息 -->
      <el-collapse-item title="Confirmation" name="conp">
        <m-conp :model="model" :codes="codes" />
      </el-collapse-item>

<!--        &lt;!&ndash; Overview,  概览信息 &ndash;&gt;
      <el-collapse-item title="Overview" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>-->

<!--      <el-collapse-item title="附加金额" name="aamp" v-if="model.letp.addamtflg">
        <m-aamp :model="model" :codes="codes" />
      </el-collapse-item>-->

    </c-collapse>
  </div>
</template>
<script>
import event from "../event"
import Conp from "./Conp"
import LcInfo from "./LcInfo";
import Revp from "./Revp";
import BasicPtyp from "./BasicPtyp";

export default {
  components: {
    "m-conp": Conp,
    "m-lcinfo": LcInfo,
    "m-revp": Revp,
    "m-basicptyp":BasicPtyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["lcinfo","basicptyp","revp","conp"],
    };
  },
  methods: {},
  created: function () {},
  computed: {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>