Ovwp.vue

<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="Liabilities" name="tenorSettle">
              <m-tenorsettle :model="model" :codes="codes" />
            </el-collapse-item>

            <!-- Funds Settlement -->
            <el-collapse-item title="Funds Settlement" name="setp">
                <m-setp :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 Setp from "./Setp";
    import Tenorsettle from "~/components/business/engp/views/TenorSettle.vue";

    
    export default {
      components: {
        "m-docinfo":DocInfo,
        "m-ptyp":Ptyp,
        "m-setp": Setp,
        "m-tenorsettle": Tenorsettle,

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