<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="费用" name="feep">
      <m-feep :model="model" :codes="codes"/>
    </el-collapse-item>-->

    <el-collapse-item title="Rebooking" name="xxtfee">
      <m-xxtfee :model="model" :codes="codes" :xxtfeeObj="codes.xxtfeeObj" />
    </el-collapse-item>
  </c-collapse>
</div>
</template>

<script>
import event from "../event";
import Feep from "./Feep.vue";
import Xxtfee from "~/components/business/xxtfee/views";
import DocInfo from "../../Betsnd/views/DocInfo";
import Ptyp from "../../Letdrv/views/Ptyp";

export default {
  components: {
    "m-ptyp": Ptyp,
    "m-docinfo":DocInfo,
    "m-feep": Feep,
    "m-xxtfee": Xxtfee
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["docinfo","ptyp","xxtfee"],
    };
  },
  created: function () { },
  computed:{
     
  }
};
</script>
<style>
</style>