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

            <!-- Details  详情信息-->
            <el-collapse-item title="Details" name="betdcrs">
                <m-betdcrs :model="model" :codes="codes" />
            </el-collapse-item>

            <!-- Discrepancies/ Refusal Details  不符点/拒绝信息-->
            <el-collapse-item title="Discrepancies/ Refusal Details" name="betdcrd">
                <m-betdcrd :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 Betdcrs from "./Betdcrs";
import Betdcrd from "./Betdcrd";

import Document from "../../Letdrv/views/Document";
import DocInfo from "../../Betsnd/views/DocInfo";
import Ptyp from "./Ptyp";

export default {
    components: {
        "m-docinfo":DocInfo,
        "m-ptyp": Ptyp,
        "m-betdcrs": Betdcrs,
        "m-betdcrd": Betdcrd,
        "m-document": Document,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
        return {
            activeNames: ["betdcrs","betdcrd","document"],
        };
    },
    methods: {},
    created: function () { },
};
</script>
<style>
.marginLable {
    padding-left: 160px;
}
</style>