<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="Overview" name="ovwp1">
              <m-ovwp1 :model="model" :codes="codes"/>
          </el-collapse-item>-->

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

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

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

    import event from '../event'
    import Ovwp1 from "./Ovwp1";
    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-ovwp1": Ovwp1,
        "m-dscinsp" : Dscinsp,
        "m-document": Document, 

      },
      inject: ["root"],
      props: ["model", "codes"],
      mixins: [event],
      data() {
        return {
            activeNames: ['docinfo','ptyp']
        };
      },
      methods: {  },
      created: function () {},
    };
    </script>
    <style>
    </style>