<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="Discr./Instr." name="dscinsp">
                <m-dscinsp :model="model" :codes="codes"/>
            </el-collapse-item>

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

    import event from '../event'
    import DocInfo from "./DocInfo";
    import Ptyp from "./Ptyp";
    import Dscinsp from "./Dscinsp";
    
    export default {
      components: {
        "m-docinfo":DocInfo,
				"m-ptyp":Ptyp,
        "m-dscinsp" : Dscinsp,
      },
      inject: ["root"],
      props: ["model", "codes"],
      mixins: [event],
      data() {
        return {
          activeNames: ['docinfo','ptyp','dscinsp']
        };
      },
      methods: {  },
      created: function () {},
    };
    </script>
    <style>
    </style>