<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="Docs.received" name="drv">
                <m-drv :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 Drv from "./Drv";
    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-dscinsp" : Dscinsp,
        "m-document": Document,

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