<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>

            <!-- Acceptance to 2nd Ben -->
            <el-collapse-item title="Acceptance to 2nd Ben" name="accp">
                <m-accp :model="model" :codes="codes"/>
            </el-collapse-item>

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

            <el-collapse-item title="Liabilities" name="acceptlinep">
              <m-acceptlinep ref="setp" :model="model" :codes="codes"/>
            </el-collapse-item>

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

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