<template>
  <div class="eibs-tab">

    <c-collapse v-model="activeNames">

      <!--Document Information, 单据信息-->
      <el-collapse-item title="Document Information" name="docinfo">
        <m-docinfo :model="model" :codes="codes" />
      </el-collapse-item>

      <!--Parties, 当事人信息-->
      <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>

      <!-- Claim Reimb -->
      <el-collapse-item title="Claim Reimb" name="rclp">
        <c-content>
          <m-rclp :model="model" :codes="codes"/>
        </c-content>
      </el-collapse-item>

      <el-collapse-item title="Reimbursement Details" name="remp" v-if="model.rmbclm.clmrmbflg === 'X'">
      <!-- <el-collapse-item title="Reimbursement Details" name="remp"> -->
        <c-content>
          <m-remp :model="model" :codes="codes"/>
        </c-content>
      </el-collapse-item>

    </c-collapse>
  </div>
</template>
<script>  

import event from "../event";
import Rclp from "./Rclp"
import Remp from "./Remp"
import DocInfo from "./DocInfo";
import Ptyp from "./Ptyp";
import Tenorsettle from "~/components/business/engp/views/TenorSettle.vue";


export default {
  components: {
    "m-docinfo":DocInfo,
    "m-ptyp":Ptyp,
    "m-rclp": Rclp,
    "m-remp": Remp,
    "m-tenorSettle": Tenorsettle,
  },

  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["rclp","remp","tenorSettle"],

    };
  },
  methods: {},
  created:
      function () {
      },
};
</script>
<style>
</style>