<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <!--Document Information, 单据信息-->
      <el-collapse-item title="Overview" 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="Docs. received" name="drv">
        <m-drv :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Documents description" name="document">
        <m-document :model="model" :codes="codes" />
      </el-collapse-item>

      <!-- <el-collapse-item title="Amounts" name="adapan">
                <m-adapan :model="model" :codes="codes"/>
            </el-collapse-item> -->

      <el-collapse-item title="Discr./Instr." name="dscinsp">
        <m-dscinsp :model="model" :codes="codes" />
      </el-collapse-item>

    </c-collapse>
  </div>
</template>
    <script>
import event from "../event";
import Drv from "./Drv";
import Adapan from "./Adapan";
import Dscinsp from "./Dscinsp";
import DocInfo from "./DocInfo";
import Ptyp from "./Ptyp";
import Document from "./Document";

export default {
  components: {
    "m-docinfo": DocInfo,
    "m-ptyp": Ptyp,
    "m-drv": Drv,
    "m-adapan": Adapan,
    "m-dscinsp": Dscinsp,
    "m-document": Document
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["drv", "adapan", "document"]
    };
  },
  methods: {},
  created: function() {}
};
</script>
    <style>
</style>